/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/ @font-face { font-family: 'Arial'; src: url(/../public/font-awesome/fonts/Arial-Mdm.woff2) format('woff2'), url(/../public/kreate-new/design2/design3//font-awesome/fonts/Arial-Mdm.woff2) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial'; src: url(/../public/font-awesome/fonts/Arial-Lgt.woff2) format('woff2'), url(/../public/font-awesome/fonts/SArial-Lgt.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial'; src: url(/../public/font-awesome/fonts/ArialMT.woff2) format('woff2'), url(/../public/font-awesome/fonts/ArialMT.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Arial'; src: url(/../public/font-awesome/fonts/Arial-BoldMT.woff2) format('woff2'), url(/../font-awesome/fonts/Arial-BoldMT.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /***New Font Introduced**/ @font-face { font-family: Sofia-Pro-Medium; src: url(/../public/font-awesome/fonts/Sofia-Pro-Medium.otf); } @font-face { font-family: Sofia-Pro-Light; src: url(/../public/font-awesome/fonts/Sofia-Pro-Light.otf); } @font-face { font-family: Vesterbro-Extrabold; src: url(/../public/font-awesome/fonts/Vesterbro-Extrabold.otf); } @font-face { font-family: Vesterbro-Light; src: url(/../public/font-awesome/fonts/Vesterbro-Light.otf); } @font-face { font-family: Vesterbro-Regular; src: url(/../public/font-awesome/fonts/Vesterbro-Regular.otf); } @font-face { font-family: GraphikBold; src: url(/../public/font-awesome/fonts/GraphikBold.otf); } @font-face { font-family: GraphikRegular; src: url(/../public/font-awesome/fonts/GraphikRegular.otf); } section.brand-name { display: none; } p { font-size: 16px; font-family: Vesterbro-Light; } h1 { font-family: Vesterbro-Extrabold; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; font-family: Vesterbro-Extra; /* Rijwan Old : Vesterbro-Extrabold*/ } .tno { position: relative; } .leaderboard-ads .col-md-3.wrapbg { max-width: 50%; flex: 0 0 50%; } .leaderboard-ads .catclassname{font-size: 13px; top: 7px; padding: 5px 10px;} /* account drop css start */ #cssmenu .dropdown-content { top: 93%; right: 0; min-width: 115px; border-radius: 8px; } .dropdown .dropdown-content a { padding: 7px 13px 7px!important; font-size: 13px!important; border-bottom: 1px solid #cccccc73!important; } /* account drop css end */ .numbertext, .numberslogan { border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; position: absolute; background: #ffffff; right: 0; top: 0; bottom: 0; font-size: 14px; font-weight: 400; color: #ccc; border-top: 1px solid #d8d8d8; } .logo { position: relative; top: 18px; max-width: 190px; width: 100%; display: inline-block; z-index: 9999999; } .logo a { display: block; } header { position: relative; z-index: 9999; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { font-family: proxima-nova, Roboto, sans-serif; background: #33333300; padding-top: 25px; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #202020; font-weight: normal; text-transform: uppercase; } #cssmenu > ul > li:hover > a { color: #000; } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #292929; content: ''; } #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #292929; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } #cssmenu ul ul { position: absolute; left: -9999px; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { left: auto; right: 0; } #cssmenu li:hover > ul > li { height: 35px; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li a { /*border-bottom: 1px solid rgba(150, 150, 150, 0.15);*/ padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #292929; font-weight: 400; background: #33333300; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #292929; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #292929; content: ''; } #cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #292929; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } /* new css 26-7-22 start here */ #cssmenu a.btnLoginOm { position: relative; top: 6px; } /* new css 26-7-22 end here */ @media all and (max-width: 991px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991px), only screen and (min-device-pixel-ratio: 2) and (max-width: 991px), only screen and (min-resolution: 192dpi) and (max-width: 991px), only screen and (min-resolution: 2dppx) and (max-width: 991px) { #cssmenu { width: 100%; } #cssmenu ul { width: 100%; display: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; } #cssmenu ul ul li a { padding-left: 25px; } #cssmenu ul ul ul li a { padding-left: 35px; } #cssmenu ul ul li a { color: #dddddd; background: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #ffffff; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none; } #cssmenu #menu-button { display: block; padding: 17px; color: #1a1472; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 3px solid #292929; border-bottom: 3px solid #292929; content: ''; padding-bottom: 4px; } #cssmenu #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #1a1472; content: ''; } #cssmenu #menu-button.menu-opened:after { top: 16px; right: 6px; height: 16px; width: 2px; background: #1a1472; -webkit-transform: rotate( 65deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(134deg); border: none !important; } #cssmenu #menu-button.menu-opened:before { top: 23px; background: #292929; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; } #cssmenu .submenu-button.submenu-opened { background: #ffffff; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px; } #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #292929; content: ''; } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; } #cssmenu .submenu-button.submenu-opened:after { background: #292929; } #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #292929; content: ''; } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; } #cssmenu .submenu-button.submenu-opened:before { display: none; } } @media screen and (max-width: 1130px) and (min-width: 991px) { .switch .sliders:before { width: 10px; } } @media screen and (max-width: 1230px) and (min-width: 1131px) { .switch .sliders:before { width: 15px; left: 0.4em; } } .bg-imgg { background-image: url('../img/bg.svg'); background-repeat: no-repeat; background-position: right top; background-size: 70%; } li.butn { background-image: linear-gradient(to bottom right, #6200ee, #f4511e); border-radius: 27px; color: #292929 !important; } #cssmenu > ul > li.butn > a { color: #fff; } header nav { padding: 0 2.2rem; } body { font-family: proxima-nova, Roboto, sans-serif; overflow-x: hidden; } nav { height: 85px; } .lap-top img { width: 114%; position: relative; left: 0px; top: -6px; } .video-tem { position: absolute; top: 59px; left: 105px; } .text-aliment h1 { padding-top: 70px; color: #202020; /*font-family: Sofia-Pro-Medium;*/ font-family: Vesterbro-Extrabold; font-size: 38px; font-weight: 700; margin: 0 auto; max-width: 832px; padding: 0px 30px 0px 30px; width: 100%; } .create_wrap .text-aliment h1 { color: #ffffff; } .create_wrap .text-aliment p { color: #ffffff; font-size: 14px; line-height: 18px; } .create_wrap .text-aliment p.charcount { color: #495057; } ul.iconwrap li.width_class { position: absolute; } .text-aliment p { font-size: 16px; font-weight: 400; line-height: 20px; margin: 15px auto 0; max-width: 1024px; color: #202020; font-family: Vesterbro-Regular !important; } .text-aliment form + p { margin-top: 20px; } .mg_div img { width: 100%; } .cta__form { display: flex; justify-content: center; margin: 30px 0 0; position: relative; z-index: 2; } .text-aliment form.cta__form + p { margin-bottom: 5px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; } .cta__input, .cta__inputts { background-color: #e6e6e6; border: 0; border-radius: 59px; box-shadow: none; margin: 0px; max-width: 480px; padding: 12px 25px; width: 100%; height: 50px; z-index: -10; font-size: 16px; line-height: 24px; font-weight: 400; color: #202020 !important; float: left; font-family: Vesterbro-Regular !important; } .cta__button { background: #536aff; /* background-image: linear-gradient(to bottom right, #6200ee, #f4511e);*/ border: none; color: #202020 !important; display: inline-block; font-family: Vesterbro-Regular !important; font-weight: 300; transition: all .2s ease-in-out; border-radius: 92px; font-size: 16px; height: 50px; /* Rijwan Old:49px*/ line-height: 20px; padding: 0px 24px; flex-shrink: 0; margin-right: 12px; position: absolute; right: 0px; /* box-shadow: 2px 5px 5px 2px #f7c7c7;*/ } .searchBox { position: relative; max-width: 480px; width: 100%; background-color: #efefef; border: 0; border-radius: 60px; box-shadow: 2px 4px 2px 0px #e4dddd !important; } .searchBox .cta__input { width: 70%; } .searchBox .cta__button { top: 0; right: 0; margin-right: 0; } .slider { width: 85%; margin: 100px auto; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; opacity: .2; } .logo_edit { color: #ffffff; border-radius: 30px; background: rgba(0, 0, 0, 0.22); bottom: 20px; position: absolute; padding: 10px; border: 0; right: 20px; display: none; /* visibility: hidden; */ font-size: 14px; } .logo_del { color: #ffffff; border-radius: 50px; background: rgba(255, 0, 0, 0.6); bottom: 20px; position: absolute; padding: 10px; border: 0; right: 60px; display: none; /*visibility: hidden;*/ font-size: 14px; width: 32px; height: 32px; } .logo_del a { color: #ffffff; } .wrapbg { padding: 7px; } /* edit option for create logo page css */ .wrapbg:hover .logo_edit, .wrapbg:hover .logo_del { display: block; } .logo_edit:hover, .logo_del:hover { display: block; } .logo_edit a { text-decoration: none; color: #fff; } /* edit option for create logo page css end */ .slick-active { opacity: .5; } .slick-current { opacity: 1; } .fordot ul.slick-dots { display: none !important; } .slider-3 .col-md-5 { margin: 0px; padding: 0px; } div#slick-slide00 { margin: -1px; padding: 0px; } div#slick-slide01 { margin: -1px; padding: 0px; } div#slick-slide02 { margin: -1px; padding: 0px; } .image-slide .slick-list.draggable { height: 615px !important; padding: 0px !important; } .slider-3 { padding-top: 0px; } /*h1, h2, h3, h4, h5, h6 { font-family: neo_sansregular,Roboto,sans-serif; }*/ .slide-rightt h2 { font-weight: 600; color: #6200ee; font-size: 26px; line-height: 32px; } .h3-mob { color: #6200ee; } .numbers .slick-list.draggable { height: 320px !important; padding: 0px !important; } .slide-rightt .vertical-center-4.slider.fordot.numbers.slick-initialized.slick-slider.slick-dotted.slick-vertical { position: absolute; top: 70px; left: 90px; } .slide-rightt h1 { font-size: 70px; font-weight: bolder; } .slide-rightt h3 { font-weight: bold; } .slide-rightt p { font-size: 18px; } .slide-rightt { top: 60px; left: 60px; } .slide-rightt .owl-carousel .owl-nav { width: auto !important; text-align: left; } .slide-rightt .owl-carousel .owl-nav button.owl-next { left: 50px; } button.slider-button { padding: 8px; width: 180px; /*background-color: #1a1472;*/ background-image: linear-gradient(to bottom right, #6200ee, #f4511e); border: none; color: #fff; border-radius: 100px; } .slider-button .slide-rightt .slick-list.draggable { height: 22px !important; padding: 0px !important; } .slider-button .vertical-center-4.slider.slick-initialized.slick-slider.slick-dotted.slick-vertical { margin: 0px; } .slider-button .slick-list.draggable { height: 25px !important; padding: 0px !important; } .slider-button p { position: relative; top: 0px; left: -28px; font-size: 16px !important; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px !important; height: 15px !important; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: #1a1472 !important; border-radius: 30px; } .slick-dots { position: absolute; bottom: -75px!important; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; left: -37px; } .slider-button div#slick-slide20 { width: 155px!important; margin: 0px!important; padding: 0px!important; } .slider-button div#slick-slide21 { width: 155px!important; margin: 0px!important; padding: 0px!important; } .slider-button div#slick-slide22 { width: 155px!important; margin: 0px!important; padding: 0px!important; } .slider-button p i { position: relative; right: 0px; transition: all .8s!important; } .slider-button p:hover i { position: relative; right: -50px; transition: all .8s!important; } .ul-style ul li { text-decoration: none; list-style: none; } .ul-style h3 { font-weight: bold; color: #ff8100; } .ul-style p { font-size: 17px; color: #6d6d6d; } .section-stay h1 { font-size: 36px; font-weight: bold; padding-top: 70px; color: #1a1472; text-align: center; padding-bottom: 55px; } img.logo-im { padding-top: 5px; } .phone-img { position: absolute; z-index: 1000; } .phone-img img { width: 105%; } .text-aliment { text-align: center; } section.slider-3 { margin-top: 0px; } .reviews { margin-top: 20px; } .header-section { /* padding: 100px 0px;*/ background: #fff; } .bannercontainer { width: 100%; position: relative; padding: 0; } .create_wrap { background-image: linear-gradient(to bottom right, #6200ee, #f4511e); padding: 80px 0; } .banner { width: 100%; position: relative; } .owl-carousel { transform: rotate(90deg); width: 100%!important; } #c3.owl-carousel { transform: rotate(0deg); width: 100%!important; margin-top: 0px; } #c2.owl-carousel { transform: rotate(0deg) !important; } #c1 .item { transform: rotate(-90deg); } #c3 .item { transform: rotate(0deg); } .owl-carousel .owl-nav { /*display: flex;*/ justify-content: space-between; position: static; height: 0; /*width: 100%; top: calc(50% - 33px);*/ } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { /*background: black!important;*/ color: #f4511e!important; /* border: 1px solid!important;*/ padding: 0 !important; font: inherit; border-radius: 14px!important; margin: 2px!important; width: 5px; height: 5px; } .owl-carousel .owl-nav button.owl-next { position: absolute; right: 0; top: -25px; bottom: 0; margin: auto; height: 100%; } div.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; top: -25px; bottom: 0; margin: auto; height: 100%; } .item { text-align: center; } .owl-next span, .owl-prev span { font-size: 100px; padding: 0 10px; } #c1 .owl-nav { display: none; } #c1 .owl-dots { display: none; } #c2 .owl-nav { display: none; } #c2 .owl-dots { display: none; } #c3 .owl-dots { display: none; } .owl-carousel .owl-nav { width: 100% !important; top: calc(39% - 0px) !important; } :focus { outline: none !important; } div#c2 { /*position: relative; top: 80px; padding-left: 91px;*/ text-align: left !important; } .box-inner { max-width: 400px; } div#c2 h1, div#c2 h3, div#c2 p { text-align: left; } div#c2 h3 { font-size: 26px; padding-bottom: 40px; line-height: 32px; } #c3 p.item { position: relative; top: 0px !important; left: 6px; text-align: left; font-size: 16px !important; } .owl-prev span { font-size: 100px; padding: 0 10px; margin-left: -16px; color: #f4511e; } .owl-next span { font-size: 100px; color: #6200ee; } .animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 500ms; animation-delay: 500ms; } .animate-out { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .owl-item { display: table; } .owl-carousel .item { display: table-cell; vertical-align: middle; text-align: center; width: 82px; } #c1 .owl-item { opacity: 0; position: relative; left: 500px; transition: all .5s ease .5s; } #c1 .owl-item.active.center { opacity: 1; transition: all .5s ease .5s; position: relative; left: 0px; } #c3 .owl-item { opacity: 0; position: relative; top: 55px; transition: all .5s ease .5s; } #c3 .owl-item.active.center { opacity: 1; transition: all .5s ease .5s; position: relative; top: 0px; } /*.form-control, .new_create_logo_section .justify-between2.flex-v-center .form-floating>.form-select { height: calc(2.5rem + 2px); width: 96%!important; } .new_create_logo_section .justify-between2.flex-v-center input { height: 70px!important; border-radius: 10px; box-shadow: inset #e5e5e5 2px 5px 10px; border: #c5c5c5 1px solid; background:none; padding-top: 36px; } section.header-section.create_wrap.create_logo_search_wrap.new_create_logo_section .form-control:focus{ box-shadow: inset #e5e5e5 2px 5px 10px!important; border: #c5c5c5 1px solid!important;} .new_create_logo_section .form-floating>.form-control, .new_create_logo_section .form-floating>.form-select { height: calc(2.5rem + 2px); width: 96%; } .form-floating>.form-control { padding: 1rem 0.75rem; } .new_create_logo_section .form-floating>.form-control, .new_create_logo_section .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .new_create_logo_section #newform .form-floating>label { left: 0; padding-top: 21px; } .new_create_logo_section .form-floating>label { padding-top: 21px; font-size: 16px; color: rgb(103, 110, 139); font-weight: 500; left: 15px; } .new_create_logo_section .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 0.6rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out; } .new_create_logo_section .counter_box { position: absolute; right: 22px; bottom: 14px; font-size: 14px; } .new_create_logo_section .counter_box { position: absolute; right: 22px; bottom: 14px; font-size: 14px; } .new_create_logo_section justify-between2.flex-v-center .btn { width: 100%; border-radius: 10px; height: 67px!important; font-size: 18px; } .new_create_logo_section .btn, .tariffs__btn, .bg_button, button.buy-btnn{height:65px;} .new_create_logo_section #myUL { list-style-type: none; padding: 0; margin: 0; display: none; position: absolute; z-index: 99; width: 96%; background: #fff; border-radius: 0; overflow-y: auto; max-height: 213px; } .new_create_logo_section #myUL li { cursor: pointer; border: 1px solid #ddd; margin-top: -1px; padding: 12px; text-decoration: none; font-size: 15px; color: black; display: block; padding: 10px 15px; } .new_create_logo_section .form-floating>.form-control:focus~label, .new_create_logo_section .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(0.85) translateY(-0.9rem) translateX(0.15rem)!important; } .new_create_logo_section .justify-between2.flex-v-center .form-floating>.form-control, .new_create_logo_section .justify-between2.flex-v-center .form-floating>.form-select { height: calc(2.5rem + 2px); width:96%!important; } .new_create_logo_section .form-floating>.form-control:focus~label, .new_create_logo_section .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { left: 0; } .new_create_logo_section .justify-between2 .form-floating.mb-3:last-child { margin-right: 0; flex: 0.7; } .new_create_logo_section .btn, .tariffs__btn, .bg_button, button.buy-btnn { height: 65px; width: 100%; font-size: 20px!important; } .new_create_logo_section #myUL::-webkit-scrollbar { width: 8px; } .new_create_logo_section #myUL::-webkit-scrollbar-track { border-radius: 12px; background: #fff; } .new_create_logo_section #myUL::-webkit-scrollbar-thumb { border-radius: 12px; background: #ddd; } .new_create_logo_section .page-item .page-link { padding: 5px 14px; border: 1px solid #ccc; background: none!important; color: #4154f1!important; border-radius: 0!important; font-family:Circular,Arial,sans-serif !important; } .new_create_logo_section .page-item.active .page-link { z-index: 1; color: #fff!important; background-color: #4154f1!important; border-color: #007bff; } .new_create_logo_section .pagination a:last-child { border: 1px solid #ccc; padding: 5px 14px; } /* new logo idea page css end here */ /* new blog css start here */ .blog_cntr { background: none; padding: 40px 30px 30px; border-radius: 15px; margin: 35px auto 50px; } .blog_cntr h2.text-center.mb-4 { font-weight: 600; padding-bottom: 20px; } .blog_cntr p { color: #393D56!important; font-size: 17px; font-family: 'Poppins', sans-serif!important; font-weight: normal!important; line-height: normal; } .blog_cntr a.cust_feature_btn.mid_ri3 { margin: 35px auto 0; display: table; } .blog_cntr a { margin-top: 7px; display: inline-block; color: #536aff; } /* new blog css end here */ /* new faq page css start here */ .faq_category_section .accordion:after{display:none;} .faq_category_section .card-header { padding: 0; border: none; background: none; } .faq_category_section button.btn.btn-link { font-weight: 600; width: 100%; color: #000; text-align: left; font-family: GraphikBold!important; font-size: 19px; text-decoration: none!important; } .faq_category_section .card { border: none; padding: 10px 20px 15px; background: #fff; border-radius: 12px!important; margin-bottom: 20px; } .faq_category_section { padding: 50px 0; } .faq_category_section .accordion { padding: 0; background: none; } .faq_category_section ul.nav.nav-pills { background: #fff; border-radius: 16px; padding: 30px 20px 10px; height:100vh; position: sticky; top: 90px; } .faq_section_cntr { background: #f3f5f7; } .faq_category_section .nav-pills .nav-link { padding: 10px 15px; margin-bottom: 15px; border-radius: 8px; font-size: 17px; font-family:GraphikRegular!important; } .faq_category_section button.btn.btn-link i.fa { position: absolute; right: 15px; top: 25px; } .faq_category_section button.btn.btn-link:hover { text-decoration: none!important; } .faq_category_section .card-body p { font-weight: normal; font-size: 17px; font-family: GraphikRegular!important; } .faq_category_section .card-body li{font-family: GraphikRegular!important;} ul.faq_list { padding: 0 0 0 32px; list-style: disc; } ul.faq_list li { font-weight: normal; font-family: Circular,Arial,sans-serif !important; text-indent: -6px; padding-bottom: 7px; font-size: 18px; float: left; width: 50%; } p.list_topic { font-size: 18px; padding-top: 20px; clear: both; } .categories_head { margin: 0 0 15px; font-size: 28px; font-weight: 600; position: relative; top: -8px; } .faq_list.full_line li { width: 100%; float: none; } .sub_list { list-style: disc; padding: 20px 0 15px 50px; } ul.faq_list.no_list { list-style: none; padding: 0 0 0 7px; } .faq_list.no_list li { width: 100%; float: none; } /* new faq page css end here */ /* rate card page css start here */ .unlimited_tabs_cntr.ratecard_tab ul.nav.nav-pills{max-width: 640px;} .unlimited_tabs_cntr.ratecard_tab .nav-pills .nav-link { font-size: 32px; padding: 16px 0; } .rate_container_box { background: #E7EAFF; padding: 0 70px; border-radius: 25px; margin-top: 60px; } .rate_details h2 { font-size: 24px; font-weight: bold; color: #232637; font-family: 'Poppins', sans-serif!important; margin: 0 0 8px; text-transform: uppercase; position: relative; background: #E7EAFF; display: inline-block; z-index: 9; padding-right: 9px; } .rate_details p { font-size: 16px; color: #232637; font-family: 'Poppins', sans-serif!important; min-height: 45px; letter-spacing: 1px; margin: 0; } span.rate_text{ font-size: 24px; font-weight: bold; color: #232637; font-family: 'Poppins', sans-serif!important; text-align: left; display: block; } .tab-content.rate_container_box { background: #E7EAFF; padding: 60px 0px 0px 85px; border-radius: 25px; margin-top: 60px; } .rate_details { margin-bottom: 25px; padding-bottom: 7px; position: relative; } .rate_bg { padding:0px 7px; } .rate_box { padding-top: 0; margin-top: -2px; } .rate_radius_bg { border-radius: 25px 25px 0 0; } .rate_bg.border_radius_bottom { border-radius: 0px 0px 25px 25px; } .rate_details.align_rate { padding:0px 0px 35px; } .rate_details:after { width: 100%; border-bottom: 2px dotted #232637; height: 2px; position: absolute; content: ""; top: 13px; left: 0; z-index: 0; } /* rate card page css end here */ /* new idea logo page css start here */ section.section-logo-idea.similar_container.cust_grid_hiw .rond { border-radius: 10px 10px 10px 10px;} section.section-logo-idea.similar_container.cust_grid_hiw .round:hover { box-shadow: 2px 2px 4px 4px #FFCC00; } section.section-logo-idea.similar_container.cust_grid_hiw .card, .card a svg rect { background:none !important; } section.section-logo-idea.similar_container.cust_grid_hiw .shadow-sm { box-shadow: .5rem .5rem .7rem rgba(0,0,0,.15) !important; } section.section-logo-idea.similar_container.cust_grid_hiw .shadow-sm:hover { box-shadow: .6rem .6rem .9rem rgba(0,0,0,.25) !important; } section.section-logo-idea.similar_container.cust_grid_hiw .card a { background-color: #a1abf1; background-image: -webkit-gradient(linear, 135deg, 135deg, from(#a1abf1), to(#334be4)); background-image: -webkit-linear-gradient(135deg, #a1abf1, #334be4); background-image: -moz-linear-gradient(135deg, #a1abf1, #334be4); background-image: -o-linear-gradient(135deg, #a1abf1, #334be4); background-image: linear-gradient(135deg, #a1abf1, #334be4); font-size: 165%; text-align: center; height: 200px; align-items: center; justify-content: center; color: rgb(255, 255, 255); text-decoration: none; display: flex; border-radius: 10px; font-weight: 900; } section.section-logo-idea.similar_container.cust_grid_hiw .card a:hover { background-color: #a1abf1; background-image: -webkit-gradient(linear, 105deg, 105deg, from(#a1abf1), to(#334be4)); background-image: -webkit-linear-gradient(105deg, #a1abf1, #334be4); background-image: -moz-linear-gradient(105deg, #a1abf1, #334be4); background-image: -o-linear-gradient(105deg, #a1abf1, #334be4); background-image: linear-gradient(105deg, #a1abf1, #334be4); } section.section-logo-idea.similar_container.cust_grid_hiw .containerLang_EN { margin-bottom:20px; } .containerLang_ES { margin-bottom:20px; } /* new logo idea page css end here */ .mob-footer{ display: none!important; } .web-footer{ display: flex!important; } .freetrail_btn { position: relative!important; right: -5px; top: 6px; } .freetrail_btn a { background: #f1bf17; padding: 12px 15px!important; border-radius: 8px; color: #000!important; letter-spacing: 0!important; } .Icon { position: absolute; top: 0; right: 0; width: 50px; line-height: 38px; text-align: center; cursor: pointer; background: #eaeaea; } @media screen and (max-width: 767px) { /* new logo idea detail page css start here */ .new_create_logo_section .card4container{grid-template-columns: inherit;} section.header-section.create_wrap.create_logo_search_wrap.new_create_logo_section { display: inherit; } .new_create_logo_section .justify-between2.flex-v-center { display: inherit; } section.header-section.create_wrap.create_logo_search_wrap.new_create_logo_section h1.animated.bounce.text-center.create_logo_heading { font-size: 31px!important; padding: 0 0 16px; } .new_create_logo_section .justify-between2.flex-v-center .form-floating>.form-control, .new_create_logo_section .justify-between2.flex-v-center .form-floating>.form-select { width: 100%!important; } .new_create_logo_section .justify-between2 .form-floating.mb-3{margin-right:0;} #loginres .modal-dialog{margin: 14rem auto 0;width: 89%;} /* new logo idea detail page css end here */ .dwnloadBtnWrap .dwnload { padding-left: 10px; padding-right: 10px; } .faq .question { font-size: 18px; } .owl-carousel .owl-stage-outer .owl-stage { padding-left: 0 !important; } .owl-carousel .owl-nav { display: none; } } .faqs-head { font-size: 36px; font-weight: 700; color: #202020; text-align: center; padding-bottom: 50px; font-family: Vesterbro-Extrabold; } span.quee1 { width: 100%; text-align: left; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } span.quee2 { width: 100%; text-align: left; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } span.quee3 { width: 100%; text-align: left; padding: 0px; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } span.quee4 { width: 100%; text-align: left; padding: 0px; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } span.quee5 { width: 100%; text-align: left; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } span.quee6 { width: 100%; text-align: left; padding: 0px; padding-left: 30px; padding-right: 30px; font-weight: 500; font-size: 14px; letter-spacing: 1px; color: #9c9c9c; text-decoration: none !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } .que1:hover span.quee1 { padding-left: 40px; transition: all 0.3s ease 0s; } .que2:hover span.quee2 { padding-left: 40px; transition: all 0.3s ease 0s; } .que3:hover span.quee3 { padding-left: 40px; transition: all 0.3s ease 0s; } .que4:hover span.quee4 { padding-left: 40px; transition: all 0.3s ease 0s; } .que5:hover span.quee5 { padding-left: 40px; transition: all 0.3s ease 0s; } .que6:hover span.quee6 { padding-left: 40px; transition: all 0.3s ease 0s; } .que1:hover { background-color: #ff810029; transition: all 0.3s ease 0s; } .que2:hover { background-color: #00966d29; transition: all 0.3s ease 0s; } .que3:hover { background-color: #0087cc29; transition: all 0.3s ease 0s; } .que4:hover { background-color: #e51c2029; transition: all 0.3s ease 0s; } .que5:hover { background-color: #0c0d3f29; transition: all 0.3s ease 0s; } .que6:hover { background-color: #fc482e29; transition: all 0.3s ease 0s; } .faq .que1 .plus-minus-toggle:before, .faq .que1 .plus-minus-toggle:after { background: #ff8100; content: ''; height: 3px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease; } .faq .que2 .plus-minus-toggle:before, .faq .que2 .plus-minus-toggle:after { background: #00966d; content: ''; height: 3px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease; } .faq .que3 .plus-minus-toggle:before, .faq .que3 .plus-minus-toggle:after { background: #0087cc; content: ''; height: 3px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease; } .faq .que4 .plus-minus-toggle:before, .faq .que4 .plus-minus-toggle:after { background: #e51c20; content: ''; height: 3px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease; } span.faq-dota { background-color: #ff8100; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } span.faq-dota2 { background-color: #00966d; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } span.faq-dota3 { background-color: #0087cc; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } span.faq-dota4 { background-color: #e51c20; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } span.faq-dota5 { background-color: #0c0d3f; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } span.faq-dota6 { background-color: #fc482e; padding: 2px 6px; color: #fff; border-radius: 100px; text-align: center; margin-right: 8px; } /*end faqs*/ /*textimonial*/ .textimon { font-family: proxima-nova, Roboto, sans-serif; } .textimon .owl-carousel { transform: rotate(0deg); width: 100%!important; margin-top: 100px; } .textimon .owl-carousel .owl-nav button.owl-prev, .textimon .owl-carousel .owl-nav button.owl-next, .textimon .owl-carousel button.owl-dot.active { background: #1a1472 !important; color: inherit; border: 1px solid #1a1472 !important; padding: 3px !important; font: inherit; } .textimon .owl-carousel .owl-nav button.owl-prev, .textimon .owl-carousel .owl-nav button.owl-next, .textimon .owl-carousel button.owl-dot { background: #8681d7 !important; color: inherit; border: 1px solid #8681d7 !important; padding: 3px !important; font: inherit; } .textimon .owl-dots { text-align: center; } .review-3 { background-color: #fff; /* border: 1px solid #ddd; */ margin: 0 5px; padding: 30px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; text-align: justify; } .review-3 p { color: #757575; font-size: 17px; line-height: 1.45; font-weight: 300; /* font-style: italic; */ } #reviews-3 .review-author .h5-xs { font-size: 17px !important; padding-top: 12px !important; margin-bottom: 0px !important; font-weight: bolder !important; } .h5-xs { font-size: 17px !important; padding-top: 12px !important; margin-bottom: 0px !important; font-weight: bolder !important; } img.stars-img { width: 58% !important; } .texti-head { font-size: 36px; font-weight: bold; padding-top: 70px; color: #6300f0; text-align: center; padding-bottom: 0px; margin-bottom: -80px; } /*end textimonials*/ .col-md-6.col-sm-12.col-xs-12.slide1 h3, .col-md-6.col-sm-12.col-xs-12.slide1 p { text-align: left; } img.logo-cls { width: 100%; position: relative; top: 0px; } .hw-we-wrk h2 { padding-top: 70px; color: #6300f0; /*font-family: proxima-nova,Roboto,sans-serif;*/ font-size: 38px; font-weight: 700; line-height: 46px; margin: 0 auto; max-width: 832px; padding: 70px 24px 0px 24px; width: 100%; text-align: center; } .hw-we-wrk h3 { padding-top: 70px; color: #6300f0; /*font-family: proxima-nova,Roboto,sans-serif;*/ font-size: 34px; font-weight: 700; line-height: 46px; margin: 0 auto; max-width: 832px; padding: 70px 24px 0px 24px; width: 100%; text-align: center; margin-top: 0%; } .orangg { color: #f65020 !important; } .hw-we-wrk p { color: #6300f0; /* font-family: proxima-nova,Roboto,Arial,sans-serif; */ font-size: 16px; font-weight: 400; line-height: 24px; margin: 3px auto 0; max-width: 876px; text-align: center; width: 510px; } .slide1 p { color: #6300f0; font-family: proxima-nova, Roboto, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin: 3px auto 0; max-width: 876px; text-align: center; /* width: 370px; */ } .slide-image img { width: 100%; position: relative; transition: 0.3s; transform: scale(1); } .step2 { margin-top: 100px; } ul.know-ul li { transform: rotate(90deg); text-decoration: none; list-style: none; /* text-align: right; */ } .vl { border-left: 6px solid green; height: 200px; } img.social-icon { width: 25px; height: 25px; margin: 6px; transform: rotate(-90deg); } p.know-p { color: #cc0561; font-size: 13px; font-weight: 500; margin: 0 0 93px 0; font-family: Vesterbro-Regular !important; } img.social-icon-line { width: 120px; height: 3.5px; margin: 8px; } section.know-more { position: fixed; right: -37px; z-index: 1; top: 200px; } img.logoss { width: 100%; border-radius: 10px; } .logo-box { max-width: 100%; /*width: 255px; height: 255px;*/ height: auto; border-radius: 5px; margin-bottom: 0px; vertical-align: middle; } .logos-style2 { background-image: linear-gradient(to bottom right, #6200ee, #f4511e); } .logos-style2 .logo-box { display: block; margin-bottom: 25px; } .div_margin:hover { /* animation-name: example; animation-duration: 4s; animation-iteration-count: infinite; */ transform: scale(1.01); transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; } @keyframes example { 0% { filter: brightness(1); filter: contrast(1); filter: invert(0.2); -webkit-filter: brightness(1); -webkit-filter: contrast(1); -webkit-filter: invert(0.2); } 50% { filter: brightness(0.4); filter: contrast(0.4); filter: invert(30%); -webkit-filter: brightness(0.4); -webkit-filter: contrast(0.4); -webkit-filter: invert(30%); } 100% { filter: brightness(1); filter: contrast(1); filter: invert(1); -webkit-filter: brightness(1); -webkit-filter: contrast(1); -webkit-filter: invert(100%); } } .search_page input#txname { font-size: 14px; margin-left: 4px; background: #e6e6e6; } .create_wrap .form-control:focus { border: none !important; outline: 0; box-shadow: none !important; } .custom-select:focus { box-shadow: none !important; } select.custom-select { font-size: 14px; } .editoncanvas { text-decoration: none !important; } span.logo-text.logoss { font-weight: 700; } /* .div_margin:nth-child(8+n) { background: red; } */ .div_margin { transform: scale(1.0); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.42); transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; border-radius: 5px; overflow: hidden; } img { max-width: 100%; } .arrow_key { margin-top: 7px; margin-right: 7px; } .logos-style { padding-top: 3vh; padding-bottom: 10vh; background: linear-gradient(180deg, rgba(245, 246, 248, 0.6) 3%, rgba(255, 255, 255, 1) 5%); } .logo-head { color: #ffffff; color: #fff; /* font-family: proxima-nova,Roboto,Arial,sans-serif; */ font-size: 38px; font-weight: 700; line-height: 46px; margin: 0 auto; text-align: center; width: 100%; } .logo-headp { /*font-family: proxima-nova,Roboto,sans-serif;*/ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 26px; margin: 3px auto 0; max-width: 549px; text-align: center; margin-bottom: 0px; margin-top: 16px; } .gradient-search .logo-head, .gradient-search .logo-headp { text-align: left; } /*#undo, #redo { display: none; }*/ .gradient-search form.cta__form { margin-top: 5rem; } .gradient-search form.cta__form .cta__button { box-shadow: unset; } /* .............amar........ */ .social_iconn i { font-weight: 700; font-size: 22px; } .email_link a { color: #ffffff; text-decoration: none; } form#listingpageformid .row .row + p { margin-top: 20px; text-align: justify; } .faq .active .question ~ .answer { margin-left: 45px; } /*--------------amar tooltip----------*/ /* if(sideBarRight){ left: 0; } */ .position-sideBarRight { left: -324px !important; } /* .color-line2{color: green; } */ .class_check { float: left; margin-right: 20px; } .tooltip1 .tooltiptext { left: 100%; font-size: 12px; direction: rtl; line-height: 20px; text-indent: 1px; text-transform: lowercase; letter-spacing: 1.5px; word-spacing: 1.5px; visibility: collapse; width: 100%; color: #ffffff; text-align: center; border-radius: 6px; padding: 15px 10px; position: absolute; z-index: 1; margin-left: 20px; } .tooltip1:hover .tooltiptext { visibility: visible; } span.tooltiptext { background: #000000a6; } /*--------------amar tooltip end-------*/ /** * Add canvas rensponsive. */ canvas { width: 100% !important; /*height: auto !important;*/ } .logo-box canvas { max-width: 100% !important; height: auto !important; } .canvas-container { width: 100% !important; height: auto !important; } canvas.lower-canvas { position: inherit !important; } .canvas_maker { position: initial !important; width: 100% !important; height: auto !important; } .logoeditmargin { height: 84vh !important; } .logo-box { position: relative; text-align: center; font-size: 0; padding: 0px; /* transform: translate(30%, 0%); */ } .logos-style-home .logo-box img { transform: scale(1); transition: 0.3s; } .logo-box img { width: 100% !important; height: auto !important; } .logos-style-home .logo-box:hover img { transform: scale(1.1); transition: 0.3s; } .logo-box { max-width: 100% !important; width: 100% !important; } .slide-image img { box-shadow: 0px 2px 9px 0px #adadad4f; } li.width_class { width: 100% !important; } @media(min-width: 991px) and (max-width:1200px) { .new_width input { width: 48px !important; } } .privacy { padding-top: 20px; padding-bottom: 40px; } .privacy h1 { color: #202020; font-family: Vesterbro-Extrabold; font-size: 38px; text-align: center; font-weight: 700; } .privacy h4 { font-size: 20px; font-weight: 600; } .privacy p { margin-bottom: 0; } .terms-service { padding-top: 40px; } .terms-service h1 { color: #202020; font-family: Vesterbro-Extrabold; font-size: 38px; text-align: center; font-weight: 700; margin-bottom: 40px; padding-top: 40px; } .terms-service h4 { font-size: 20px; font-weight: 600; margin-bottom: 20px; margin-top: 40px; } .terms-service p { margin-bottom: 10px; } .footer-ul li a { margin: 0 0 15px; display: block; font-size: 100%; color: #fff; vertical-align: baseline; background: transparent; text-decoration: none; } .footer-ul li a:hover { text-decoration: none; } /* .privacy ul, .privacy ol { margin-left: 45px; } */ /* ...............amar coding end............ */ .logos-style .logo-head, .logos-style .logo-headp { color: #6300f0 } .logos-style2 .logo-head, .logos-style2 .logo-headp { color: #ffffff; } .modal-backdrop { z-index: 99999 } .modal { z-index: 99999999 } .item h3 { margin-top: -18px; } button.view-more { background-color: #181e23; color: #fff; border: none; padding: 13px 30px; border-radius: 38px; font-size: 17px; letter-spacing: 0.5px; font-family: proxima-nova, Roboto, sans-serif; } .view-btn { text-align: center; margin-top: 30px; } p.logo-headp.grp { /* margin-top: 3px; */ font-size: 14px; } ul.create-my-style li { display: inline-block; vertical-align: middle; } .my-input input { border: 0; border: solid 1px #fff; /* color: #fff !important; */ font-weight: 300; padding: 14px; width: 100%; text-align: left; min-width: 450px; outline: 0; font-size: 17px; background-color: #fff; border-radius: 100px; position: relative; left: 0; margin-top: 80px; } .my-input input::placeholder { color: #000; } button.create-my-logo { background-color: #7606fb; /* background-image: linear-gradient(to bottom right, #481100, #2f0073);*/ border: none; color: #ffffff; border-radius: 100px; padding: 17px 30px; position: relative; /* right: 77px; */ right: -160px; top: -50px; } footer#footer-4 { /*background-image: linear-gradient(to right, #6200ee, #f4511e);*/ /* margin-top: 25px;*/ background: linear-gradient(180deg, #FFF 0%, rgba(245, 246, 248, 0.7) 70%); border-top: 1px solid #e6e9ef; } .footer-ul li { color: #fff; list-style: none; font-size: 14px; font-weight: 500; } ul.footer-ul2 li h1 { color: #fff; text-align: left; padding: 0px !important; margin: 0px; text-shadow: 1px 1px #000000; } .ofc-det li { list-style: none; } .footer-ul2 li { color: #fff; list-style: none; font-size: 14px; font-weight: 500; } ul.ofc-det { padding: 0px; } ul.footer-ul2 { padding-left: 0; } span.fa-iconn { font-size: 19px; margin-right: 4px; } li.pin-cod { padding-left: 17px; } .brand-name .owl-next span { color: #e84a2f !important; } .social-icon-foot { background-color: #fff; width: 35px; height: 35px; border-radius: 100%; color: #636363; font-size: 16px; text-align: center; vertical-align: middle; padding-top: 7px; box-shadow: 1px 2px 5px 1px #5050509e; transition: all .25s ease; } .social-media ul li { display: inline-block; vertical-align: middle; } .social-media ul { padding: 0px; } .social-icon-foot:hover .social-icon1 { color: #3d599a; transition: all .25s ease; } .social-icon-foot:hover .social-icon2 { color: #30a9e0; transition: all .25s ease; } .social-icon-foot:hover .social-icon3 { color: #1686b0; transition: all .25s ease; } .social-icon-foot:hover .social-icon4 { color: #bb2026; transition: all .25s ease; } p.special-text { font-size: 20px; } footer.footer2 { background-image: linear-gradient(to right, #f4511e, #6200ee); padding: 15px 0px 15px 0px; } footer.footer2 p { color: #fff; font-size: 15px; } input.header-input { width: 471px; padding: 15px; border-radius: 30px; border: none; background-color: #efefef; } #button { display: inline-block; background-color: #1f1f1f7d; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 15px; right: 15px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } #button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1.3em; line-height: 50px; color: #ffffffb5; } #button:hover { cursor: pointer; background-color: #1f1f1f; } #button:active { background-color: #555; } #button.show { opacity: 1; visibility: visible; } .fix_menu_top { width: 100% !important; top: 0px; position: sticky !important; -webkit-box-shadow: 0 5px 20px 0 rgba(11, 7, 110, .04); -moz-box-shadow: 0 5px 20px 0 rgba(11, 7, 110, .04); transform: translateY(0); transition: transform .33s ease; z-index: 999999; animation: smoothScroll .5s forwards ease; background-color: #fff; box-shadow: 0 5px 20px 0 rgba(11, 7, 110, .04); } @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } section.slider-3 img { HEIGHT: 100%; width: 100%; } .ind-30 { padding-right: 30px; padding-left: 30px; } .question { margin-bottom: 25px; } .question h5 { line-height: 1.4; font-weight: 500; letter-spacing: -0.5px; margin-bottom: 8px; } h5.h5-sm { font-size: 2.3rem; } .question p { color: #666; text-align: justify; font-size: 1.7rem; } h1.faqs-head.page-faqss { padding: 0px; } .read-more-faqs ul.faq { padding: 0; margin: 0; box-shadow: none; width: 90%; } .read-more-faqs .que1:hover { background-color: transparent; transition: all 0.3s ease 0s; } .read-more-faqs .que2:hover { background-color: transparent; transition: all 0.3s ease 0s; } .read-more-faqs .que3:hover { background-color: transparent; transition: all 0.3s ease 0s; } .read-more-faqs .que4:hover { background-color: transparent; transition: all 0.3s ease 0s; } .read-more-faqs .que5:hover { background-color: transparent; transition: all 0.3s ease 0s; } .read-more-faqs .que6:hover { background-color: transparent; transition: all 0.3s ease 0s; } .parent-container ul.faq li h3 > span { display: block; } .read-more-faqs .que1:hover span.quee1 { padding-left: 30px; transition: all 0.3s ease 0s; } .read-more-faqs .que2:hover span.quee2 { padding-left: 30px; transition: all 0.3s ease 0s; } .read-more-faqs .que3:hover span.quee3 { padding-left: 30px; transition: all 0.3s ease 0s; } .read-more-faqs .que4:hover span.quee4 { padding-left: 30px; transition: all 0.3s ease 0s; } .read-more-faqs .que5:hover span.quee5 { padding-left: 30px; transition: all 0.3s ease 0s; } .read-more-faqs .que6:hover span.quee6 { padding-left: 30px; transition: all 0.3s ease 0s; } img.texti-img { width: 12%; position: absolute; } img.texti-img.texti1 { left: -58px; } img.texti-img.texti3 { top: 30%; } img.texti-img.texti2 { float: right; right: 10px; top: 15%; } img.texti-img.texti4 { float: right; right: 10px; top: 45%; } .col-md-3.side-barr ul { margin: 0px; padding: 0px; } .col-md-3.side-barr ul li { text-decoration: none; list-style: none; } .side-barr { padding-left: 50px; margin-top: 23px; } .side-barr .quee { width: 100%; text-align: left; padding-right: 10px; font-weight: 500; font-size: 14px; color: #9c9c9c; cursor: pointer; padding-top: 10px; padding-bottom: 10px; } .side-barr .anss { width: 100%; text-align: left; padding-right: 10px; font-weight: 500; font-size: 13px; line-height: 18px; color: #656565; cursor: pointer; padding-bottom: 20px; } .more-faq { background-image: linear-gradient(to bottom right, #6200ee, #f4511e); border-radius: 27px; color: #ffffff !important; width: fit-content; font-size: 15px; padding: 10px 67px; text-align: center; border: none; font-weight: 500; margin-top: 11px; margin-left: 15px; } img.how-img { /* width: auto;*/ width: 100px; } .col-md-6.sec1 h2 { font-size: 25px; font-weight: 600; margin-bottom: 10px; } .col-md-6.sec1 p { font-size: 16px; color: #444; width: 83%; line-height: 22px; } .col-md-6.sec1 { padding-top: 25px; /* padding-left: 90px;*/ } .contact-wrap .col-md-6.sec1.leftt { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .col-md-6.sec1.leftt p { float: right; } /*.col-md-6.sec2 h2 { font-size: 36px; font-weight: 600; } .col-md-6.sec2 p { font-size: 20px; color: #444; } .col-md-6.sec2 { padding-top: 40px; padding-left: 90px; }*/ section.how-it-works h1 { text-align: left; font-size: 40px; color: #6d06de; /*margin-bottom: 40px;*/ } section.how-it-works .pehraaa { text-align: left; font-size: 16px; line-height: 26px; color: #202020; line-height: 24px; font-family: Vesterbro-Regular !important; padding-top: 20px; } button.get-startet { border-radius: 27px; color: #202020 !important; border: none; padding: 10px 25px; font-size: 16px; line-height: 26px; margin-top: 10px; background: #536aff; font-family: Vesterbro-Regular !important; } .h2-secc1 { color: #ff8100; } .h2-secc2 { color: #00966d; } .h2-secc3 { color: #0087cc; } .h2-secc4 { color: #e51c20; } .row.marr-bttn { /* margin-bottom: 100px;*/ } .videoo { text-align: right; padding: 0px; } .video-sec { padding-top: 15vh; padding-bottom: 18vh; } .hw-we-p { margin-bottom: 80px !important; } .col-md-6.col-sm-12.col-xs-12.slide1 h3, .col-md-6.col-sm-12.col-xs-12.slide1 p { text-align: left; } .colllm1 p, .colllm2 p, .colllm3 p { color: #272727!important; } .stp22 .orangg { text-align: right !important; } .stp333 { padding-top: 75px; } .colllm1 h3, .colllm1 p { color: #00966d!important; } .colllm3 h3 { color: #e51c20!important; } .colllm1 h3 { color: #00966d!important; } .colllm1 p, .colllm2 p, .colllm3 p { color: #272727!important; } .price-secc .col-md-4 { margin: 0px; padding: 0px; } .tariffs { z-index: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .tariffs__box { padding: 20px 20px 0 } .tariffs__title { position: relative; max-width: 340px; margin: 0 auto 1.5625em; color: #292e34; font-size: 32px; line-height: 1.21875em; text-align: center; font-weight: 700 } .tariffs__title:before { content: ""; position: absolute; bottom: 0; left: -10px; right: -10px; width: auto; height: 16px; z-index: -1; background-color: #cbdef2 } .tariffs__list { list-style: none; padding: 0; margin: 0 } .tariffs__item { margin: 0 auto 25px; background-color: transparent } .tariffs__item--c1 { color: #24cc57 } .tariffs__item--c1 .tariffs__item-header, .tariffs__item--c1 .tariffs__item-wrapper { border-color: rgba(126, 188, 145, .3) } .tariffs__item--c1 .tariffs__item-title:before { background-color: rgba(197, 234, 207, .3) } .tariffs__item--c1 .tariffs__item-text:before { background-image: url("../img/right1.svg") } .tariffs__item--c1 .tariffs__item-icon { background-color: #24cc57 } .tariffs__item--c2 { color: #202020; } .tariffs__item--c2 .tariffs__item-header, .tariffs__item--c2 .tariffs__item-wrapper { border-color: rgba(135, 151, 198, .3) } .tariffs__item--c2 .tariffs__item-title:before { background-color: rgba(155, 174, 217, .3) } .tariffs__item--c2 .tariffs__item-text:before { background-image: url("../img/check-icon.svg") } .tariffs__item--c2 .tariffs__item-icon { background-color: #5340FF; } h3.tariffs__item-title { color: #5340FF; } .tariffs__item--c3 { color: #960048 } .tariffs__item--c3 .tariffs__item-header, .tariffs__item--c3 .tariffs__item-wrapper { border-color: rgba(238, 84, 149, .3) } .tariffs__item--c3 .tariffs__item-title:before { background-color: rgba(255, 95, 168, .3) } .tariffs__item--c3 .tariffs__item-text:before { background-image: url("../img/right3.svg") } .tariffs__item--c3 .tariffs__item-icon { background-color: #960048 } .tariffs__item-header { display: block; position: relative; border-bottom: 1px solid #ccc; } /* .tariffs__item-header::after{ content: ""; width: 143%; height: 1px; background: #ccc; position: absolute; bottom: 12px; left: -45px; right: 0; } */ .tariffs__item-wrapper { width: 100%; padding: 0px 0 30px; text-align: center; } .tariffs__item-icon { display: -webkit-flex; display: flex; width: 76px; height: 76px; margin: 0 auto 18px; border-radius: 50%; background-color: #f8f8f8 } .tariffs__item-icon .ico-svg__basic { width: 28px; height: 32px; margin: auto } .tariffs__item-icon .ico-svg__desinger { width: 38px; height: 37px; margin: auto } .tariffs__item-icon .ico-svg__full { width: 34px; height: 43px; margin: auto } .tariffs__item-title { position: relative; display: inline-block; margin: 0; font-size: 18px; line-height: 1.22222em; font-weight: 700; letter-spacing: .26em; text-align: center; text-transform: uppercase; z-index: 1; font-family: Vesterbro-Extrabold; } /*.tariffs__item-title:before { content: ""; position: absolute; bottom: -3px; left: -10px; right: -10px; width: auto; height: 14px; z-index: -1 }*/ .tariffs__item-price { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; padding-bottom: 30px; } .tariffs__price { position: relative; display: inline-block; text-align: center } .tariffs__price-num { display: block; font-size: 54px; line-height: 1; font-family: Vesterbro-Extrabold; color: #202020; } /* Rijwan Added class */ .usd { position: absolute; top: 15px; left:205px; font-size: 19px; font-weight: 600; font-family: Vesterbro-Regular !important; color: rgb(204, 204, 204); } /* Rijwan Added class */ .tariffs__price-currency { position: absolute; top: 19px; /*Rijwan Old: -10*/ left: 118px; /*Rijwan Old: -12*/ font-size: 32px; /*Rijwan Old:19px */ font-weight: 700; /*Rijwan Old:600 */ letter-spacing: -1px; /* Rijwan added */ line-height: 35px; /* Rijwan added */ font-family: Vesterbro-Regular !important; color: #202020; } .tariffs__item-note { display: block; font-size: 18px; line-height: 1.22222em; font-weight: 600; color: #202020; font-family: Vesterbro-Extrabold !important; } .tariffs__item-content { padding: 30px 0px } .tariffs__item-list { width: 100%; list-style: none; padding: 0; margin: 0 } .tariffs__item-text { position: relative; padding-right: 33px; margin-bottom: 10px; font-size: 15px; line-height: 1.5em; font-family: Vesterbro-Regular !important; } .tariffs__item-text:last-child { margin-bottom: 0 } .tariffs__item-text:before { content: ""; position: absolute; top: 5px; left: 0; width: 17px; height: 15px; background-repeat: no-repeat; background-size: 17px auto } .tariffs__btn { display: block; width: 190px; text-align: center; margin: 0 auto !important; margin-top: 30px !important; margin: 0 auto; color: #202020; font-size: 18px; line-height: 1; padding: 15px 25px !important; text-decoration: none; border-radius: 92px; background-color: #536aff; /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTguNDggNTExLjk2QzI2LjIgNTExLjk0LjA0IDQ4NS43OSAwIDQ1My41MlYxMjQuMzFjMC0zMi4yMyAyNi4yMS01OC40NCA1OC40OC01OC40NGgxMjguNTlsNTEuMTMgNTEuMDJINzQuOTFjLTEzLjE2LjA0LTIzLjgxIDEwLjcyLTIzLjgxIDIzLjg5djI5Ni4yOGMwIDEzLjE0IDEwLjcxIDIzLjg1IDIzLjgxIDIzLjg1aDI5Ni4zMmMxMy4xOCAwIDIzLjg5LTEwLjcxIDIzLjg5LTIzLjg1VjI3My44bDUxLjAyIDUxLjF2MTI4LjYzYzAgMzIuMjMtMjYuMjEgNTguNDgtNTguNDQgNTguNDhsLTMyOS4yMi0uMDV6TTIzMS4zIDMxNC40NGMtOC45NS4wNC0xNy41NS0zLjQ5LTIzLjg5LTkuODItMTMuMTUtMTMuMjEtMTMuMTUtMzQuNTYgMC00Ny43N0wzNjcuOTcgOTYuMzJsLTY2LjY0LTY2LjcxYy02Ljc5LTYuNzMtNi44NC0xNy43LS4xLTI0LjQ5IDMuMjgtMy4zIDcuNzQtNS4xNSAxMi40LTUuMTJoMTcyLjc4QzUwMC41NSAwIDUxMiAxMS40NSA1MTIgMjUuNTV2MTcyLjc5Yy0uMDQgOS41Ni03LjgzIDE3LjI4LTE3LjM5IDE3LjI0YTE3LjMgMTcuMyAwIDAgMS0xMS45Mi00LjgzbC02Ni45LTY2LjcxLTE2MC42IDE2MC42YTMzLjQxOSAzMy40MTkgMCAwIDEtMjMuODkgOS44eiIvPjwvc3ZnPg=="); */ background-repeat: no-repeat; background-size: 13px auto; background-position: 24px 50%; font-family: Vesterbro-Regular !important; } .tariffs__btn:focus, .tariffs__btn:hover { background-color: #536aff; color: #202020; text-decoration: unset; } .tariffs__btn:active { background-color: #536aff; } @media only screen and (min-width: 550px) { .tariffs__title { max-width: 375px; margin-bottom: 2.34375em } .tariffs__title:before { left: 50%; right: auto; width: 100%; max-width: 310px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .tariffs__item { /* max-width: 470px; display: -webkit-flex; display: flex */ } .tariffs__item-header { padding-bottom: 35px; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-direction: column; flex-direction: column; } .tariffs__item-wrapper { border-right-width: 0 } .tariffs__item-price { -webkit-align-items: flex-start; align-items: flex-start; padding-bottom: 12px; } .tariffs__price { margin-top: 0 } .tariffs__btn { font-size: 16px; padding: .4375em 1.125em .5625em 3.0625em } } @media only screen and (min-width: 768px) { .tariffs__title { margin-bottom: 2.65625em } .tariffs__item { max-width: 620px } .tariffs__item-header { -webkit-flex-direction: row; flex-direction: row } .tariffs__item-wrapper { border-right-width: 1px } .tariffs__price { margin-top: 35px } .tariffs__item-content { padding: 30px 20px 40px 20px; } } @media only screen and (min-width: 992px) { .tariffs__title { margin-bottom: 4.53125em; margin-bottom: 5em } .tariffs__list { position: relative; display: -webkit-flex; display: flex; padding: 0 15px; -webkit-justify-content: center; justify-content: center } .tariffs__item { width: 250px; margin: 0; -webkit-flex-direction: column; flex-direction: column } .tariffs__item--c1 { margin-right: 280px } .tariffs__item--c2 { position: relative; top: -50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 350px; -webkit-flex-grow: 1; flex-grow: 1; } .tariffs__item--c2 .tariffs__item-icon { width: 87px; height: 87px; margin-bottom: 25px } .tariffs__item--c2 .tariffs__item-header { padding-bottom: 20px } .tariffs__item--c3 .tariffs__item-wrapper { padding-bottom: 15px } .tariffs__item-header { width: 100%; padding-bottom: 25px; -webkit-flex-direction: column; flex-direction: column; border-right-width: 0; } .tariffs__item-wrapper { max-width: 100%; padding-bottom: 15px; border-right-width: 0 } .tariffs__item-icon .ico-svg__desinger { width: 43px; height: 42px } .tariffs__price { margin-top: 0 } } @media only screen and (min-width: 1400px) { .tariffs__item { width: 280px } .tariffs__item--c1 { margin-right: 380px } .tariffs__item--c2 { width: 386px; padding-top: 16px; } .pricing-card .tariffs__item--c2 { width: 450px; } .tariffs__item--c2 .tariffs__item-icon { width: 115px; height: 115px } .tariffs__item--c2 .tariffs__item-header { padding-bottom: 10px } .tariffs__item--c2 .tariffs__item-content { padding-left: 17px; padding-right: 15px } .tariffs__item--c2 .tariffs__item-list { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 26px; column-gap: 26px } .tariffs__item--c3 .tariffs__item-wrapper, .tariffs__item-wrapper { padding-bottom: 27px } .tariffs__item-icon { width: 93px; height: 93px } .tariffs__item-icon .ico-svg__basic { width: 36px; height: 41px; margin: auto } .tariffs__item-icon .ico-svg__desinger { width: 56px; height: 54px; margin: auto } .tariffs__item-icon .ico-svg__full { width: 42px; height: 51px; margin: auto } .tariffs__item-title { max-width: 100% } .tariffs__item-content { padding-bottom: 45px } .tariffs__item-text { font-size: 14px; line-height: 1.42857em } .tariffs__btn { display: block; max-width: 182px; margin: 40px auto 0; font-size: 14px; padding: .64286em 1.28571em .78571em 3.5em } } @media only screen and (min-width: 1600px) { .tariffs__item { width: 330px } .tariffs__item--c1 { margin-right: 440px } .tariffs__item--c2 { width: 440px } .tariffs__item--c2 .tariffs__item-content { padding-left: 40px; padding-right: 40px } .tariffs__item-content { padding: 40px 45px } } .priceing-sec h1, section.how-it-works h1 { text-align: center; color: #202020; font-size: 39px; font-weight: 600; margin-bottom: 0; font-family: Vesterbro-Extrabold; font-size: 38px; font-weight: 700; } section.how-it-works h1 { text-align: left !important; } .priceing-sec p { text-align: center; font-size: 16px; padding-top: 14px; color: #848484; color: #202020; font-family: Vesterbro-Regular !important; } li.tariffs__item.tariffs__item--c1 { box-shadow: -3px 0px 9px 4px #dddddd57; } li.tariffs__item.tariffs__item--c3 { box-shadow: 3px 0px 9px 4px #dddddd57; } @media only screen and (min-width: 992px) { li.tariffs__item.tariffs__item--c3 .tariffs__item-header { padding-bottom: 47px; } } img.i-iconn { width: 70%; height: 70%; position: relative; left: 13px; top: 9px; } .price-sec-gr { margin-top: 0px; } ul.for-faqss li { border: none; display: inline-block; vertical-align: middle; } ul.for-faqss { padding: 0px; margin: 0px; } ul.for-faqss { padding-left: 30px; transition: all .2s ease; } .faq li:hover ul.for-faqss { padding-left: 45px; transition: all .2s ease; } /* .........extra css........ */ .wrapper:hover { background: linear-gradient(45deg, #F17C58, #E94584, #24AADB, #27DBB1, #FFDC18, #FF3706); background-size: 600% 100%; animation: gradient 16s linear infinite; animation-direction: alternate; } @keyframes gradient { 0% { background-position: 0% } 100% { background-position: 100% } } .searchBox:hover { box-shadow: 0px 1px 1px 1px #b77575 !important; } #cf { position: relative; height: 281px; width: 450px; margin: 0 auto; } #cf img { position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } #cf img.top:hover { opacity: 0; } /*img.logoss:hover { width: 105% !important; }*/ button.slider-button:hover { background-image: linear-gradient(#ec3434, #e2e2479e); } .slide-image img:hover { /*transition: 0.3s; transform: scale(1.1);*/ } .swingimage { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-animation: swinging 3.5s ease-in-out forwards infinite; animation: swinging 3.5s ease-in-out forwards infinite; } @keyframes swinging { 0% { transform: rotate(10deg); } 50% { transform: rotate(-5deg) } 100% { transform: rotate(10deg); } } /* ............search page........... */ .search_page h3.animated.bounce { font-weight: 900; } .right-inner-addon i { position: absolute; right: 0px; padding: 10px 12px; pointer-events: none; } .search_page select { height: 50px; font-size: 14px; font-family: sans-serif; font-weight: 700; color: #908c8c; border: 1px solid #757070 !important; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .search_page .input-group.mb-3 { border: 1px solid #adadad; border-radius: 6px; } .search_page input.form-control { height: 48px; } .search_page .search_content { font-size: 18px; font-family: sans-serif; font-weight: 700; color: #908c8c !important; margin: auto; } .search_page input.form-control { border: none; } .search_page input:focus { border: none !important; } .input-group.first { border-radius: 5px !important; /* width: 47%; */ z-index: 1; /* position: absolute; */ border-bottom-right-radius: 0; border-top-right-radius: 0px; border: 1px solid #e6e6e6; background: #e6e6e6; padding-right: 0; } .card-box { width: 100%; display: flex; justify-content: space-between; } select.getoptionval.custom-select { width: 48% !important; float: right; } .search_page input.form-control { font-size: 18px; } .search_page .text-aliment h1 { padding: 0px 24px 40px 24px; } .search_page .top_picker { padding: 9px 0px; display: flex; border-radius: 4px; border: 1px solid #757070; background: #ffffff; } .search_page .top_picker .color-wrapper { margin: 0; } .search_page .top_picker input.call-picker { width: 70px; margin-left: 10px; border: none; } .search_page .top_picker .color-holder { height: 30px; padding: 4px; } .search_page .top_picker input.call-picker2 { width: 70px; margin-left: 10px; border: none; border-radius: 5px; } .search_page .top_picker .color-holder2 { height: 30px; padding: 4px; } .text { margin-top: 30px; } .module-border-wrap { max-width: 100%; padding: 1rem; position: relative; background: linear-gradient(to right, #6f66f9, #f15555); padding: 15px; } .module { background: #e2dede; color: #000; padding: 2rem; } .right_section { margin-top: 15px; margin-bottom: 40px; } /* ..............search page end......... */ /* ..............back to top......... */ #btn-top { display: inline-block; background-image: linear-gradient(to top left, #6200ee, #f4511e); width: 50px; height: 50px; text-align: center; border-radius: 50px; position: fixed; bottom: 30px; right: 50px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; } #btn-top::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1em; line-height: 50px; color: #fff; } #btn-top:hover { cursor: pointer; background-color: #333; } #btn-top:active { background-color: #555; } #btn-top.show { opacity: 1; visibility: visible; } /* ..............back to top end......... */ .navListGroup { display: none; } @media only screen and (max-width: 991px) { .searchSelectbar #canvas1 { position: inherit !important; } .canvasBg { padding: 0; } body header nav { padding: 0 15px; } .outerWarp .main .sideBarLeft, .outerWarp .main .sideBarRight { min-height: 1px; width: 100%; } .outerWarp .main .sideBarRight { padding-top: 0; } .searchSelectbar .logoEditorWrap { min-height: 1px; height: auto; padding: 2px; border: 1px solid #e8e8e8; margin-bottom: 20px; } .navListGroup { display: block; } .logoEditorWrap .alignLayout { padding: 5px 10px; position: absolute; } .outerWarp .main {} .popupwrap ul ul { z-index: 99; } .list-content { display: none; } .navListGroup { margin-top: 15px; } .navListGroup .list-group-horizontal { overflow: auto; border: 0px solid #dedede; border-radius: 0; } .navListGroup .list-group-horizontal li { font-size: 13px; line-height: 10px; font-weight: 500; color: #333; padding: 5px 5px 5px 5px; margin: 3px 0.2rem; /* font-size: 12px; line-height: 14px; font-weight: 600; text-transform: uppercase; */ color: #333; /* padding: 1.1rem 1rem; */ display: block; cursor: pointer; /* margin: 0 0.2rem; */ border-radius: 5px !important; width: 100%; text-align: center; border-width: 2px; } .sideBarLeft .btn.btn-success { display: none; } .navListGroup .list-group-horizontal li.current { background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#7108d8), to(#d94246)); color: #fff; } .navListGroup .list-group-horizontal li a { text-decoration: none; } .list-content { display: none; } .list-content.current { display: inherit; } #cssmenu { font-family: proxima-nova, Roboto, sans-serif; background: #33333300; padding-top: 25px; padding-right: 15px; position: absolute; top: 0; right: 0px; z-index: 9999; } .header-section { padding: 80px 0; display: flex; align-items: center; /* height: 100vh; Rijwan*/ } .create_logo_search_wrap .header-section { height: 60vh; } #cssmenu > ul { display: none; position: absolute; top: 140%; background: #fff; z-index: 99; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; box-shadow: 0px 2px 3px #2222224d; } .gradient-search { padding: 40px 15px; } .logoSlider { padding: 0; } .sideBarLeft .iconwrap { margin-top: 0; } .sideBarLeft .bgbtnWrap { margin-top: 0px; } .sideBarRight { padding-top: 0; } } } /* header nav #cssmenu > ul { display: none; } */ @media only screen and (max-width: 768px) { #canvas1 { width: 730px; } .gradient-search { padding-top: 6vh; } .modal-content .type-text { font-size: 13px; } } /* header */ /* edit option for create logo page css */ .wrapbg:hover .logo_edit { display: block; } .logo_edit:hover { display: block; } .logo_edit a { text-decoration: none; color: #fff; } /* edit option for create logo page css end */ /*profile-page*/ .tab { float: left; border: none; background-color: #ffffff; width: 100%; height: 100%; box-shadow: 5px 4px 10px 3px #dddddd7a; } /* Style the buttons inside the tab */ .tab button { display: block; background-color: inherit; color: black; padding: 10px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #fbfbfb; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #fbfbfb; } /* Style the tab content */ .tabcontent { float: left; padding: 0px 12px; border: none; width: 100%; border-left: none; height: 100%; } section.profile { padding: 50px 0px; } section.profile i { color: #c0c0c0; font-size: 18px; width: 46px; text-align: center; margin-right: 11px; } #defaultOpen i { background: -webkit-linear-gradient(#f6a002, #ff0045)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important; font-size: 18px; width: 46px; text-align: center; margin-right: 11px; } .payment-profilee h6 { font-size: 18px; } img.three-boxx { position: absolute; width: 50%; right: 12px; bottom: 31px; z-index: -1; } /*.row{overflow: hidden; }*/ img.profile-imgg { width: 100%; background-color: #fff; border-radius: 100px; } .right-side-icon ul { margin: 0px; padding: 0px; } .right-side-icon ul li { display: inline-block; vertical-align: middle; } .edit-pro { margin: 0px; padding: 0px; } .edit-pro li { display: inline-block; vertical-align: middle; } .right-side-icon { position: absolute; right: 38px; top: 0; } img.profile-imgg { width: 100%; background-color: #fff; border-radius: 100px; border: 1px solid #c3c3c3; padding: 2px; } li.imgg { width: 16%; margin-right: 6px; margin-left: -8px; } li select { border: none; color: #b1b1b1; font-size: 15px; } .profile-option ul.dropdown-menu li { display: block; padding: 6px 0px; } .profile-option button.btn.btn-primary.dropdown-toggle { background-color: #fff !important; color: #8c8c8c !important; border: none !important; } .profile-option ul.dropdown-menu.show { border: none; background-color: #f9f9f9; padding: 11px; } .profile-option ul.dropdown-menu li a { color: #001727; } .profile-option ul.dropdown-menu li a:hover { color: #001727; text-decoration: none; list-style: none; } .row.black-bgg { background-color: #d4d4d442; height: 100%; border-radius: 20px; } img.our-logo { width: 100%; margin: 0 auto; text-align: center; border-radius: 11px; } .pro-box-1 { background-color: #fff; margin: 20px 0px 0px 0px; border-radius: 17px; padding: 10px 40px 15px 40px; box-shadow: 6px 8px 15px 3px #0000001f; } .logo-img1 { text-align: center; padding: 20px 0px; } div#dask1 { padding-bottom: 100px; } .pro-box-1 h6 span { float: right; } .pro-box-1 h6 { font-size: 18px; font-weight: 600; } .pro-box-1 h6 a { font-size: 14px; color: #ababab; } .pro-box-1 p { font-size: 14px; color: #ababab; font-weight: 500; } .pro-box-1 p span { float: right; } .alertt a { color: #e13704; font-size: 15px; font-weight: 600; } .alertt a:hover { color: #6a04e1; font-size: 15px; font-weight: 600; text-decoration: none; list-style: none; } .save-buttons { text-align: center; } .save-buttons button { background-image: linear-gradient(to bottom right, #f88501, #fd4774); border-radius: 27px; padding: 7px 22px; border: none; } .save-buttons button a { color: #fff; } .save-buttons button a:hover { color: #fff; list-style: none; text-decoration: none; } h6.edit-pay { margin-top: 10px; font-size: 16px; color: #3c3c3c; } h6.edit-pay span { background-color: #ddd; font-size: 13px; color: #949494; padding: 6px 18px; border-radius: 29px; } span.in-activeee { background-image: linear-gradient(to bottom right, #b0cf05, #12dd07); color: #fff; width: 133px; text-align: center; padding: 5px; margin-top: -5px; border-radius: 27px; } span.activeee { background-image: linear-gradient(to bottom right, #f88501, #ff2076); color: #fff; width: 133px; text-align: center; padding: 5px; margin-top: -5px; border-radius: 27px; } span.in-aactiveee { background-image: linear-gradient(to bottom right, #b0cf05, #12dd07); color: #fff; width: 133px; text-align: center; padding: 5px; margin-top: -5px; border-radius: 27px; } .pro-box-1.pro-box-2 { padding-top: 24px; padding-bottom: 52px; } p.mar-btmm { margin-bottom: 29px; } img.kreate-logo { width: 56%; margin-bottom: 39px; margin-left: 50px; } /*end profile-page*/ /*pagination start*/ .pagination { display: flex; align-items: center; justify-content: center; } .pagination a { color: black; padding: 8px 12px; text-decoration: none; transition: background-color .3s; } .pagination a { background-color: #ddd; color: #181e23; border: none; padding: 1px 10px; margin: 0 4px; border-radius: 2px; font-size: 16px; letter-spacing: 0.5px; font-family: Vesterbro-Regular !important; } .pagination a[rel="prev"], .pagination a[rel="next"] { border: none; padding: 1px 10px; border-radius: 2px; font-size: 16px; letter-spacing: 1px; font-family: Vesterbro-Regular !important; } .pagination strong { color: #fff; background-color: #6200ee; padding: 1px 10px; margin: 0 4px; border-radius: 2px; font-size: 16px; letter-spacing: 0.5px; font-family: Vesterbro-Regular !important; } .pagination a.active { background-color: dodgerblue; color: white; } /*.pagination a:hover:not(.active) { background-color: #ddd; }*/ .pagination a:hover { background: #bfbfbf; } .pagination a[rel="prev"]:hover, .pagination a[rel="next"]:hover { background: #181e23; color: #ffffff; } .pagination a:last-child { background: #5b5e61; color: #ddd; } .pagination a[rel="start"]:hover, .pagination a:hover:last-child { background: #181e23; color: #ffffff; } .logo-box:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); } /* pagination end */ /* .cta__inputts { background-color: #efefef; border: 0; padding: 16px 24px; width: 100%; height: 50px; z-index: -10; box-shadow: 2px 4px 2px 0px #e4dddd !important; }*/ .dropdownwrap { display: none; display: none; position: absolute; left: auto; right: 83px; margin-top: 10px; top: 100%; padding: 12px 0; background: #ffffff; box-shadow: 0px 3px 5px #a7a7a7; border-radius: 20px; border: 1px solid #e4e4e4; width: calc(100% - 672px); z-index: 999; } .tabmain { width: 100%; max-width: 100%; background: #ffffff; text-align: left; max-height: 200px; overflow: auto; border-radius: 20px; } .tabmain>li { display: block; position: relative; font-size: 16px; } .tabmain>li a { display: block; padding: 10px 20px; border-bottom: 1px solid #eaeaea; color: #4e4e4e; text-decoration: none; } .tabmain>li:hover a { background: #7b0eca; color: #ffffff; } .tabmain>li:hover .nested a { background: transparent; color: #000; } .tabmain .nested>li:hover a { background: #7b0eca; color: #ffffff; } .sub-tab, .sub-tab-tab { display: none; background: #fefefe; } .sub-tab li { display: block; font-size: 15px; } .sub-tab li>a { color: #333; padding: 10px; text-decoration: none; } .sub-tab-tab li { background: yellow; display: block; padding: 10px; } .sub-tab-tab li>a { color: #000; text-decoration: none; } .Icon i { position: absolute; top: 9px; right: 10px; width: 27px; line-height: 27px; text-align: center; cursor: pointer; background: transparent; } .tabmain li:hover .Icon i { color: #fff; } .tabmain::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: #F5F5F5; } .tabmain::-webkit-scrollbar { width: 15px; /*Rijwan added Old : 8px*/ background-color: #F5F5F5; } .tabmain::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-image: linear-gradient(to bottom right, #6200ee, #f4511e); /* height: 50%; Rijwan added */ } .catclassname { float: left !important; top: 20px; position: absolute; padding: 10px; color: white; background-image: linear-gradient(to right, #a6268e, #e34735); border-radius: 0 10px 10px 0px; } /* -------------amar rensponsive code------------ */ .logo_card { text-align: center; } p.card_img { margin-bottom: 10px; } .logo_card p ~ a { color: #202020; text-decoration: none; } .logo_card { color: #ffffff; font-size: 14px; } /*.logo_card + .social-media {top: 20px;right: 0px;position: absolute;} */ .social-media ul li div { background-color: #202020; width: 35px; height: 35px; border-radius: 100%; text-align: center; padding-top: 8px; } .social-media ul li div a i { font-weight: 600; color: #fff !important; font-size: 17px; } .social-media ul li div:hover { background-color: #202020; } .sideBarRight .list-content { margin-bottom: 35px; } button, [type="button"], [type="reset"], [type="submit"] { color: #ffffff; } .btn:hover { color: #f0e800; } .logo_card p.card_img + a + br { display: none; } @media only screen and (max-width: 1210px) and (min-width: 992px) { .btn-curv { font-size: 12px !important; padding: 1px 1px !important; } .color-holder:after { right: 4px !important; top: 17px !important; } a#logoBadge { text-align: left; font-size: 12px; padding-left: 5px; } button#addtextbtn { font-size: 12px; padding-left: 5px; } #shsubtitle + span::before { left: -0.3em; } } @media screen and (min-width: 993px) and (max-width: 1060px) { canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } .sideBarLeft, .sideBarRight { min-height: auto !important; } .sideBarRight .list-content { margin-bottom: 12px; } } @media screen and (max-width: 480px) { #cssmenu .dropdown-content { right: auto !important; } .my-invc { padding-left: 0px !important; } .logo_card p.card_img + a + br { display: block; } #text-controls-additional label.switch { max-width: 30%; } .logo_card p ~ a { font-family: Vesterbro-Regular; color: #202020; text-decoration: none; } section.cust_grid_hiw { padding-top: 6vh!important; } .textComn { padding: 0px 0px 0px 5px !important; } canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } .input-group.first { border-radius: 30px !important; margin: auto; margin-bottom: 15px; width: 80%; position: inherit; } select.getoptionval.custom-select { border-radius: 30px; width: 80% !important; margin: auto; float: inherit; border-radius: 30px; } .search_page input#txname { border-radius: 30px; } .create_logo_search_wrap .btn { border-top-right-radius: 21px; border-bottom-right-radius: 21px; } div#color-picker11 { left: -80px !important; } button, [type="button"], [type="reset"], [type="submit"] { margin: 0px 0px 2px 0px; /*Rijwan old : margin: 0px 2px 2px 0px;*/ color: #ffffff; } .btn:hover { color: #f0e800; } div#color-picker7 { left: -180% !important; } div#color-picker15 { left: -180% !important; } nav { height: auto; } .logo { position: relative; top: 1px; } #cssmenu { top: 0; padding-top: 0px; } img.logo-cls { width: 65%; margin: 5px 0px; } /* .ovs {overflow-y: scroll !important;} */ ul.faq li.active div { overflow-y: scroll !important; } .videoo { text-align: center; padding: 0px; margin-top: 15px; } .col-md-6.sec1 > p { margin-bottom: 15px; } .faq .active .question ~ .answer { margin-left: 20px; } .cta__input, .cta__inputts { font-size: 16px; } .cta__button { font-size: 15px; } .card-box { width: 80%; } .save-logo-design1 .logo-li{ width: 100%; } .save-logo-design1.purchaedlogo-page li img{ height: 255px; } } @media screen and (max-width: 993px) and (min-width: 480px) { .my-invc { padding-left: 0px !important; } canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } } @media screen and (max-width: 993px) and (min-width: 480px) { .my-invc { padding-left: 0px !important; } canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } } @media screen and (max-width: 993px) and (min-width: 480px) { .my-invc { padding-left: 0px !important; } canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } } @media screen and (min-width: 1060px) and (max-width: 1360px) { canvas#canvas1 { height: auto !important; } canvas#canvas1 + canvas { height: auto !important; } .sideBarLeft, .sideBarRight { min-height: auto !important; } .sideBarRight .list-content { margin-bottom: 16px; } .sideComn { height: auto !important; } } /* ----------profile page----------- */ .accordion-header { display: inline-block; padding: 1.2em 0.5em; background: transparent; color: #202020; cursor: pointer; transition: all 0.3s; font-size: 20px; font-family: Vesterbro-Extrabold; } .accordion-header i.fa{ font-weight: 600; font-size: 26px; transform: translateY(2px); } section.daskboard-section1 { background-color: #f4f4f4; padding: 2% 8% /* Rijwan Old : 2% 18%*/ } section.daskboard-section1 ul.nav.nav-tabs { border: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; background: linear-gradient(to bottom, #fcfcfc 0, #f5f5f5 99%) } section.daskboard-section1 .nav-tabs>li.active>a, section.daskboard-section1 .nav-tabs>li.active>a:focus, section.daskboard-section1 .nav-tabs>li.active>a:hover { color: #191919; cursor: default; border: none; border-radius: 0; border-bottom: none!important; font-weight: 500; background: linear-gradient(to bottom, #eaeaea 0, #d2d2d2 100%) } section.daskboard-section1 .nav-tabs>li>a { margin-right: 0; line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; border-right: 1px solid #ddd; color: #868686 } li.user-dell { padding-top: 0px; width: 50px; text-align: center; font-size: 20px } .body-cctant1 { background-color: #fff; border: 1px solid #ddd; border-top-color: transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 3% } .body-cctant1 h3 { font-size: 23px; font-weight: 100; margin: 20px 0px 10px; color: #333; text-transform: capitalize; margin-left: 47px; /* Rijwan Added*/ } .body-cctant1 p { font-size: 15px !important; margin-bottom: 10px; color: #000; font-weight: 700; } .save-logo-design1 { margin: 0; padding: 0; margin-top: 40px; } .save-logo-design1 li { display: inline-block; vertical-align: top; text-decoration: none; list-style: none; } .save-logo-design1 li img { width: 100%; border: 1px solid #ddd; box-shadow: 2px 2px 6px 3px #dddddd4a; height: 222px; } .save-logo-design1.purchaedlogo-page li img { width: 100%; height: auto; /*Rijwan Old: 248px; */ } .logo-li { width: 25%; } button.buy-btnn { background: #ffa41d; border: none; color: #000; font-size: 15px; border-radius: 4px; padding: 9px 12px; width: 190px; /* Rijwan Old: 200px; */ text-align: left; } li.buttons { padding-left: 40px; padding-top: 0; width: 43%; } li.information-li { width: 23%; margin-left: 30px; } li.information-li p { font-size: 15px; margin-bottom: 11px; } li.greenn { width: 30px; height: 30px; background-color: #2ead00; border-radius: 60px; margin: 0; padding: 0 } li.greenn1 { width: 30px; height: 30px; background-color: #0a9e95; border-radius: 60px; margin: 0; padding: 0; } li.greenn2 { width: 30px; height: 30px; background-color: #ebc510; border-radius: 60px; margin: 0; padding: 0; } li.greenn3 { width: 30px; height: 30px; background-color: #1a1a1a; border-radius: 60px; margin: 0; padding: 0; } .color-option { margin: 0; padding: 0; } .color-option li { display: inline-block; vertical-align: middle; text-decoration: none; list-style: none; } button.btn.close { position: relative; top: -168px; background-color: gray; color: #fff; opacity: .9; padding: 3px 5px; border-radius: 3px; font-size: 14px; font-weight: 100; float: right; right: 14px; border: none; } ul.user-detail-edit1 { margin: 0; padding: 0; } ul.user-detail-edit1 li { display: inline-block; vertical-align: top; text-decoration: none; list-style: none; width: 100%; } .vl { border-left: 1px solid #d5d5d5; height: 760px; width: 10px!important; position: relative; top: 90px; } p.current-invoice { text-align: center; border: 1px solid #ddd; padding: 79px 0; font-size: 23px; line-height: .4; border-radius: 5px; margin-top: 90px; } p.current-invoice span { font-size: 60px; } .my-invc { padding-left: 59px; } .icon2 { font-size: 47px; } #confirm_password-label, #password-label { display: block; background-position: -682px -1550px; } .lable-form .label { display: block; position: absolute; left: 0; top: 7px; background: url(../img/lock.png) 0 -1940px no-repeat; z-index: 2; width: 32px; height: 32px; } .lable-form .label:empty { display: none } .lable-form .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } .lable-form label { display: block!important; position: relative } .lable-form input.input-field { height: 37px; padding-left: 35px } .lable-form .input-field { border: 1px solid #e2e2e2; background: #f2f2f2; width: 425px; margin-bottom: 5px } .lable-form .input-field { width: 425px; outline: 0; border-radius: 4px; background-color: #e4e4e46e; position: relative; z-index: 1; margin-top: 7px; margin-right: 20px; color: #73726E; font-weight: 400; font-size: 15px; border: 1px solid #e2e2e2 } #societe-label { display: block; background-position: -682px -1596px } #fonction-label { display: block; background-position: -682px -1945px } #firstname-label, #lastname-label { display: block; background-position: -682px -1643px } #number-label { display: block; background-position: -682px -1681px } #mobile-label { display: block; background-position: -682px -1727px } #id_pays-label, #website-label { display: block; background-position: -682px -1863px } #adresse-label { display: block; background-position: -682px -1774px } #cp-label { display: block; background-position: -682px -1821px } #ville-label { display: block; background-position: -682px -1909px } button.buy-btnn.update-bt { text-align: center } @media(max-width:767px){ul.save-logo-design1 li { display: block } .logo-li { width: 100% } li.buttons { padding-left: 0; padding-top: 0; border-right: none; width: 100%; margin-top: 21px; text-align: center } li.information-li { width: 100%; margin-left: 0; margin-top: 50px } ul.color-option li { display: inline-block } li.vl { display: none!important } ul.user-detail-edit1 li { display: block; width: 100% } .lable-form .input-field { width: 50% } button.btn.close { top: -178px } } .modify-btn1 { color:#525252; font-size:15px; border-radius:4px; padding:9px 12px !important; border:1px solid #ddd; margin-top:15px; width:200px; text-align:left; } /* .profile-area{ display: flex; justify-content: space-between; } */ .form-area3 { margin:0 auto; } .user-detail-edit1 .form-area3 { margin-top: 10px; border-top: 1px solid #cfcbcb; } .form-area3 h3 { margin-top:26px!important; margin-bottom:14px; } .form-area3 .list-group { margin-top:18px; } .form-area3 .list-group-item { padding:6px 1.25rem!important; } .form_wrap { background:white; } /* Input form Style */ .type-text { border:2px solid #e6e6e6 !important; border-radius:5px; height:50px !important; width:100%; color:#565656; font-size:16px; padding-left:20px; box-shadow:none; letter-spacing:1px; box-shadow:0px 1px 1px -1px rgba(0, 0, 0, .05) !important; } /* Label style after Input feild is in focus. Can also use input:focus ~ label to select sibling. */ .type-text:focus + label, .type-text:valid + label { font-size:12px; color:#202020; top:-5px; left:10px; background:#ffffff; padding:0px 5px 0px 5px; } .input_wrap { width:auto; height:auto; position:relative; } .input_wrap label { font-family:arial; font-size:16px; color:#202020 !important; padding:14px; position:absolute; top:0; left:0; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; pointer-events:none; } .modal-content a { color:#5340FF !important; } .textt-align { text-align:center; } .textt-align .forgot { text-align:right!important; float:right; font-size:11px; margin-top:-8px; color:#afbdd8; } button.log-btn { background-image:linear-gradient(to bottom right, #6200ee, #f4511e)!important; border-radius:27px!important; border:none!important; color:#fff!important; font-size:18px!important; width:100%!important; padding:9px!important; } @media (min-width: 768px) { .modal-content .input_wrap { margin-bottom:10px !important; } i.fa.fa-facebook-square.fb-clr { color: #3a559f; } i.fa.fa-google-plus-square.google-clr { color: #d74f42; } .modal-form__or:after, .modal-form__or:before { border-bottom: 2px solid #e6e6e6 !important; content: ""; flex: 0 1 50%; height: 4px; position: relative; } .modal-form__or { align-items: center; display: flex; font-size: 18px; font-weight: 400; margin: -9px 0 23px 0; color: #202020 !important; } button.log-btn.sign-uup { margin-top: 22px; } .already-btn { margin-top: 20px; } ul.log-btnn li { display: inline-block; vertical-align: middle; padding-top: 8px; text-align: center; padding-bottom: 8px; color: #000 !important; } ul.log-btnn { padding: 0px; margin: 0px; width: 100%; } div#sign-uupp1 { position: relative; top: 0px; } .log-in-pg { display: none; } ul.log-btnn li a { color: #202020; text-decoration: none; width: 100%; font-weight: 600; font-size: 22px; line-height: 2; } .aactive1 { color: #191919 !important; cursor: default; border: none; border-radius: 0px; border-bottom: none !important; font-weight: 500; background: linear-gradient(to bottom, #eaeaea 0, #d2d2d2 100%); } .non-active { background: transparent!important; } .daskboard-section1 ul.log-btnn { border: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; background: linear-gradient(to bottom, #fcfcfc 0, #f5f5f5 99%); } .daskboard-section1 ul.log-btnn li a { color: #191919 !important; text-decoration: none!important; width: 100%!important; font-weight: 500!important; font-size: 14px!important; line-height: 2!important; padding: 15px 0px!important; } .boxxx1 ul.log-btnn li { width: 80px !important; } .disabled { pointer-events: none; } /***My Css 23-Nov***/ .logo_card { font-family: Vesterbro-Regular !important; color: #202020 !important; } section.steps_boxshadow { background: linear-gradient(180deg, #F5F6F8 0%, rgba(245, 246, 248, 0) 67.54%); padding-top: 64px; } section.faqs { background-color: #fff; padding-top: 12vh; padding-bottom: 15vh; background: linear-gradient(180deg, rgba(245, 246, 248, 0.6) 5%, rgba(255, 255, 255, 1) 18%); } /*******************accord****************/ .accordion { font-size: 1rem; width: 30vw; margin: 0 auto; border-radius: 5px; } .accordion-header, .accordion-body { background: white; } .accordion__item { border-bottom: 1px solid #dedede; } .accordion__item .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-header:hover { background: transparent; position: relative; z-index: 5; } .accordion-body { background: transparent; color: #353535; display: none; } .accordion-body__contents { padding: 0em 1em 1.5em 1em; background: transparent !important; font-family: Vesterbro-Regular; font-size: 16px; color: #202020; line-height: 26px; } .accordion__item.active:last-child .accordion-header { border-radius: none; } .accordion__item > .accordion-header:after { content: "\f078"; font-family: FontAwesome; font-size: 1.2em; float: right; position: relative; top: -2px; transition: 0.3s all; transform: rotate(0deg); color: #202020; } .accordion__item.active > .accordion-header:after { transform: rotate(-180deg); } .accordion__item.active .accordion-header { background: transparent; } .accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: #353535; } .cta__input::placeholder { color: #202020; opacity: 1; /* Firefox */ } .cta__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #202020; } .cta__input::-ms-input-placeholder { /* Microsoft Edge */ color: #202020; } section.know-more { display: none !important; } } /* new */ .modal-content .input_wrap { margin-bottom:10px !important; } i.fa.fa-facebook-square.fb-clr { color:#3a559f; } i.fa.fa-google-plus-square.google-clr { color:#d74f42; } .modal-form__or:after, .modal-form__or:before { border-bottom:2px solid #e6e6e6 !important; content:""; flex:0 1 50%; height:4px; position:relative; } .modal-form__or { align-items:center; display:flex; font-size:18px; font-weight:400; margin:-9px 0 23px 0; color:#202020 !important; } button.log-btn.sign-uup { margin-top:22px; } .already-btn { margin-top:20px; } ul.log-btnn li { display:inline-block; vertical-align:middle; padding-top:8px; text-align:center; padding-bottom:8px; color:#000 !important; } ul.log-btnn { padding:0px; margin:0px; width:100%; } div#sign-uupp1 { position:relative; top:0px; width:35%; margin:0 auto; text-align:center; padding-bottom:25px; } .profile-area .form-area2 { margin-top: 10px; border-top: 1px solid #cfcbcb; } .log-in-pg { display:none; } ul.log-btnn li a { color:#202020; text-decoration:none; width:100%; font-weight:600; font-size:22px; line-height:2; } .aactive1 { color:#191919 !important; cursor:default; border:none; border-radius:0px; border-bottom:none !important; font-weight:500; background:linear-gradient(to bottom, #eaeaea 0, #d2d2d2 100%); } .non-active { background:transparent!important; } /* p.social-media-icn { margin-bottom: 13px; margin-top: 41px; } */ /*ul.user-detail-edit1 { margin: 0; padding: 0; background-color: #fff; padding: 40px; border: 1px solid #ddd; border-top: transparent; }*/ .daskboard-section1 ul.log-btnn { border:1px solid #ddd; border-top-left-radius:4px; border-top-right-radius:4px; background:linear-gradient(to bottom, #fcfcfc 0, #f5f5f5 99%); } .daskboard-section1 ul.log-btnn li a { color:#191919 !important; text-decoration:none!important; width:100%!important; font-weight:500!important; font-size:14px!important; line-height:2!important; padding:15px 10px!important; } .boxxx1 ul.log-btnn li { width:140px !important; } .disabled { pointer-events:none; } /***My Css 23-Nov***/ .logo_card { font-family:Vesterbro-Regular !important; color:#202020 !important; } section.steps_boxshadow { background:linear-gradient(180deg, #F5F6F8 0%, rgba(245, 246, 248, 0) 67.54%); padding-top:64px; } section.faqs { background-color:#fff; padding-top:12vh; padding-bottom:15vh; background:linear-gradient(180deg, rgba(245, 246, 248, 0.6) 5%, rgba(255, 255, 255, 1) 18%); } /*******************accord****************/ .accordion { font-size:1rem; width:30vw; margin:0 auto; border-radius:5px; } .accordion-header, .accordion-body { background:white; } .accordion-header { padding:1.2em 0.5em; background:transparent; color:#202020; cursor:pointer; transition:all 0.3s; font-size:20px; font-family:Vesterbro-Extrabold; } .accordion__item { border-bottom:1px solid #dedede; } .accordion__item .accordion__item { border-bottom:1px solid rgba(0, 0, 0, 0.08); } .accordion-header:hover { background:transparent; position:relative; z-index:5; } .accordion-body { background:transparent; color:#353535; display:none; } .accordion-body__contents { padding:0em 1em 1.5em 1em; background:transparent !important; font-family:Vesterbro-Regular; font-size:16px; color:#202020; line-height:26px; } .accordion__item.active:last-child .accordion-header { border-radius:none; } .accordion__item > .accordion-header:after { content:"\f078"; font-family:FontAwesome; font-size:1.2em; float:right; position:relative; top:-2px; transition:0.3s all; transform:rotate(0deg); color:#202020; } .accordion__item.active > .accordion-header:after { transform:rotate(-180deg); } .accordion__item.active .accordion-header { background:transparent; } .accordion__item .accordion__item .accordion-header { background:#f1f1f1; color:#353535; } .cta__input::placeholder { color:#202020; opacity:1; /* Firefox */ } .cta__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#202020; } .cta__input::-ms-input-placeholder { /* Microsoft Edge */ color:#202020; } section.know-more { display:none !important; } .modal-content button.log-btn { background-image:unset !important; background-color:#0062cc !important; color:#fff !important; font-family:Vesterbro-Regular !important; } .modify-btn1 { text-align:center; } .download-zip { background:#0062cc!important; color:#fff; } /***Pricing Page***/ @media (max-width: 767px) { .accordion-header { font-size:15px; } } @media (min-width: 767px) { .spacer_topbot { padding-top:50px; } } /********** How It Works********/ section.cust_grid_hiw { padding-top:3vh; padding-bottom:10vh; } section.cust_grid_hiw .title_wrapper { padding-bottom:15px !important; } section.cust_grid_hiw h2 { font-family:Vesterbro-Extrabold; font-size:22px; font-weight:700; color:#202020; padding-bottom:0px; } section.cust_grid_hiw p { margin-top:0; line-height:25px; font-family:Vesterbro-Light; font-size:16px; color:#202020; } section.cust_grid_hiw img { padding-bottom:30px; } section.cust_grid_hiw .col-md-4 { padding:5px 35px 30px 35px; text-align:center; } /******Modal Popup*************/ .modal-open .modal { z-index:999999 !important; } ul.log-btnn li a { font-family:Vesterbro-Extrabold; } .non-active { border-bottom:3px solid #0062cc !important; } ul.log-btnn li a { color:#202020 !important; } .aactive { border-bottom:2px solid #0062cc !important; } .non-active { border-bottom:2px solid #dee2e6 !important; } p.social-media-icn { margin-bottom:13px !important; margin-top:13px !important; display:none; } .modal-form__or { visibility:hidden; } .modal-form__or { font-family:Vesterbro-Regular !important; } .input_wrap label, .textt-align .forgot { font-family:Vesterbro-Light !important; margin-top:-14px!important; } .modal-content .type-text { color:#202020 !important; font-family:Vesterbro-Light !important; height: 46px!important; } .modal-content label.check_container, .modal-content .already-btn { font-family:Vesterbro-Light !important; color:#202020; } .modal-content .check_container input:checked ~ .checkmark { background:#9900CC; } .modal-content span#fog-in-btn a { text-decoration:unset; font-size:14px; } .modal-body { padding:1rem 1rem 1.5rem 1rem; /* overflow: hidden; */ } @media screen and (max-width: 1000px) { .accordion { width:100%; } } /***29-dec-20***Rajat***/ /**Landing Search Section**/ section.header-section.dropWrap { padding-top:25vh; padding-bottom:30vh; } /* Homepage mobile responsive */ @media only screen and (max-width: 768px) { section.header-section.dropWrap{ display: flex; align-items: center; height: 100vh; } .profile-area .lable-form{ width: 60%; margin: 0 auto; } } @media only screen and (max-width: 480px) { .profile-area .lable-form{ width: 80%; margin: 0 auto; } } /* Drop down list on My account section */ .profile-area .lable-form{ width: 40%; margin: 0 auto; } /**Footer**/ h5.kreate_widget_title { font-family:Vesterbro-Extrabold; font-weight:700 !important; font-size:17px; line-height:inherit; margin-bottom:15px; } ul.kreate_footer_ul li { list-style:none !important; padding-bottom:7px; } ul.kreate_footer_ul li a { color:#565656; font-family:Vesterbro-Light; text-decoration:none; font-size: 14px; } footer#footer-4 { padding-top:4vh; padding-bottom:4vh; } .social-media { text-align:left; padding-top:0px; } h1 { font-family:Vesterbro-Extrabold; font-size:38px; font-weight:700; } h4 { font-family:Vesterbro-Extrabold; font-weight:700 !important; font-size:17px; line-height:inherit; margin-bottom:15px; } /**Faq Page**/ section.read-more-faqs { padding-top:12vh; padding-bottom:8vh; } .faq-logomaker { padding-bottom:5vh; } h4.faq_main_title { padding-bottom:15px; } h5.faq_ques { font-family:Vesterbro-Extrabold; } p.faq_ans { font-family:Vesterbro-Light; } .title_wrapper { padding-bottom:15px; } .title_wrapper p { font-size:14px; line-height:1.1rem; padding-top:8px; color:#202020; font-family:Vesterbro-Regular !important; text-align:center; margin-bottom:0; } /**Login Modal**/ .modal-header, .modal-body { padding:10px!important; } .log-btnn li { padding-top:0px; padding-bottom:5px; } .social-media-icn { margin-bottom:10px !important; margin-top:10px !important; } .social-media-icn { font-size:40px !important; } .modal-form__or { margin:-9px 0 10px 0 !important; } .check_container { margin-top:0px !important; margin-bottom:7px !important; font-size:15px; } button.log-btn.sign-uup { margin-top:15px !important; } .already-btn { margin-top:10px !important; } #log-innn { padding-bottom:20px; } .f_c_i { color:#202020 !important; font-size:17px; padding-left:5px; } /********Popup Tooltip***************/ /*tooltip */ img.tl_icon { width:18px; } [data-tooltip] { transition:background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); white-space:normal; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute !important; right:0px !important; top:0px !important; } [data-tooltip] .aks-tooltip { width:310px !important; min-width:310px !important; padding:15px 10px 5px 10px !important; } .tariffs__item-text[data-tooltip]:hover::after { display:inline-block; position:absolute; content:''; transform:translateY(-50%); border-top:5px solid transparent; border-right:5px solid #020204; border-bottom:5px solid transparent; top:8px; right:-10px; } [data-tooltip] .aks-tooltip::after { display:none!important; } span.aks-tooltip p { color:#fff !important; font-weight:normal; text-align:left; font-size:13px; line-height:15px; margin:0px; padding-top:0px; margin-bottom:10px; font-family:Vesterbro-Light !important; } /***Thankyou Page***/ section.inner_details.thankyo_inner { padding-bottom:15vh; padding-top:0; } h6.pay-head { color:#202020; font-family:Vesterbro-Extrabold !important; text-align:center; font-size:20px; } .thankyo_inner .logo-headp { color:#202020; font-family:Vesterbro-Regular; margin:0px !important; max-width:unset; font-weight:inherit; line-height:inherit; padding-top:5px; } .thankyo_inner .col-md-4 { padding-bottom:8vh; } section.download_btn_wrapper { padding-top:15vh; padding-bottom:15vh; background:linear-gradient(180deg, rgba(245, 246, 248, 0.6) 5%, rgba(255, 255, 255, 1) 30%); text-align:center; } .download_btn_wrapper a.btn.btn-primary.profile, .download_btn_wrapper button.profile { background:#643cff!important; border:none; color:#202020 !important; font-family:Vesterbro-Regular !important; font-weight:300; transition:all .2s ease-in-out; border-radius:94px; font-size:16px; height:40px; line-height:0px; padding:24px 24px; } .download_btn_wrapper button.profile { background-color:#202020 !important; color:#fff !important; } .download_btn_wrapper .btn-primary:focus { box-shadow:unset; } /**Contact Us***/ a.contact_redirect { font-family:Vesterbro-Regular !important; font-size:18px; color:#363232; font-weight:600; } /******Responsive*******/ @media(max-width: 767px) { footer#footer-4 .col { width: 50% !important; max-width: 100% !important; flex: unset; } section.header-section.dropWrap { padding-top: 10vh; padding-bottom: 15vh; } } /***Social Hover***/ .facebook_ic:hover, .twitter_ic:hover, .instagram_ic:hover, .pinterest_ic:hover { transition:all 0.35s; transition-timing-function:cubic-bezier(0.31, -0.105, 0.43, 1.59); } .facebook_ic:hover { background-color:#4B69B1 !important; } .twitter_ic:hover { background-color:#37B1E2 !important; } .instagram_ic:hover { background-color:#D72F53 !important; } .pinterest_ic:hover { background-color:#AC070B !important; } /*** Static Serach Pannel ***/ .gradient-search { padding-top:8vh; padding-bottom:7vh; background:#660099; } .gradient-search h1 { color:#fff; font-family:Vesterbro-Extrabold; } .gradient-search p { color:#fff; font-family:Vesterbro-Light; } .gradient-search .cta__button { height:50px; } /*** Similar Container***/ .similar_container { padding-top:15vh; padding-bottom:15vh; } .uniq_color_one { color:#5340FF !important; } .uniq_color_two { color:#FF6600 !important; } .uniq_color_three { color:#99CC66 !important; } /***Create Logo Page***/ .create_logo_search_wrap { background:#fff !important; padding-top:9vh !important; padding-bottom:1vh !important; } .create_logo_search_wrap h1, .create_logo_search_wrap p { color:#202020 !important; } .create_logo_search_wrap form#newform { padding:30px 0px; } .create_logo_search_wrap input, .create_logo_search_wrap select.getoptionval.custom-select { color:#202020 !important; font-weight:inherit !important; font-family:Vesterbro-Regular !important; background:#e6e6e6; border-color:#e6e6e6 !important; } .create_logo_search_wrap .btn { background-color:#643cff!important; font-family:Vesterbro-Regular !important; margin-bottom:0; border-radius: 59px; border-top-left-radius: 0px; border-top-right-radius: 59px; border-bottom-right-radius: 59px; border-bottom-left-radius: 0px; } .create_logo_search_wrap .input-group.first.item-box{ border-radius: 59px !important; } /***Cat***/ .outer_wrapper_cat ul { list-style:none; } .outer_wrapper_cat #ul { margin:0; padding:0; } .outer_wrapper_cat .caret { cursor:pointer; user-select:none; } .outer_wrapper_cat .caret::before { content:"\25B6"; color:black; display:inline-block; margin-right:5px; font-size:15px; } .outer_wrapper_cat .caret-down::before { transform:rotate(90deg); } .outer_wrapper_cat .nested { display:none; } .outer_wrapper_cat .active { display:block; } .outer_wrapper_cat li.cat_item { font-family:Vesterbro-Regular !important; cursor:pointer; padding:8px 25px; } .outer_wrapper_cat li.cat_item span {} .outer_wrapper_cat li.cat_item:hover { background-color:#027ada; color:#ffffff; } .outer_wrapper_cat { max-height:218px; overflow-y:auto; display:block; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.25); padding:9px 0px; border-radius:6px; } .tabmain .nested { background:rgb(228 228 228 / 45%); } .tabmain .nested a { padding-left:27px; } li.caret.cat_item.caret-down { background:#EDEDED; color:#242424 } .logos-style h1.text-center { color:#202020; } /***Logo Animation***/ lottie-player#step_1, lottie-player#step_2, lottie-player#step_3, lottie-player#step_4, lottie-player#step_5, lottie-player#step_6 { margin:0 auto; text-align:center; } @media (max-width: 1024px) { lottie-player { width:auto !important; height:150px !important; } } section.cust_grid_hiw img { padding-bottom:30px; width:auto; } p.gimmik { padding-top:5px !important; margin-bottom:5px !important; font-size:15px; padding:0px 5px; } .title_wrapper p strong { color:#5340FF !important; letter-spacing:1px; } .dropbtn { background-color:#643cff!important; color:#202020 !important; margin-top:4px; padding:12px 15px !important; font-size:12px !important; border:none; cursor:pointer; border-radius:92px !important; font-weight:normal !important; text-transform:uppercase; font-family:Vesterbro-Extra; /* Rijwan Old : Vesterbro-Extrabold*/ } .dropdown-content a { float:left !important; color:#202020; padding:12px 12px !important; text-decoration:none; font-size:12px; display:block; border-bottom:1px dashed #ccc !important; } .dropdown-content a:hover { text-decoration:unset !important; } /**checkout***/ .checkout_kreate { padding-top:10vh; padding-bottom:10vh; } .bill-border label, .summer>li:nth-child(1) { color:rgb(103 110 139 / 73%); font-weight:300; font-family:'Arial'; font-size:15px; } .bill-border .form-control { font-family:'Arial'; font-size:14px; font-weight:300; } .bill-border .form-control::placeholder { color:rgb(103 110 139 / 43%); } #devam { font-family:Vesterbro-Regular; font-weight:normal !important; } /* uma(8-feb-2021) */ .checkout-formpage .order-head { text-align:center; margin-bottom:35px; } .checkout-formpage .order-head h2 { font-size:28px; font-family:'Arial'; } .checkout-formpage { padding-top:50px; } .checkout-formpage .card-expiry-month { margin-right:10px; } .checkout-formpage .order-row { display:flex; justify-content:space-between; box-shadow:none; padding-bottom:50px; max-width:1000px; margin:auto; border-radius:8px; } .order-left { -webkit-box-shadow:-10px 1px 20px 5px rgb(127 127 127 / 22%); box-shadow:-10px 1px 20px 5px rgb(127 127 127 / 22%); width:60%; border-right:0px; } .order-right { -webkit-box-shadow:10px 1px 20px 5px rgb(127 127 127 / 22%); box-shadow:10px 1px 20px 5px rgb(127 127 127 / 22%); width:39%; } .checkout-formpage .order-title { background:none; border-bottom:1px solid #e4e4e4; color:rgb(25 25 26 / 86%); margin:0; font-weight:700; font-family:'Arial'; } .checkout-formpage .order-right .order-title { padding:4px 25px; } .checkout-formpage .order-detail { display:flex; justify-content:space-between; padding-bottom:16px; } .order-detail span { font-size:16px; font-weight:500; color:rgb(34 38 56 / 70%); font-family:'Arial'; } .card-head { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e4e4e4; } .pay_icon { width:32px; } .pay_icon:nth-child(3) { width:23px; } .pay_icon:nth-child(5) { width:52px; } .card-icon { margin-right:17px; } .checkout-formpage .card-head .order-title { border-bottom:none; } .checkout-formpage .summer { position:static; width:100%; border-top:1px solid #ccc; } .checkout-formpage .summer li { display:block; margin-top:35px; font-size:12px; color:rgb(34 38 56 / 70%); font-family:'Arial'; } .checkout-formpage .summer>li:nth-child(1) { font-size:16px; border-top:none!important; font-weight:500; font-family:'Arial'; } .checkout-formpage #devam { background:rgb(83, 64, 255)!important; background-image:none!important; outline:none; box-shadow:none; color:#fff; min-width:auto!important; padding:4px 15px; font-family:'Arial'; } .checkout-formpage #devam:hover { background:rgb(62, 48, 191)!important; } .checkout-formpage #devam { margin-top:170px; } .checkout-formpage .order-right .control-group { text-align:center; } .checkout-formpage .order-right-wrap, .checkout-formpage .order-left-wrap { padding:34px 28px; } .checkout-formpage .bill-border select { color:rgb(103 110 139 / 43%); } /* pricing-model */ .pricing-popup .close { color:#000; } .pricing-popup .modal-header { border-bottom:0px; } .pricing-popup .title_wrapper h1 { margin-top:0; font-size:25px; margin-bottom:10px; } .pricing-popup .tariffs__item-wrapper { padding:20px 0 22px; } .pricing-popup .dropdown { text-align:center; width:100%; } .pricing-popup .dropdown button { margin:33px auto 0!important; } .pricing-popup .tariffs__item-content { padding:30px 0px 0; } .pricing-popup .modal-footer { justify-content:center; } .pricing-popup .buylogo-pricing { margin:20px auto 0; color:#fff!important; display:flex; justify-content:center; width:100px; align-self:center; } .pricing-popup .close-pricing { color:#fff; background-color:#bd2130; border-color:#b21f2d; } .pricing-popup .close-pricing:hover { color:#fff; background-color:#c82333; border-color:#bd2130; } [data-tooltip-location=right] .aks-tooltip { /* top: 50%; */ left:calc(100% + 10px); transform:translateY(-50%); animation:tooltips-horz .3s ease-out forwards; } [data-tooltip] .aks-tooltip { position:absolute; width:fit-content; min-width:fit-content; padding:6px 10px; border-radius:5px; box-shadow:0 1em 2em -0.5em rgb(0 0 0 / 35%); background:#020204; opacity:0; color:#fff; font-size:13px; font-weight:400; text-align:center; text-transform:none; line-height:1; user-select:none; pointer-events:none; visibility:hidden; z-index:1; } [data-tooltip] .aks-tooltip { width:310px !important; min-width:310px !important; padding:6px 10px 0px 10px !important; } /*--------------amar tooltip----------*/ if(sideBarRight) { left:0; } /* canvas */ .dwnloadBtnWrap { margin-bottom:20px; } .save-logo { background-color:#53a812!important; color:#fff!important; border:none; } .save-logo:hover { background-color:#48a005!important; } .buy-logo { background-color:#007bff!important; color:#fff!important; border:none; cursor:pointer; } .buy-logo:hover { background-color:#0069d9!important; } /* [data-tooltip-location=right] .aks-tooltip{ top: 14!important; box-shadow: -3px -1em 2em -0.5em rgb(0 0 0 / 18%)!important; margin-top: 15px!important; } */ span.aks-tooltip p { line-height:16px; } .aks-tooltip { margin-top:24px; } [data-tooltip-location=right] .aks-tooltip::after { top:25%!important; left:-5px!important; } .tariffs__item-text { line-height:1.5; } /* signin-login canvas-popup */ .signin-login .modal-header { border-bottom:0px; padding-bottom:0!important; } .signin-login .modal-header .close { color:#000; } .signin-login .modal-body { padding-top:0!important; } .signin-login .modal-form__or::before { left:-5px; } .signin-login .modal-form__or:after { left:5px; } .signin-login .textt-align .forgot { margin-top:-12px; } .signin-login .modal-content .log-btn:hover { background:#06243b; } /* saved-logo */ .saved-wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; } .saved-card { width:46%; display:flex; justify-content:space-between; } .save-logo-design1 { display:flex; } .saved-card .logo-li { width:49%; } .saved-form { width:49%; border-right:0px; } .saved-wrapper .body-cctant1 { padding:3% 0; } .saved-wrapper .alert-dismissible { padding-right:0rem!important; margin-top:5px; margin-bottom:0; padding:8px 1.25rem 0; } .saved-wrapper .formd1, .saved-wrapper .formbuy { width:100%; } .saved-wrapper .formd1 button, .saved-wrapper .formbuy button { width:100%; text-align:center; } .body-cctant1 { padding:0!important; } /* pricing */ .priceing-sec { padding-top:20px; padding-bottom:0px; overflow:hidden; } .pricing-card { display:flex; justify-content:center; flex-direction:column; align-items:center; } .pricing-card .title_wrapper { padding-bottom:0px; } .pricing-card .tariffs__item--c2 { margin:55px auto 10px; -webkit-box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); } .pricing-card .tariffs__item-wrapper { margin-top:0px; padding-top:20px; } @media only screen and (min-width: 1400px){ .pricing-card .tariffs__btn { margin-top:0 !important; } } .pricing-card .tariffs__item-price { padding-bottom:0; } .pricing-card .tariffs__item-content { padding:30px 35px; } .pricing-card .tariffs__item-header { width:100%; border-bottom:1px solid #ccc; } .pricing-card .tariffs__item-header::after { background:transparent; } [data-tooltip-location=right] .aks-tooltip { top:7px!important; box-shadow:none!important; margin-top:15px!important; } .pricing-card span.aks-tooltip p { line-height:16px; } .aks-tooltip { margin-top:24px; } [data-tooltip-location=right] .aks-tooltip::after { top:25%!important; left:-5px!important; } .pricing-card .tariffs__item-text { line-height:1.5; } .pricing-card .title_wrapper p { font-size:18px; line-height:1.4; } .pricing-card[data-tooltip] .aks-tooltip { padding:4px 10px 0px 10px !important; top:40%!important; border-radius:3px!important; } /* savedlogo-purchased */ .purchaedlogo-page { padding-right:1.25rem!important; } .purchase-form { width:55%!important; padding-left:55px!important; display:flex!important; } .purchase-card { width:42%; } .purchase-card:nth-child(2) { width:66%; } .purchase-card:nth-child(2) form { text-align:center; } .form-inputcard { display:flex; justify-content:space-between; width:100%; } .purchase-card .form-control { margin-top:15px; height:42px; margin-right:16px; } .purchase-card button { text-align:center; } .body-cctant1 .purchase-card p { margin-top:23px; margin-bottom:0; line-height:0.4; } .save-logo-design1 { margin-top:13px!important; } .form-inputbox { display:flex; } /* */ /* .sideBarLeft, .sideBarRight { min-height: 549px!important; } */ /* account-section */ .myacc-section .body-cctant1 { padding:0 22px!important; text-align:center; } /* canvas */ p.can_wrap_title { font-family:'Sofia-Pro-Medium' !important; padding:0px 0 6px; font-weight:600!important; text-transform:uppercase; letter-spacing:0; font-size:12px; } .input-50 { padding:0!important; } /* dropdown */ #cssmenu .dropdown-content a { text-transform:capitalize; padding-left:20px!important; } #cssmenu .dropdown-content a i { display:none; } /* media-query */ @media(min-width:1600px){ .pricing-popup .tariffs__box { padding:20px 0px 0 0; } .pricing-popup .tariffs { margin-left:-11px; } } @media(min-width:1200px){ .save-logopage .container { max-width:1274px; } .privacy .container { max-width:1000px; } .terms-service .container { max-width:1000px; } } @media(max-width:1200px){ /* save-logo */ .saved-card{ width: 49%; } .save-logo-design1 li img{ height: 175px; } .body-cctant1 p{ font-size: 13px!important; } } @media(max-width: 992px) { .order-left { width:55%; } .order-right { width:43%; } .bill-border .form-control { width:48%!important; } /* */ div#sign-uupp1 { width:99%; } .body-cctant1 .container { max-width: 826px; padding: 0; margin: 0; } .purchase-form{ flex-direction: column; } .logo-li { width: 40%; } } @media(max-width: 991px) { .pricing-popup .tariffs__box { padding:20px 20px 0 27px; } .cta__form .dropdownwrap{ right: 0px; left: 0; margin: 0 auto; width: 80%; } } @media (min-width: 320px){ .cta__form .dropdownwrap{ right: 0; left: 0; margin: 12px auto; width: 95%; /*Rijwan added Old : 85%*/ } } @media(max-width: 480px) { .pay_icon { width:17px; } .pay_icon:nth-child(3) { width:14px; } .pay_icon:nth-child(5) { width:30px; } .modal-content .type-text { padding-left:5px; } .card-icon { margin-right:3px; } .order-title { padding-left:5px!important; font-size:11px!important; } .daskboard-section1 ul.log-btnn li a { font-size:11px!important; } .boxxx1 ul.log-btnn li { width:115px !important; } .lable-form .input-field{ width: 82%; } .body-cctant1 p{ font-size: 12px !important; margin-top: -18px; width: calc(22em + 1vw); /* Rijwan Added this line */ } } @media(max-width: 768px) { #cssmenu #menu-button:after { border-top:3px solid #1a1472!important; border-bottom:3px solid #1a1472!important; } .checkout-formpage { padding-top:25px; } .checkout-formpage .order-row { display:flex; flex-direction:column; justify-content:center; align-items:center; } .order-left { width:90%; margin-bottom:35px; -webkit-box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); } .order-right { width:90%; -webkit-box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); box-shadow:-1px 6px 20px 5px rgb(127 127 127 / 22%); } .bill-border .form-control { width:100%!important; } .checkout-formpage .card-expiry-month { margin-bottom:12px; margin-right:0; } .checkout-formpage #devam { margin-top:211px; } .input-group.first { width:100%; margin-bottom:20px; } .card-box { flex-direction:column; align-items:center; width:96%; /* Rijwan Old:60% */ margin:0 auto; } /* #categorySearch { background-position:22em center!important; } */ .create_logo_search_wrap h1 { font-size:30px; } .dropdownwrap { /* right: 188px; */ /* Rijwan Commented */ width: calc(100% - 379px); } section.daskboard-section1{ padding: 2% 1%; } .saved-card { width: 90%; } .saved-wrapper .alert-dismissible{ padding: 8px 12px 0; } .save-logo-design1 li{ padding-left: 30px!important; width: 60%; margin-top: 0; } .save-logo-design1 .logo-li{ padding-left: 0!important; } .saved-wrapper{ flex-direction: column; } .save-logo-design1 { flex-direction: column; } .save-logo-design1 .purchase-form{ /* padding-left: 0!important; */ /*Rijwan Added*/ } .modify-btn1{ width: 275px; margin-left: 5%; /* Rijwan Adde line*/ } .purchase-card:nth-child(2) { width: 100%; } .purchase-card { width: 100%; margin-bottom: 15px; } .purchase-card .form-control{ font-size: 13px; padding: .375rem 5px; } } @media(min-width:320px){ .dropdownwrap { /* right: 150px; */ /* Rijwan Old : 99px*/ width: 42%; /* Rijwan added old : (75% - 95px);*/ } div#sign-uupp1 { width: 100%; } .body-cctant1 .form-area1 p{ margin-top: 0; /* width: calc(20em + 1vw); */ /* Rijwan Added this line */ } .profile-area .lable-form input.input-field{ padding-left: 10px; } .profile-area .lable-form .input-field { width: 190%; /* Rijwan Old: 100%*/ } .form-area3 .list-group{ width: 100%; margin: 8px auto; } } @media(max-width:320px){ [data-tooltip-location=right] .aks-tooltip { left: calc(100% + -259px)!important; } .save-logo-design1 li img { height: 125px; } .purchase-card:nth-child(2) { width: 132%; } } @media(min-width: 768px) { /* */ [data-tooltip-location=right] .aks-tooltip { left:calc(100% + -250px)!important; } /* pricing-model */ .pricing-popup .title_wrapper p { padding:8px 30px 0; font-size:17px; } .pricing-popup .tariffs__item-wrapper { padding:0 0 20px; } .pricing-popup .tariffs__item-price { padding-bottom:0; } .pricing-popup .tariffs__item-header::after { left:-45px; width:133.8%; } .tariffs__item-header::after { bottom:-9px; } .pricing-popup .tariffs__item-header { margin-top:8px; } .pricing-popup .modal-footer { margin-top:-33px; } #categorySearch { background-position:18em center!important; } .card-box { width:100%; align-items:center; } .card-box .item-box { width:49%; } .profile-area .lable-form .input-field { width: 100%; margin: 0 auto; } .form-area3 .list-group{ width: 60%; } } @media(max-width:767px){ .pricing-card .tariffs__item-header { padding-bottom:0; } .pricing-card .title_wrapper p { font-size:15px; } [data-tooltip-location=right] .aks-tooltip { left:calc(100% + -250px)!important; } .index-form #categorySearch{ background-position: 17em center!important; } #categorySearch{ background-position: 13em center!important; } } @media(min-width: 992px) { .pricing-popup .tariffs__item-header::after { left:-61px; width:135%; bottom:-7px; } [data-tooltip-location=right] .aks-tooltip { left:calc(100% + 10px)!important; } #categorySearch { background-position:27em center!important; /*Rijwan Old:27em*/ } /* Rijwan Added categorySearch_home function */ #categorySearch_home { background-position:23em center!important; } /* Rijwan Added categorySearch_home function End*/ } /* Rijwan Added categorySearch_home function */ @media(max-width:360px) { #categorySearch_home { background-position:14em center!important; } } @media only screen and (max-width: 374px) and (min-width: 320px) { #categorySearch_home { background-position:11em center!important; } } @media(max-width:375px) { #categorySearch_home { background-position:15em center!important; } } @media(max-width:376px) { #categorySearch_home { background-position:15em center!important; } } @media only screen and (max-width: 414px) and (min-width: 411px) { #categorySearch_home { background-position:18em center!important; } } /* Rijwan Added categorySearch_home function End*/ @media(max-width: 580px) { [data-tooltip-location=right] .aks-tooltip { left:calc(100% + -277px)!important; } .thank-you-page h1{ font-size: 28px; } .inner_details.thankyo_inner h1{ font-size: 28px; } } @media(max-width: 461px){ .download_btn_wrapper button.profile{ margin-top: 15px; } } @media(min-width: 250px) and (max-width: 768px) { .mob-footer{ display: block!important; } .mob-footer .arrow{ float: right; margin-top: 0px; margin-right: 0px; font-size: 25px; color: #000; font-weight: 600; } .web-footer{ display: none!important; } } @media(max-width:1199px){ .purchase-form { width: 75%!important; padding-left: 15px!important; } } @media(min-width:1199px){ .profile-area .lable-form .input-field{ width: 100%; } .form-area3 .list-group{ width: 35%; } } @media(max-width:1299px){ .purchase-form{ width: 65%!important; } } @media(min-width:1376px){ .profile-area .lable-form .input-field { width: 100%; } } /* global-css */ ul { list-style:none; } button { outline:none; box-shadow:none; } .intercom-namespace .intercom-1k5islr > iframe { width: 100%!important; height: 100%!important; } .intercom-namespace .intercom-1w9zzwg{ width: 60px!important; height: 57px!important; } @media(max-width:400px){ .intercom-namespace .intercom-1k5islr > iframe { width: 100%!important; right: 0; } .intercom-namespace .intercom-xzokcy > iframe { width: 100%!important; height: 81%!important; position: absolute; } } @media(max-width:455px){ .intercom-namespace .intercom-xzokcy > iframe { width: 100%!important; height: 100%!important; position: absolute; } .intercom-1r9pix7{ top: 4px!important; left: auto!important; display: block!important; right: -13px!important; } } ul.log-btnn li a{ font-size: 18px!important; } /* .log-btnn .non-active { border-bottom: 2px solid #dee2e6 !important; } .log-btnn .aactive { border-bottom: 2px solid #0062cc !important; } */ .thislogin-popup .boxxx{ padding: 0 30px; } .thislogin-popup .modal-content{ border-top: 4px solid #1071d9; border-radius: 8px; } .thislogin-popup .modal-content .input_wrap{ background: transparent; } .alert-dismissible { padding-right: 1rem!important; } .textt-align .forgot { text-align: right!important; float: right; font-size: 11px; margin-top: -3px!important; } .form-footer p{ font-size: 13px!important; } .modal-content .form-footer a{ text-decoration: underline!important; color: #212529!important; } .form-footer a:hover{ color: #212529; } .payment-mode{ margin-top: -9px; } /**15-Mar-2021**/ .row.featured_section_one { padding-top: 7vh; padding-bottom: 10vh; } .row.featured_section_one.featured_section_two, .row.featured_section_one.featured_section_three{ padding-top: 7vh; padding-bottom: 10vh; } .row.featured_section_one.featured_section_four { padding-top: 0vh !important; padding-bottom: 0vh !important; } .row.featured_section_one.featured_section_five, .row.featured_section_one.featured_section_six, .row.featured_section_one.featured_section_seven { padding-top: 0vh; padding-bottom: 0vh; } .main_featured_container h1.cust_feature_title{ font-size: 2rem; padding-bottom: 10px; } @media(max-width: 767px){ .main_featured_container h1.cust_feature_title{ font-size: 1.5rem; padding-bottom: 10px; } } a.cust_feature_btn { background: #5340ff; border: none; color: #fff; padding: 14px 28px; font-family: Vesterbro-Regular !important; font-weight: 300; border-radius: 92px; } a.cust_feature_btn:hover { text-decoration: unset; color: #fff; } .cust_feature_descrption { padding-bottom: 20px; } .cust_feature_descrption p { margin-bottom: 10px; } @media(min-width: 768px) { .row.featured_section_one { display: table; width: 100%; } .row.featured_section_one .col-md-6 { width: 50%; display: table-cell; vertical-align: middle; } .col-md-6.featured_right_lotti lottie-player { float: right; text-align: right; } } @media(min-width:768px) and (max-width:1024px) { .row.featured_section_one { padding-top: 0vh !important; padding-bottom: 0vh !important; } } @media(max-width: 767px) { .row.featured_section_one { padding-top: 5vh !important; padding-bottom: 5vh !important; } } .privacy h4 { margin-top: 25px; } .privacy ul { padding: 25px 30px 0px 30px; font-size: 16px; font-family: Vesterbro-Light; } .privacy li { padding-bottom: 15px; color: #202020 !important; list-style: disc; } .privacy li:last-child { padding-bottom: 0px; } .footer_-copyright{ font-size: 14px !important; color: #565656 !important; } .footer_-copyright a:hover, .footer_-copyright a{ color: #565656; text-decoration: none; font-size: 14px; } .pd_top{padding-top:21px;} lottie-player#step_1, lottie-player#step_2, lottie-player#step_3, lottie-player#step_4, lottie-player#step_5, lottie-player#step_6 { margin: 0 auto; text-align: center; } .main_featured_container .tab-content { display: block; padding: 0; } .featured_tab_cntr ul.nav.nav-pills { display: flex; justify-content: center; } .featured_tab_cntr li.active a { border-bottom: 3px solid #536aff!important; color: #643cff!important; border-radius: 0; background: none!important; } .featured_tab_cntr .nav>li>a { margin: 0 6px; color: #0c161a; font-size: 15px; padding: 8px 12px; font-weight: 600; border-bottom: 3px transparent; font-family: GraphikBold!important; } .featured_tab_cntr .nav>li>a:hover { background: #f2efefc2!important; border-radius: 0; border-bottom:3px transparent; } .featured_tab_cntr .nav>li>a:focus, .featured_tab_cntr .nav>li>a:hover { background:none; } .similar_container, .create_logo_search_wrap, section.daskboard-section1, .checkout_kreate, .terms-service{padding-top:43px!important;} .row.featured_section_one{padding-bottom:0; } section.similar_container.cust_grid_hiw { padding-top: 150px!important; } .kreate_footer_ul { padding: 0; } section.similar_container.main_featured_container.cust_grid_hiw{padding-top:70px!important;} section.featured_sec {position:relative; padding:0; background:#fff; } .featured_sec:before { content: ""; width: 100%; height: 100%; top: 0; position: absolute; left: 0; background-size: cover!important; background: url(../assets/img/feature_banner_bg.jpg)no-repeat; } section.featured_sec.featured_gray_remove{background:none;} h2.text-center.access_head {position:relative; font-size: 60px; margin: 40px 0 30px; font-family: GraphikBold!important; color: #0c161a; } .row.featured_section_one{display:flex; align-items:center; padding-top: 0!important; } .featured_video_box { margin: 60px 0 30px; } .btn-primary{background-color: #643cff;} .blue_highlighted{color:#643cff;} .col-md-6.featured_right_lotti lottie-player{ float: left; } .featured_gray_sec .cust_feature_inner.mid_ri2 { padding-left: 0; } .cust_feature_descrption { padding-bottom: 30px; width: 480px; } .featured_top{margin-top:0;} .left_position_align lottie-player{ position: relative; left: -65px;} .gif_left_img { padding: 50px 30px 0 0; } .right_content .cust_feature_inner.mid_ri2 { float: right; } .cust_feature_descrption h3 { margin-bottom: 15px; color: #0c161a; font-family: GraphikBold!important; font-size: 46px; } .cust_feature_inner .cust_feature_descrption p{ padding-top:11px; font-family: GraphikRegular!important; font-size: 20px; color: #0c161a; line-height: 30px; letter-spacing: -.2px; } .pupupBg .modal-dialog { margin: 30px 0; } a.cust_feature_btn.mid_ri3 { font-weight: 500; padding: 17px 60px; font-size: 18px !important; display: inline-block; font-family: GraphikRegular!important; } div#responseDiv1 { display: none; } .main_featured_container h1.cust_feature_title, section.cust_grid_hiw .title_wrapper h1 { font-size: 55px; font-family: GraphikBold!important; color: #536aff; } .featured_video_box{ background: #fff; } .featured_video_box.center_video_box { max-width: 737px; margin: 60px auto 30px; } .gradient-search h1{font-family: GraphikBold!important; font-size: 60px;} .gradient-search p { font-size: 20px; padding: 17px 0 25px; font-family: GraphikRegular!important; line-height: 30px; letter-spacing: -.2px; } .btn_getstart{font-size: 18px !important; font-weight: 600;} section.gradient-search { padding-top: 5vh; padding-bottom:12vh; } .getstarted_btn { background: #f1bf17; padding: 10px 30px; color: #000; border-radius: 25px; font-weight: 600; text-transform: uppercase; font-size: 18px; display: inline-block; margin-top: 15px; font-family: GraphikRegular!important; transition:0.3s; } .getstarted_btn:hover{color:#000; text-decoration:none; background: #cba421;} .featured_video_text h1 { font-family: GraphikBold!important; font-size: 72px; line-height: 80px; margin-bottom: 20px; letter-spacing: -3px; } .featured_video_text h1 strong{opacity: .8;color: hsla(0,0%,100%,.5);} .featured_video_text h1 span{color: #fff;font-weight: bolder;} .featured_banner_cntr .featured_video_text p { font-family: GraphikRegular!important; color: #fff; font-size: 24px; line-height: 36px; letter-spacing: -.4px; } .featured_right_video { margin-left: 0; } .banner_featured_cntr{ background-image: radial-gradient(circle closest-side at 50% 45%,#b700fa,#7900eb); background-size: 100%; margin: 0 0 30px; padding: 10px 0 90px; } .featured_video_text { padding-top: 32px; } .banner_video_box.third_video { width: 37%; } .banner_video_box { float: left; padding: 0 12px; } .banner_video_box.first_video { width: 35%; } .banner_video_box.collarge_video { float: left; width: 30%; } .banner_video_box.fourth_video { width: 35%; } .banner_video_box.fivth_video { width: 100%; } .banner_video_box.featured_right_video { width: 50%; } .featured_left_video .collarge_video_second .third_video video { height: 100px; } .banner_video_box.collarge_video_one .second_video video{height:263px;} .featured_left_video { width: 50%; float: left; padding: 0 7px; } .featured_left_video .banner_video_box video { height: 136px; width: 100%!important; } .banner_video_box.featured_right_video video { height: 418px; } .banner_featured_cntr2 video { box-shadow:1px 0px 11px -3px #ccc; margin-bottom: 18px; border-radius: 5px; } .banner_featured_cntr2{height: auto; padding: 0 40px; } .banner_video_box.collarge_video_one { width: 50%; } .banner_video_box.collarge_video_second { width: 50%; } .banner_featured_cntr2 { height: auto; padding: 141px 40px 0; margin: 0; } .feature_top_spc { padding-top: 70px!important; } .heading_space_fix h2.text-center.access_head { margin-bottom: 0; } section.cust_grid_hiw .title_wrapper.heading_space_fix { padding: 0!important; } div#responseDiv2 { margin: 0!important; padding: 0!important; height: 0; display: none!important; } @media screen and (max-width:768px) { h2.text-center.access_head{font-size: 45px!important; line-height: normal;} .featured_sec .featured_tab_cntr .nav>li>a { padding: 8px 10px; margin: 0 6px 15px; font-size: 13px; } .featured_video_text h1{font-size: 48px!important; line-height: 63px!important;} .featured_right_video video { height: 330px; } .right_content .cust_feature_inner.mid_ri2{float:none; margin:0;} .cust_feature_descrption{width:auto!important;} section.featured_sec{padding:0 0 20px!important;} .cust_feature_descrption h3{font-size:40px;} .gradient-search h1 { font-size: 45px!important; } section.featured_sec.featured_gray_sec .row.featured_section_one { flex-direction: column-reverse; } } @media (max-width:500px){ h1.cust_feature_title{ font-size: 100%; } .colmd6 { padding-left: 0px; } .mid_ri2 { margin-left:5%; text-align: center; } } @media (max-width:411px) and (min-width:360px){ h1.cust_feature_title{ font-size: 100%; } .colmd6 { padding-left: 0px; } } @media (max-width:550px) and (min-width:412px){ h1.cust_feature_title{ font-size: 100%; } .colmd6 { padding-left: 0px; } .mid_ri_two { position: relative; left: 21%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri_five { position: relative; left: 20%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri { position: relative; left: 23%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri0 { position: relative; left: 20%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri2 { margin-left:11%; text-align: center; } .mid_ri3 { position: relative; left: -2%; transform: translateX(-20%); } } @media (max-width:414px){ h1.cust_feature_title{ font-size: 100%; } .colmd6 { padding-left: 0px; } } @media (max-width:760px) and (min-width:551px){ h1.cust_feature_title{ font-size: 100%; } .colmd6 { padding-left: 0px; } .mid_ri_two { position: relative; left: 21%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri_five { position: relative; left: 20%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri { position: relative; left: 23%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri0 { position: relative; left: 20%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .mid_ri2 { margin-left:11%; text-align: center; } .mid_ri3 { position: relative; left: -2%; transform: translateX(-20%); } } /* header page internal css here */ .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; border-radius: 30px; } .dropdown { position: relative; display: inline-block; } .dropdown-content { top: 100%; display: none; position: absolute; right:10px; /*Rijwan Added This*/ background-color: #FFFF; /*Rijwan Old: #f9f9f9*/ min-width: 135px; /*Rijwan Old: 160px*/ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; } .dropdown-content:first-child { display:none; } .dropdown-content a { float: left !important; color: black; padding: 10px 7px !important; font-size:16px !important; /* Rijwan Added this line */ text-decoration: none; display: block; border-bottom: 0px dashed #ccc !important; /* Rijwan old: 1px dashed #ccc !important*/ } .dropdown-content a:hover {background-color: #f1f1f1} .dropdown ul li .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; display: block; } .dropdown-content a { width: 100%; } .dropdown-content a i{ margin-right: 10px; float: left; color:#4caf50; } #cssmenu .dropdown-content { right:10; /* Rijwan old: right:0 */ } .check_container { margin-top: 15px; display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .check_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: -4; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .check_container:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .check_container input:checked ~ .checkmark { background: linear-gradient(to bottom right, #6200ee, #f4511e); } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .check_container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .check_container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } * { box-sizing: border-box; } .navbar_riz { overflow: hidden; background-color: #333; font-family: Arial, Helvetica, sans-serif; } .navbar_riz a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown_riz { float: left; overflow: hidden; margin-top: -3px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; padding: 20px; } .dropdown_riz .dropbtn_riz { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font: inherit; margin: 0; } .navbar_riz a:hover, .dropdown_riz:hover .dropbtn_riz { background-color: red; } .dropdown_riz-content { display: none; position: absolute; background-color: #f9f9f9; width: 136%; right: 119px; box-shadow: 2px 8px 16px 5px rgba(0,0,0,0.2); z-index: 1; margin-top: 20px; } .dropdown_riz-content .header { background: red; padding: 16px; color: white; } .dropdown_riz:hover .dropdown_riz-content { display: block; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 19.33%; padding: 10px; background-color: #ffff; height: auto; margin-left: 5.5px; } .column a { float: none; color: black; padding: 15px; text-decoration: none; display: block; text-align: left; } .column a:hover { background-color: #ecebeb; } /* Clear floats after the columns */ .row_riz:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; height: auto; } } .modal-dialog { min-width: 500px; position: fixed; top:50%; left:50%; transform:translate(-50%, -54%) !important; } @media (max-device-width:767px) { .modal-dialog { min-width: 90%; transform: translate(-52%, -54%) !important; } .modal-dialog .discount { font-size:20px; } .modal-dialog button.log-btn { width:100% !important; } } .modal-open .modal {z-index: 1000000 !important;} .fix_menu_top { transform: none !important; transition: none !important; animation: none !important; position: fixed !important; box-shadow: 0 5px 20px 0 #e5e5e5 !important; } section.header-section.dropWrap { /* padding-top: 18vh; padding-bottom: 20vh; */ padding-top: 12vh; padding-bottom: 40vh; } section.header-section.dropWrap .text-aliment p { /* display:none; */ font-family: Circular,Arial,sans-serif !important; } /* #localize-widget { z-index:999 !important; } */ #localize-widget { position: fixed !important; /* top: 52px !important; */ top: 23px !important; right: 150px !important; } @media screen and (max-width: 990px) { /* #localize-widget { right:60px !important; top:7px !important; } */ } @media screen and (min-width: 991px) { #cssmenu { width:calc(100% - 210px) } #cssmenu ul { float:left; width:100%;} #cssmenu ul li:last-child { float:right; } /* #localize-widget { right:140px !important; top:52px !important; } */ } @media screen and (min-width: 991px) and (max-width: 1080px) { #cssmenu > ul > li > a { padding:17px 12px !important; font-size:11px !important; } } body header nav { position:relative; } @media screen and (max-width: 767px) { #localize-widget { position: fixed !important; top: 9px !important; right: 55px !important; } .offerTrip { font-size:12px; max-height: 40px; } .featured_video_box iframe{width:100%!important; height:300px!important;} .featured_video_box { margin: 20px 0 0; } .freetrail_btn { position: relative!important; right: 0; top: 0; padding: 6px 0!important; } .freetrail_btn a{ padding: 12px 13px!important; width: auto!important; float: none!important; display: inline-block!important; } .featured_right_video iframe{width:100%!important; height:300px!important;} section.header-section.dropWrap { padding-top: 12vh !important; padding-bottom: 40vh; } .text-aliment h1 { padding:0 !important; font-size: 34px !important; line-height: normal !important; } .gradient-search form.cta__form .cta__button { margin-top:0; } section.gradient-search { padding-bottom: 20vh !important; } .gradient-search h1 { font-size: 2rem; } } #pjAcceptCookieBar { z-index: 99999 !important; } .similar_container, .create_logo_search_wrap, section.daskboard-section1, .checkout_kreate, .terms-service { padding-top:70px !important; } @media screen and (max-width: 767px){ lottie-player { text-align: center; } } header nav { height:65px; padding: 0 0.7rem;} header nav #cssmenu {padding-top:12px !important;} #localize-widget.localize-right-top, #localize-widget.localize-left-top { margin-top: -10px !important; } .logo { top: 10px; } #cssmenu ul { margin-top: -5px; } #cssmenu ul li:last-child .dropdown button { margin-top: 5px !important; } @media screen and (max-width: 767px){ #localize-widget.localize-right-top, #localize-widget.localize-left-top { margin-top: 11px !important; } } .form_wrap { background: white; } /* Input form Style */ .type-text{ border: 1px solid #afbdcf; border-radius: 5px; height: 47px; width: 100%; color: #565656; font-size: 16px; padding-left: 20px; box-shadow: none; letter-spacing: 1px; } /* Label style after Input feild is in focus. Can also use input:focus ~ label to select sibling. */ .type-text:focus + label, .type-text:valid + label{ font-size: 12px; color: #afbdcf; top: -5px; left:10px; background: #ffffff; padding: 0px 5px 0px 5px; } .input_wrap {width:auto; height:auto; position:relative; } .input_wrap label { font-family:arial; font-size:16px; color: #afbdcf; padding: 14px; position: absolute; top: 0; left: 0; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; pointer-events: none; } .textt-align { text-align: center; } .textt-align .forgot { text-align: right!important; float: right; font-size: 11px; margin-top: -8px; color: #afbdd8; } button.log-btn { background-image: linear-gradient(to bottom right, #6200ee, #f4511e)!important; border-radius: 27px!important; border: none!important; color: #fff!important; font-size: 18px!important; width: 100%!important; padding: 9px!important; } @media (min-width: 768px){ /*.modal-dialog { width: 470px; margin: 30px auto; }*/ } p.social-media-icn { text-align: center; font-size: 54px; } p.social-media-icn a, p.social-media-icn a:hover{ text-decoration: none; list-style: none; } i.fa.fa-facebook-square.fb-clr { color: #3a559f; } i.fa.fa-google-plus-square.google-clr { color: #d74f42; } .modal-form__or:after, .modal-form__or:before { border-bottom: 1px solid #ccc; content: ""; flex: 0 1 50%; height: 4px; position: relative; } .modal-form__or { align-items: center; display: flex; font-size: 18px; font-weight: 400; margin: -9px 0 23px 0; color: #afbdcf; } button.log-btn.sign-uup { margin-top: 22px; } .already-btn { margin-top: 20px; } ul.log-btnn li { display: inline-block; vertical-align: middle; text-align: center; width: 49% } ul.log-btnn{ padding: 0px; margin: 0 0 30px; width: 100%; } div#sign-uupp { position: relative; top: 0px; } /*.sign-up-pg{display: none; }*/ .sign-up-pg{display: none; } ul.log-btnn li a { color: #6200ee; text-decoration: none; width: 100%; font-weight: 600; font-size: 22px; line-height: 2; } .aactive { border-bottom: 3px solid #6200ee; } .non-active { border-bottom: 3px solid #6200ee61; } p.social-media-icn { margin-bottom: 13px; margin-top: 41px; } @font-face{font-family:Circular Std;font-style:italic;font-weight:300;src:url(https://cdn.looka.com/fonts/circular-std/CircularSpotifyText-LightItalic.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular-std/CircularSpotifyText-LightItalic.woff) format("woff")}@font-face{font-family:Circular Std;font-style:normal;font-weight:300;src:url(https://cdn.looka.com/fonts/circular-std/CircularSpotifyText-Light.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular-std/CircularSpotifyText-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Circular;font-style:normal;font-weight:700;src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bold.eot);src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bold.eot#iefix) format("embedded-opentype"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bold.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bold.woff) format("woff")}@font-face{font-display:auto;font-family:Circular;font-style:italic;font-weight:700;src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bolditalic.eot);src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bolditalic.eot#iefix) format("embedded-opentype"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bolditalic.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bolditalic.woff) format("woff")}@font-face{font-display:swap;font-family:Circular;font-style:normal;font-weight:400;src:url(https://cdn.looka.com/fonts/circular/lineto-circular-book.eot);src:url(https://cdn.looka.com/fonts/circular/lineto-circular-book.eot#iefix) format("embedded-opentype"),url(https://cdn.looka.com/fonts/circular/lineto-circular-book.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular/lineto-circular-book.woff) format("woff")}@font-face{font-display:auto;font-family:Circular;font-style:italic;font-weight:400;src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bookitalic.eot);src:url(https://cdn.looka.com/fonts/circular/lineto-circular-bookitalic.eot#iefix) format("embedded-opentype"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bookitalic.woff2) format("woff2"),url(https://cdn.looka.com/fonts/circular/lineto-circular-bookitalic.woff) format("woff")} body, html { font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif; */ } .text-aliment h1 { color:#090b17 !important; /* color:#3c526f !important; */ } .text-aliment h1 { font-family: Circular,Arial,sans-serif; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif; */ /* font-size: 48px; */ font-size: 52px; /* font-weight: 700; */ font-weight: 900; line-height: 60px; margin: 0 auto; max-width: 100%; padding: 0 24px; width: 100%; } .cta__form { margin-top:13px !important; } .create_logo_search_wrap h1, .create_logo_search_wrap p { font-weight:900; } .main_featured_container h1.cust_feature_title, section.cust_grid_hiw .title_wrapper h1 { /* color:#3c526f !important; */ font-weight:600; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { font-family: Circular,Arial,sans-serif; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif; */ color:#090b17; text-transform: inherit !important; font-size:15px; } @media screen and (min-width: 768px) { #cssmenu { /* width: calc(100% - 30%); */ width: calc(100% - 33%); padding-top:23px !important; } } section.header-section.dropWrap { /* padding-top: 19vh; padding-bottom: 27vh; */ /* padding-top: 40vh; */ padding-top: 35vh; padding-bottom: 31vh; } input:focus, input:active { border-color: transparent; /* box-shadow: 0 0 10px #5340ff !important; */ /* box-shadow: 0 0 10px #643cff!important; */ box-shadow:none !important; } .tabmain>li:hover a { /* background:#5340ff; */ background: #eee; font-weight: bold; color: #000; } .dropdownwrap { top: 88%; border-radius: 20px; box-shadow: 0px 5px 5px #ebebeb; padding: 10px; } .tabmain { margin-bottom:0 !important; } .tabmain::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: #F5F5F5; } .tabmain::-webkit-scrollbar { width: 8px; /*Rijwan added Old : 8px*/ background-color: #F5F5F5; } .tabmain::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-image: linear-gradient(to bottom right, #536aff, #536aff); /* height: 50%; Rijwan added */ } h5.kreate_widget_title, ul.kreate_footer_ul li a, p, .cta__button, .cta__input, .cta__inputts, h1, .create_logo_search_wrap input, .create_logo_search_wrap select.getoptionval.custom-select, .pagination a, .pagination strong, section.cust_grid_hiw h2, .title_wrapper p, .tariffs__item-title, .tariffs__price-num, .tariffs__item-note, .discount1, .tariffs__item-text, .tariffs__btn, .discount1, .c1_MainboxWrapper .intro h4, .panel h3, .bg_panel h3, .nobg h3 h1, h2, h3, h4, h5, h6, ul.log-btnn li a, .checkout-formpage .card-head .order-title, .bill-border label, .summer>li:nth-child(1), .bill-border .form-control, .checkout-formpage .order-right .order-title, .order-detail span, h6.pay-head, .modal-content button.log-btn, .modal-content label.check_container, .modal-content .already-btn, .modal-content .type-text, .discount, .input_wrap label, .textt-align .forgot { font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ } .modal-content { border:none !important; border-radius: 12px; overflow:hidden; } .modal-header, .modal-body { padding: 15px 10px!important; } .daskboard-section1 ul.log-btnn li a { font-weight: 900 !important; font-size:18px !important; } .tariffs__price-num, .gradient-search h1, ul.log-btnn li a, .checkout-formpage .order-head h2, .thank-you-page h1 { font-weight: 900 !important; } .tariffs__price-num sup { font-weight: normal; } .pagination strong { background-color: #643cff!important; } /* .cta__button { background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important;} .cta__button:hover { background:#643cff!important; transform: scale(1.03); } */ .cta__button {transition: all .2s ease-in-out; color:#fff !important;} .cta__button:hover { transform: scale(1.03); } .cta__input, .cta__inputts { /* background-color: #f4f6f8; */ background-color: #fff; border:#c5c5c5 1px solid; box-shadow: inset #e5e5e5 2px 5px 10px; } .cta__input:focus, .cta__inputts:focus { border:#090b17 1px solid; box-shadow: inset #e5e5e5 2px 5px 10px !important; } header { /* box-shadow: 0 5px 20px 0 rgb(11 7 110 / 6%); */ box-shadow: 0 5px 20px 0 #e5e5e5; position: fixed !important; width:100%; background:#fff; } .dropbtn, #loadmore_logos { background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-size:15px !important; text-transform:inherit !important; border-radius:8px !important; margin-top:0 !important; } .dropbtn:hover, #loadmore_logos:hover { background:#643cff!important; transform: scale(1.03); } .btn-group-sm>.btn, .btn-sm { padding: .5rem 1rem !important; } .btnLoginOm { background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-size:15px !important; text-transform:inherit !important; border-radius:8px !important; padding:12px 15px !important; } .btnLoginOm:hover { background:#5340ff !important; transform: scale(1.03); } .create_logo_search_wrap .btn, .tariffs__btn, .bg_button, button.buy-btnn { background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-size:15px !important; text-transform:inherit !important; border-radius:8px !important; margin-top:0 !important; } .create_logo_search_wrap .btn:hover, .tariffs__btn:hover, .bg_button:hover, button.buy-btnn:hover { background:#5340ff !important; transform: scale(1.03); } .modify-btn1.bl, .download_btn_wrapper a.btn.btn-primary.profile, button.log-btn {background-image:inherit!important; background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-size:15px !important; text-transform:inherit !important; border-radius:8px !important; } .modify-btn1.bl:hover, .download_btn_wrapper a.btn.btn-primary.profile:hover, button.log-btn:hover { background:#5340ff !important; transform: scale(1.03); } button.log-btn { width:auto !important;} .download_btn_wrapper button.profile { border-radius:8px !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ } .menu-hr { border-top: 2px solid #eee !important; display:none; } .modal-content button.log-btn { background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; } .modal-content button.log-btn:hover { background:#5340ff !important; transform: scale(1.03); } .modal-header { /* background-color: #FFCC00 !important; */ background-color:#643cff!important; } .title_wrapper p strong { /* color: #FFCC00 !important; */ color:#643cff!important; letter-spacing: 1px; } h3.tariffs__item-title { /* color: #FFCC00 !important; */ color:#643cff!important; } .discount1 { /* background-color: #FFCC00 !important; */ background-color:#643cff!important; } a.cust_feature_btn { /* background: #FFCC00 !important; */ background-color: #643cff!important; transition: all .2s ease-in-out; color:#fff !important; font-family: Circular,Arial,sans-serif !important; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-size:15px !important; text-transform:inherit !important; border-radius:8px !important; } a.cust_feature_btn:hover { background:#643cff!important; transform: scale(1.03); } /* .text-aliment h1 .clrOne { color:#536aff; } .text-aliment h1 .clrTwo { color:#FFCC00; } .text-aliment h1 .clrThree { color:#FB275D;} .text-aliment h1 .clrFour { color:#00CA72;} .text-aliment h1 .clrFive { color:#00CFF4;} .text-aliment h1 .clrSix { color:#88C228; } */ section.gradient-search { padding-top: 8vh; padding-bottom: 12vh; /* background: #660099; */ background: #536aff; } section.gradient-search .cta__button { background: #090b17 !important; border: none !important; color: #fff !important; display: inline-block; font-family: Circular,Arial,sans-serif; /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */ font-weight: 300; transition: all .2s ease-in-out; border-radius: 8px; font-size: 16px; height: 64px; line-height: 20px; padding: 21px 24px; flex-shrink: 0; } section.gradient-search .cta__button:hover { background: #000; color: #fff; cursor: pointer; transform: scale(1.03); } /* @media screen and (min-width: 991px) { #cssmenu { width:calc(75% - 210px) } } */ section.header-section.dropWrap { background: url("https://www.kreateable.com/public/img/homepage-icons-bg.jpg"); } .pupupBg { background: rgba(0,0,0,.8); height: 100%; left: 0; opacity: 1; position: fixed; top: 0; transition: .4s ease-in-out; width: 100%; z-index: -1; } .pupupBg .popupBoxx { /* box-shadow: 0px 10px 20px 10px #e5e5e5; */ } .pupupBg .popupBoxx .popupBoxxCls { position: absolute; right: 24px; top: 8px; background: #d5d5d5; height: 30px; width: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 0 0 1px; line-height: 0; cursor: pointer; } .pupupBg .popupBoxx .popupBoxxCls:hover { background: #c5c5c5; } .modal-content a { color: #643cff!important; } .discount { /* background-color:#0062cc !important; */ color:#ffff; padding-left: 28px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; font-size:17px; border-radius: 4px 5px 5px 5px; font-family: Vesterbro-Light !important; text-align:center; } @media (max-width: 300px){ .discount { font-size:8px; margin-left: 22px; } } @media (max-width: 320px){ .discount { font-size:10px; margin-left: 8px; } } @media screen and(max-device-width: 360px){ .discount { font-size:10px; margin-left: 27px; } } @media (max-width: 375px){ .discount { font-size: 13px; margin-left: -25px; margin-right: -24px; } } @media screen and (min-device-width: 411px) and (max-device-width: 414px) { .discount { padding-left: 17px; font-size: 14px; margin-right: -50%; } } .nodisplay{ display: none; } /* header page internal css here */ /* logo footer page css here */ .modal-backdrop { background:none !important; } .popup_offer_countr { width:50%; max-width:500px; height:auto; max-height:500px; background:#fff; /* background-image: linear-gradient(22deg, #fff, #ebeef9); */ /* box-shadow:#ccc 5px 10px 30px; */ box-shadow:#ccc 4px 10px 20px; border-radius:25px; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 999999; text-align:center; padding:40px !important; border: #fe6f4f 2px dashed; overflow:hidden; display:none; } .popup_offer_countr .txt_congra { font-size:36px; font-weight: bold; color:#536aff; } .popup_offer_countr .txt_congra2 { font-size:20px; font-weight: bold; margin:10px 0; } .popup_offer_countr .txt_congra2 span { font-size:50px; font-weight: bold; color:#fe6f4f; border-radius:5px; display:block; line-height: normal; } .popup_offer_countr .txt_congra3 { font-size:16px; font-weight: bold; } .popup_offer_countr .txt_congra3 span { font-size:18px; font-weight: bold; background:#fff; color:#536aff; padding:3px 3px; border-radius:5px; } .popup_offer_countr i { color:#d1d5e5; position: absolute; right:10px; top:10px; } .popup_offer_countr i:hover { color:#b8bdd1; } .popup_offer_countr .btn_grbNw { color: #fff; cursor: pointer; border-radius: 5px; background: #536aff; transition: all .2s ease-in-out; color: #fff; font-size: 15px; border:none; padding:5px 15px 6px; margin-top:10px; text-decoration:none; } .popup_offer_countr .btn_grbNw:hover { transform: scale(1.03); } .popup_offer_countr .cls_popup_offer_countr { cursor: pointer; } .popup_offer_countr .cls_popup_offer_countr2 { font-size:10px; cursor: pointer; } @media (min-width:768px) and (max-width:1199px) { .header-section .container { max-width: 95%; } section { } #searchlogo { } #searchlogo .col-xl-12 .row .col-md-5:nth-child(1) { padding-right:0;} #searchlogo .col-xl-12 .row .col-md-5:nth-child(2) { padding-right:15px;} #searchlogo .cta__input, #searchlogo .cta__inputts { width: 95% !important; } #searchlogo .input-group-append { right: 30px; } #searchlogo .cta__button { /* font-size:13px; */ font-size:18px; min-width: 122px; } .header-section .text-aliment h1 { font-size: 42px; } } @media screen and (max-width: 767px){ .popup_offer_countr { width:90%; max-width:auto; height:auto; max-height:90%; padding:40px; } .popup_offer_countr .txt_congra { font-size:36px; font-weight: bold; color:#536aff; } iframe { width: 100% !important; height:524px !important; } #launcher{ width: 100% !important; height: 56px !important; right: 3% !important; margin: 0 !important; } #myModal_expert .modal-dialog{ min-width: auto!important; padding: 60px 20px;} } /* logo footer page css here */ /* whitelabel page css start */ section.similar_container.main_featured_container.cust_grid_hiw { padding-top: 0!important; } .getstarted_btn { background: #f1bf17; padding: 10px 30px; color: #000; border-radius: 25px; font-weight: 600; text-transform: uppercase; font-size: 18px; display: inline-block; margin-top: 15px; font-family: GraphikRegular!important; transition:0.3s; } .getstarted_btn i.fa.fa-long-arrow-right { font-size: 25px; top: 3px; position: relative; left: 3px; } .getstarted_btn:hover{color:#000; text-decoration:none; background: #cba421;} .featured_video_text h1 { font-family: GraphikBold!important; font-size: 62px!important; line-height: 80px; margin-bottom: 20px; letter-spacing: -3px; padding:0; } .featured_video_text h1 strong{opacity: .8;color: hsla(0,0%,100%,.5);} .featured_video_text h1 span{color: #fff;font-weight: bolder;} .featured_banner_cntr .featured_video_text p { font-family: GraphikRegular!important; color: #fff; font-size: 24px; line-height: 36px; letter-spacing: -.4px; } .featured_right_video { margin-left: 0; } .banner_featured_cntr{ background-image: radial-gradient(circle closest-side at 50% 45%,#b700fa,#7900eb); background-size: 100%; margin: 0 0 30px; padding: 140px 0 90px; } .featured_video_text { padding-top: 32px; } .bg_button{ margin: 2rem 0 0.5rem; border-radius: 0.75rem; font-size: 1.5em; display: inline-block; color: #fff; padding: 0.75rem 4rem; line-height: 1.5; font-weight: bold; letter-spacing: 1px } .main_featured_container h1.cust_feature_title, section.cust_grid_hiw .title_wrapper h1{font-family: GraphikBold!important; color: #0c161a; font-size: 60px;} h1{font-family: GraphikBold!important; color: #0c161a; font-size: 60px!important } .blue_highlighted { color: #643cff; } .c1_MainboxWrapper .intro h4 { padding: 0 14% 20px; color: #0c161a; font-family: GraphikBold!important; } h4 { font-size: 1.5em; margin-bottom: 10px; font-weight: bold; color: #0c161a; font-family: GraphikBold!important; } .c1_MainboxWrapper .intro ul li { display: block; margin-bottom: 2em; padding-left: 32px; position: relative; vertical-align: middle; font-size: 111%; font-weight: 300 !important; font-family: GraphikRegular!important; font-size: 20px; color: #0c161a; line-height: 30px; letter-spacing: -.2px; } .c1_MainboxWrapper .intro ul li:before { counter-increment: number; content: counter(number); width: 22px; height: 22px; border-radius: 50%; line-height: 22px; display: block; font-size: 15px; margin: 0; padding: 0; position: absolute; left: -17px; border: 1px solid #000; top: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-indent: -1px; } .c1_MainboxWrapper .intro ul li b { font-weight: bold; } .c1_MainboxWrapper .intro ul { list-style: none; counter-reset: number; text-align: left; /* margin: 0; */ margin-left: 8%; } ul, ol,a { color: black; } h1.text-center.tool_head { padding-bottom: 5px; font-family: GraphikBold!important; color: #0c161a; font-size: 60px; } p.or_text.more_details_text { top: -1px; margin-bottom: 20px; color: #0c161a; font-family: GraphikRegular!important; } .expert_btn i { font-size: 30px; position: relative; top: 5px; left: 6px; } .btn.btn-primary.expert_btn { min-width: auto; margin: 0px auto 35px; border: 0; color: #fff; font-weight: 500; padding:12px 42px 18px; font-size: 18px !important; display: table; font-family: GraphikRegular!important; border-radius: 8px; transition: 0.2s; } button.btn.btn-primary.expert_btn:hover { transform: scale(1.1); } a.btn.btn-primary.expert_btn.feature_btn { padding-top: 15px; } #myModal_expert .modal-dialog { min-width: 1050px; top: auto; position: relative; left: auto; transform: inherit!important; margin: 15px auto; } #myModal_expert .modal-header, .modal-body { padding: 0!important; } #myModal_expert .modal-header { background: none!important; border: none; } #myModal_expert .modal-content{ overflow:inherit; } #myModal_expert button.close span { font-weight: normal; position: relative; top: -2px; } #myModal_expert button.close { font-size: 20px; color: #000; opacity: 1; right: -14px; position: absolute; top: -14px; background: #e9e7e7; z-index: 99999; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; cursor: pointer; } .modal-open .modal{background:rgba(0,0,0,0.5);} .c1_AffiliatesMainbox .container p, .c1_MerchantsMainbox .container p { padding: 0 0 30px; } ul li, ol li { padding-bottom: 0px; } .similar_container, .create_logo_search_wrap, section.daskboard-section1, .checkout_kreate, section.cust_grid_hiw, .terms-service { padding-top: 44px !important; padding-bottom: 0 !important; margin-top:0; } .user_whitelabel_img { padding: 10px 0 50px; } .user_whitelabel_img img { width: 100%; } .channel_sub_heading { font-size: 46px; padding: 0 60px 30px; } h1 { font-size: 2em; padding-bottom: 30px; border-bottom: none; } p.or_text { margin: 0; text-align: center; font-size: 18px!important; position: relative; top: -22px; } .accordion { background-color: white; cursor: pointer; padding: 16px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; font-size: 19px; font-weight: 600; line-height: 26px; font-family: GraphikBold!important; color: #0c161a; } section.cust_grid_hiw p { color: #0c161a; font-family: GraphikRegular!important; } .active, .accordion:hover { background-color: transparent; } .accordion:after { content: '\002B'; color: #000; font-weight: bold; float: right; margin-left: 5px; } button.accordion.active:after { content: "\2212"; } .panel_tab { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; text-align: left; } .c1_MainboxWrapper .intro ul li { display: block; margin-bottom: 2em; padding-left:18px; position: relative; vertical-align: middle; font-weight: 200 !important; font-family: GraphikRegular!important; font-size: 20px; color: #0c161a; line-height: 30px; letter-spacing: -.2px; } .c1_MainboxWrapper .intro ul li span.blue_highlighted { color: #000; font-family: GraphikBold!important; } @media screen and (max-width:768px) { .main_featured_container h1.cust_feature_title, section.cust_grid_hiw .title_wrapper h1{ font-size: 38px!important; padding-bottom: 0;} .textt-align .channel_sub_heading { font-size: 32px; padding: 0 0 30px; } section.similar_container.cust_grid_hiw { padding-top: 88px!important; } .c1_MainboxWrapper .intro ul{margin:0!important;} .head.container .intro h1 { font-size: 38px!important; } a.btn.btn-primary.bg_button { position: relative; top: 22px; } .similar_container, .create_logo_search_wrap, section.daskboard-section1, .checkout_kreate, section.cust_grid_hiw, .terms-service { padding-top: 50px !important; } .nav-container{padding:0; height: auto;} .header_section img.logo-cls { width: 317px; margin: 0; } .c1_MainboxWrapper .intro ul li{font-size:16px!important;} .c1_MainboxWrapper .intro h4 { font-size: 38px; padding: 0 0 20px!important; } .c1_MainboxWrapper.WrapperContainer .panel h1 { font-size: 38px!important; } .c1_MainboxWrapper.WrapperContainer .panel { padding: 35px 0; } .c1_MainboxWrapper.WrapperContainer .panel button.accordion { font-size: 15px; } .c1_AffiliatesMainbox .container p, .c1_MerchantsMainbox .container p { padding: 0 150px 30px; } } /* white label page css end */ /* how it works page css start */ lottie-player#firstLottie-five, lottie-player#step_2, lottie-player#firstLottie-four, lottie-player#firstLottie-three, lottie-player#firstLottie-two, lottie-player#firstLottie-one { margin: 0 auto; text-align: center; } /* how it works page css end */ /* affiliate page css start */ .bg_button{ margin: 2rem 0 0.5rem; border-radius: 0.75rem; font-size: 1.5em; display: inline-block; color: #fff; padding: 1.2rem 4rem 0.75rem; line-height: 1.5; font-weight: bold; letter-spacing: 1px } a.btn.btn-primary.bg_button.wj { margin-right: 12px; } .c1_MainboxWrapper .intro h4 { padding: 0 14% 20px; } h4 { font-size: 1.5em; margin-bottom: 10px; font-weight: bold; color: #343434; } .c1_MainboxWrapper .intro ul li { display: block; margin-bottom: 2em; padding-left: 75px; position: relative; vertical-align: middle; font-size: 111%; /*Add*/ } .c1_MainboxWrapper .intro ul li:before { counter-increment: number; content: counter(number); width: 50px; height: 50px; border-radius: 50%; border: 1px solid #000; line-height: 48px; display: block; font-size: 1.2em; margin: 0; padding: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .c1_MainboxWrapper .intro ul { list-style: none; counter-reset: number; text-align: left; /* margin: 0; */ margin-left: 8%; } .container>.panel, .margin-bottom-4 { margin-bottom: 4em; } .panel { background-color: #fff; border-radius: .5em; border-top: 0.5em solid #FFCC00; border-color: #FFCC00; border-color: var(--primary-color); margin: 0; padding: 36px; height: 100%; direction: ltr; text-align: center; background-color: #ffff; margin: 0; } .icon { text-align: center; } .icon-earn { background: url(data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M268.6%2C237.2h-37.1c-15.4%2C0-28-12.5-28-28c0-15.4%2C12.6-28%2C28-28H297c7%2C0%2C12.8-5.7%2C12.8-12.8%0A%09%09c0-7-5.7-12.8-12.8-12.8h-34.1v-26.1c0-7-5.7-12.8-12.8-12.8c-7%2C0-12.8%2C5.7-12.8%2C12.8v26.1h-5.9c-29.5%2C0-53.5%2C24-53.5%2C53.5%0A%09%09c0%2C29.5%2C24%2C53.5%2C53.5%2C53.5h37.1c15.4%2C0%2C28%2C12.5%2C28%2C28c0%2C15.4-12.5%2C28-28%2C28h-66.7c-7%2C0-12.8%2C5.7-12.8%2C12.8c0%2C7%2C5.7%2C12.8%2C12.8%2C12.8%0A%09%09h35.3v26.6c0%2C7%2C5.7%2C12.8%2C12.8%2C12.8c7%2C0%2C12.8-5.7%2C12.8-12.8v-26.6h6.5c29.1-0.4%2C52.8-24.3%2C52.8-53.5%0A%09%09C322%2C261.2%2C298.1%2C237.2%2C268.6%2C237.2L268.6%2C237.2z%20M268.6%2C237.2%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M426.8%2C73.2C379.6%2C26%2C316.8%2C0%2C250%2C0S120.4%2C26%2C73.2%2C73.2C26%2C120.4%2C0%2C183.2%2C0%2C250s26%2C129.6%2C73.2%2C176.8%0A%09%09C120.4%2C474%2C183.2%2C500%2C250%2C500s129.6-26%2C176.8-73.2C474%2C379.6%2C500%2C316.8%2C500%2C250S474%2C120.4%2C426.8%2C73.2L426.8%2C73.2z%20M250%2C474.5%0A%09%09C126.3%2C474.5%2C25.5%2C373.7%2C25.5%2C250S126.3%2C25.5%2C250%2C25.5S474.5%2C126.3%2C474.5%2C250S373.7%2C474.5%2C250%2C474.5L250%2C474.5z%20M250%2C474.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E); } [class^='icon-'] { width: 120px; height: 120px; display: inline-block; } .icon-earn-more { background: url(data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M266.8%2C313.8h-28.6c-10.4%2C0-18.8-8.4-18.8-18.8s8.4-18.8%2C18.8-18.8h50.3c6.9%2C0%2C12.5-5.6%2C12.5-12.5%0A%09%09c0-6.9-5.6-12.5-12.5-12.5H265v-17.4c0-6.9-5.6-12.5-12.5-12.5c-6.9%2C0-12.5%2C5.6-12.5%2C12.5v17.4h-1.8c-24.1%2C0-43.8%2C19.6-43.8%2C43.8%0A%09%09c0%2C24.1%2C19.6%2C43.8%2C43.8%2C43.8h28.6c10.4%2C0%2C18.8%2C8.4%2C18.8%2C18.8c0%2C10.4-8.4%2C18.8-18.8%2C18.8h-51.2c-6.9%2C0-12.5%2C5.6-12.5%2C12.5%0A%09%09c0%2C6.9%2C5.6%2C12.5%2C12.5%2C12.5h24.5v17.8c0%2C6.9%2C5.6%2C12.5%2C12.5%2C12.5c6.9%2C0%2C12.5-5.6%2C12.5-12.5v-17.8h2.4c23.9-0.3%2C43.1-19.9%2C43.1-43.8%0A%09%09C310.6%2C333.5%2C291%2C313.8%2C266.8%2C313.8L266.8%2C313.8z%20M266.8%2C313.8%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M440%2C285.6c-13.1-30.1-31.2-59.4-54.1-86.7c-27.7-33.3-55.2-55.5-69.2-65.8l53-98.3c2.6-4.9%2C1.8-10.9-2.3-14.8%0A%09%09C353.7%2C6.5%2C339.2%2C0%2C323%2C0c-14.9%2C0-28.5%2C5.6-40.3%2C10.6c-9.4%2C3.8-18.2%2C7.6-25.4%2C7.6c-2.2%2C0-4.1-0.3-5.9-1%0A%09%09c-24.7-9-43.8-14.7-62.2-14.7c-23.3%2C0-43.1%2C9.4-62.6%2C29.3c-4.1%2C4.2-4.7%2C10.7-1.5%2C15.6l57.2%2C86.4c-14.1%2C10.5-41.2%2C32.5-68.3%2C65.1%0A%09%09c-22.8%2C27.3-41%2C56.5-54.1%2C86.7c-16.4%2C37.9-24.7%2C77.5-24.7%2C117.7c0%2C53.3%2C43.5%2C96.8%2C96.8%2C96.8h236c53.3%2C0%2C96.8-43.5%2C96.8-96.8%0A%09%09C464.8%2C363.1%2C456.4%2C323.5%2C440%2C285.6L440%2C285.6z%20M151.8%2C42.2c12.1-10.4%2C23.6-15%2C37.4-15c14.8%2C0%2C31.4%2C5%2C53.5%2C13.2%0A%09%09c4.6%2C1.7%2C9.5%2C2.5%2C14.5%2C2.5c12.2%2C0%2C23.8-4.8%2C34.9-9.5c10.7-4.5%2C20.9-8.7%2C30.8-8.7c4.8%2C0%2C11.5%2C0.8%2C20.1%2C6.9L293%2C124.3h-86.9%0A%09%09L151.8%2C42.2z%20M368%2C475.1H132c-39.6%2C0-71.8-32.2-71.8-71.8c0-66.6%2C24.4-129.8%2C72.5-187.8c30.4-36.7%2C61.2-59.5%2C70.6-66.1h93.3%0A%09%09c9.5%2C6.6%2C40.2%2C29.4%2C70.6%2C66.1c48.1%2C58%2C72.5%2C121.1%2C72.5%2C187.8C439.8%2C442.8%2C407.6%2C475.1%2C368%2C475.1L368%2C475.1z%20M368%2C475.1%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E); } [class^='icon-'] { width: 120px; height: 120px; display: inline-block; } .icon-clock { background: url(data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M250%2C0C112.1%2C0%2C0%2C112.1%2C0%2C250c0%2C137.9%2C112.1%2C250%2C250%2C250c137.9%2C0%2C250-112.1%2C250-250C500%2C112.1%2C387.9%2C0%2C250%2C0%0A%09%09L250%2C0z%20M250%2C483.3C121.3%2C483.3%2C16.7%2C378.7%2C16.7%2C250C16.7%2C121.3%2C121.3%2C16.7%2C250%2C16.7c128.7%2C0%2C233.3%2C104.6%2C233.3%2C233.3%0A%09%09C483.3%2C378.7%2C378.7%2C483.3%2C250%2C483.3L250%2C483.3z%20M250%2C483.3%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M250%2C50c-4.6%2C0-8.3%2C3.7-8.3%2C8.3V250h-125c-4.6%2C0-8.3%2C3.7-8.3%2C8.3c0%2C4.6%2C3.7%2C8.3%2C8.3%2C8.3H250%0A%09%09c4.6%2C0%2C8.3-3.7%2C8.3-8.3v-200C258.3%2C53.7%2C254.6%2C50%2C250%2C50L250%2C50z%20M250%2C50%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E); } [class^='icon-'] { width: 120px; height: 120px; display: inline-block; } .icon-thats-it { background: url(data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20fill%3D%22none%22%20d%3D%22M250%2C0C112.1%2C0%2C0%2C112.2%2C0%2C250s112.1%2C250%2C250%2C250c137.9%2C0%2C250-112.2%2C250-250S387.8%2C0%2C250%2C0L250%2C0z%20M250%2C467.2%0A%09%09c-119.8%2C0-217.2-97.4-217.2-217.2S130.2%2C32.8%2C250%2C32.8c119.8%2C0%2C217.2%2C97.4%2C217.2%2C217.2S369.8%2C467.2%2C250%2C467.2L250%2C467.2z%0A%09%09%20M250%2C467.2%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20fill%3D%22none%22%20d%3D%22M340.5%2C168.2L211.6%2C297.1L159.5%2C245c-6.4-6.4-16.8-6.4-23.2%2C0c-6.4%2C6.4-6.4%2C16.8%2C0%2C23.2l63.7%2C63.7%0A%09%09c3.2%2C3.2%2C7.4%2C4.8%2C11.6%2C4.8c4.2%2C0%2C8.4-1.6%2C11.6-4.8c0%2C0%2C0%2C0%2C0%2C0l140.5-140.5c6.4-6.4%2C6.4-16.8%2C0-23.2%0A%09%09C357.3%2C161.8%2C346.9%2C161.8%2C340.5%2C168.2L340.5%2C168.2z%20M340.5%2C168.2%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E); } .icon-make-money { background: url(data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M182.3%2C67.9c0%2C37.4%2C30.5%2C67.9%2C67.9%2C67.9c37.4%2C0%2C67.9-30.5%2C67.9-67.9c0-37.4-30.5-67.9-67.9-67.9%0A%09%09C212.7%2C0%2C182.3%2C30.5%2C182.3%2C67.9z%20M250.2%2C34c18.7%2C0%2C34%2C15.2%2C34%2C34c0%2C18.7-15.2%2C34-34%2C34c-18.7%2C0-34-15.2-34-34%0A%09%09C216.2%2C49.2%2C231.5%2C34%2C250.2%2C34z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M40.1%2C500h420.2c8.2%2C0%2C15.1-5.8%2C16.6-13.6V222.7c-2.5-21-20.4-37.3-42.1-37.3H319.5c2.3-2.9%2C3.6-6.5%2C3.6-10.5%0A%09%09c0-9.4-7.6-17-17-17h-112c-9.4%2C0-17%2C7.6-17%2C17c0%2C4%2C1.4%2C7.6%2C3.6%2C10.5H65.5c-23.4%2C0-42.4%2C19-42.4%2C42.4V483%0A%09%09C23.1%2C492.4%2C30.7%2C500%2C40.1%2C500z%20M57%2C227.8c0-4.6%2C3.9-8.5%2C8.5-8.5h369.3c4.6%2C0%2C8.5%2C3.9%2C8.5%2C8.5V466H57V227.8z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M241.8%2C314.1h40.6c9.4%2C0%2C17-7.6%2C17-17c0-9.4-7.6-17-17-17h-15.3v-12.8c0-9.4-7.6-17-17-17c-9.4%2C0-17%2C7.6-17%2C17%0A%09%09v13.7c-18.2%2C4-32.2%2C20.3-32.2%2C39.1c0%2C21.7%2C18.7%2C40.1%2C40.8%2C40.1h16.8c3.3%2C0%2C6.8%2C3.2%2C6.8%2C6.1c0%2C3-3.5%2C6.1-6.8%2C6.1h-40.6%0A%09%09c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h15.3V418c0%2C9.4%2C7.6%2C17%2C17%2C17c9.4%2C0%2C17-7.6%2C17-17v-12.4c18.2-4%2C32.2-20.3%2C32.2-39.1%0A%09%09c0-21.7-18.7-40.1-40.8-40.1h-16.8c-3.3%2C0-6.8-3.1-6.8-6.1C234.9%2C317.2%2C238.4%2C314.1%2C241.8%2C314.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E); } .inner.container-fluid { background-color: transparent; } .inner { position: relative; } .c1_AffiliatesMainbox .container p, .c1_MerchantsMainbox .container p { padding: 0 0 30px; } .bg_panel, .contact-us { color: #fff; } panel h3, .bg_panel h3, .nobg h3 { margin: 10px 0 50px; } .bg_panel *, .contact-us * { color: inherit; } .nobg { padding: 4em 0; } .panel h3, .bg_panel h3, .nobg h3 { margin: 10px 0 50px; text-align: center; } .bot4 { padding-bottom: 10px; } .bot45 { padding-bottom: 45px; } section.similar_container.cust_grid_hiw.c1_MainboxWrapper.earn_section { margin: 0; } @media only screen and (min-width: 768px) { .c1_AffiliatesMainbox .container p, .c1_MerchantsMainbox .container p { padding: 0 150px 30px; } } /* affiliate page css end */ /* faq page css start */ .accordion.accordian_example { padding: 0; } .inner_accordian>.card .card-header { padding: 4px!important; } .inner_accordian .card{border:none!important; } .accordian_faq_box .inner_accordian { padding: 16px 30px ; } .accordian_faq_box { padding: 40px 0; } .accordian_faq_box .inner_accordian .collapsible-link::before{font-size:1.4rem; right: 5px; } .accordian_faq_box .collapsible-link:focus{text-decoration: none; text-shadow:inherit; outline:none;} .accordian_faq_box .inner_accordian .card-body.p-5 p{font-weight:100!important;} .accordian_faq_box .inner_accordian .collapsible-link { font-size: 16px; } .accordian_faq_box .inner_accordian .card-body.p-5 { padding: 25px 20px!important; } .accordian_faq_box .accordion { width: 100%; margin-bottom:0; } .faq_title_heading { margin-bottom: 20px; font-size: 26px; padding-left: 1px; } section.read-more-faqs .title_wrapper h1 { font-family: GraphikBold!important; font-size: 60px; color: #0c161a; padding-top: 55px; } section.read-more-faqs .title_wrapper p.text-center { font-family: GraphikRegular!important; font-size: 20px; color: #0c161a; margin-top: 10px; } .accordian_faq_box .collapsible-link { width: 100%; position: relative; text-align: left; font-size: 21px; text-transform: capitalize!important; font-family: "Nunito", sans-serif!important; color: #000!important; font-weight: 600!important; } .accordian_faq_box .collapsible-link:hover{text-decoration:none;} .accordian_faq_box .accordion>.card .card-header { margin-bottom: -1px; padding: 12px 22px; } .accordian_faq_box .card-body.p-5 { padding: 35px 30px 35px!important; } .accordian_faq_box .collapsible-link::before { content: "\f107"; position: absolute; top: 50%; right: 0.8rem; transform: translateY(-50%); display: block; font-family: "FontAwesome"; font-size: 1.8rem; } .accordian_faq_box .collapsible-link[aria-expanded="true"]::before { content: "\f106"; } .accordian_faq_box .accordion:after{display:none;} @media (max-width: 767px) { .accordian_faq_box .accordion>.card .card-header { padding: 12px 15px; } .accordian_faq_box .inner_accordian { padding: 16px 15px; } } /* faq page css end */ /* New service page css start here */ .service_banner_section { background: url(../img/service_bg.jpg)no-repeat; min-height: 710px; background-size: 100%; padding-top: 170px; } .support_bg_section { background: url(../img/support_sec_bg.png)no-repeat; background-size: cover; padding:20px 0 40px; margin-bottom:0; } .features_box li { font-size: 18px; color: #393D56; padding-bottom: 20px; background: url(../img/point_bg.png)no-repeat; background-position: 0 8px; padding-left: 25px; } .bottom_features ul { display: inline-block; margin: 0; padding: 0; } .service_carousel_box:before { width: 100%; height: 88%; background: url(../img/carousel_bg.png)no-repeat; content: ""; position: absolute; top: 22px; left: 0; border-radius: 20px; } .services_box { background: #F5F3FD; padding: 30px 15px 10px; margin-bottom: 30px; border-radius: 20px; text-align: center; min-height: 248px; } .highlighted_text { color: #536AFF; } .subscription_section { background: #F5F3FD; padding: 0 0 60px; } .service_maine_box h1 { font-size: 55px!important; color: #fff; padding: 0; margin: 0; } .service_maine_box p {padding:35px 0; font-size: 18px; color: #fff; font-weight:normal; } .common_heading { font-size: 45px; font-weight: bold; margin: 70px 0 25px; } .beautyful_brand_box { padding-bottom: 60px; } .beautyful_brand_box p { color: #393D56; font-size: 18px; } .service_main_section h1, .service_main_section h2, .service_main_section h3{ font-family: 'Poppins', sans-serif!important;} .service_main_section p, .service_main_section li, .service_main_section span{font-family: 'Poppins', sans-serif!important;} .subscription_section .accordion>.card .card-header{background:none; border:none; margin-bottom: 18px; border-radius: 20px; } .subscription_section .accordion>.card:not(:first-of-type) .card-header:first-child { border-radius: 20px; } .subscription_section .accordion { background: none; box-shadow: inherit!important; padding:0px 80px 0px; } .subscription_section .accordian_faq_box .collapsible-link { font-size: 26px; font-family: 'Poppins', sans-serif!important; color: #393D56!important; font-weight: 600!important; } a.buy_btn { background: #536AFF; width: 100%; display: block; padding: 7px 8px; color: #fff; border-radius: 60px; font-size: 20px; font-weight: 600; font-family: 'Poppins', sans-serif!important; text-align: center; margin:23px 0 10px; } .subscription_section .card { background: none; border: none; } .services_box h3 { font-size: 22px; font-weight: 700; } .services_box p { font-size: 16px; color: #393D56; font-weight: 400; } span.service_icon { width: 51px; height: 46px; line-height: 46px; background: #fff; display: inline-block; border-radius: 6px; justify-content: center; margin-bottom: 18px; } .subscription_section .accordian_faq_box { padding: 0; } .unlimited_tabs_cntr ul.nav.nav-pills { background: #F5F3FD; display: flex; border-radius: 27px; justify-content: center; max-width: 560px; margin: 0 auto; padding: 10px; } .unlimited_tabs_cntr .nav-pills .nav-link { color: #536AFF; font-size: 36px; font-weight: 600; text-align: center; padding: 18px 0; } .unlimited_tabs_cntr li.nav-item{width:50%;} .unlimited_tabs_cntr .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background: #536AFF; box-shadow: 0px 2px 16px rgba(255, 71, 71, 0.2); border-radius: 27px; } .unlimited_tabs_cntr .tab-content { padding-top: 65px; } .discount_text { color: #232637; font-weight: 500; } .service_price_box { background: #F5F3FD; border-radius: 40px; padding: 42px 15px 0; min-height: 790px; margin-bottom: 60px; } .service_price_box.popular_price_box { min-height: 785px; } .service_top_box h3 { font-size: 22px; font-weight: bold; } .service_top_box p { font-size: 11.5px; } .price_text { font-size: 38px; font-weight: bold; } .price_text sub { font-size: 18px; font-weight: 600; bottom: 0; } span.discount_price { font-size: 24px; color: #536AFF; font-weight: 500; text-decoration: line-through; } span.off_price { background: linear-gradient(91.86deg, #FF3BBC -0.02%, #FF4747 98.69%); border-radius: 19px; color: #F9F9F9; padding: 4px 14px 3px; font-size: 12px; display: inline-block; margin-left: 15px; font-weight: bold; } .discount_price_box { display: flex; align-items: center; } .features_box.price_list_box ul { padding: 0; margin: 0; } .features_box.price_list_box { padding: 25px 0 0 3px; } .service_top_box { position: relative; z-index: 9; } .popular_price_box{ position: relative; } .popular_price_box:before { border-width: 5px; content: ""; width: 103.6%; height: 101%; position: absolute; top: -5px; left: -4px; border: double 5px transparent; border-radius: 30px; background-image: linear-gradient(white, white), linear-gradient(to left, #FF4747, #FF3BBC); background-origin: border-box; background-clip: content-box, border-box; z-index: -9; } .service_price_box.popular_price_box { border-radius: 26px; } .most_popular_head { position: absolute; top: -1px; right: -1px; background: linear-gradient(91.86deg, #FF3BBC -0.02%, #FF4747 98.69%); color: #fff; padding: 4px 16px; border-radius: 6px 23px 0px 7px; font-size: 16px; font-weight: 500; } .features_box.price_list_box li { font-size: 13px; padding-left: 20px; background-position:0 2px; position: relative; } .price_tooltip_box { position: absolute; left: 22px; top: -9px; background: rgba(52,56,76,0.9); padding: 15px; border-radius: 7px; z-index: 9; width: 221px; display: none; } .price_tooltip_box:before { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid rgba(52,56,76,0.9); position: absolute; content: ""; top: 7px; left: -8px; } .price_tooltip_box p { color: #fff; font-size: 12px; margin: 0; line-height: normal; } .tooltip-inner { font-size: 11.5px; background: #34384C; text-align: left; padding: 12px 12px; font-family: 'Poppins', sans-serif!important; line-height: normal; } .tooltip.right .tooltip-arrow { border-color: #34384C; /* Red */ } .price_list_box i.fa.fa-info-circle { color: #B8B6BF; font-size: 14px; position:relative; top: 1px; left: 2px; } .price_list_box i.fa.fa-info-circle:hover .price_tooltip_box { display: block; } h4.custom_pricing { font-size: 24px; font-weight: bold; padding-top: 12px; min-height: 59px; } .subscription_section .collapse { background: #fff; padding: 10px 30px; border-radius: 0 0 20px 20px; margin: 0; position: relative; top: -42px; } .subscription_section .collapse p { font-size: 16px; font-weight: normal!important; } a.buy_btn:hover{text-decoration:none;} .subscription_section .accordian_faq_box .collapsible-link img { margin-right: 12px; width: 29px; } .service_carousel_box .carousel-item { transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out; } .service_carousel_box .carousel-inner { width: 70%; margin: 0 auto; } .service_carousel_box .carousel-indicators li{ opacity: 1; width: 12px; height: 12px; border-radius: 50%;} .service_carousel_box ul.carousel-indicators { bottom: -59px; } .service_carousel_box .carousel-indicators .active{background-color:#623BFF;} a.cust_feature_btn.mid_ri3.read_btn.global_button { background: #536AFF!important; padding: 17px 50px; margin-top: 25px; min-width: 225px; } .service_maine_box { position: relative; top: 28px; } .service_maine_box a.cust_feature_btn.mid_ri3.read_btn.global_button { margin-top: 0; } .services_section.service_price_section { padding: 40px 0; } .note_text_box{padding-top:6px;} .note_text_box ul{ display: flex; justify-content: center; margin: 0; } .service_carousel_box .carousel-item img { border-radius: 20px; } /* New service page css end here */ /* our work page css start here */ .galley_container .masonry{ column-count:inherit; } div#event-intivation .brick.unsp-img-list, div#ecommerce-ads .brick.unsp-img-list { width:auto; float:none; } div#event-intivation .masonry, div#ecommerce-ads .masonry { column-count: 3; } .galley_container .brick.unsp-img-list{ float: left; width: 33.33%; } .our_work_section { padding: 100px 0 60px; } .portfolio_section { padding-top: 40px; } .masonry { column-count: 3; column-gap: 0px; } .brick { padding:0px 12px 22px; } .brick.unsp-img-list img { cursor: pointer; } .brick img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } .our_work_section .featured_tab_cntr .nav>li>a { margin: 0 6px; color: #0c161a; font-size: 15px; padding: 8px 12px; font-weight: 400; border-bottom: 3px transparent; font-family: sans-serif; background: #F5F3FD; margin-bottom: 20px; border-radius: 5px; font-family: 'Poppins', sans-serif!important; } .our_work_section .featured_tab_cntr li.active a { border-bottom: 3px solid #536aff!important; color: #fff!important; border-radius: 5px; background: #643cff!important; font-weight: 600; } /* our work page css end here */ @media screen and (max-width: 767px) { .our_work_section .featured_tab_cntr .nav>li>a{font-size: 12px; padding: 8px 9px; margin-bottom: 16px;} .service_banner_section{background-size: cover; padding: 45px 0 60px;} .service_maine_box{top:0;} .service_maine_box h1 { font-size: 32px!important; } .service_maine_box p { padding: 30px 0; font-size: 16px; line-height: normal; } br { display: none; } .service_carousel_box { margin: 83px 0; } .common_heading { font-size: 32px; } .beautyful_brand_box p { font-size: 16px; } .subscription_section .accordion { padding: 0; } .unlimited_tabs_cntr ul.nav.nav-pills{ max-width: inherit;} .unlimited_tabs_cntr .nav-pills .nav-link { font-size: 24px; padding: 12px 0; } .unlimited_tabs_cntr .tab-content { padding-top: 30px; } .features_box ul { padding: 0; } .subscription_section .collapse { padding: 30px; } .subscription_section .collapse p { font-size: 14px; } .service_banner_section .row.align-items-center { flex-direction: column-reverse; } div#myModal_expert iframe { width: 100%!important; height: 670px!important; } .service_price_box { padding:25px 22px ; min-height: inherit; margin-bottom: 35px; } .features_box li { font-size: 16px; padding-bottom: 15px; } .services_section.service_price_section{padding-bottom:0;} .service_price_box.popular_price_box { padding-top: 50px; min-height: inherit; } h4.custom_pricing{ min-height: inherit;} .galley_container .brick.unsp-img-list{width:50%;} div#event-intivation .masonry, div#ecommerce-ads .masonry { column-count: 2; } /* rate card page responsive css start here */ .unlimited_tabs_cntr.ratecard_tab .nav-pills .nav-link { font-size: 16px; padding: 13px 0; } .tab-content.rate_container_box { padding: 30px 25px; margin-top: 30px; } .rate_details h2 { font-size: 16px; } .rate_details p { font-size: 12px; padding-bottom: 15px; } .rate_radius_bg { border-radius:25px; } span.rate_text { font-size: 16px; } .rate_box { padding: 6px 0; } .rate_bg{border-radius:25px; margin: 0 12px 25px; } .rate_details.align_rate { padding: 5px 0px 15px; } .rate_details p{height:auto;} /* rate card page responsive css end here */ }