html {
scroll-behavior: smooth;
}
/*Fonts*/
.caveat{font-family: 'Caveat', cursive;}
/*Common*/
body {font-family: 'Inter', sans-serif;font-size: 14px;line-height: 1.42857143;color: #10184f;background-color: #fff;scroll-behavior: smooth;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls9{letter-spacing:9px;}
.padding0 {padding: 0;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
@media (min-width:240px) {
.xs8{font-size:8px}.xs9{font-size:9px}.xs10{font-size:10px}.xs11{font-size:11px}.xs12{font-size:12px}.xs13{font-size:13px}.xs14{font-size:14px}.xs15{font-size:15px}.xs16{font-size:16px}.xs17{font-size:17px}.xs18{font-size:18px}.xs19{font-size:19px}.xs20{font-size:20px}.xs21{font-size:21px}.xs22{font-size:22px}.xs23{font-size:23px}.xs24{font-size:24px}.xs25{font-size:25px}.xs27{font-size:27px}.xs28{font-size:28px}.xs29{font-size:29px}.xs30{font-size:30px}.xs31{font-size:31px}.xs33{font-size:33px}.xs35{font-size:35px}.xs37{font-size:37px}.xs39{font-size:39px}.xs40{font-size:40px}.xs41{font-size:41px}.xs43{font-size:43px}.xs45{font-size:45px}.xs47{font-size:47px}.xs49{font-size:49px}.xs51{font-size:51px}.xs56{font-size:56px}.xs60{font-size:60px}.xs70{font-size:70px}.xs85{font-size:85px}.xsmt1{margin-top:1%}.xsmt2{margin-top:2%}.xsmt3{margin-top:3%}.xsmt4{margin-top:4%}.xsmt5{margin-top:5%}.xsmt6{margin-top:6%}.xsmt8{margin-top:8%}.xsmt13{margin-top:13%}.xsmt20{margin-top:20%}.xsmb1{margin-bottom:1%}.xsmb2{margin-bottom:2%}.xsmb3{margin-bottom:3%}.xsmb4{margin-bottom:4%}.xsmb6{margin-bottom:6%}.xsmb7{margin-bottom:7%}.xsmb8{margin-bottom:8%}.xsmb10{margin-bottom:10%}.xsmb15{margin-bottom:15%}.xsmb0{margin-bottom:0}.xsmt-1{margin-top:-1%}.xsmt-3{margin-top:-3%}.xsmt-11{margin-top:-11%}
.mycontainer{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mycontainer2{
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width:768px) {
.sm8{font-size:8px}.sm9{font-size:9px}.sm10{font-size:10px}.sm11{font-size:11px}.sm12{font-size:12px}.sm13{font-size:13px}.sm14{font-size:14px}.sm15{font-size:15px}.sm16{font-size:16px}.sm17{font-size:17px}.sm18{font-size:18px}.sm19{font-size:19px}.sm20{font-size:20px}.sm21{font-size:21px}.sm22{font-size:22px}.sm23{font-size:23px}.sm24{font-size:24px}.sm25{font-size:25px}.sm27{font-size:27px}.sm28{font-size:28px}.sm29{font-size:29px}.sm30{font-size:30px}.sm31{font-size:31px}.sm32{font-size:32px}.sm33{font-size:33px}.sm35{font-size:35px}.sm36{font-size:36px}.sm37{font-size:37px}.sm39{font-size:39px}.sm40{font-size:40px}.sm41{font-size:41px}.sm43{font-size:43px}.sm44{font-size:44px}.sm45{font-size:45px}.sm46{font-size:46px}.sm47{font-size:47px}.sm49{font-size:49px}.sm51{font-size:51px}.sm55{font-size:55px}.sm60{font-size:60px}.sm70{font-size:70px}.sm80{font-size:80px}.sm100{font-size:100px}.sm130{font-size:130px}.lmt0{margin-top:0}.lmt1{margin-top:1%}.lmt2{margin-top:2%}.lmt3{margin-top:3%}.lmt4{margin-top:4%}.lmt5{margin-top:5%}.lmt10{margin-top:10%}.lmt6{margin-top:6%}.lmt7{margin-top:7%}.lmt8{margin-top:8%}.lmt9{margin-top:9%}.lmt11{margin-top:11%}.lmt16{margin-top:16%}.lmt12{margin-top:12%}.lmt13{margin-top:13%}.lmt14{margin-top:14%}.lmt15{margin-top:15%}.lmt18{margin-top:18%}.lmt20{margin-top:20%}.lmt22{margin-top:22%}.lmt25{margin-top:25%}.lmt28{margin-top:28%}.lmt30{margin-top:30%}.lmt34{margin-top:34%}.lmt45{margin-top:45%}.lmt-15{margin-top:-14%}.lmt-25{margin-top:-25%}.lmt-1{margin-top:-1%}.lmt-2{margin-top:-2%}.lmt-3{margin-top:-3%}.lmt-4{margin-top:-4%}.lmt-5{margin-top:-5%}.lmt-6{margin-top:-6%}.lmt-7{margin-top:-7%}.lmt-8{margin-top:-8%}.lmt-9{margin-top:-9%}.lmt-11{margin-top:-11%}.lmt-13{margin-top:-13%}.lmt-20{margin-top:-20%}.lmb0{margin-bottom:0}.lmb1{margin-bottom:1%}.lmb2{margin-bottom:2%}.lmb7{margin-bottom:7%}.lmb10{margin-bottom:10%}.lmb15{margin-bottom:15%}.lmb30{margin-bottom:30%}.lmb-8{margin-bottom:-8%}.lmb-4{margin-bottom:-4%}.lml-2{margin-left:-2%}.pc-right{text-align:right}.mobile-center{text-align:left}
.mycontainer{width: 730px;}
.mycontainer2{width:750px;}
}
@media (min-width: 992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0}.mmb3{margin-bottom:3%}.mmb5{margin-bottom:5%}.mmb7{margin-bottom:7%}.mmb8{margin-bottom:8%}.mmb11{margin-bottom:11%}.mmb12{margin-bottom:12%}.mmb14{margin-bottom:14%}.mmb15{margin-bottom:15%}.mmb16{margin-bottom:16%}.mmb20{margin-bottom:20%}.mmb28{margin-bottom:28%}.mmb35{margin-bottom:35%}.mmt0{margin-top:0}.mmt1{margin-top:1%}.mmt2{margin-top:2%}.mmt3{margin-top:3%}.mmt4{margin-top:4%}.mmt5{margin-top:5%}.mmt6{margin-top:6%}.mmt7{margin-top:7%}.mmt8{margin-top:8%}.mmt10{margin-top:10%}.mmt11{margin-top:11%}.mmt12{margin-top:12%}.mmt13{margin-top:13%}.mmt14{margin-top:14%}.mmt15{margin-top:15%}.mmt18{margin-top:18%}.mmt11a{margin-top:11.6%}.mmt20{margin-top:20%}.mmt28{margin-top:28%}.mmt31{margin-top:31%}.mmt36{margin-top:36%}.mmt-2{margin-top:-2%}.mmt-3{margin-top:-3%}.mmt-4{margin-top:-4%}.mmt-5{margin-top:-5%}.mmt-8{margin-top:-8%}.mmt-9{margin-top:-9%}.mmt-9a{margin-top:-9.5%}.mmt-12{margin-top:-12%}.mmb-5{margin-bottom:-5%}.mmb-6{margin-bottom:-6%}.mml-4{margin-left:-4%}
.mycontainer{width: 880px;}
.mycontainer2{width:922px;}
}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 55px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}
.lmtm-3{margin-top:-3%}.lgmb0{margin-bottom:0}.lgmb2{margin-bottom:2%}.lgmb3{margin-bottom:3%}.lgmb5{margin-bottom:5%}.lgmb11{margin-bottom:11%}.lgmb12{margin-bottom:12%}.lgmb22{margin-bottom:22%}.lgmb25{margin-bottom:25%}.lgmb-6{margin-bottom:-6%}.lgmt5{margin-top:5%}.lgmt18{margin-top:18%}.lgmt13{margin-top:13%}.lgmt15{margin-top:15%}.lgmt23{margin-top:23%}.lgmt26{margin-top:26%}.lgmt29{margin-top:29%}
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
border-radius: 32px;
background-color: rgb(17, 17, 17);
}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 3;
box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);
}
.video-box-section{}
.video-box {
position: relative;
overflow: hidden;
border-style: solid;
border-width: 7px;
border-color: rgb(38, 38, 38);
border-radius: 27px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 20px 43px 0px rgba(22, 48, 82, 0.39);
}
.autoplayer-subarea-16-by-9 {padding-bottom: 56.25%!important;border-radius: 0; }
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.demo-video {
overflow: hidden;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-top: 0%;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.autoplayer-area {z-index: 2;}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}.lh127 {line-height: 127%;}
.black{color:#000;}
.black3{color:#4c4e58;}
.gray{color:#546878;}
.mycontainer{margin:auto;}
.italic {font-style: italic;}
.upper{text-transform:uppercase}
a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after {color: transparent;text-shadow: 10px 0 transparent, -10px 0 transparent;opacity: 0; }
.headline-box{padding:0 18px;}
/*header*/
@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}
.header .navbar{padding: 13px 60px;}
.dropdown-item,.header .navbar-nav,.scrollToTopBtn{font-weight:400;font-size:14px}
.header .navbar-nav .nav-link{color:#000!important;padding-right:30px;padding-left:30px}
.header .navbar-nav .nav-link:hover,.nav-item.active .nav-link,.nav-link.u-header__nav-link.active{color:#0069ff!important}
.header .navbar-brand{margin-right:32px}.header .navbar-nav .nav-link.free-btn{border-radius:12px;background-color:#0069ff;color:#fff!important;padding:11px 27px;position:relative;margin-top:-2px;margin-bottom:-2px;margin-left:20px;text-align:center;transition:transform .2s,background .2s}
.header .navbar-nav .nav-link.free-btn:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%);transform:translateY(-2px);text-decoration:none}
.header .navbar-nav .nav-link.dropdown-toggle{-webkit-appearance:none;-moz-appearance:window;border:none}
.header .navbar-nav .nav-link.dropdown-toggle::after{font-family:FontAwesome;display:inline-block;padding-right:0;vertical-align:text-top;content:"\f107";border:0;margin:0}.logo{width:160px}
/* Add your custom styles here */
.navbar .nav-item:hover .dropdown-menu {
display: block;
}
.navbar .nav-item .dropdown-menu {
animation: slideUp 0.3s ease-in-out;
display: none;
}
@keyframes slideUp {
from {
transform: translateY(10px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 768px) {
}
/**/
.menu-title-section {border-right: 1px solid #dddfe5; }
.menu-title{
font-size:20px;
font-weight: 700;
line-height: 150%;
color: #0069ff;
font-style: inherit;
margin-bottom: 5%;
}
.menu-subtitle {
font-size: 12px;
font-weight: 300;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-top: 0;
margin-bottom: 5%;
}
.mega-menu-list {padding: 0; }
.use-case-mega-menu::before {
content: '';
position: absolute;
bottom: 100%;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
clear: both;
}
.template-case-mega-menu::before {
content: '';
position: absolute;
bottom: 100%;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
clear: both;
}
/*--------------------
Back to Top Button
---------------------*/
.scrollToTopBtn {
border: none;
cursor: pointer;
width: auto;
position: fixed;
top: 30px;
right: 30px;
z-index: 2;
opacity: 0;
transform: translateY(-100px);
transition: all .5s ease;
border-radius: 12px;
background-color: rgb(0, 105, 255);
color: #fff !important;
padding: 13px 27px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.showBtn {opacity: 1;transform: translateY(0) }
.scrollToTopBtn:hover{
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
/*banner*/
.banner-main-box {padding-bottom: 6%; }
.banner-left-box{padding: 0 15px;}
.banner-title {
font-weight: 600;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1.5px;
}
.banner-pra {
font-weight: 400;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-top: 2%;
padding-right: 1%;
}
.banner-pra span{font-weight: 500;font-style: normal; }
.btn-bottom-text {
font-weight: 400;
line-height: 150%;
color: #65636d;
font-style: inherit;
margin-top: 1%;
position: relative;
padding-left: 12%;
}
.btn-bottom-text2 {
font-weight: 400;
line-height: 150%;
color: #65636d;
font-style: inherit;
margin-top: 1%;
position: relative;
padding-left: 12%;
}
a.banner-link1{
color: #fff;
padding: 2.2% 5%;
display: inline-block;
transition: 0.5s;
position:relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgba(0, 83, 235, 0.2);
font-weight: 400;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin-right: 20px;
margin-top: 7%;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
a.banner-link1:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);transform: translateY(-2px);text-decoration: none;}
a.banner-link2{
color: rgb(0 0 0);
padding: 2.2% 5.4%;
display: inline-block;
position:relative;
border-radius: 12px;
font-weight: 400;
border-width: 1px;
border-color: #000000;
border-style: solid;
margin-top: 6%;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
a.banner-link2:hover {transform: translateY(-2px);text-decoration: none; }
.bannerimg{max-width: 116%; }
.swiper-container1 .swiper-slide{opacity:0 !important;}
.swiper-container1 .swiper-slide.swiper-slide-active{opacity:1 !important;}
.banner-title2 {
text-align: center;
font-size: 18px;
color: #767676;
line-height: 150%;
font-size:22px;
}
.banner-main-box2 {width: 100%;margin-top: 0.5%; }
.banner-box2 {padding: 1% 0;overflow: hidden; }
.slider1 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider1 .slider-row {
width: 2176px;
height: 39px;
background-image: url(../images/slider1.png);
background-size: 2176px 39px;
animation: slide1 50s linear infinite;
background-repeat: repeat-x;
margin:auto;
}
@keyframes slide1 {
from {
background-position-x: 0;
}
to {
background-position-x: -2176px;
}
}
.faded {
position: relative;
display: inline-block;
color: #ffffff;
}
.faded:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-collapse: separate;
}
.faded.faded-left.faded-right:after {box-shadow: inset 110px 0 40px -16px, inset -110px 0 40px -16px;}
.slider-img{visibility:hidden;}
/*section1*/
.section1-title{
font-weight: 500;
line-height: 101%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1.5px;
}
/*carousel*/
.carousel {position: relative; }
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
@include transition($carousel-transition);
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {display: block;}
.carousel-item-next,
.carousel-item-prev {position: absolute;top: 0;}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0);
@supports (transform-style: preserve-3d) {
transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(-100%, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: $carousel-control-width;
color: $carousel-control-color;
text-align: center;
opacity: $carousel-control-opacity;
@include hover-focus {
color: $carousel-control-color;
text-decoration: none;
outline: 0;
opacity: .9;
}
}
.carousel-control-prev {
left: 0;
@if $enable-gradients {
background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
}
}
.carousel-control-next {
right: 0;
@if $enable-gradients {
background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
}
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: $carousel-control-icon-width;
height: $carousel-control-icon-width;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: $carousel-control-prev-icon-bg;
}
.carousel-control-next-icon {
background-image: $carousel-control-next-icon-bg;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: $carousel-control-width;
margin-left: $carousel-control-width;
list-style: none;
li {
position: relative;
flex: 0 1 auto;
width: $carousel-indicator-width;
height: $carousel-indicator-height;
margin-right: $carousel-indicator-spacer;
margin-left: $carousel-indicator-spacer;
text-indent: -999px;
background-color: rgba($carousel-indicator-active-bg, .5);
&::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
&::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
}
.active {
background-color: $carousel-indicator-active-bg;
}
}
.carousel-caption {
position: absolute;
right: ((100% - $carousel-caption-width) / 2);
bottom: 20px;
left: ((100% - $carousel-caption-width) / 2);
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: $carousel-caption-color;
text-align: center;
}
/*carouselExample2*/
.carouselExample2-left {
margin-left: 0;
}
.carouselExample2-right {
text-align: center;
position: relative;
}
#carouselExample2 .carousel-inner{padding:0;overflow: visible;}
#carouselExample2 {
position: relative;
width: 100%;
margin: auto;
padding: 0;
}
#carouselExample2 .carousel-indicators{position:relative;bottom:0;height: auto;margin: 0;display: inline-block;text-align: left;z-index: 1;overflow: visible;}
#carouselExample2 .carousel-indicators li {
width: auto;
height: auto;
text-indent: 0%;
background-color: transparent;
flex-direction: column;
display: inline-block;
border: 0;
margin: 0;
margin-top: 0;
width: 100%;
cursor: pointer;
padding: 10% 0 10% 80px;
margin: 2px 0;
overflow: visible;
border-bottom: 1px solid #e6e6e6;
}
#carouselExample2 .carousel-indicators li::after {
content: " ";
width: 10px;
height: 10px;
background-color: rgb(0 0 0 / 20%);
border-radius: 50px;
left: 200%; display:none;
}
#carouselExample2 .carousel-indicators li.active::after {
background-color: #007aff;
}
#carouselExample2 .carousel-indicators li:nth-child(3){border-bottom: 0;}
#carouselExample2 .carousel-indicators li svg {
fill: #e6e6e6;
position: absolute;
left: -75px;
top: 0px;
}
#carouselExample2 .carousel-indicators li.active svg{fill:rgb(0, 105, 255);}
#carouselExample2 .carousel-indicators li div {
position: relative;
}
.step-title{
font-weight: 700;
line-height: 150%;
color: #000000;
font-style: inherit;
}
.step-pra{
font-weight: 400;
line-height: 150%;
color: #767676;
font-style: inherit;
}
#carouselExample2 .carousel-indicators li.active .step-title{color: #0069ff;}
.mobile-carousel, .logo-mobile-box {
display: none !important;
}
.carouselExample2-right .carousel-indicators{
top: 103%;
background-color: black;
}
.carouselExample2-right .carousel-indicators li{
background-color: rgb(0 0 0 / 20%);
width: 8px;
height: 8px;
border-radius: 50px;
}
.carouselExample2-right .carousel-indicators li.active{
opacity: 1;
background: #007aff;
}
/*section2*/
.section2-title{
font-weight: 500;
line-height: 97%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.section2-subtitle{
font-weight: 500;
line-height: 140%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 2%;
}
.section2-title2{
font-weight: 500;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.section2-box{padding: 0 3%;}
.forever-box{
padding: 0 18px;
margin-top: 5%;
}
.forever-box-inn{
border-radius: 50px;
background-color: #000;
padding: 7% 2% 15% 2%;
height: 100%;
}
.forever-box1-inn {background: url(../images/foreverbg1.png) no-repeat center #181818;background-size: cover;}
.forever-box2-inn{background: url(../images/foreverbg2.png) no-repeat center #181818;background-size: cover;}
.forever-box3-inn{background: url(../images/foreverbg3.png) no-repeat center #181818;background-size: cover;}
.forever-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #fff;
font-style: inherit;
text-align:center;
margin-top: 12%;
}
.forever-pra{
font-weight: 400;
line-height: 150%;
color: #8c8c8c;
font-style: inherit;
text-align:center;
margin-top: 3%;
}
/*section3*/
.section3-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.everything{margin-top:3%;}
/*section4*/
.section4-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
margin-bottom: 7%;
letter-spacing: 1.5px;
position:relative;
}
.for-box{padding: 0 18px;}
.for-box-inn{
border-radius: 40px;
text-align:center;
padding-top: 3.6%;
margin-top: 7%;
}
.for-box1-inn{background-image: -webkit-linear-gradient( 90deg, rgb(245,181,150) 0%, rgb(255,255,255) 100%);color: #ee782d;}
.for-box2-inn{background-image: -webkit-linear-gradient( 90deg, rgb(147,157,255) 0%, rgb(255,255,255) 100%);color: #4c4097;}
.for-box3-inn{background-image: -webkit-linear-gradient( 90deg, rgb(147,218,133) 0%, rgb(255,255,255) 100%);color: #567c4e;}
.for-box4-inn{background-image: -webkit-linear-gradient( 90deg, rgb(238,183,58) 0%, rgb(255,255,255) 100%);color: #f39e0a;}
.for-box5-inn{background-image: -webkit-linear-gradient( 90deg, rgb(107,177,176) 0%, rgb(255,255,255) 100%);color: #224953;}
.for-title1{
font-family: 'Caveat', cursive;
font-weight: 700;
line-height: 160%;
text-transform: capitalize;
}
.for-title2{
font-weight: 700;
line-height: 100%;
font-family: "owners", sans-serif;
font-style: inherit;
margin-bottom: 13%;
}
.for-box1-inn .for-title2{background: url(../images/fortitle1.png) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;}
.for-box2-inn .for-title2{background: url(../images/fortitle2.png) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;}
.for-box3-inn .for-title2{background: url(../images/fortitle3.png) no-repeat center center;background-size: contain;padding: 3.5% 2% 2.5% 2%;}
.for-box4-inn .for-title2{background: url(../images/fortitle4.png) no-repeat center center;background-size: contain;padding: 2.6% 2% 1.6% 2%;margin-bottom: -1%;}
.for-box5-inn .for-title2{background: url(../images/fortitle5.png) no-repeat center center;background-size: contain;padding: 2.6% 2% 1.6% 2%;margin-bottom: -1%;}
.forwebsites{max-width: 102%;position: relative;left: -3%;}
.forsales{max-width: 105%;position: relative;left: -2%;}
.forlead{max-width: 103.5%;position: relative;left: -2%;}
.forwebinar{max-width: 100%;position: relative;left: 0%;}
.forfunnel{max-width: 100%;position: relative;left: 0%;}
/*section5*/
.section5-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #fff;
font-style: inherit;
text-align:center;
margin-bottom: 3%;
letter-spacing: 1.5px;
}
.section5-pra {
font-weight: 400;
line-height: 150%;
font-family: "owners", sans-serif;
color: #ffffff;
font-style: inherit;
margin-top: 0;
text-align: center;
letter-spacing: 0.5px;
}
/*section5*/
.section5-box{padding: 0;}
.section5-box-left {
border-radius: 15px 0 0 15px;
background-color: rgb(251 251 251);
padding:0;
width: 62%;
overflow: hidden;
border: 1px solid rgb(218, 218, 218);
}
.section5-box-right{
border-radius: 15px;
background-image: -moz-linear-gradient( -90deg, rgb(76,42,178) 0%, rgb(138,46,205) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(76,42,178) 0%, rgb(138,46,205) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(76,42,178) 0%, rgb(138,46,205) 100%);
padding:0;
width: 38%;
margin-top: -16px;
margin-bottom: -16px;
position: relative;
z-index: 1;
}
.section5-box-left .section5-box-left-top{border-bottom: 1px solid #e7e7e7;}
.section5-box-right .section5-box-right-top{border-bottom: 1px solid rgb(231 231 231 / 11%);}
.section5-box-left .section5-box-left-bottom{padding: 8% 11% 11% 11%;border-top: 1px solid #e7e7e7;}
.section5-box-right .section5-box-right-bottom{padding: 10% 6% 15% 6%;border-top: 1px solid rgb(231 231 231 / 11%);}
.section5-box2-out .section5-box-left .section5-box-left-bottom{padding: 16% 11% 20% 11%;}
.section5-box2-out .section5-box-right .section5-box-right-bottom{padding: 20% 6% 26% 6%;}
.section5-box2-out .checklist1 li:nth-child(3) { margin: 2% 0; }
.section5-box2-out .checklist2 li:nth-child(3) {margin: 5.7% 0;}
.section5-box-right .section5-box-right-bottom h4{background: url(../images/titleBg.png) no-repeat center top;background-size: contain;padding: 6% 1% 3% 1%;}
.section5-box2-out .section5-box-right{
background-image: -moz-linear-gradient( -90deg, rgb(32,65,163) 0%, rgb(22,159,151) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(32,65,163) 0%, rgb(22,159,151) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(32,65,163) 0%, rgb(22,159,151) 100%);
}
.title-bg2 {
background-color: rgb(255, 218, 6);
padding: 0.1% 1.6%;
display: inline-block;
border-radius: 22px 0 22px 0;
}
.checklist1 li {
padding-right: 8%;
list-style: none;
margin-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
color: #444865;
text-align: left;
}
.checklist1 li:nth-child(even) {background-color: rgb(239, 239, 239);}
.checklist2 li {
list-style: none;
margin-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
color: #fff;
}
.checklist2 li:nth-child(even) {background-color: rgb(255 255 255 / 5%);}
.checklist1 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(3) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(6) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(7) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 21px;
padding-bottom: 22px;
}
.checklist2 li:nth-child(4) {
padding-top: 21px;
padding-bottom: 24px;
}
.checklist2 li:nth-child(5) {
padding-top: 23px;
padding-bottom: 22px;
}
.checklist2 li:nth-child(6) {
padding-top: 35px;
padding-bottom: 34px;
}
.checklist2 li:nth-child(7) {
padding-top: 38px;
padding-bottom: 35px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1-inn li {
list-style: disc;
background-color: transparent !important;
background-image: none !important;
padding: 0 !important;
}
/*section6*/
.faster-box-inn{
border-radius: 18px;
background-color: #1b1c27;
padding: 7% 2% 9% 2%;
height: 100%;
text-align:center;
}
.faster-title {
font-weight: 700;
line-height: 150%;
color: #fff;
font-style: inherit;
text-align: center;
margin-top: 6%;
padding: 0 0%;
}
.faster-pra{
font-weight: 400;
line-height: 150%;
color: #b3b3b3;
font-style: inherit;
text-align:center;
margin-top: 2%;
padding: 0 8%;
}
/*section6*/
.section6-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.section6-pra {
font-weight: 400;
line-height: 150%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
margin-top: 1%;
text-align: center;
letter-spacing: 0.5px;
}
.swiper1-slider {
padding: 0;
margin-top: 2.3%;
max-width: 86%;
}
.swiper1 {
text-align: center;
padding: 2% 0 !important;
}
.tablinks {
border: 1px solid rgb(240, 243, 249);
border-radius: 6px;
padding: 25px 0;
cursor: pointer;
transition-duration: 0.3s;
}
.tablinks:hover{background-color: #f1f5fb;transition-duration: 0.3s;}
.tablinks.active:after {
border-right: solid 11px transparent;
border-left: solid 11px transparent;
border-top: solid 12px #346afd;
transform: translateX(-50%);
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 50%;
height: 0;
width: 0;
}
.svg-icon {fill: #12152f;height: 35px;}
.packaging-svg, #filter{fill: none !important;stroke: #12152f;}
.swiper1 p {font-weight: 400;color: #12152f;margin-top: 15px;}
.tab .active{border: 2px solid #346afd;background-color: #346afd;}
.tab .active .svg-icon{fill: #fff;}
.tab .active .packaging-svg, .tab .active #filter{ stroke: #fff;}
.tab .active p{color:#fff;}
.swiper1-button-next, .swiper1-button-prev {
background-image: none !important;
color: #bdc9e0;
border-radius: 50px;
background-color: #f0f3f9;
width: 23px !important;
height: 23px !important;
margin-top: -12px !important;
padding: 1px 0;
}
.swiper-button-next{right: -1% !important;}
.swiper-button-prev{left: -0.8% !important;}
/*section7*/
.section7-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.section7-main-box {background-color: #fcfcfc;margin-top: 5%;}
.section7-box-out{
padding: 0.9%;
}
.section7-box {
padding: 6% 8% 7% 8%;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 62px 0px rgb(27 28 27 / 9%);
}
.section7-box2{background-color:#f6f6fd;border-color: #f6f6fd;}
.section7-box h4{color:#10184f;}
.section7-box h5{color:#9ca3af;}
.section7-box svg {
width: 81px;
height: 20px;
}
.section7-box p {
color: #525778;
margin-top: 5%;
}
.section7-box p span{background-color:#fff4aa;}
.testimonialBox-inner2 p span, .testimonial3imgBox p span{background-color:#fff4aa;}
/**/
.marquee-wrapper {
width: 100%;
overflow:hidden;
padding: 0 2.4%;
}
.marquee-wrapper .container{
overflow:hidden;
margin:0 auto !important;
text-align:center;
}
.marquee-inner span{
height:50%;
}
.marquee-wrapper .marquee-block{
height: 100vh;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 30px 0;
display: inline-block;
}
.marquee-block1{
width: 33%;
}
.marquee-block2{
width: 33%;
}
.marquee-block3{
width: 33%;
}
.marquee-block2{ text-align: left;}
.marquee-block3{ text-align: left;}
.marquee-inner{
display: block;
height: 100%;
width: 100%;
position: absolute;
margin: 0;
}
.marquee-item p{
}
.marquee-inner.to-left{
animation: marqueeTop 50s linear infinite;
}
.marquee-inner.to-right{
animation: marqueeBottom 50s linear infinite;
}
.marquee-item{
width: 100%;
display: block;
padding: 2%;
transition: all .2s ease-out;
text-align: left;
}
@keyframes marqueeTop{
0% {
top: 0;
}
100% {
top: -100%;
}
}
@keyframes marqueeBottom{
0% {
top: -100%;
}
100% {
top: 0;
}
}
.faded2 {
position: relative;
display: inline-block;
color: #ffffff;
}
.faded2:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-collapse: separate;
}
.faded2.faded2-left.faded2-right:after {
box-shadow: inset 0px 70px 40px -16px, inset 0px -70px 40px -16px;
}
.marquee-pc{
display:block !important;
}
.marquee-mobile{
display:none !important;
}
/*section8*/
.section8-left{padding: 0 15px;position: relative;margin-top: -1%;}
.section8-right{padding: 0 15px;}
.section8-title{
font-weight: 500;
line-height: 110%;
font-family: "owners", sans-serif;
color: #fff;
font-style: inherit;
letter-spacing: 1.5px;
}
.section8-subtitle{
font-weight: 400;
line-height: 150%;
color: #fff;
font-style: inherit;
margin-top: 4%;
}
a.banner-link3{
color: #fff;
padding: 2.4% 5.5%;
display: inline-block;
transition: 0.5s;
position:relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgba(0, 83, 235, 0.2);
font-weight: 400;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin-right: 0;
margin-top: 7%;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
a.banner-link3:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);transform: translateY(-2px);text-decoration: none;}
/*faq*/
.footer-section-left{
width: 55%;
padding: 0 15px;
}
.footer-section-right{
padding: 0 15px;
}
.faq-title{
font-weight: 500;
line-height: 110%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
letter-spacing: 1.5px;
}
.faq-subtitle{
font-weight: 400;
line-height: 150%;
color: #000;
font-style: inherit;
margin-top: 4%;
}
.faq {
max-width: 44%;
margin-top: 2%;
}
.accordion .fa {
float: left;
margin-top: 11px;
color: #346afd;
font-size: 22px;
position: absolute;
top: 0;
left: 3%;
}
.faq-section .card {
margin: 0;
padding: 4% 0%;
border-width: 0;
overflow: hidden;
border-radius: 0;
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(202, 202, 203);
}
.faq-section .card:last-child{border: 0px;}
.faq-section .card-header{
padding: 0 0%;
border: 0;
box-shadow: none;
background-color: transparent;
position: relative;
}
.faq-section .card-header button {
width: 100%;
text-align: left;
color: #12152f;
padding: 0% 0 0 9%;
border: 0 !important;
box-shadow: none;
white-space: break-spaces;
background-color: transparent;
}
.faq-section .card-body {
padding: 3% 5% 3% 3%;
color: #696c86;
margin-bottom: 0;
}
.btn:focus, .btn:hover {
text-decoration: none !important;
}
.faq-section .card-body p{
padding: 0;
}
.footer-section button.btn.btn-link{
font-weight: 800;
line-height: 150%; }
.footer-section .card-body{
font-weight: 400;
line-height: 170%;
}
/*footer*/
.footer-box1{ padding: 0 15px;}
.footer-box2{ padding: 0 15px;}
.footer-box3{ padding: 0 15px;}
.footer-box4{ padding: 0 15px;}
.footer-box5{ padding: 0 15px;}
.footer-box6{ padding: 0 15px;}
.footer-title1{
font-weight: 400;
line-height: 150%;
color: #43444a;
font-style: inherit;
margin-top: 20px;
}
.footer-pra{
font-weight: 400;
line-height: 170%;
color: #43444a;
font-style: inherit;
margin-top: 20px;
}
.footer-title{
font-weight: 700;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-bottom: 25px;
}
.footer-link{
font-size: 16px;
}
.footer-link li{
margin: 12px 0;
transition: 1s;
position: relative;
transform: translateX(-9px);
display: flex;
}
.footer-link li a{
font-weight: 400;
line-height: 150%;
color: #43444a;
font-style: inherit;
}
.footer-link li:hover{
transform: translateX(4px);
}
.footer-link li:hover a{
color: #000;
}
.footer-link .foot-icon{
opacity: 0;
transition: 1s;
}
.footer-link li:hover .foot-icon{
opacity: 1;
}
.link {
margin-top: 2%;
}
.link a{
font-weight: 400;
line-height: 150%;
color: #43444a;
font-style: inherit;
}
.link a:hover{
color: #000;
}
/**/
.footer-box6 ul{
margin-top: 18px;
}
.footer-box6 ul li{transition: 1s;margin: 9px 0;}
.footer-box6 ul li a{
position: relative;
width: auto;
height: auto;
list-style: none;
display: flex;
transition: 1s;
color: #43444a;
}
.footer-box6 ul li:hover{
transform: translateX(4px);
}
.footer-box6 ul li:hover a{color:#000;}
.footer-box6 ul li span{
position: relative;
display: inline-block;
text-align: center;
}
.footer-box6 ul li span .fa{
transform: rotateY(0deg);
transition: 1s;
}
.footer-box6 ul li:hover span .fa{
transform: rotateY(360deg);
}
.footer-box6 .foot-name {
top: -2px;
margin-left:10px;
}
/*footer*/
.footer{background-color:#04050a;padding: 3% 0 3% 0;}
.copyright-link{text-align:center;color: #42434b;}
.footer a {
color: #E9E9E9;
margin: 0 1.5%;
}
.footer a:hover {
text-decoration: underline;
color: #ffffff;
}
.footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}
/*elements*/
.tool {
position:absolute;
}
.banner-title span{position:relative;background: url(../images/shapbg.png) no-repeat center center;background-size: contain;color: #0069ff;padding: 1% 2.4% 0% 2.4%;left: -1%;line-height: 115%;margin-right: 0;}
.section4-title span{position:relative;}
.element1{
position: relative;
left: -4%;
}
.section1-title span{position:relative;}
.element2 {
position:absolute;
}
.element3 {
position:absolute;
}
.element4 {
position:absolute;
z-index: -1;
}
/****************/
.bannerimg1{position:relative;}
.bannerimgele {
position:absolute;
}
.discovergele {
position:absolute;
}
.bannerimgelefeatures {
position:absolute;
bottom: -10%;
left: 13%;
}
/****************/
/*features-page*/
.features-page-title{
font-weight: 600;
line-height: 110%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.features-page-subtitle{
font-weight: 400;
line-height: 140%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 2%;
}
.features-box1-out{padding: 2% 2% 2% 1.6%;}
.features-box2-out{padding: 2% 1.6% 2% 2%;}
.features-box-out{
padding: 1.8%;
}
.features-box {
background: url(../images/featuresBg.png) no-repeat center bottom;
background-size: cover;
border: 1px solid rgb(200, 212, 246);
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 11px 54px 0px rgb(21 22 48 / 13%);
padding: 0 2% 8.5% 2%;
overflow: hidden;
text-align: left;
transition: transform 200ms ease 0s, background 200ms ease 0s;
height: 100%;
}
.features-box:hover{
transform: translateY(-5px);
text-decoration: none;
}
.feature-img{}
.features-details{
padding: 0 6%;
}
.features-details h2{
text-transform: uppercase;
font-weight: 500;
line-height: 97%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1.5px;
margin-top: 6%;
}
.features-details p {
margin-top: 3%;
font-weight: 400;
line-height: 140%;
color: #43444a;
font-style: inherit;
}
.feature-mybutton{
margin-top: 6%;
}
.feature-mybutton a{
color: #fff;
padding: 2.2% 5%;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 20%);
font-weight: 400;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin-right: 20px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.feature-mybutton a:hover{
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
/*webpages-page*/
.webpages-banner-left-box{padding: 0 15px;}
.webpages-banner-right-box{}
.webpages-banner-title {
font-weight: 500;
line-height: 115%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1.5px;
}
.webpages-banner-pra {
font-weight: 400;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-top: 2%;
padding-right: 5%;
}
.webpages-section3-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
letter-spacing: 1.5px;
}
.step-row{margin-top:11%;}
.step-row2{margin-top:12%;}
.step-detail-box{padding:0 3%;}
.num{width: 72px;height: 72px;display: block;text-align: center;padding: 13px 0 10px 0;font-weight: 500;font-family: "owners", sans-serif;color: #000000;font-style: inherit;}
.num1{background-color:#ffcf25;}
.num2{background-color:#4cd081;}
.num3{background-color:#fe9a73;}
.step-detail-box h2{margin-top: 6%;font-weight: 500;line-height: 97%;font-family: "owners", sans-serif;color: #000000;font-style: inherit;letter-spacing: 1.5px;}
.step-detail-box p {
margin-top: 2%;
font-weight: 400;
line-height: 160%;
color: #43444a;
font-style: inherit;
}
.step1-img{
max-width: 108%;
}
.step2-img{
max-width: 114%;
position: relative;
left: -16%;
}
.step3-img{max-width: 102%;}
/*features-page*/
.features-section5 .section5-title{margin-bottom: 1%;}
.features-section5 .section5-pra {
margin-bottom: 3%;
}
.page-features-box {
}
.page-features-box-last{ }
.page-features-box-inn{
border-radius: 30px;
background-color: #1b1c27;
padding: 20px 20px 30px 20px;
text-align: center;
height: 100%;
overflow: hidden;
}
.page-features-box-last .page-features-box-inn{padding: 20px 20px 30px 20px;}
.page-features-title{
font-weight: 700;
line-height: 120%;
color: #fff;
font-style: inherit;
text-align: center;
padding: 0 0%;
margin-top: 8%;
}
.page-features-box:nth-child(10) .page-features-title{margin-top: 5%;}
.page-features-box:nth-child(11) .page-features-title{margin-top: 5%;}
.page-features-box:nth-child(10) video, .page-features-box:nth-child(11) video {
width: 62%;
height: auto;
}
.features-img{
position: relative;
}
.features1-img{
left: -2%;
}
.features2-img{
left: -1%;
}
.features3-img{
max-width: initial;
left: -3%;
}
.features4-img{
left: -2%;
}
.features5-img{
left: -1%;
}
.features6-img{
left: -1%;
}
.features7-img{}
.features8-img{
}
.features9-img{
left: -1%;
}
.features10-img{
}
.ideas-box{
padding: 15px;
}
.ideas-box-inn {
border-radius: 22px;
padding: 6% 4% 6% 4%;
height: 100%;
}
.ideas-title{
font-weight: 700;
line-height: 140%;
font-style: inherit;
text-align: center;
padding: 0 0%;
text-transform: capitalize;
}
.ideas-box:nth-child(1) .ideas-box-inn{background-color: #d7ffba;}
.ideas-box:nth-child(2) .ideas-box-inn{background-color: #ffb3ca;}
.ideas-box:nth-child(3) .ideas-box-inn{background-color: #c8adff;}
.ideas-box:nth-child(4) .ideas-box-inn{background-color: #fff0c8;}
.ideas-box:nth-child(5) .ideas-box-inn{background-color: #ffd6b0;}
.ideas-box:nth-child(6) .ideas-box-inn{background-color: #cdebff;}
.ideas-box:nth-child(7) .ideas-box-inn{background-color: #d7dfff;}
.ideas-box:nth-child(8) .ideas-box-inn{background-color: #bdeafe;}
.ideas-box:nth-child(9) .ideas-box-inn{background-color: #ffe8a5;}
.ideas-box:nth-child(10) .ideas-box-inn{background-color: #22445d;}
.ideas-box:nth-child(11) .ideas-box-inn{background-color: #c8a5e1;}
.ideas-box:nth-child(12) .ideas-box-inn{background-color: #ddff9c;}
.ideas-box:nth-child(13) .ideas-box-inn{background-color: #ffb3f7;}
.ideas-box:nth-child(14) .ideas-box-inn{background-color: #ff8d8e;}
.ideas-box:nth-child(15) .ideas-box-inn{background-color: #aaeae5;}
.ideas-box:nth-child(16) .ideas-box-inn{background-color: #fff2b8;}
.ideas-box:nth-child(17) .ideas-box-inn{background-color: #d1b5ff;}
.ideas-box:nth-child(18) .ideas-box-inn{background-color: #ffc49c;}
.ideas-box:nth-child(19) .ideas-box-inn{background-color: #a1d8ff;}
.ideas-box:nth-child(20) .ideas-box-inn{background-color: #d5f3ff;}
.ideas-box:nth-child(21) .ideas-box-inn{background-color: #c5ffac;}
.ideas-box:nth-child(22) .ideas-box-inn{background-color: #c5ffac;}
.ideas-box:nth-child(1) .ideas-title{color: #000;margin-top: 6%;}
.ideas-box:nth-child(2) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(3) .ideas-title{color: #000;margin-top: 13%;}
.ideas-box:nth-child(4) .ideas-title{color: #000;margin-top: 8%;}
.ideas-box:nth-child(5) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(6) .ideas-title{color: #000;margin-top: 6%;}
.ideas-box:nth-child(7) .ideas-title{color: #000;margin-top: 3%;}
.ideas-box:nth-child(8) .ideas-title{color: #000;margin-top: 1%;}
.ideas-box:nth-child(9) .ideas-title{color: #000;margin-top: 1%;}
.ideas-box:nth-child(10) .ideas-title{color: #fff;margin-top: 10%;}
.ideas-box:nth-child(11) .ideas-title{color: #000;margin-top: 9%;}
.ideas-box:nth-child(12) .ideas-title{color: #000;margin-top: 9%;}
.ideas-box:nth-child(13) .ideas-title{color: #000;margin-top: -2%;}
.ideas-box:nth-child(14) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(15) .ideas-title{color: #000;margin-top: -2%;}
.ideas-box:nth-child(16) .ideas-title{color: #000;margin-top: -4%;}
.ideas-box:nth-child(17) .ideas-title{color: #000;margin-top: 8%;}
.ideas-box:nth-child(18) .ideas-title{color: #000;margin-top: 10%;}
.ideas-box:nth-child(19) .ideas-title{color: #000;margin-top: 7%;}
.ideas-box:nth-child(20) .ideas-title{color: #000;margin-top: 4%;}
.ideas-box:nth-child(21) .ideas-title{color: #000;margin-top: 5%;}
.ideas-box:nth-child(22) .ideas-title{color: #000;margin-top: 7%;}
.idea1-img{ }
.idea2-img{
max-width: 95%;
}
.idea3-img{
margin-top: auto;
max-width: 90%;
}
.idea4-img{
max-width: 93%;
}
.idea5-img{}
.idea6-img{}
.idea7-img{
position: relative;
left: 0%;
margin-top: 0;
}
.idea8-img{}
.idea9-img{
}
.idea10-img{
margin-top: 2%;
}
.idea11-img{
margin-top: 0;
max-width: 90%;
}
.idea12-img{
}
.idea13-img{
margin-top: 0;
}
.idea14-img{
margin-top: 0%;
position: relative;
right: -1%;
max-width: 97%;
}
.idea15-img{
}
.idea16-img{
margin-top: 0;
}
.idea17-img{
margin-top: 0;
max-width: 96%;
}
.idea18-img{
margin-top: 0;
max-width: 96%;
}
.idea19-img{
margin-top: 0;
}
.idea20-img{
margin-top: 0;
}
.idea21-img{
margin-top: 2%;
}
.idea22-img{
margin-top: 0;
max-width: 97%;
}
.idea25-img{margin-top: -4%;margin-bottom: -8%;}
.section9-box-2nd {
margin-top: 6%;
}
.testimonial-section .profile-img {
width: 54px;
}
.section9-box-out-second{margin-top: 3%;}
.testimonial-last-section .section9-box{height:100%;}
/*raving-pag*/
/*raving-page*/
/*----------------raving-section2*/
.raving-section2 {
padding: 3% 0 11% 0;
background-image: linear-gradient(#ffffff00, #e5e7f7 99%, #ffffff00 100%);
}
.arrowLeft, .arrowRight{
position: relative;
margin-top: 1%;
}
.arrowLeft{right: 4px;}
.arrowRight{left: 4px;}
.category-box .nav-tabs {
text-align: center;
display: block;
border-bottom: 0;
}
#nav-category4 .raving-section9 .faded2 {
color: #EEF0F9;
}
.category-btn{
font-size: 20px;
font-weight: 500;
color: #12152f;
border: 1px solid rgb(18 21 47 / 30%) !important;
border-radius: 50px !important;
display: inline-block;
width: 12.1%;
padding: 0.9% 0;
margin: 0 0.2%;
cursor:pointer;
transition: 0.5s;
}
.category-btn.active, .category-btn:hover{
background-color: rgb(52, 106, 253) !important;
box-shadow: 0px 10px 29px 0px rgba(52, 106, 253, 0.27);
color: #fff !important;
border: 1px solid rgb(52 106 253);
}
.categoryBox ul .categoryBg {
display: inline-block;
padding: 11px 28.5px;
background-color: #346afd;
border-radius: 40px;
}
.categoryBox ul .categoryBg a {
color: #fff;
}
.categoryBox ul .categoryBg:hover {
background-color: rgb(44 92 224);
color: #fff !important;
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1.1);
transition-duration: 0.3s;
}
.testimonialBox {
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 44.62px 1.38px rgb(16 24 79 / 8%);
padding: 8% 8%;
}
.testimonialBox-inner::before {
/* border-top: 1px solid #dcdedf; */
/* display: block; */
/* border-radius: 0; */
content: " ";
/* position: relative; */
/* width: 93%; */
/* left: 4%; */
}
.testimonialBox-inner {
padding: 0 1% 0 0%;
margin-top: 6%;
}
.ts-row{padding: 0 6%;}
.tSpg {
margin-top: 5%;
margin-bottom: 6%;
padding: 0 5%;
}
.tSpg2{padding: 0 5%;}
.videoTsimg {width:100%;}
.stariCons {
margin-top: 2px;
}
.stariCons i {
color: #fdd835;
font-size: 12px;
padding: 0 2px 0 0;
}
.tsSc {
margin-top: 2%;
}
.vdiconbox {
padding: 0;
}
.johnbx {
padding: 0 0px 0 8px;
}
.johnbx2 {
}
.testimonialBox-inner3 {
padding: 0 10px 0 0px;
}
.vdiconbox2 {
padding: 0 0px 0 0;
}
.raving-section2-testimonials{padding: 3% 0 5% 0;}
/**/
.hero-foot{}
#buttonGroup {margin-top: 1%;text-align: center;}
#buttonGroup li{display: inline-block;width: 12.2%;margin: 1% 0.4%;}
#buttonGroup li a{display: inline-block;border: 1px solid rgb(18 21 47 / 30%);outline: none;color: #12152f;background: transparent;cursor: pointer;font-weight: 500;border-radius: 50px;transition: 0.5s;width: 100%;}
#buttonGroup li.is-active a, #buttonGroup li:hover a{
background-color: rgb(52, 106, 253);
box-shadow: 0px 10px 29px 0px rgb(52 106 253 / 27%);
color: #fff;
border: 1px solid rgb(52 106 253);
}
.grid:after {
content: "";
display: block;
clear: both;
}
.grid-sizer,
.grid-item {
width: 33.33%;
padding: 1%;
}
.grid-item {
float: left;
}
@media screen and (max-width: 576px) {
.grid-sizer,.grid-item {
width: 100%;
}
}
.grid-item:hover {
cursor: pointer;
}
.grid-item img {
display: block;
}
@media screen and (max-width: 414px) {
.grid-item img {
border: 5px solid white;
}
}
.grid-item.grid-item__expanded {
}
.wrapper-outer {
max-width: 1540px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
/*social-tab*/
.social-tab{background: url(https://clickdesigns.b-cdn.net/cd_images/socialtabbg2.png) no-repeat center top;background-size: cover;padding: 3.5% 0 4.5% 0;position:relative;z-index: 1;overflow: hidden;background-color: #abd5fe;margin-top: -3.5%;}
.social-tab ul.nav {display: inline-flex;text-align: center;justify-content: center;}
.social-tab li.nav-item{margin: 8px 7px !important;!i;!;}
.social-tab a.nav-link {font-size: 18px;color: #fff;font-weight: 700;display: flex;padding: 14px 32px;background-color: rgb(126 189 255 / 38%);border-radius: 50px;align-items: center;}
.social-tab a.nav-link.active{background-color: #ffffff;color: #000;}
.social-tab a.nav-link svg{fill: #fff;position: relative;margin-right: 14px;margin-bottom: 0;}
.social-tab a.facebook-nav-link.active svg{fill: #1877f2;}
.social-tab a.instagram-nav-link.active svg{fill: url(#rg);}
.social-tab a.pinterest-nav-link.active svg{fill: #E60023;}
.social-tab a.twitter-nav-link.active svg{fill: #000000;}
.social-tab a.linkedin-nav-link.active svg{fill: #0283C7;}
.social-tab .tab-content{ }
.twittersize-box{padding: 0 15px;width: 33%;}
.linkedinsize-box{padding: 0 0px 0 15px;width: 60%;}
.newbadge {background: url(https://clickdesigns.b-cdn.net/cd_images/badgebg.svg) no-repeat center center;background-size: contain;padding: 15px 30px 3px 14px;position: relative;color: #000; }
.social-pc, .everything-img-pc{}
.social-mob, .everything-img-mob{display:none !important;}
.social-tab a.youtube-nav-link svg{width: 24px;}
.social-tab a.youtube-nav-link svg .y1{fill:#fff;}
.social-tab a.youtube-nav-link svg .y2{fill:#a3d5fe;}
.social-tab a.youtube-nav-link.active svg .y1{fill:#f00;}
.social-tab a.youtube-nav-link.active svg .y2{fill:#fff;}
/*-------------------raving-section3*/
.revingicon-Box ul li {
display: inline-block;
padding: 0 10px;
position:relative;
text-align:center;
top: 0;
transition: 0.3s ease-out;
}
.raving-section3{
background-color: #fff;
padding: 5% 0 5% 0;
}
.testimonial3imgBox {
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 44.62px 1.38px rgb(16 24 79 / 8%);
padding: 7% 0 0% 0%;
overflow: hidden;
text-align: left;
box-shadow: 0px 5px 21.62px 2.38px rgb(16 24 79 / 18%);
}
.text-testimonial{padding: 7% 0 7% 0%;}
.other-testimonial {
padding: 2%;
}
.other-testimonial img{border-radius: 8px;}
.tsSc4 {
margin-top: 0;
}
.tSpg2 {
margin-top: 5%;
}
.stariCons3 {
margin-top: 5px;
}
.stariCons3 i {
color: #ffffff;
font-size: 10px;
padding: 3px 2px 1.5px 2px;
background-color: #00b67a;
margin: 0px 0 0 1px;
}
.raving-section3-box-out {
padding: 0 14px;
}
.raving-section9 .faded2 {
color: #f9faff;
}
.team-card-bottom {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
width: 130%;
position: absolute;
bottom: -36px;
opacity: 0;
transition: 0.3s ease-out;
}
.revingicon-Box ul li:hover{
top: -15px;
}
.revingicon-Box ul li:hover .team-card-bottom {
bottom: -20px;
opacity: 1;
}
.revingicon-Box ul li p {
position: relative;
left: -17px;
font-weight: 600;
color: #12152f;
}
.video-box-section .responsive-video {
box-shadow: none;
border-radius: 0;
}
.customers-line {
color: #9798a7;
}
/*clickdesigns-vs-canva*/
.clickdesignsvscanva-page-subtitle{
font-weight: 400;
line-height: 140%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 1.5%;
}
.clickdesignsvscanva-page-title{
font-weight: 600;
line-height: 110%;
font-family: "owners", sans-serif;
color: #46af4a;
font-style: inherit;
text-align:center;
letter-spacing: 1px;
margin-top: 4%;
}
/**/
.vs-section2 {
background-color: #fff;
background-image: linear-gradient(white, #f9fbff);
padding: 6% 0 7% 0;
}
.easypeasy{margin-bottom:-2%;margin-top: 5%;}
/*section9*/
.section9-main-box {
padding: 0 1.8%;
margin-top: 3%;
}
.section9-box-out {
padding: 0.9%;
}
.section9-box {
padding: 6% 8% 7% 8%;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 11px -11px 80px #0509171a;
}
.section9-box2{background-color:#f6f6fd;border-color: #f6f6fd;}
.section9-box h4{color:#10184f;}
.section9-box h5{color:#9ca3af;}
.section9-box svg {
width: 81px;
height: 20px;
}
.section9-box p {
color: #525778;
margin-top: 5%;
}
.section9-box p span{background-color:#fff4aa;}
.testimonialBox-inner2 p span, .testimonial3imgBox p span{background-color:#fff4aa;}
/**/
/*pricing-page*/
.pricing-title {
font-weight: 600;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1.5px;
text-align:center;
}
.pricing-pra {
font-weight: 400;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-top: 1.5%;
text-align: center;
}
.top-rating-div{padding:0;}
.top-rating {
text-align: left;
font-size: 12px;
position: relative;
left: 0;
margin-bottom: 2%;
}
.top-rating .fa {
color: #ffbb03;
margin: 0 2px;
}
.top-rating-text {
text-align: left;
padding: 0 0 0 3%;
}
.top-rating-profile{text-align:center;}
.top-rating-profile{padding:0; margin-top: 0.5%;}
.pricing-testi-box{
background-color: #fff;
box-shadow: 0px 10px 40px 0px rgb(2 30 70 / 10%);
border-radius: 14px;
padding: 2% 3% 2% 3%;
}
.top-rating-text p{margin-top: 1%;}
.try-text {
color: #767e90;
}
/*pricing-page2*/
.tab-slider--nav {
display: flex;
justify-content: center;
width: 100%;
margin-top: 1.2%;
}
.tab-slider--tabs {
display: block;
float: left;
margin: 0;
padding: 5px;
list-style: none;
position: relative;
overflow: hidden;
background: #fff;
height: 51px;
user-select: none;
border-width: 1px;
border-color: rgb(225, 228, 231);
border-style: solid;
border-radius: 11px;
background-color: rgb(255, 255, 255);
}
.tab-slider--tabs:after {
content: "";
width: 48%;
background: #000;
height: 80%;
position: absolute;
top: 10%;
left: 50%;
right: 0;
transition: all 250ms ease-in-out;
border-radius: 8px;
background-color: rgb(0, 105, 255);
}
.tab-slider--tabs.slide:after {
left: 2%;
}
.tab-slider--trigger {
line-height: 1;
font-weight: 400;
color: #000;
text-align: center;
padding: 13px 28px;
position: relative;
z-index: 2;
cursor: pointer;
display: inline-block;
transition: color 250ms ease-in-out;
user-select: none;
text-align: center;
left: 4%;
}
.tab-slider--trigger span {
color: #fff;
border-radius: 2px;
background-color: #0069ff;
padding: 1.4px 6.2px;
position: relative;
margin-left: 4px;
font-weight: 500;
top: -0.5px;
}
.trigger-yearly.active span{
color: #0069ff;
background-color: #ffffff;
}
.tab-slider--trigger.active {
color: #fff;
}
.tab-slider--body, .new-tab-box {
margin-bottom: 20px;
padding: 0;
text-align: left;
}
.triggerIcon {
position: absolute;
top: -65%;
right: 37%;
}
.tab-slider--container{width:100%;}
.table-box1-out {
padding: 0 1.3%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 40%;
margin-top: 3%;
}
.pricing-withfree .table-box1-out{padding: 0 .5%;}
.table-box1-top{padding:0;}
.save-tag {
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52;
padding: 0.3% 5.1%;
position: relative;
line-height: 160%;
margin-left: 0;
display: inline-block;
margin-top: 2%;
}
.save-tag-bottom{
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52;
padding: 0.3% 2%;
}
.save-tag-top {
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52 !important;
padding: 1px 0 0px 0;
position: relative !important;
font-size: 10px !important;
top: -19px !important;
display: inline-block;
width: 188%;
text-transform: uppercase;
font-weight: 700;
line-height: 181%;
left: 117% !important;
}
.table-normally{
font-weight: 300;
line-height: 105%;
color: #6b6b6b;
font-style: inherit;
text-align: center;
margin-top: 24px;
}
.table-prices-stake{
font-weight: 700;
line-height: 105%;
color: red;
font-style: inherit;
text-align: center;
margin-top: 16px;
}
.table-prices-stake span{
font-weight: 400;
line-height: 105%;
color: red;
font-style: inherit;
text-align: center;
margin-top: 10px;
}
.table-price span{
font-weight: 400;
line-height: 105%;
color: #6b6b6b;
font-style: inherit;
text-align: center;
margin-top: 10px;
}
.table-box1-out:nth-child(1) .table-price {
margin-top: 10px;
}
.table-save-text{
font-weight: 400;
line-height: 105%;
color: #569900;
font-style: inherit;
text-align: center;
margin-top: 25px;
}
.table-save-text span{
border-width: 1px;
border-color: rgb(184, 222, 136);
border-style: solid;
background-color: rgb(226, 255, 189);
border-radius: 50px;
display: inline-block;
padding: 5px 14px 3px 14px;
}
.table-link1 a{
color: #fff;
padding: 15px 15px;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: #0069ff;
font-weight: 600;
border-width: 1px;
border-color: #0069ff;
border-style: solid;
margin-right: 0;
margin-top: 30px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
width:100%;
}
.table-link1 a:hover{
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(12 159 82 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
.table-link2 a{
color: #fff;
padding: 15px 15px;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
font-weight: 600;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin-right: 0;
margin-top: 30px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
width:100%;
}
.table-link2 a:hover{
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
.table-list {
margin-top: 12%;
padding: 0 14% 0 2px;
margin-top: 0;
padding: 0 3% 0 2px;
}
.table-list li {
font-weight: 500;
font-style: inherit;
padding-bottom: 10px;
/* margin-bottom: 0; */
color: #000000;
text-align: left;
display: block;
line-height: 150%; margin: 2.5% 0;
}
.table-list li span.list {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.check-img {
width: 22px;
position: relative;
top: 0px;
margin-right: 12px;
margin-left: -2px;
}
.table-list li.uncheck {
background: url(../images/tableuncheck.png) no-repeat left 6px;
}
.tag{
position: absolute;
top: 0;
right: 0;
}
#expander, #expander-2, #expander2 {
cursor: pointer;
display: inline;
margin: auto;
}
#expander1, #expander2, #expander3, #expander4 , #expander5 {
cursor: pointer;
}
#ex-content, #ex-content-2, #ex-content1, #ex-content2, #ex-content3, #ex-content4, #ex-content5 {
width: 100%;
margin: 0;
padding: 0 0;
text-align: left;
margin-top: 6%;
}
#ex-content1, #ex-content2, #ex-content3, #ex-content4, #ex-content5{margin-top: 0%;padding: 0;}
#ex-content, #ex-content-2, #ex-content2, #ex-content3, #ex-content4, #ex-content5{display: none;}
#expander span, #expander-2 span, #expander2 span {
border-radius: 8px;
display: inline-block;
padding: 8px 0;
transition: 0.5s;
font-weight: 600;
border-width: 1px;
border-color: rgb(214, 218, 223);
border-style: solid;
background-color: rgb(242, 243, 245);
line-height: 150%;
margin: auto;
}
#expander .fa, #expander-2 .fa, #expander2 .fa {
font-size: inherit;
position: relative;
top: 2px;
margin-left: 1px;
transition: 0.5s;
}
#expander span:hover, #expander-2 span:hover, #expander2 span:hover{
background-color: rgb(52, 106, 253);
border-color: rgb(52, 106, 253);
color:#fff;
transition: 0.5s;
}
#expander1 .fa{transform: rotate(180deg);}
#expander1 .fa, #expander3 .fa, #expander4 .fa, #expander5 .fa {
font-size: inherit;
position: relative;
top: 3px;
transition: 0.5s;
right: 0;
margin-right: auto;
float: right;
}
#expander1 span, #expander2 span, #expander3 span, #expander4 span, #expander5 span{
display: block;
width: 100%;
}
.highlight, .highlight-2, .highlight2, .highlight3, .highlight4, .highlight5 {
transform: rotate(180deg);
transition:0.5s;
top: 1px !important;
}
.highlight1 {
transform: rotate(0deg) !important;
transition:0.5s;
top: 0px !important;
}
.features-main-box {
padding: 0;
border-width: 1px;
border-color: rgb(225, 228, 231);
border-style: solid;
border-radius: 0 0 18px 18px;
background-color: rgb(255, 255, 255);
overflow: hidden;
margin: auto;
width: 80%;
border-top: 0;
}
.section__headline.features-main-box{
border-radius: 0;
background-color: rgb(255, 255, 255);
z-index: 1;
border: 0;
}
.features-table-title, .features-table{padding:0;}
.features-table-title .features-table-col4 {
border-top: 5px solid #0069ff;
border-top-right-radius: 15px;
}
.features-table-title .features-table-col2{
border-top: 5px solid #f2f3f5;
}
.features-table-title .features-table-col3{
border-top: 5px solid #0fa958;
}
.features-table-title .features-table-col42{border-top: 5px solid #0069ff;}
.section__headline .features-table-title{
border-radius: 18px 18px 0 0;
background-color: rgb(255, 255, 255);
z-index: 1;
border-width: 1px;
border-color: rgb(225, 228, 231);
border-style: solid;
}
.features-table-col1{
width: 40%;
padding: 0 6% 0 34px;
}
.features-table-col2{
width: 30%;
padding: 0;
border-left: 1px solid rgb(225, 228, 231);
height: 100%;
position: relative;
}
.features-table-col3{
width: 30%;
padding: 0;
border-left: 1px solid rgb(225, 228, 231);
height: 100%;
position: relative;
}
.features-table-col4{
width: 30%;
padding: 0;
border-left: 1px solid rgb(225, 228, 231);
position: relative;
}
.pricing-withfree .features-table-col1{
width: 31%;
padding: 0 6% 0 34px;
}
.pricing-withfree .features-table-col2{
width: 23%;
}
.pricing-withfree .features-table-col3{
width: 23%;
}
.pricing-withfree .features-table-col4{
width: 23%;
}
.features-table-col-inn{
padding: 40px 1px;
}
.all-features-title{
font-weight: 500;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1px;
}
.all-features-table-title{
font-weight: 500;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 0.5px;
text-align: center;
}
.all-features-table-price{
}
.all-features-table-price-stakes{
font-weight: 700;
line-height: 105%;
font-style: inherit;
text-align: center;
margin-top: 13px;
color: red;
font-size: 16px;
}
.all-features-table-price span{
font-weight: 400;
line-height: 105%;
color: #6b6b6b;
font-style: inherit;
}
.all-features-table-price-stakes span{
font-weight: 400;
line-height: 105%;
color: #6b6b6b;
color: red;
font-style: inherit;
font-size: 9px;
}
.features-mybutton1 a{
color: #fff;
padding: 11px 15px;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: #0fa958;
font-weight: 600;
border-width: 1px;
border-color: #0fa958;
border-style: solid;
margin-right: 0;
margin-top: 16px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
width: 74%;
}
.features-mybutton1 a:hover{
background-color: #0c9f52;
box-shadow: 0px 20px 51px 0px rgb(12 159 82 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
.features-mybutton2 a{
color: #fff;
padding: 11px 15px;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
font-weight: 600;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin-right: 0;
margin-top: 16px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
width: 74%;
}
.features-mybutton2 a:hover{
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);
transform: translateY(-2px);
text-decoration: none;
}
.all-features-list-title{
font-weight: 500;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1px;
padding: 26px 34px;
}
.all-features-list{
font-weight: 400;
line-height: 130%;
color: #000000;
font-style: inherit;
text-align: center;
padding: 21px 4px;
}
.features-table .features-table-col1 .all-features-list{text-align: left;}
.features-table-row{border-top: 1px solid rgb(225, 228, 231);}
.features-table-row#features-table-row{border-top: 0;}
.features-table .features-table-col4{
background-color: #f3f5f9;
}
.features-table-row .row{
display: table;
width: 100%;
}
.features-table-row .features-table-col1{display: table-cell;}
.features-table-row .features-table-col2, .features-table-row .features-table-col3{display: table-cell;padding: 0 2%;}
.features-table-row .features-table-col4 {
display: table-cell;
padding: 0 3%;
}
.features-table-row .features-table-col2 .all-features-list, .features-table-row .features-table-col3 .all-features-list, .features-table-row .features-table-col4 .all-features-list{
text-align: center;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0 8%;
}
.ai-span {
background-color: #0069ff;
color: #fff;
border-radius: 3px;
display: inline-block;
padding: 3px 1px 3px 3px;
}
.all-features-list-title .ai-span{
padding: 6px 0px 4px 2px;
}
.ai1{
position: relative;
top: -1.5px;
}
.ai2{
position: relative;
top: -1px;
}
.circle1-bg1 {
background: url(https://clickdesigns.b-cdn.net/cd_images/circle1.webp) center center / contain no-repeat;
padding: 3% 25px 2% 22px;
margin: 0 -5px;
position: relative;
}
.table-link1-free a, .features-mybutton1-free a{
background-color: #f2f3f5;
border-color: #f2f3f5;
color: #000;
}
.table-link1-free a:hover, .features-mybutton1-free a:hover {
background-color: #e9e9e9;
border-color: #e9e9e9;
box-shadow: 0px 20px 51px 0px rgb(80 80 80 / 16%);
}
.pricing-withfree{}
.try-box-pricing{
background: url(../images/tryboxbg.png) no-repeat center top;
background-size: cover;
border-radius: 20px;
background-color: rgb(17, 17, 17);
padding: 6% 0 5% 0;
overflow: hidden;
}
.try-box-title{
font-weight: 600;
line-height: 130%;
font-family: "owners", sans-serif;
color: #fff;
font-style: inherit;
letter-spacing: 1.5px;
text-align:center;
}
a.banner-link5{
color: #fff;
padding: 1.7% 3.9%;
display: table;
position:relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgba(0, 83, 235, 0.2);
font-weight: 400;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin: auto;
margin-top: 3%;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
a.banner-link5:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);transform: translateY(-2px);text-decoration: none;}
.btn-bottom-text5 {
font-weight: 400;
line-height: 150%;
color: #65636d;
font-style: inherit;
margin-top: 1%;
position: relative;
}
/**/
.section__headline {
position: sticky;
top: 0;
align-self: start;
}
.logo-list{display: inline-flex;}
.logo-list1{
margin-top: 2%;
}
.logo-list2{
padding: 0 8.5%;
}
.logo-list li {
padding: 1.2% 2.5%;
align-self: center!important;
}
.logo-list img{}
/*dg-page*/
.use-cases-pra1 {
font-weight: 600;
line-height: 130%;
color: #000000;
font-style: inherit;
margin-top: 3%;
}
.use-cases-pra2 {
font-weight: 400;
line-height: 140%;
color: #000000;
font-style: inherit;
margin-top: 3%;
margin-bottom: 2%;
}
.es-banner .use-cases-pra2 {
margin-top: 1%;
margin-bottom: 2%;
}
.dg-step-row1{position:relative;}
.dg-step-row2{position:relative; }
.dg-step-row3{position:relative; }
.dg-step-detail1-box{
z-index: 1;
}
.dg-step-image1-box{padding: 0;z-index: 1;text-align: left;}
.dg-step-detail2-box{
z-index: 1;
}
.dg-step-image2-box{padding:0;z-index: 1;text-align: right;}
.dg-step-title{
font-weight: 500;
line-height: 110%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1px;
}
.dg-step-pra{
font-weight: 400;
line-height: 160%;
color: #000000;
font-style: inherit;
margin-top: 4%;
}
.dgstep1{position:relative;}
.dgstep2{position:relative;}
.dgstep3{position:relative;}
.connector1-box{
position: absolute;
}
.connector2-box{
position: absolute;
}
.connector1{ }
.connector2{ }
/*Stack*/
.dg-section2{heigth: 100%;}
.dg-section2 .card {
position: sticky;
top: 0;
transform-origin: center top;
margin: 0;
height: auto;
overflow: hidden;
border-radius: 30px;
}
.dg-section2 .card:nth-child(0) {
transform: translateY(0px);
}
.dg-section2 .card:nth-child(1) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(2) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(3) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(4) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(5) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(6) {
transform: translateY(80px);
}
.dg-section2 .card:nth-child(7) {
transform: translateY(80px);
}
.card1{background: linear-gradient(to left, #cbe4ff 50%, #ffffff 50%);border-width: 2px;border-color: rgb(203, 228, 255);border-style: solid;}
.card2{background: linear-gradient(to left, #ffddcb 50%, #ffffff 50%);border-width: 2px;border-color: #ffddcb;border-style: solid;}
.card3{background: linear-gradient(to left, #cbffe7 50%, #ffffff 50%);border-width: 2px;border-color: #cbffe7;border-style: solid;}
.card4{background: linear-gradient(to left, #dccbff 50%, #ffffff 50%);border-width: 2px;border-color: #dccbff;border-style: solid;}
.card5{background: linear-gradient(to left, #ffcbdc 50%, #ffffff 50%);border-width: 2px;border-color: #ffcbdc;border-style: solid;}
.card6{background: linear-gradient(to left, #feefc8 50%, #ffffff 50%);border-width: 2px;border-color: #feefc8;border-style: solid;}
.card7{background: linear-gradient(to left, #b8eee9 50%, #ffffff 50%);border-width: 2px;border-color: #b8eee9;border-style: solid;}
.card-text{}
.card-title{
font-weight: 500;
line-height: 100%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
letter-spacing: 1px;
}
.card-subtitle{
font-weight: 400;
line-height: 110%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
letter-spacing: 1px;
margin-top: 1%;
}
.card-pra{
font-weight: 400;
line-height: 180%;
color: #000;
font-style: inherit;
margin-top: 5%;
}
.card1-img, .card2-img, .card3-img, .card4-img, .card5-img, .card6-img, .card7-img,
.es-card1-img, .es-card2-img, .es-card3-img, .es-card4-img, .es-card5-img, .es-card6-img,
.bloggercard1, .bloggercard2, .bloggercard3, .bloggercard4, .bloggercard5,
.ap-card1-img, .ap-card2-img, .ap-card3-img, .ap-card4-img, .ap-card5-img, .ap-card6-img,
.fd-card1-img, .fd-card2-img, .fd-card3-img, .fd-card4-img, .fd-card5-img, .fd-card6-img,
.am-card1-img, .am-card2-img, .am-card3-img, .am-card4-img, .am-card5-img, .am-card6-img, .am-card7-img
{position: relative;}
.use-case-btn-title{
font-weight: 500;
line-height: 130%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
letter-spacing: 1px;
text-align: center;
}
.use-case-btn-subtitle{
font-weight: 400;
line-height: 170%;
color: #000;
text-align: center;
margin-top: 1%;
}
a.banner-link4{
color: #fff;
padding: 1.12% 2.5%;
display: table;
position:relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgba(0, 83, 235, 0.2);
font-weight: 400;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
margin: auto;
margin-top: 2%;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
a.banner-link4:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);transform: translateY(-2px);text-decoration: none;}
/*End stack*/
/*es-page*/
/*demo-page*/
.demoBoxi-Main {
padding: 0px 10px;
}
.demoBoxi-Main1{
padding: 0 1.1% 0 6%;
}
.demoBoxi-Main2{
padding: 0 6% 0 1.1%;
}
.demoBox {
border-radius: 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 13px 32px 0px rgb(27 21 92 / 9%);
padding: 10% 11%;
height: 100%;
text-align: left;
}
.demoBox2 {
background: url(../images/box2Bg.png) no-repeat center top;
background-size: cover;
background-color: rgb(0, 22, 69);
box-shadow: 0px 19px 36.48px 1.52px rgb(27 21 92 / 40%);
}
.demoBox-title{
font-weight: 500;
line-height: 110%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
letter-spacing: 1px;
margin-top: 3%;
}
.mybuttonDm button {
color: #fff;
padding: 4.5% 12.8%;
display: table;
border-radius: 12px;
background-color: rgb(0 105 255);
box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
transition: 0.5s;
margin-top: 8%;
position: relative;
z-index: 2;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.mybuttonDm button:focus{ box-shadow: none !important;}
.mybuttonDm2 a {
color: #12152f;
padding: 4.5% 12.8%;
display: table;
border-radius: 12px;
background-color: rgb(255, 255, 255);
transition: 0.5s;
margin-top: 8%;
position: relative;
z-index: 2;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.mybuttonDm button:hover {
background-color: rgb(4 94 223);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: translateY(-2px);
text-decoration: none;
}
.mybuttonDm2 a:hover {
background-color: #fff;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #12152f !important;
text-decoration: none !important;
transform: translateY(-2px);
text-decoration: none;
}
.watchiCon {
margin: 0 5px 2px 0px;
}
.calliCon {
margin: 0 5px 2px 0px;
}
.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position: absolute;
right: -30px;
top: -10px;
z-index: 999;
font-size: 2rem;
font-weight: normal;
color: #fff;
opacity: 1;
}
.close:focus-visible, .close span:focus-visible {
outline: -webkit-focus-ring-color auto 0px !important;
}
button.close:focus {
outline: 0px auto -webkit-focus-ring-color !important;
}
/**/
.swiper-slide-inn{overflow:hidden;}
.swiper-pagination3 {
position: relative !important;
border-radius: 0;
color: #9da0b3;
margin: auto;
margin-bottom: 5px;
bottom: 0 !important;
margin-top: 0;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 5%;
border-radius: 0;
width: auto;
height: auto;
text-align: center;
font-size: 15px;
opacity: 1;
background: #121213;
color: #5a5a5b;
margin: 0 !important;
border-right: 1px solid #302f33;
}
.swiper-pagination3 .swiper-pagination-bullet .fa {
font-size: 17px;
position: relative;
left: 2px;
top: 1px;
}
.swiper-pagination3 .swiper-pagination-bullet:first-child{}
.swiper-pagination3 .swiper-pagination-bullet:last-child{border: 0;}
.swiper-pagination3 .swiper-pagination-bullet-active {
color: rgb(255 255 255);
background-image: -moz-linear-gradient( -180deg, rgb(102,117,254) 7%, rgb(255,87,125) 93%);
background-image: -webkit-linear-gradient( -180deg, rgb(102,117,254) 7%, rgb(255,87,125) 93%);
background-image: -ms-linear-gradient( -180deg, rgb(102,117,254) 7%, rgb(255,87,125) 93%);
}
.swiper-slide-inn video {
border-width: 0;
background-color: rgb(255 255 255);
}
.swiper3{width: 100%;}
.swiper3 .swiper-slide{padding: 0% 0 0% 0;background-color: #fff;}
.swiper3 .swiper-slide.swiper-slide-active{ }
.swiper-container.swiper4 {
width: 100%;
height: 300px;
}
/* Add any styles for your individual slides here */
.swiper4 .swiper-slide {
background-color: #ccc;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
.swiper-pagination1{bottom: 0px !important;}
.swiper-pagination-bullet{}
.swiper-pagination-bullet-active{background-color:rgb(0, 105, 255);}
/**/
.carousel-indicators2 {
position: absolute;
top: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators2 li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators2 .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
/**/
.testimonial-box-main{width: 89%;}
/*testimonial*/
.testimonial-section{background: url(../images/testimonialbg.png) no-repeat center top;background-size: cover;padding: 2% 0 2% 0;}
.testimonial-box{padding: 0 1%;}
.testimonial-box-inn{
border-radius: 20px;
padding: 5% 6% 7% 6%;
margin-bottom: 8%;
}
.testimonial-name{padding-left:15px;}
.testimonial-box .testimonial-pra{margin-top: 0%;color: #313c54 !important;}
.testimonial-box-1{}
.testimonial-box-2{margin-top: 3%;}
.testimonial-box-3{}
.testimonial-box-inn-1{background-color: #FAFAF9;}
.testimonial-box-inn-3{background-color: #F2F8F8;}
.testimonial-box-inn-5{background-color: #F9F9FA;}
.testimonial-box-inn-2{background-color: #FBF8FB;}
.testimonial-box-inn-4{background-color: #F9F9FA;}
.testimonial-box-inn-6{background-color: #FCFCF8;}
.testi-img{width: 100%;}
.testimonial-pra div{margin-top: 15px;}
.logowhite-img{width: 210px;}
.logo2{width:300px;}
.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 3.5% 0 1% 0;position:relative;background-color: #fff;}
.featuressection{background: url(../images/featuressection.png) no-repeat center top;background-size: cover;padding: 3.5% 0 1% 0;position:relative;background-color: #fff;}
.section1{padding: 7% 0 7% 0;position:relative;background-color: #fff;overflow:hidden}
.video-section{position: relative;overflow: hidden;}
.video-section-box{background: url(https://clickdesigns.b-cdn.net/cd_images/videosectionbg.webp) no-repeat center top;background-size: cover;border-radius: 40px;background-color: rgb(17, 17, 17);padding:5.5% 0 7.5% 0;overflow: hidden;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 3% 0 0 0;position: relative;overflow: hidden;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 0% 0 6% 0;position:relative;overflow: hidden;}
.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;padding: 7.5% 0 6% 0;position:relative;overflow: hidden;}
.section5{background: url(../images/dealideabg.png) no-repeat center top;background-size: cover;padding: 3% 0 2% 0;position:relative;background-color:#fff;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 1% 0 2.5% 0;position:relative;margin-top: 0;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 3% 0 3% 0;position:relative;overflow: hidden;background-color: #fff;}
.section8 {position: relative;overflow: hidden;background-color: #fff;}
.section8-box{background: url(../images/section8.png) no-repeat center top;background-size: cover;border-radius: 40px;background-color: rgb(17, 17, 17);padding: 5.2% 0 5% 0;overflow: hidden;}
.faq-section{padding: 2.5% 0 3% 0;overflow: hidden;}
/*features-page*/
.banner-features{background: url(../images/featuresbanner.png) no-repeat center top;background-size: cover;padding: 5.5% 0 7% 0;}
.features-section5 .section5-box{background: url(../images/featuressection5bg.png) no-repeat center top;background-size: cover;padding: 6% 0 4% 0;}
.features-section5 {margin-top: -3%;}
/*raving-page*/
.banner-raving {
background: url(../images/ravingbanner.png) no-repeat center top;
background-size: cover;
padding: 5.5% 0 7% 0;
width: 100%;
}
/*vs-page*/
.vs-banner {
padding: 5.5% 0 0% 0;
}
/*webpages-page*/
.webpages-banner{padding: 4.5% 0 7% 0;}
.webpages-section4{background: url(../images/webpagessection4.png) no-repeat center top;background-size: cover;}
/*pricing-page*/
.pricing-banner {
background: url(../images/pricingbanner.png) no-repeat center top;
background-size: cover;
padding: 5.5% 0 6% 0;
width: 100%;
overflow: visible;
}
/*pricing-page*/
.dg-banner {background: url(../images/dgbanner.png) no-repeat center top;background-size: cover;padding: 4.5% 0 0% 0;}
.dg-section1{
padding: 9% 0 7% 0;
}
.dg-section2{}
.use-case-btn-section{padding: 0 0 5% 0;}
/****************/
/*top*/
.top1 {
background-color: #B90900;
padding: 13px 0;
text-transform: uppercase;
}
.top {
padding: 13px 0;
background-color: #031531;
}
.top-btn {
border-radius: 8px;
background-color: #fdf401;
color: #000;
padding: 9px 15px;
position: relative;
text-align: center;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
transition: transform 200ms ease 0s, background 200ms ease 0s;
-webkit-font-smoothing: antialiased;
}
.top-btn:hover{
transform: translateY(-2px);
text-decoration: none;
color: #000;
}
.top-btn-box{text-align:right;}
.timer-img {
position: relative;
right: 13px;
}
.timer {
position: relative;
bottom: -39px;
margin-top: -57px;
left: 2%;
}
.top-center{
text-align: center;
}
.deal-rock-stariCons i {
color: #ffbb03;
margin: 0 2px;
font-size: 17px;
}
.top-box2 span {
font-weight: 700;
border: 1px dashed #ffbb03;
padding: 5px 6px;
color: #ffbb03;
border-radius: 7px;
}
.popup {
max-width: 31px;
position: relative;
top: -2px;
margin: 0 5px;
}
.popup2 {
transform: rotateY(180deg);
}
/*header*/
.header{box-shadow: 0px 5px 51px 0px rgb(0 0 0 / 6%);position: relative;z-index: 1;}
/*banner*/
.banner-deal {
background: url(../images/banner.png) no-repeat center bottom;
background-size: cover;
padding: 2% 0 3% 0;
position: relative;
background-color: #fff;
overflow: hidden;
text-align: center;
}
.banner-deal-headline{
font-weight: 600;
line-height: 105%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
margin-top: 2%;
-webkit-font-smoothing: antialiased;
}
.banner-deal-sub-headline{
font-weight: 400;
line-height: 150%;
color: #000000;
font-style: inherit;
margin-top: 2%;
-webkit-font-smoothing: antialiased;
}
.banner-deal-link {
color: #fff;
padding: 19px 37px;
display: inline-block;
transition: 0.5s;
position: relative;
border-radius: 12px;
background-color: rgb(0, 105, 255);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 20%);
font-weight: 400;
margin-top: 4%;
-webkit-font-smoothing: antialiased;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.banner-deal-link:hover {
background-color: rgb(4 94 223);
box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);
transform: translateY(-2px);
text-decoration: none;
color: #fff;
}
.banner-deal-btn-bottom-text {
font-weight: 400;
line-height: 150%;
color: #a9a5b5;
font-style: inherit;
margin-top: 4px;
position: relative;
-webkit-font-smoothing: antialiased;
}
.arrow-btn {
position: relative;
top: -1px;
width: 15px;
left: 2px;
-webkit-font-smoothing: antialiased;
}
.bannerimg-img{margin-top: 3%;}
.swiper3 {
padding: 1% 0;
}
.swiper-slide-inn div {
border: 0;
border-radius: 16px;
margin: auto;
width:100%;
}
.swiper-slide-inn div video{
width:100%;
}
.swiper-slide-inn div{padding: 0;}
.hand-img{position: relative;margin-top: -5px;left: 3px;}
.vidbg-box {
position: absolute;
bottom: -5%;
margin: auto;
}
.banner-top-box{width: 30%;padding: 0 15px;}
.banner-top-box-inn{
border-radius: 11px;
height: 100%;
padding: 6% 6% 4% 6%;
background-color: rgb(248, 248, 250);
}
.banner-top-box1-inn{
transform: rotate(356deg);
}
.banner-top-box2-inn{
transform: rotate(4deg);
}
.banner-top-box3-inn{
transform: rotate(356deg);
}
.vidbg1{position: absolute;top: 12%;left: 10%;}
.vidbg2{position: absolute;top: 16%;left: 17%;}
.vidbg3{position: absolute;top: 40%;left: 8%;}
.vidbg4{position: absolute;top: 59%;left: 17%;}
.vidbg5{position: absolute;top: 86%;left: 11%;}
.vidbg6{position: absolute;top: 16%;right: 21%;}
.vidbg7{position: absolute;top: 11%;right: 14%;}
.vidbg8{position: absolute;top: 29%;right: 11%;}
.vidbg9{position: absolute;top: 59%;right: 14%;}
.vidbg10{position: absolute;top: 82%;right: 12%;}
.cd-graphic-text{margin-top: 4%;}
.cd-graphic-text p{font-family: "Kalam", cursive;font-weight: 400;color: #000;line-height: 100%;}
.emoji{margin: 0 6px;}
/*logos-slider-section*/
.logos-slider-section{padding: 1% 0 1% 0;}
/*deal-step-section*/
.deal-step-section{padding: 3% 0 3% 0;}
.deal-step-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-step-box {
text-align: center;
margin-top: 4%;
}
.deal-step-box1{padding: 0 18px;}
.deal-step-box2{padding: 0 20px;}
.deal-step-box3{padding: 0 18px;}
.deal-step-box-inn{
border-radius: 18px;
background-color: rgb(255, 255, 255);
padding: 0 0 11% 0;
overflow: hidden;
}
.deal-step1-box-inn{border:1px solid #e1c2fe;}
.deal-step2-box-inn{border:1px solid #ffd9cd;}
.deal-step3-box-inn{border:1px solid #cdf0cd;}
.deal-step-title1{
font-weight: 700;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
text-transform: uppercase;
margin-top: 11.3%;
-webkit-font-smoothing: antialiased;
}
.deal-step-title1 span{
display: inline-block;
padding: 0.9% 3.6%;
border-radius: 50px;
}
.deal-step1-title1 span{background-color: #e1c2fe;}
.deal-step2-title1 span{background-color: #ffd9cd;}
.deal-step3-title1 span{background-color: #cdf0cd;}
.deal-step-title2{
font-weight: 700;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
text-transform: uppercase;
margin-top: 5%;
-webkit-font-smoothing: antialiased;
}
.deal-step-text{
font-weight: 400;
line-height: 140%;
color: #767676;
font-style: inherit;
text-align:center;
margin-top: 1%;
-webkit-font-smoothing: antialiased;
}
/*graphics-section*/
.deal-graphics-section {
background: url(../images/graphicsbg.png) no-repeat center top;
background-size: cover;
padding: 3% 0 0 0;
}
.deal-graphics-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-graphics-subheadline {
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align: center;
margin-top: 1%;
-webkit-font-smoothing: antialiased;
}
/*deal-everything-section*/
.deal-everything-section{
background: url(../images/dealeverythingbg.png) no-repeat center bottom;
background-size: cover;
padding: 1% 0 2% 0;
position: relative;
background-color: #fff;
overflow: hidden;
text-align: center;
}
.deal-everything-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.everything-img {
margin-top: 0;
opacity: 0;
}
.palce1{max-width:100%;position: absolute;top: 3%;left: 14.1%;transform: rotate(10);}
.palce2{max-width:100%;position: absolute;top: 22%;left: 14.1%;transform: rotate(10);}
.palce3{max-width:100%;position: absolute;left: 14.1%;top: 52.7%;transform: rotate(-10);}
.palce4{max-width:100%;position: absolute;top: 3%;left: 26.5%;transform: rotate(-10);}
.palce5{max-width:100%;position: absolute;top: 35.5%;left: 26.5%;transform: rotate(0);}
.palce6{max-width:100%;position: absolute;top: 71%;left: 26%;transform: rotate(0);}
.palce7{max-width:100%;position: absolute;top: 3%;left: 36.3%;transform: rotate(0);}
.palce8{max-width:100%;position: absolute;top: 64.5%;left: 36.3%;transform: rotate(0);}
.palce9{max-width:100%;position: absolute;top: 3%;left: 49.3%;transform: rotate(0);}
.palce10{max-width:100%;position: absolute;top: 64.5%;left: 45%;transform: rotate(0);}
.palce11{max-width:100%;position: absolute;top: 64.5%;left: 53.5%;transform: rotate(0);}
.palce12{max-width:100%;position: absolute;top: 3%;left: 62.5%;transform: rotate(0);}
.palce13{max-width:100%;position: absolute;top: 26%;left: 62.5%;transform: rotate(0);}
.palce14{max-width:100%;position: absolute;top: 64.5%;left: 66.3%;transform: rotate(0);}
.palce15{max-width:100%;position: absolute;top: 3%;left: 74%;transform: rotate(0);}
.palce16{max-width:100%;position: absolute;top: 18%;left: 74%;transform: rotate(0);}
.palce17{max-width:100%;position: absolute;top: 43%;left: 74%;transform: rotate(0);}
.palce18{max-width:100%;position: absolute;top: 71%;left: 74%;transform: rotate(0);}
.placecenter{position: absolute;top: 18.5%;left: 34%;max-width: 100%;box-shadow: 0px 11px 59px 0px rgba(0, 0, 0, 0.49);border-radius: 10px;}
/*deal-idea-section*/
.deal-idea-section {
background: url(../images/dealideabg.png) no-repeat center bottom;
background-size: cover;
padding: 3% 0 2.5% 0;
position: relative;
background-color: #fff;
overflow: hidden;
text-align: center;
}
.deal-idea-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-idea-subheadline {
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align: center;
margin-top: 1%;
-webkit-font-smoothing: antialiased;
}
.idea-box{
padding: 1%;
}
.idea-box-inn{
border-width: 1px;
border-color: rgb(218, 218, 218);
border-style: solid;
border-radius: 18px;
height: 100%;
padding: 10% 6% 6% 6%;
}
.idea-title{
font-weight: 700;
line-height: 140%;
color: #000000;
font-style: inherit;
text-align: center;
-webkit-font-smoothing: antialiased;
}
/*deal-for-section*/
.for1-img, .for2-img, .for3-img, .for4-img, .for5-img{width:100%;}
.deal-for-section .card-text{width:45%;}
.deal-for-section .card-img{width:55%;}
/*Stack*/
.deal-for-box {
height: 100%;
padding: 0 16px;
}
.deal-for-box .card {
position: sticky;
top: 0;
transform-origin: center top;
margin: 0;
height: auto;
overflow: hidden;
border-radius: 30px;
margin-bottom: 0;
}
.deal-for-box .card:nth-child(0) {
transform: translateY(0px);
}
.deal-for-box .card:nth-child(1) {
transform: translateY(80px);
}
.deal-for-box .card:nth-child(2) {
transform: translateY(80px);
}
.deal-for-box .card:nth-child(3) {
transform: translateY(80px);
}
.deal-for-box .card:nth-child(4) {
transform: translateY(80px);
}
.deal-for-box .card:nth-child(5) {
transform: translateY(80px);
}
.deal-for-box .card1 {
background: #fff;
border-width: 2px;
border-color: rgb(218, 218, 218);
border-style: solid;
}
.deal-for-box .card2{background: transparent;border-width: 2px;border-color: transparent;border-style: solid;}
.deal-for-box .card3{background: transparent;border-width: 2px;border-color: transparent;border-style: solid;}
.deal-for-box .card4{background: transparent;border-width: 2px;border-color: transparent;border-style: solid;}
.deal-for-box .card5{background: transparent;border-width: 2px;border-color: transparent;border-style: solid;}
/*End stack*/
.deal-for-box .card-img{padding: 0 0 0 0;}
.deal-for-title{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
-webkit-font-smoothing: antialiased;
}
/*deal-faster-section*/
.deal-faster-section{
background: url(../images/dealfasterbg.png) no-repeat center top;
background-size: cover;
padding: 3.5% 0 3% 0;
}
.deal-faster-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-faster2-subheadline{
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 0.8%;
-webkit-font-smoothing: antialiased;
}
.ai-img{
position: relative;
top: -3px;
}
.ai2-img {
position: relative;
top: -3px;
margin-right: 4px;
}
.deal-faster-box {
margin-top: 2.5%;
padding: 18px;
}
.deal-faster-box-inn {
background: url(../images/aibg.png) no-repeat center top;
background-size: cover;
border-radius: 20px;
padding: 9% 7% 7% 7%;
background-color: #0b0b0d;
height: 100%;
}
.deal-faster-title{
font-weight: 700;
line-height: 120%;
color: #fff;
font-style: inherit;
-webkit-font-smoothing: antialiased;
}
.deal-faster-pra {
font-weight: 400;
line-height: 140%;
color: #d5d5db;
font-style: inherit;
margin-top: 3%;
margin-bottom: 6%;
-webkit-font-smoothing: antialiased;
}
/*deal-faster2-section*/
.deal-faster2-section{
background: url(../images/dealfasterbg2.png) no-repeat center top;
background-size: cover;
padding: 3% 0 3% 0;
}
.deal-faster2-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-ai-main-box {
padding: 0 2%;
margin-top: 2.5%;
}
.deal-ai-box{padding:15px 15px;}
.deal-ai-box-inn {
border-width: 1px;
border-color: rgb(218, 218, 218);
border-style: solid;
border-radius: 18px;
padding: 0 0 8% 0;
overflow: hidden;
}
.deal-ai-title{
font-weight: 700;
line-height: 120%;
color: #000;
font-style: inherit;
text-align:center;
margin-top: 8%;
-webkit-font-smoothing: antialiased;
}
.aiimage{/* width:100%; */}
.ai3-img {
position: relative;
top: -2px;
}
/*deal-create-section*/
.deal-create-section {
padding: 3% 0 7% 0;
}
.deal-create-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
/*
.swiper1 .swiper-wrapper{
}
.swiper1-pagination {
position: relative !important;
top: 0;
max-width: 1522px;
margin: auto;
margin-top: 2.5%;
margin-bottom: 4%;
}
.swiper1-pagination .swiper-pagination-bullet{
width: auto;
height: auto;
color: #000;
border-radius: 6px;
background-color: #e6e6eb;
opacity: 1;
padding: 5px 21px;
display: inline-block;
}
.swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
color: #fff;
background-color: #0069ff;
}*/
/*deal-seamlessly-section*/
.deal-seamlessly-section{
background: url(../images/dealseamlesslybg.png) no-repeat center top;
background-size: cover;
padding: 5% 0 6% 0;
}
.deal-seamlessly-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-seamlessly-subheadline{
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 0.8%;
-webkit-font-smoothing: antialiased;
}
.deal-faster-subheadline, .deal-faster2-subheadline{
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 0.4%;
-webkit-font-smoothing: antialiased;
}
.deal-seamlessly-headline2{
text-align: center;
font-size: 18px;
color: #000;
line-height: 150%;
margin-bottom: 2%;
}
.seamlessly-img{margin-top: -2%;margin-bottom: 0%;}
.bussinesslogo-box, .seamlesslyimg-box{padding:0;}
.bussinesslogo-box-mob, .seamlesslyimg-box-mob{display:none;padding:0;}
.hl-img{
position: relative;
top: -4px;
}
/*deal-users-section*/
.deal-users-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
/*deal-unlock-section*/
.deal-unlock-section {
padding: 3% 0 3% 0;
position: relative;
background-color: #f4f1f9;
overflow: hidden;
margin-top: 1%;
}
.bgelement1{
position: absolute;
left: 0;
}
.bgelement2{
position: absolute;
right: 0;
}
.deal-unlock-headline{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000000;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-unlock-subheadline {
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align: center;
margin-top: 1%;
-webkit-font-smoothing: antialiased;
}
.deal-unlock-row{margin-top: 2.5%;}
.unlock-box{
padding: 1.3%;
}
.unlock-box-inn{
border-radius: 16px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 12px 27px 0px rgba(118, 137, 167, 0.14);
height: 100%;
padding: 0% 0% 4% 0%;
overflow: hidden;
}
.unlock-title{
font-weight: 700;
line-height: 130%;
color: #000000;
font-style: inherit;
margin-top: 4%;
padding: 0 5%;
-webkit-font-smoothing: antialiased;
}
.deal-unlock-section #expander {
cursor: pointer;
margin-bottom: 10px;
}
.deal-unlock-section #unlock-content {
display: none;
}
.deal-unlock-section #expander p {
text-align: center;
font-weight: 400;
line-height: 130%;
color: #8E8BAA;
display: table;
margin: auto;
padding: 0;
margin-top: 2%;
text-decoration: underline;
-webkit-font-smoothing: antialiased;
}
.deal-unlock-section #expander p:hover{color: #73708b;}
/*deal-pricing-section*/
.deal-pricing-section{
background: url(https://clickdesigns.b-cdn.net/cd_images/pricingbanner.webp) no-repeat center top;
background-size: cover;
padding: 4.5% 0 3% 0;
}
.deal-pricing-headline1{
font-weight: 700;
line-height: 120%;
font-style: inherit;
text-align:center;
-webkit-font-smoothing: antialiased;
}
.deal-pricing-headline1 span {
border-radius: 6px;
background-color: rgb(255, 218, 43);
display: inline-block;
padding: 0.5% 2.44%;
}
.deal-pricing-headline2{
font-weight: 600;
line-height: 120%;
font-family: "owners", sans-serif;
color: #000;
font-style: inherit;
text-align:center;
margin-top: 0;
-webkit-font-smoothing: antialiased;
}
.deal-pricing-subheadline{
font-weight: 400;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align:center;
margin-top: 0.8%;
-webkit-font-smoothing: antialiased;
}
.deal-pricing-subheadline2 {
font-weight: 500;
line-height: 120%;
color: #000000;
font-style: inherit;
text-align: center;
margin-top: 1.8%;
-webkit-font-smoothing: antialiased;
margin-bottom: 1%;
}
.table-box-row {
margin-top: 1%;
}
.tag-text{
font-size: 10px;
text-align: right;
color: #000;
font-weight: 700;
line-height: 140%;
width: 100%;
position: relative;
top: 0;
left: 0;
-webkit-font-smoothing: antialiased;
}
.tag-text span{display: inline-block;background-color: #ffea00;padding: 6px 27px 6px 27px;border-radius: 0;rotate: 43deg;position: absolute;width: max-content;top: -25px;right: -75px;}
.deal-features-link{
text-align: center;
font-weight: 400;
line-height: 130%;
color: #8E8BAA;
margin: auto;
padding: 0;
margin-top: 7%;
-webkit-font-smoothing: antialiased;
font-size: 14px;
}
.deal-features-link a {
color: rgb(0 82 200);
text-decoration: none;
border-width: 1px;
border-color: rgb(0, 105, 255);
border-style: solid;
border-radius: 11px;
display: inline-block;
padding: 10px 22px;
transition: transform 200ms ease 0s, background 200ms ease 0s;
}
.deal-features-link a:hover{color: rgb(4 94 223);text-decoration:none;border-color: rgb(4 94 223); transform: translateY(-2px);
text-decoration: none;}
/*"deal-raving-section*/
.raving-box{padding:0;}
.raving-box-mob{display:none;padding:0;}
.deal-raving-section {
background: url(../images/dealravingbg.png) no-repeat center bottom;
background-size: cover;
padding: 0% 0 1.5% 0;
overflow:hidden;
}
.slider2 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider2 .slider-row {
width: 4430px;
height: 768px;
background-image: url(../images/slider2.png);
background-size: 4430px 768px;
animation: slider2 50s linear infinite;
background-repeat: repeat-x;
margin:auto;
}
@keyframes slider2 {
from {
background-position-x: 0;
}
to {
background-position-x: -4430px;
}
}
.section18-box-out {
margin-top: 4%;
padding: 0 3px;
}
.profile-box-out{padding: 1.2%;}
.section5 .section9-box {padding: 5% 7% 5.5% 7%; height: 100%;}
.buttonArrow{position: relative;left: 16px;top: -1px;}
.profile-box-out .profile-box {
padding: 5% 4%;
border-width: 1px;
border-color: #d6d6d6;
border-style: solid;
border-radius: 8px;
height: 100%;
}
.per-img{
border: 4px solid #fff;
border-radius: 100px;
box-shadow: 0px 10px 11px 1px rgb(11 10 62 / 19%);
}
.star-img {
max-width: 80px;
position: relative;
top: -1px;
left: 4px;
}
/**/
.attention{background-color:#f4f1f9;padding: 6% 0 5% 0;position:relative;z-index: 1;overflow:hidden;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 3% 0 2% 0;position:relative;}
.library-section{background: url(../images/dealfasterbg.png) no-repeat center top;background-size: cover;padding: 3% 0 3% 0;position:relative;margin-top: 0;}
.slider3 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider3 .slider-row {
width: 3370px;
height: 728px;
background-image: url(../images/slider3.png);
background-size: 3370px 728px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -3370px;
}
}
.slider3:hover .slider-row {
animation-play-state: paused;
}
.title-bg3 {
padding: 0px 30px;
display: inline-block;
border-radius: 50px;
background-color: rgb(255, 218, 6);
color: #10184f;
}
.banner-box2 {
padding:1% 0;
}
.slider4 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider4 .slider-row {
width: 3843px;
height: 613px;
background-image: url(../images/slider4.png);
background-size: 3843px 613px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -3843px;
}
}
.slider4:hover .slider-row {
}
.slider-img2{display:none !important;}
/**/
.video-section-new{margin-top:1%;}
.swiper3-main-box { border-radius: 16px;
margin: auto;
width: 62%;
margin-top: 5%;
overflow: hidden;}
/* Add any styles for your individual slides here */
.swiper4 .swiper-slide {background-color: #ccc;display: flex;justify-content: center;align-items: center;font-size: 24px;}
.swiper-pagination1{bottom: 0px !important;}
.swiper-pagination-bullet{}
.swiper-pagination-bullet-active{background-color:rgb(0, 105, 255);}
/* Add any styles for your individual slides here */
.swiper4 .swiper-slide {background-color: #ccc;display: flex;justify-content: center;align-items: center;font-size: 24px;}
.swiper-pagination1New{bottom: 0px !important;}
.swiper-pagination-bullet{}
.swiper-pagination-bullet-active{background-color:rgb(0, 105, 255);}
/*deal-seamlessly-section*/
.deal-seamlessly-section{background: url(https://clickdesigns.b-cdn.net/cd_images/dealseamlesslybg.webp) no-repeat center top;background-size: cover;padding: 3% 0 0 0;margin-top: 0;}
.seamlessly-img{margin-top: -1%;margin-bottom: -2%;}
.bw-bussinesslogo{margin-top:2.5%;}
.bussinesslogo-box, .seamlesslyimg-box {padding: 0;}
.bussinesslogo-box-mob, .seamlesslyimg-box-mob {display: none;padding: 0;}
.seamlessly-img{margin-top: -4%;margin-bottom: 0;}
/*leaders-section*/
.leaders-section {
background: url(../images/leadersbg.png) no-repeat center bottom;
background-size: cover;
padding: 3.5% 0 2% 0;
position: relative;
overflow: hidden;
margin-top: -2.5%;
background-color: #ffffff;
}
.leaders-section .nav-tabs {border: 0;font-weight: 400;margin-top: 40px;line-height: 100%;font-family: owners, sans-serif;font-style: inherit;margin-bottom: 3.5%;position: relative;}
.leaders-section .nav-tabs .nav-item {margin: 0 6px !important;width: auto;}
.leaders-section .nav-tabs .nav-link {border: 0;color: rgb(115, 120, 125);padding: 0 19px;border-width: 1px;border-color: rgb(172 181 191);border-style: solid;border-radius: 50px;letter-spacing: 1px;display: ;height: 46px;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
.leaders-section .nav-tabs .nav-item.show .nav-link, .leaders-section .nav-tabs .nav-link.active{font-weight: 700;color: rgb(0, 0, 0);border-color: rgb(0, 0, 0);letter-spacing: 0px;}
.leaders-section .tab-content{}
.leaders-section .tab-pane{}
.tab-slide-inn{position:relative}
.francis-testi{position:absolute;top: 27.5%;left: 21%;}
.mike-testi{position:absolute;top: 25.1%;left: 21%;}
.laura-testi{position:absolute;top: 20.5%;left: 21%;}
.varun-testi{position:absolute;top: 27.5%;left: 21%;}
.tab-coma-img{}
.tab-coma2-img{}
.tab-coma3-img{}
.tab-coma4-img{}
#testi1-tab svg{width: 139px;height: 25px;}
#testi2-tab svg{width: 94px;height: 26px;}
#testi3-tab svg{width: 69px;height: 33px;position: relative;}
#testi4-tab svg{width: 123px;height: 28px;}
#testi1-tab svg .cls-a{fill:rgb(115, 120, 125);}
#testi2-tab svg .cls-b{fill:rgb(115, 120, 125);}
#testi2-tab svg .cls-c{fill:rgb(115, 120, 125);}
#testi3-tab svg .cls-d{fill: #c3c3c3;}
#testi3-tab svg .cls-e{fill: #c3c3c3;}
#testi3-tab svg .cls-f{fill: #c3c3c3;}
#testi4-tab svg .cls-1{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-2{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-3{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-4{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-5{fill:rgb(115, 120, 125);}
#testi4-tab svg .cls-6{fill:rgb(115, 120, 125);}
#myTab .nav-link .cls-name{fill: #c3c3c3;}
#myTab .nav-link .cls-name2{fill: #7c7c7c;}
.nav-link.active#testi1-tab svg .cls-a{fill:url(#linear-gradient);}
.nav-link.active#testi2-tab svg .cls-b{fill:#384c57;}
.nav-link.active#testi2-tab svg .cls-c{fill:#fc6480;}
.nav-link.active#testi3-tab svg .cls-d{fill:#fe3c21;}
.nav-link.active#testi3-tab svg .cls-e{fill:#fe7813;}
.nav-link.active#testi3-tab svg .cls-f{fill:#fe7713;}
.nav-link.active#testi4-tab svg .cls-1{fill:#fcc300;}
.nav-link.active#testi4-tab svg .cls-2{fill:#4ace27;}
.nav-link.active#testi4-tab svg .cls-3{fill:#2895fa;}
.nav-link.active#testi4-tab svg .cls-4{fill:#51b246;}
.nav-link.active#testi4-tab svg .cls-5{fill:#d9a800;}
.nav-link.active#testi4-tab svg .cls-6{fill:#1f81da;}
#myTab .nav-link.active .cls-name{fill: #000;}
#myTab .nav-link.active .cls-name2{fill: #000;}
.nav-link.active{}
.francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p{font-family: "Merriweather", serif;font-weight: 400;font-style: italic;margin-top: 18px;}
.francis-testi h2, .mike-testi h2, .laura-testi h2, .varun-testi h2{font-family:"owners",sans-serif;font-style:inherit;font-display:swap;font-weight: 700;}
.francis-testi h5, .mike-testi h5, .laura-testi h5, .varun-testi h5{font-family:"owners",sans-serif;font-style:inherit;font-display:swap;font-weight: 400;letter-spacing: 1px;}
.francis-testi p{color: #fff;line-height: 140%;}
.francis-testi h2{color: #1e86d8;margin-top: 36px;}
.francis-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 65px;}
.mike-testi p{color: #000000;margin-top: 18px;line-height: 150%;}
.mike-testi h2{color: #ff3361;margin-top: 33px;}
.mike-testi h5{color: #000000;margin-top: 0px;letter-spacing: 1px;margin-left: 46px;}
.laura-testi p{color: #fff;margin-top: 18px;line-height: 140%;}
.laura-testi h2{color: #ff8828;margin-top: 36px;}
.laura-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 161px;}
.varun-testi p{color: #fff;margin-top: 18px;line-height: 140%;}
.varun-testi h2{color: #faca01;margin-top: 36px;}
.varun-testi h5{color: #fff;margin-top: 0px;letter-spacing: 1px;margin-left: 21px;}
.francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p{font-size:20px;}
.francis-testi h2, .mike-testi h2, .laura-testi h2, .varun-testi h2{font-size: 30px;}
.francis-testi h5, .mike-testi h5, .laura-testi h5, .varun-testi h5{font-size: 17px;}
.tab-testi-img-mob{display:none !important;}
.table-box1 {padding: 0;}
.fridaytag {
position: absolute;
top: -37px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, 0%);
z-index: 1;
}
.table-box1-inn {
border-radius: 50px;
padding: 0 0 10% 0;
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 73px 0px rgb(49 74 153 / 14%);
margin-top: 0;
display: inline-block;
}
.table-box-top {
background: url(../images/tablebg2.png) no-repeat center top;
background-size: cover;
padding: 8% 0 0 0;
border-radius: 15px;
}
.cover {
position: relative;
margin-top: 0;
z-index: 1;
max-width: 124%;
left: -12%;
bottom: -19px;
}
.table-box-bottom{
padding: 0 11%;
margin-top: -3%;
}
/**/
.table-box1 {
padding: 38px 40px 55px;
height: 100%;
overflow: hidden;
border-radius: 18px;
background-color: #fff;
border-top: 0;
position: relative;
border-width: 1px;
border-color: #e7e7e7;
border-style: solid;
border-radius: 18px ! IMPORTANT;
background-color: rgb(255, 255, 255);
}
.pricing-withfree .table-box1-out:nth-child(1) .table-box1 {border-top-color: #f2f3f5; }
.pricing-withStandard .table-box1-out:nth-child(1) .table-box1 {border-top-color: #f2f3f5; }
.table-box1-top{padding:0;}
.save-tag,.save-tag-bottom,.save-tag-top{border-radius:3px;background-color:#cdf9d3}
.all-features-list-title, .all-features-title, .try-box-title{font-family:owners,sans-serif;font-display:swap}
.save-tag{color:#0c7a52;padding:.3% 5.1%;position:relative;line-height:160%;margin-left:0;display:inline-block;margin-top:2%}
.save-tag-bottom{color:#0c7a52;padding:.3% 2%}
.save-tag-top{color:#0c7a52!important;padding:1px 0 0;position:relative!important;font-size:10px!important;top:-19px!important;display:inline-block;width:188%;text-transform:uppercase;font-weight:700;line-height:181%;left:117%!important}
.all-features-table-title, .table-title {
font-weight: 700;
line-height: 105%;
color: #000;
font-style: inherit;
letter-spacing: 1px;
}
.table-normally{font-weight:300;line-height:105%;color:#6b6b6b;font-style:inherit;text-align:center;margin-top:30px}
.table-price{ font-weight: 800;
line-height: 105%;
color: #000;
font-style: inherit;
margin-top: 10px;}
.table-month-text, .table-price span, .table-save-text {
font-weight: 400;
font-style: inherit;
line-height: 105%;
}
.table-month-text, .table-price span {
color: #000;
margin-top: 10px;
}
.features-table .features-table-col1 .all-features-list,.table-list li{text-align:left}
.table-save-text{color:#0069ff;margin-top:25px}
.table-save-text span{border:1px solid #0069ff;background-color:#ddebff;border-radius:50px;display:inline-block;padding:3px 18px}
.table-link1 a,.table-link2 a{padding:15px;margin-right:0;margin-top:30px;font-weight:600;color:#fff;position:relative;width:100%;display:inline-block}
.table-link1 a{transition:.5s;border-radius:12px;background-color:#0fa958;border:1px solid #0fa958;transition:transform .2s,background .2s}
.features-mybutton1 a:hover,.table-link1 a:hover{background-color:#0c9f52;box-shadow:0 20px 51px 0 rgb(12 159 82 / 17%);transform:translateY(-2px);text-decoration:none}
.table-link2 a{transition:.5s;border-radius:12px;background-color:#0069ff;border:1px solid #0069ff;transition:transform .2s,background .2s}
.all-features-title,.table-list li{font-weight:500;font-style:inherit}
.features-mybutton2 a:hover,.table-link2 a:hover,a.banner-link5:hover{background-color:rgb(4 94 223);box-shadow:0 20px 51px 0 rgb(0 83 235 / 17%);transform:translateY(-2px);text-decoration:none}.features-mybutton1-standard a,.table-link1-standard a{background-color:#989898;border-color:#989898}
.features-mybutton1-standard a:hover,.table-link1-standard a:hover{background-color:#6c6c6c;border-color:#6c6c6c}
.table-list li {
padding: 0 0 10px 20px;
background: url(../images/tablechecknew.png) left 6px no-repeat;
list-style: none;
margin-left: 0;
margin-bottom: 0;
color: #000;
display: block;
line-height: 150%;
margin-top: 7px;
}
.table-list li.uncheck{background:url(https://clickdesigns.b-cdn.net/cd_images/tableuncheck.webp) left 6px no-repeat}
.tag{position:absolute;top:0;right:0}#expander,#expander-2{cursor:pointer;display:inline;margin:auto}
#expander1,#expander2,#expander3,#expander4,#expander5{cursor:pointer}#ex-content,#ex-content-2,#ex-content1,#ex-content2,#ex-content3,#ex-content4,#ex-content5{width:100%;margin:6% 0 0;padding:0;text-align:left}#ex-content1,#ex-content2,#ex-content3,#ex-content4,#ex-content5{margin-top:0;padding:0}#ex-content,#ex-content-2,#ex-content2,#ex-content3,#ex-content4,#ex-content5{display:none}
#expander span,#expander-2 span{border-radius:8px;display:inline-block;padding:8px 0;transition:.5s;font-weight:600;border:1px solid #d6dadf;background-color:#f2f3f5;line-height:150%}
#expander .fa,#expander-2 .fa{font-size:inherit;position:relative;top:2px;margin-left:1px;transition:.5s}
#expander span:hover,#expander-2 span:hover{background-color:#346afd;border-color:#346afd;color:#fff;transition:.5s}
#expander1 .fa{transform:rotate(180deg)}#expander1 .fa,#expander2 .fa,#expander3 .fa,#expander4 .fa,#expander5 .fa{font-size:inherit;position:relative;top:3px;transition:.5s;right:0;margin-right:auto;float:right}
#expander1 span,#expander2 span,#expander3 span,#expander4 span,#expander5 span{display:block;width:100%}
.highlight,.highlight-2,.highlight2,.highlight3,.highlight4,.highlight5{transform:rotate(180deg);transition:.5s;top:1px!important}
.highlight1{transform:rotate(0)!important;transition:.5s;top:0!important}
.features-main-box{padding:0;border:1px solid #e1e4e7;border-radius:0 0 18px 18px;background-color:#fff;overflow:hidden;margin:auto;width:80%;border-top:0}
.section__headline.features-main-box{border-radius:0;background-color:#fff;z-index:1;border:0}
.features-table,.features-table-title{padding:0}
.features-table-title .features-table-col4{border-top:5px solid #0069ff;border-top-right-radius:15px}
.features-table-title .features-table-col2{border-top:5px solid #f2f3f5}
.features-table-title .features-table-col3{border-top:5px solid #0fa958}
.features-table-title .features-table-col42{border-top:5px solid #0069ff}
.features-table-col3-standard{border-top:5px solid #989898!important}
.section__headline .features-table-title{border-radius:18px 18px 0 0;background-color:#fff;z-index:1;border:1px solid #e1e4e7}
.features-table-col1{width:40%;padding:0 6% 0 34px}
.features-table-col2,.features-table-col3,.features-table-col4{width:30%;padding:0;border-left:1px solid #e1e4e7;position:relative;}
.features-table-col2,.features-table-col3{height:100%}.pricing-withfree .features-table-col1{width:31%;padding:0 6% 0 34px}
.pricing-withStandard .features-table-col1{width:26%}
.pricing-withfree .features-table-col2,.pricing-withfree .features-table-col3,.pricing-withfree .features-table-col4{width:23%}
.pricing-withStandard .features-table-col2,.pricing-withStandard .features-table-col3,.pricing-withStandard .features-table-col4{width:18.5%}
.pricing-standard-withoutfree .features-table-col2,.pricing-standard-withoutfree .features-table-col3,.pricing-standard-withoutfree .features-table-col4{width:23%}
.pricing-standard-withoutfree .features-table-col1{width:31%}
.features-table-col-inn{padding:40px 1px}
.all-features-title{line-height:105%;color:#000;letter-spacing:1px}
.all-features-table-price{font-weight: 800;line-height:105%;color:#000;font-style:inherit;margin-top:20px}.all-features-month-text,.all-features-table-price span{font-weight:400;color:#6b6b6b;font-style:inherit;line-height:105%}
.all-features-month-text{margin-top:6px}
.features-mybutton1 a,.features-mybutton2 a{color:#fff;padding:11px 15px;border-radius:12px;font-weight:600;margin-right:0;margin-top:16px;width:74%;position:relative}
.features-mybutton1 a{display:inline-block;transition:.5s;background-color:#0fa958;border:1px solid #0fa958;transition:transform .2s,background .2s}
.ai-span,.features-mybutton2 a{background-color:#0069ff;display:inline-block}
.features-mybutton2 a{transition:.5s;border:1px solid #0069ff;transition:transform .2s,background .2s}
.all-features-list-title{font-weight:500;line-height:105%;color:#000;font-style:inherit;letter-spacing:1px;padding:26px 34px}
.all-features-list,.try-box-title{line-height:130%;font-style:inherit}.all-features-list{font-weight:400;color:#000;text-align:center;padding:21px 4px}
.features-table-row{border-top:1px solid #e1e4e7}
.features-table-row#features-table-row{border-top:0}
.features-table .features-table-col4{background-color:#f3f5f9}
.features-table-row .row{display:table;width:100%}
.features-table-row .features-table-col1{display:table-cell}
.features-table-row .features-table-col2,.features-table-row .features-table-col3{display:table-cell;padding:0 2%}
.features-table-row .features-table-col4{display:table-cell;padding:0 3%}.features-table-row .features-table-col2 .all-features-list,.features-table-row .features-table-col3 .all-features-list,.features-table-row .features-table-col4 .all-features-list{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 8%}
.ai-span{color:#fff;border-radius:3px;padding:3px 1px 3px 3px}
.all-features-list-title .ai-span{padding:6px 0 4px 2px}
.ai1{position:relative;top:-1.5px}
.ai2{position:relative;top:-1px}
.features-mybutton1-free a, .table-link1-free a {
background-color: #ffffff;
border-color: #f2f3f5;
color: #0069ff;
}
.features-mybutton1-free a:hover,.table-link1-free a:hover{background-color:#ffffff;border-color:#e9e9e9;box-shadow:0 20px 51px 0 rgb(80 80 80 / 16%)}
.try-box-pricing{background:url(https://clickdesigns.b-cdn.net/cd_images/tryboxbg.webp) no-repeat center top;background-size:cover;background-color:#111;border-radius:20px;padding:6% 0 5%;overflow:hidden}
.try-box-title{font-weight:600;color:#fff;letter-spacing:1.5px;text-align:center}
.btn-bottom-text5,a.banner-link5{font-weight:400;position:relative}
a.banner-link5{color:#fff;padding:1.7% 3.9%;display:table;border-radius:12px;background-color:#0069ff;box-shadow:0 20px 51px 0 rgba(0,83,235,.2);border:1px solid #0069ff;margin:3% auto auto;transition:transform .2s,background .2s}
.btn-bottom-text5{line-height:150%;color:#65636d;font-style:inherit;margin-top:1%}
/*.features-free-row*/
.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title {width: 100%;text-align: left;background-color: #40576d12;border: 0;}
.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title.collapsed{}
.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title:hover {color:#000;}
.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title .fa{float: right;transform: rotate(0deg);font-weight: 700; }
.pricing-banner.pricing-withfree.pricing-withStandard a.all-features-list-title.collapsed .fa{transform: rotate(180deg);}
.features-free-row{}
.features-free-updated .features-main-box{border:0;}
.features-free-updated .features-table-row{ }
.features-free-updated .features-free-row {border: 0;margin: 18px 0;border: 1px solid rgb(225, 228, 231);border-radius: 12px;}
.features-free-updated .section__headline .features-table-title {border-radius: 18px; }
.features-free-updated .section__headline.features-main-box {border-radius: 12px;z-index: 2;}
.features-free-updated .features-table .features-table-col4 {background-color: #f9f9f9;}
.features-free-updated .listicon {position: relative;}
.features-free-updated .listicon1 {width: 20px;margin-right: 5px;}
.features-free-updated .listicon2 {width: 20px;margin-right: 7px;}
.features-free-updated .listicon3 {width: 19px;margin-right: 5px;}
.features-free-updated .listicon4 {width: 21px;margin-right: 6px;}
.features-free-updated .listicon5 {width: 22px;top: -1px;margin-right: 5px;}
.features-free-updated .listicon6 {width: 24px;margin-right: 5px;}
.features-free-updated .listicon7 {width: 21px;margin-right: 5px;}
.features-free-updated .listicon8 {width: 22px;margin-right: 5px;top: -1px;}
.features-free-updated .listicon9 {width: 22px;margin-right: 5px;}
.features-free-updated .listicon10 {width: 23px;margin-right: 5px;}
.features-free-updated .listicon11 {width: 22px;margin-right: 5px;}
.features-free-tag {position: absolute;top: 27px;right: -28px;background-color: #0069ff;color: #fff;text-align: center;width: 131px;transform: rotate(46deg);font-size: 10px;font-weight: 900;padding: 5px 0px;z-index: 1;letter-spacing: 0.5px;}
.features-free-tag2 {position: absolute;top: 25px;right: -28px;background-color: #0fa958;
color: #fff;text-align: center;width: 131px;transform: rotate(46deg);font-size: 10px;font-weight: 500;padding: 5px 0px;}
.zpMpeQ {max-width: 1350px;}
.J0BMlA {margin: 0 auto;width: 100%;padding: 0 15px;}
.features-free-updated .table-box1 { border-radius: 16px; }
.features-free-updated .table-title {font-size: 20px !important;}
.features-free-updated .table-title span {
font-size: 13px;
display: inline-block;
color: #ffffff;
padding: 1px 7.3px;
height: 23px;
position: relative;
top: -3px;
font-weight: 700;
text-transform: lowercase;
border-radius: 5px;
background-color: rgb(29, 29, 33);
}
.pricing-withStandard.features-free-updated .table-price {margin-top: 15px;letter-spacing: -0.96px;}
.features-free-updated .table-price span {
font-size: 15px;
color: #6b6b6b;
font-weight: 400;
letter-spacing: 0.5px;
}
.features-free-updated .table-price span ._cut_1wriv_76{color: #0069ff;}
.features-free-updated .table-month-text {font-size: 14px !important;}
.features-free-updated .table-link1 a, .features-free-updated .table-link2 a {
font-size: 16px !important;
padding: 11px 15px;
margin-top: 35px !important;
border-radius: 8px;
background-color: #fff;
color: #0069ff; font-weight: 700;
}
.features-free-updated .table-link1 a, .features-free-updated .table-link2 a, .features-free-updated .features-mybutton1 a {
border-color: rgb(0, 105, 255);
}
.features-free-updated .table-list li {
font-size: 15px !important;
padding-bottom: 5px;
margin-top: 6px;
line-height: 160%;
font-weight: 400;
color: #000;
}
.features-free-updated .table-box1-top {padding: 0 1px 23px 1px;}
.features-free-updated .table-list {
margin-top: 0;
padding: 23px 0px 0 0;
border-top: 1px solid rgb(225, 228, 231);
}
/*------*/
.features-free-updated .all-features-title {font-size: 24px !important;}
.features-free-updated .all-features-table-title {text-align: left;font-size: 17px;position: relative;}
.features-free-updated .all-features-table-title span {
font-size: 10px;
display: inline-block;
background-color: #ffd023;
color: #ffffff;
border-radius: 50px;
padding: 1px 5px;
height: 15px;
position: relative;
top: -3px;
font-weight: 500;
letter-spacing: 1px;
text-transform: lowercase;
border-radius: 5px;
background-color: rgb(29, 29, 33);
height: 18px;
}
.features-free-updated .all-features-table-title span.span-hide {
position: absolute;
visibility: hidden;
}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 24px;}
.features-free-updated .all-features-table-price span {font-size: 12px !important;}
.features-free-updated .all-features-month-text {font-size: 12px !important;}
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {font-size: 14px !important;padding: 8px 15px !important;margin-top: 30px !important;border-radius: 7px !important;width: 100% !important;}
.features-free-updated .all-features-list {font-size: 14px;}
.features-free-updated .features-table-col1 .all-features-list{font-weight: 500;}
.features-free-updated .features-main-box, .features-free-updated .pricing-testi-box {width: 100% !important;}
.features-free-updated .features-table-col2, .features-free-updated .features-table-col3, .features-free-updated .features-table-col4{border-top-width: 4px !important;}
.features-free-updated .features-free-updated .features-free-row .features-table-col3{border-top-color:#F44336 !important;}
.features-free-updated .features-table-title .features-table-col3{border-top-color:#0069ff !important;}
.features-free-updated .features-table-col3-standard.features-table-col3{border-top-color:#0069ff !important;}
.features-free-updated .table-box1-out:nth-child(2) .table-box1{ }
.features-free-updated .table-link1-standard a {
background-color: rgb(0, 105, 255);
border-color: rgb(0, 105, 255);
color: #fff;
}
.features-free-updated .table-link1-standard a:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%); text-decoration: none;border-color: rgb(4 94 223);}
.features-free-updated .features-table-col3-standard {border-top: 4px solid rgb(0, 105, 255)!important;}
.features-free-updated .table-box1-out:nth-child(3) .table-box1 {}
.features-free-updated .table-link1-update a, .features-free-updated .features-mybutton1-updated a {
background-color: #0069ff;
border-color: #0069ff;
color: #fff;
}
.features-free-updated .table-link1-update a:hover, .features-free-updated .features-mybutton1-updated a:hover {background-color: rgb(4 94 223);box-shadow: 0px 20px 51px 0px rgb(0 83 235 / 17%);text-decoration: none;border-color: rgb(4 94 223);}
.features-free-updated #expander .fa, .features-free-updated #expander-2 .fa {margin-left: 2px;font-size: 19px;font-weight: 600;transition: none;}
.features-free-updated .tooltip-container {position: absolute;display: inline-block;float: right;right: 10px;}
.features-free-updated .tooltip-trigger {cursor: pointer;background: none;border: none;color: inherit;font: inherit;}
.features-free-updated .tooltip-trigger svg {}
.features-free-updated .tooltip-content {position: absolute;left: 50%;transform: translateX(-50%);background-color: #2e2e2e;color: #ffffff;text-align: center;padding: 7px 10px;border-radius: 10px;box-shadow: 0 8px 16px rgb(0 0 0 / 9%);visibility: hidden;opacity: 0;transition: opacity 0.3s, visibility 0.3s;top: 200%;pointer-events: none;z-index: 1;font-size: 11px;font-weight: 500;width: max-content;line-height: 150%; }
.features-free-updated .tooltip-content::before {content: "";position: absolute;top: -5px; /* Adjust this value to match the height of the triangle */left: 50%;transform: translateX(-50%);border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #2e2e2e; /* Triangle pointing up */}
.features-free-updated .tooltip-trigger:focus + .tooltip-content,
.features-free-updated .tooltip-trigger.active + .tooltip-content {opacity: 1;visibility: visible;pointer-events: auto; /* Allow the tooltip to be interacted with */}
.features-free-updated .features-table-row .features-table-col1 {position:relative;}
.features-table .features-table-col4 {border-bottom-right-radius: 12px;}
.J0BMlA .tab-slider--trigger {padding: 13px 0; left: 0;width: 146px;}
.J0BMlA .tab-slider--tabs:after { width: 146px; left: 50%; }
.J0BMlA .tab-slider--tabs.slide:after {left: 2%;}
.features-free-updated .table-price span ._cut_1wriv_76 {
display: inline-block;
padding: 2px 9px;
height: 19px;
color: #0069ff;
border-radius: 9px;
background: rgb(224, 237, 255);
font-weight: 400;
line-height: 16px;
text-align: center;
position: absolute;
left: -1px;
bottom: 100%;
font-size: 14.63px;
font-weight: 500;
}
span ._cut_1wriv_77 {
display: inline-block;
padding: 2px 9px;
height: 19px;
color: #0069ff;
border-radius: 9px;
background: rgb(224, 237, 255);
font-weight: 400;
line-height: 16px;
text-align: center;
position: absolute;
left: -1px;
bottom: 100%;
font-size: 14.63px;
font-weight: 500;
}
.features-free-updated .delete-line {
position: absolute;
left: 5px;
width: 85%;
transform: rotate(1deg);
top: 3px;
}
.pricing-banner .leaders-section{padding-bottom:0;margin-top: 4%;}
.officon {margin-right: 6px;position: relative;top: -1px;}
.features-mybutton1.features-mybutton1-free {margin-top: 2px;}
.pricing-withfree .table-box1-out {width: 25%;}
.order1 {
background-color: #ddfdde;
display: inline-block;
padding: 4px 30px;
color: #ffffff;
background-image: -moz-linear-gradient(0deg, rgba(79, 61, 254, 0.99608) 0%, rgb(100, 127, 255) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(79, 61, 254, 0.99608) 0%, rgb(100, 127, 255) 100%);
background-image: -ms-linear-gradient(0deg, rgba(79, 61, 254, 0.99608) 0%, rgb(100, 127, 255) 100%);
border-radius: 100px;
text-transform: uppercase;
margin-top: 4%;
}
.mybutton a {
background-color: #134cff;
color: #fff;
padding: 23px 69.8px;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
box-shadow: 0px 10px 24px 0px rgba(19, 76, 255, 0.29);
position: relative;
}
.mybutton a:hover {
background-color: #0030c5;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
}
.cd-graphic{
background-image: linear-gradient(to right, #12d6df, #f70fff);
border-radius: 5px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 4px 10px 0px rgba(41, 30, 55, 0.16);
width: 197px;
position: fixed;
z-index: 5;
bottom: 17px;
right: 16px;
overflow: hidden;
padding: 1px;
}
.cd-graphic-inn{
display: flex;
flex-direction: row;
align-items: center;
background-color: #fff;
padding: 12px 14px;
border-radius: 5px;
justify-content: space-between;
}
.graphic-img{
width: 28px;
margin-right: 10px;
}
.cd-graphic span{
font-size: 14px;
font-weight:400;
}
.marquee_container {
width: 100%;
overflow: hidden;
white-space: nowrap;
background: #000000;
padding: 9px 0;
}
.marquee {
display: inline-block;
animation: marquee 30s linear infinite;
}
@keyframes marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
}
}
.marquee h1 {
font-size: 20px;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 900;
text-fill-color: transparent;
text-stroke: 1px black;
-moz-text-fill-color: transparent;
color: #000;
letter-spacing: 3px;
text-transform: uppercase;
display: inline-block;
color: #000000;
text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.socialicon{margin-top:1%;}
@media only screen and (max-width: 767px) {
.features-free-updated .all-features-table-title span.span-hide {position: relative;visibility: hidden;margin-top: 16px;}
.features-free-updated .all-features-table-title span { padding: 2px 8px;height: 15px; top: 4px; }
.J0BMlA .tab-slider--trigger { width: 145px;}
.J0BMlA .tab-slider--tabs:after {width: 145px; }
#ex-content span.span-hide {margin-top: 4px;}
.features-free-updated .all-features-table-price span._cut_1wriv_76._cut_1wriv_77 {font-size: 10px !important;display: inline-block;margin-left: 0;margin-top: 3px;margin-bottom: 3px;width: max-content;}
span ._cut_1wriv_77 {position: relative;width: auto;}
span._cut_1wriv_76._cut_1wriv_77 .delete-line {width: auto;top: 6px;left: 2px;height: auto;}
.features-table-col3 {border-left: 1px solid #e1e4e7 !important;}.collapse1list .features-table-col3:first-child {border-left: 0 !important;}
.pricing-withfree .table-box1-out {width: 100%;}
.emoji {margin: 0 5px;width: 25px;}
}
@media only screen and (max-width: 993px){
.header .navbar {
padding: 28px 25px;
}
.hs-sub-menu, .hs-mega-menu{position:relative;}
.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.banner {padding: 5.5% 0 3% 0;}
.section1 {padding: 2% 0 7% 0;}
.section2 { }
.section3 {padding: 0% 0 6% 0;}
.section4 {padding: 11.5% 0 6% 0;}
.section5 { }
.section5-box, .video-section-box {padding: 6% 0;border-radius: 20px;}
.section6 {}
.section7 {padding: 7.5% 0 6%;}
.leaders-section {padding: 6% 0 5% 0;margin-top: -3%;}
.deal-seamlessly-section {}
.social-tab {padding: 5% 0 7% 0;}
.deal-faster-section {padding: 5% 0 5% 0;}
.library-section {padding: 4% 0 5% 0;}
.deal-idea-section {padding: 5% 0 2.5% 0;}
.deal-unlock-section {padding: 5% 0 5% 0;}
.section13 {padding: 5% 0 2% 0;}
.section8 {}
.section8-box {padding: 8.35% 0;border-radius: 20px;}
.faq-section {padding: 6% 0 7% 0;}
.footer {padding: 4% 0 4% 0;}
.social-tab a.nav-link {padding: 8px 32px;}
.social-tab li.nav-item {margin: 5px 5px !important;}
.banner-left-box, .section8-left, .webpages-banner-left-box {
text-align: center;
}
a.banner-link1, a.banner-link2 {margin-top: 5%; }
.bannerimg {
max-width: 100%;
margin-top: 5%;
position: relative;
left: -5%;
}
.forever-box , .for-box{
padding: 0 10px;
}
.forever-box-inn{
border-radius: 20px;
}
.section8-subtitle{
margin-top: 2%;
}
a.banner-link3{
margin-top: 3%;
padding: 2% 4.5%;
}
.discover{
margin-top: 5%;
position: relative;
left: 1%;
}
.faq {
max-width: 45%;
margin-top: 3% !important;
margin-bottom: 3%;
}
.footer-section-left{
width: 100%;
text-align: center;
}
.footer-section-right{
width: 100%;
}
.faq-section .card {
padding: 3% 0%;
}
.for-box-inn {
border-radius: 20px;
}
.faster-box-inn {
border-radius: 20px;
}
.section8-right{margin: auto;}
.for-box1-inn .for-title2, .for-box2-inn .for-title2, .for-box3-inn .for-title2{padding: 4.5% 2% 3.5% 2%;}
.for-box4-inn .for-title2, .for-box5-inn .for-title2{padding: 3.6% 2% 2.6% 2%;}
.connection1{
max-width: 15%;
}
.footer{ }
.footer-title1{
}
.footer-pra{
margin-top: 10px;
}
.footer-link {
}
.marquee-block1{
width: 32%;
}
.marquee-block2{
width: 32%;
}
.marquee-block3{
width: 32%;
}
.banner-left-box{
margin-top: 0%;
}
.webpages-banner-right-box {
margin-top: 4%;
}
.page-features-box-inn{border-radius: 15px;}
.table-box1 {
padding: 38px 30px 55px 30px;
}
.table-list {
padding: 0 5px;
}
.section5-box-left .section5-box-left-bottom {padding: 8% 11% 11% 11% !important;}
.section5-box-right .section5-box-right-bottom {padding: 10% 6% 15% 6% !important;}
.section5-box1-out{padding: 0 15px;}
.section5-box2-out{padding: 0 15px;margin-top: 2%;}
/*dg-page*/
.dgimage {
margin-top: 4%;
}
.card-text{text-align:center;padding: 6% 12% 4% 12%;}
.card-pra{
margin-top: 1%;
margin-top: 2%;
}
.dg-section2 .card:nth-child(0) {
transform: translateY(0px);
}
.dg-section2 .card:nth-child(1) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(2) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(3) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(4) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(5) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(6) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(7) {
transform: translateY(30px);
}
.card1,.card2,.card3,.card4,.card5,.card6,.card7{background-image: none;background-color: #fff;}
.card1 .card-text{background-color: rgb(203, 228, 255);}
.card2 .card-text{background-color:#ffddcb;margin-bottom: 0;}
.card3 .card-text{background-color:#cbffe7;margin-bottom: 0;}
.card4 .card-text{background-color:#dccbff;margin-bottom: 0;}
.card5 .card-text{background-color:#ffcbdc;}
.card6 .card-text{background-color:#feefc8;margin-bottom: 0;}
.card7 .card-text{background-color:#b8eee9;margin-bottom: 0;}
.use-case-btn-title{
font-size:38px;
}
.use-case-btn-subtitle{
font-size:18px;
}
.blogger-section .dg-step-row2 {
margin-top: 15%;
}
.blogger-section .dg-step-row3 {
margin-top: 5%;
padding-top: 8%;
}
.am-section .dg-step-row2 {
margin-top: 15%;
}
.am-section .dg-step-row3 {
margin-top: 6%;
padding-top: 9%;
}
.am-section .connector1-box {
top: 17%;
left: -5.5%;
}
.am-section .connector2-box {
top: -8%;
left: -5.5%;
}
.es-section .dg-step-row2 {
margin-top: 17%;
}
.es-section .dg-step-row3 {
margin-top: 6%;
padding-top: 9%;
}
/*demo-page*/
.demo-banner {
padding: 3% 0 7% 0;
}
.demoBoxi-Main1, .demoBoxi-Main2{
padding: 0 15px;
}
.clickbank{max-width: 70%;}
.jvzoo{max-width: 38%;}
.digistore{max-width: 71%;}
.tag{
max-width: 27%;
}
.logo-list2 {
padding: 0 2%;
}
/******************/
.deal-for-section {padding: 0% 4.24% 14% 4.24%;}
.deal-for-box .card1 .card-text{background-color: transparent;text-align:left !important;}
.deal-for-box .card2 .card-text{background-color:transparent;}
.deal-for-box .card3 .card-text{background-color:transparent;}
.deal-for-box .card4 .card-text{background-color:transparent;}
.deal-for-box .card5 .card-text{background-color:transparent;}
.deal-for-box .card-text {
padding: 0 0 0 5%;
}
.deal-faster-box {
padding: 8px;
}
.banner-top-box {
width: 33.33%;
padding: 0 6px;
}
.accordion .fa {
margin-top: 11px;
}
.footer-section-right:nth-child(1) .card:last-child {
border-bottom: 1px solid rgb(202, 202, 203);
}
.deal-step-box1{padding: 0 8px;}
.deal-step-box2{padding: 0 8px;}
.deal-step-box3{padding: 0 8px;}
.popup {
max-width: 20px;
top: -2px;
margin: 0 2px;
}
.top-box3{
margin-top: 0;
}
.dfdf{ padding-right: 8%;}
.features-free-updated .table-title {font-size: 18px !important;}
.features-free-updated .table-price {margin-top: 20px !important;}
.features-free-updated .table-price span {font-size: 11px !important;}
.features-free-updated .table-month-text {font-size: 11px !important;}
.features-free-updated .table-link1 a, .features-free-updated .table-link2 a { margin-top: 35px !important; }
.features-free-updated .table-list li {font-size: 13px !important; line-height: 140%; }
.features-free-updated .table-list {margin-top: 0;padding: 15px 5px 0 5px;}
.J0BMlA #ex-content-2, .J0BMlA #ex-content{padding: 0 10px;}
.officon {width: 6px;}
.features-free-updated .table-title span {font-size: 10px; padding: 1px 4px;height: 19px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 22px;}
.features-free-updated .all-features-table-title {font-size: 18px;display: inline-grid;justify-content: start;width: 100%;justify-items: start;}
.features-free-updated .all-features-table-title span {font-size: 9px;padding: 1px 5px;height: 15px;position: relative;top: 0px;font-weight: 500;letter-spacing: 0px;height: 18px;margin-top: 4px;}
.features-free-updated .all-features-table-price span {font-size: 9px !important;}
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {margin-top: 20px !important;}
.features-free-updated .all-features-table-title span.span-hide {position: relative;margin-top:-9px;}
.features-free-updated .delete-line { top: 5px;}
span ._cut_1wriv_77 { padding: 2px 5px; }
.features-free-updated .delete-line {width: 80%;top: 7px;}
.features-mybutton1.features-mybutton1-free {margin-top: 5px;}
.leaders-section .nav-tabs .nav-link {padding: 7px 12px 6px 12px;}
.leaders-section .nav-tabs .nav-item {margin: 0 5px !important;}
.tab-coma-img, .tab-coma2-img, .tab-coma3-img, .tab-coma4-img {max-width: 36px;}
.francis-testi p, .mike-testi p, .laura-testi p, .varun-testi p {margin-top: 13px;}
.francis-testi h2 {margin-top: 25px;}
.francis-testi h5 {margin-left: 42px;}
.mike-testi h2 {margin-top: 19px;}
.mike-testi h5 {margin-left: 28px;}
.laura-testi p {margin-top: 13px;}
.laura-testi h2 {margin-top: 20px;}
.laura-testi h5 {margin-left: 106px;}
.varun-testi h2 {margin-top: 25px;}
.varun-testi h5 {margin-left: 0;}
.deal-step-text{padding:0 5px;}
.deal-for-box .card:nth-child(0) {
transform: translateY(0px);
}
.deal-for-box .card:nth-child(1) {
transform: translateY(40px);
}
.deal-for-box .card:nth-child(2) {
transform: translateY(40px);
}
.deal-for-box .card:nth-child(3) {
transform: translateY(40px);
}
.deal-for-box .card:nth-child(4) {
transform: translateY(40px);
}
.deal-for-box .card:nth-child(5) {
transform: translateY(40px);
}
}
@media only screen and (max-width: 767px){
.buttonArrow { left: 10px;top: 0px;width: 17px;}
.top .row{flex-direction: column;}
.top-box2 p{
margin-top: 0;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
}
.deal-pricing-subheadline2 {
margin-top: 3%;
margin-bottom: 3%;
}
.top-box2 span{
position: relative;
margin-bottom: 0px;
display: inline-block;
}
.forever2-img {
margin-top: -6%;
margin-bottom: -3%;
}
.forever3-img {
margin-bottom: -5%;
}
.video-box{border-radius: 8px;}
.header .navbar {
padding: 15px 15px;
}
.swiper-pagination3 .swiper-pagination-bullet:nth-child(2){border-right:0px;}
.banner {padding: 7% 0 4% 0;}
.section1 {padding: 15% 0 0% 0;}
.section2 {padding: 0 0 0 0;}
.section3 {padding: 0% 0 16% 0;}
.section4 {padding: 17% 0 17% 0;}
.section5 {
padding: 7% 0px 9% 0px !important;
border-bottom: 1px solid #e8e8e8;
}
.video-section{padding: 0% 3% 18% 3% !important;}
.banner-title {
font-weight: 600;
}
.swiper-pagination3 .swiper-pagination-bullet:last-child {
position: relative;
top: 0px;
padding: 8px 0 6px 0;
}
.home-page .banner-pra {
padding: 0 8%;
}
.faded.faded-left.faded-right:after {
box-shadow: inset 40px 0 10px -16px, inset -40px 0 10px -16px;
}
.section5-box {padding: 12% 0;}
.section2 .connection1 {
margin-top: -8%;
margin-bottom: 4%;
}
.dg-section2 {
}
.use-case-btn-section {
padding: 0 0 10% 0;
}
.section6 {
padding: 0 0 9% 0;
border-bottom: 1px solid #f3f3f3;
}
.section7 {padding: 10% 0 7% 0;}
.section8 {}
.section8-box {padding: 13% 0px;}
.faq-section {padding: 9% 0 7% 0;}
.footer {padding: 6% 0;}
.tool, .element2, .element3, .element4, .connector1-box, .connector2-box, .section4 .element1, .section4 .element4{display:none !important;}
.forever-title {
margin-top: 6%;
}
.swiper-container1 .swiper-slide {
width: 100% !important;
}
#carouselExample2 .carousel-inner {
padding: 0 15px;
}
.faster-box {
margin: 2% 0;
}
.mobile-carousel, .logo-mobile-box {
display: block !important;
}
.pc-carousel{display:none;}
#carouselExample2 .carousel-indicators li svg, #carouselExample2 .carousel-indicators li .step-title {
fill: rgb(0, 105, 255);
color: rgb(0, 105, 255);
}
#carouselExample2 .carousel-indicators li {
margin-top: 2%;
margin-bottom: 18%;
}
#carouselExample2 .carousel-indicators li:nth-child(1) {
margin-top: 3%;
}
.mobile-carousel{margin-top: 0;}
.for-title2 {
margin-bottom: 6%;
}
.section1-title, .section2-title, .section3-title, .section4-title, .section5-title, .section6-title, .section7-title, .section8-title, .faq-title, .webpages-section3-title, .section2-title2 {
text-align: center;
line-height: 120%;
}
.section4-title{
margin-bottom: 0;
}
.section2-subtitle{letter-spacing: 1px;}
.banner-main-box{padding:0;padding-bottom: 14%;}
.banner-left-box, .webpages-banner-left-box, .section8-left {
text-align: center;
}
.section5-box2-out {
margin-top: 0%;
}
.try-box-pricing {
padding: 6% 6% 6% 6%;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{
padding: 3.2% 6%;
border-radius: 8px;
}
a.banner-link5 {
padding: 3.5% 6%;
border-radius: 8px;
}
.faster-box-inn {
padding: 11% 2% 9% 2%;
}
a.banner-link1, a.banner-link2 {
margin-top: 5%; }
.banner-pra{
}
.section5-pra{
letter-spacing: 1px;
}
.section6-pra{
letter-spacing: 1px;
}
.responsive-video{
border-radius: 8px;
}
.section7-main-box {
max-width: 96%;
}
.bannerimg {
max-width: 100%;
margin-top: 5%;
position: relative;
left: -5%;
}
.forever-box , .for-box{
padding: 0 15px;
}
.forever-box-inn {
border-radius: 26px;
padding: 10% 2% 15% 2%;
}
.section8-subtitle{
margin-top: 2%;
}
a.banner-link3{
margin-top: 3%;
}
.discover{
margin-top: 5%;
position: relative;
left: 1%;
}
.faq {
max-width: 45%;
margin-top: 3% !important;
margin-bottom: 3%;
}
.footer-section-left{
width: 100%;
text-align: center;
}
.footer-section-right{
width: 100%;
}
.faq-section .card {
padding: 3% 0%;
}
.for-box-inn {
border-radius: 20px;
}
.faster-box-inn {
border-radius: 20px;
}
.section8-right{margin: auto;}
.for-box1-inn .for-title2, .for-box2-inn .for-title2, .for-box3-inn .for-title2, .for-box4-inn .for-title2, .for-box5-inn .for-title2{padding: 4.5% 2% 3.5% 2%;}
.for-box4-inn .for-title2, .for-box5-inn .for-title2{}
.connection1{
max-width: 20%;
}
.faster-pra {
padding: 0 2%;
}
.accordion .fa {
font-size: 18px;
}
.footer{padding: 20px 0 6% 0;}
.footer-title1{
}
.footer-pra{
margin-top: 10px;
}
.footer-title{
margin-top: 16px;
margin-bottom: 1px;
}
.footer-link li{
display: inline-block;
margin: 6px 8px 6px 0px;
}
.footer-link {
}
.footer-box1 ul li {
margin: 5px 13px 5px 0;
display: inline-block;
}
.tablinks {padding: 12px 0;}
.marquee-block1{
width: 100%;
}
.marquee-pc, .rightEle1, .leftEle1, .arrow1, .bannarBox2-pc{
display:none !important;
}
.marquee-mobile, .bannarBox2-mobile{
display:block !important;
}
.scrollToTopBtn {
top: 10px;
right: 10px;
border-radius: 8px;
padding: 10px 18px;
}
.logo {
width: 130px;
}
.logo-mobile-box{margin-top: 12%;}
.logos-slider-section{}
.step-img {
}
.slider3 .slider-row {
width: 2060px;
height: 445px;
background-image: url(../images/slider3mob.png);
background-size: 2060px 445px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -2060px;
}
}
.slider4 .slider-row {
width: 2082px;
height: 332px;
background-image: url(../images/slider4mob.png);
background-size: 2082px 332px;
animation: slide3 60s linear infinite;
background-repeat: repeat-x; margin-top: 4%;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -2082px;
}
}
.section18-box-out {
padding: 0 15px;
}
.profile-box-out {
padding: 8px 0;
}
/*features-page*/
.features-box-out {
padding: 10px 15px;
}
.step-detail-box {
padding: 0 15px;
text-align:center;
margin-bottom: 4%;
}
.num{margin:auto;}
.num {
width: 47px;
height: 47px;
padding: 6px 0;
}
.step1-img, .step2-img, .step3-img{width:100%;right:0;left:0}
.ideas-box{
padding: 10px 15px;
}
.hl-img{
top: 0px;
max-width: 50%;
}
/**/
.page-features-box:nth-child(10) video, .page-features-box:nth-child(11) video {
width: 100%;
height: auto;
}
.table-box1-out {
padding: 7px 15px;
}
.table-box1 {
padding: 38px 15px;
}
.features-table-col1 {
padding: 0 0 0 8px;
width: 100%;
display: table-caption !important;
}
.tag{
max-width: 27%;
}
.pricing-withfree .table-box1-out {
padding: 7px 15px;
width: 100%;
}
.tab-slider--tabs:after{
width: 46%;
}
.tab-slider--trigger {
padding: 13px 27px;
}
.twelvecol{}
.all-features-title{
display: none;
}
.features-table-col2{border-left:0;}
.features-table-col3{border-left:0;}
.features-table-col2, .features-table-col3, .features-table-col4{width: 50%;border-top: 1px solid rgb(225, 228, 231);}
.features-mybutton1 a , .features-mybutton2 a {
padding: 10px 17px;
width: 90%;
}
.pricing-withfree .features-mybutton1 a {
padding: 10px 18px;
}
.pricing-withfree .features-mybutton2 a {
padding: 10px 5px;
}
.all-features-list-title {
padding: 21px 11px;
}
.all-features-list {
padding: 16px 4px;
}
.features-table-row .features-table-col2 .all-features-list,
.features-table-row .features-table-col3 .all-features-list,
.features-table-row .features-table-col4 .all-features-list{
position: relative;
top: 0;
left: 0;
transform: none;
padding: 0;
padding: 16px 4px;
}
/*dg-page*/
.dg-section2 .card{
border-radius: 15px;
}
.dg-step-image1-box, .dg-step-image2-box{padding:0 15px;margin-top: 6%;}
.dg-step-title{
text-align: center;
}
.dg-step-pra{
text-align: center;
}
.dgstep1{}
.dgstep2{}
.dgstep3{}
.card-pra{
line-height: 160%;
}
.card-text {
padding: 6% 5% 4% 5%;
}
.dg-section2 .card:nth-child(0) {
transform: translateY(0px);
}
.dg-section2 .card:nth-child(1) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(2) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(3) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(4) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(5) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(6) {
transform: translateY(30px);
}
.dg-section2 .card:nth-child(7) {
transform: translateY(30px);
}
/*demo-page*/
.demoBox2 {
margin-top: 4%;
}
.mybuttonDm button, .mybutton3 a {}
.mybutton3 a {padding: 4% 9% !important;}
/**/
.top-rating, .top-rating-text{text-align:center;}
.top-rating{ font-size: 16px;}
.top-rating-text {
margin: 3% 0;
padding: 0;
}
.features-table-title .features-table-col3 {
border-top-left-radius: 15px;
}
.pricing-withfree .features-table-col1{
width: 100%;
padding: 0;
}
.pricing-withfree .features-table-col2{
width: 33.33%;
border-top-left-radius: 15px;
}
.pricing-withfree .features-table-col3{
width: 33.33%;
border-top-left-radius: 0px;
}
.pricing-withfree .features-table-col4{
width: 33.33%;
}
.logo-list2 {
padding: 0 0;
}
.logo-list {
display: contents;
}
.logo-list li{
padding: 2% 2.5%;
}
.logo-list1 li:nth-child(1){width: 45%;}
.logo-list1 li:nth-child(2){width: 20%;}
.logo-list1 li:nth-child(3){width: 33%;}
.logo-list1 li:nth-child(4){width: 41%;}
.logo-list1 li:nth-child(5){width: 22%;}
.logo-list1 li:nth-child(6){width: 30%;}
.logo-list2 li:nth-child(1){width: 42%;}
.logo-list2 li:nth-child(2){width: 40%;}
.logo-list2 li:nth-child(3){width: 48%;}
.logo-list2 li:nth-child(4){width: 44%;}
.logo-list2 li:nth-child(5){width: 50%;}
.logo-list2 li:nth-child(6){width: 30%;}
.forever-box {
margin-top: 4%;
margin-bottom: 8%;
}
.tag-text{
font-size: 8px;
text-align: right;
color: #000;
font-weight: 700;
line-height: 140%;
width: 100%;
position: relative;
top: 0;
left: 0;
-webkit-font-smoothing: antialiased;
}
.tag-text span{display: inline-block;background-color: #ffea00;padding: 6px 27px 6px 27px;border-radius: 0;rotate: 43deg;position: absolute;width: max-content;top: -15px;right: -45px;}
/**/
.swiper3 {
width: 100%;
margin-top: 0;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 6px 0;
font-size: 12px;
margin: 0 0!important;
border-radius: 0;
width: 50%;
}
.swiper-pagination3 {
border-radius: 0;
margin-bottom: 0;
background-color: #121213;
}
.hand-img{
max-width: 17px;
}
/******************/
.banner-top-box {
width: 100%;
padding: 5px 15px;
}
.banner-top-box-inn{transform: rotate(0deg);border-radius: 5px;}
.banner-top-box-inn{padding: 4% 6% 4% 6%;}
.deal-step-box {
padding: 0 15px;
margin-top: 10%;
}
.idea-box{padding: 15px 15px;}
.unlock-box {
padding: 15px 15px;
margin-top: 3%;
}
.deal-step-text{
padding: 0 10%;
}
.banner-deal-link {
padding: 4.5% 10%;
border-radius: 8px;
margin-top: 5%;
}
.banner-deal-btn-bottom-text {
margin-bottom: 4%;
}
.banner-deal-headline {margin-top: 5%;}
.banner-deal-sub-headline {margin-top: 2%;margin-bottom: 4%;}
.banner-deal{
padding: 3% 0 12% 0;border-bottom: 1px solid #ededed;
}
.deal-step-section{
padding: 10% 0 0%;
}
.attention{
padding: 14% 0 13% 0;
overflow: hidden;
}
.attention-img{
margin-top: 7% !important;
}
.deal-graphics-section{
padding: 10% 0 0;
}
.deal-everything-section{
padding: 8% 0 11% 0;
}
.deal-idea-section{
padding: 9% 0 8% 0;
}
.deal-for-section{
padding: 0% 0 32% 0%;
margin-top: -14%;
}
.deal-faster-section{padding: 10% 0 10% 0;}
.deal-faster2-section{
padding: 9% 0 8% 0;
}
.library-section{
padding: 10% 0 10% 0;
}
.deal-create-section{
padding: 14% 0 17% 0;
}
.deal-seamlessly-section{
padding: 9% 0 8%;
}
.section13{
padding: 10% 0 8% 0;
margin-top: 0;
}
.deal-unlock-section{
padding: 10% 0 8% 0;
}
.deal-pricing-section{
padding: 14% 0 6% 0;
}
.logos-slider-section {
padding: 9% 0 0%;
}
.deal-graphics-subheadline {
margin-bottom: 8%;
}
.deal-everything-headline {
margin-bottom: 5%;
}
.deal-idea-subheadline {
margin-bottom: 2%;
}
.deal-faster-box {
margin-top: 12%;
}
.deal-faster-pra {
margin-top: 6%;
margin-bottom: 10%;
}
.deal-ai-box {
padding: 15px 10px;
margin-top: 3%;
}
.deal-faster2-headline {
margin-bottom: 3%;
}
.deal-seamlessly-subheadline {
margin-bottom: 6%;
}
.deal-unlock-subheadline {
margin-bottom: 4%;
}
.deal-create-headline{
margin-bottom: 6%;
}
.deal-seamlessly-headline2 {
margin-bottom: 5%;
}
.deal-faster2-headline .ai-img{top: -1px;}
.faq-section{
padding: 10% 0 9% 0;
}
.deal-raving-section{
padding: 8% 0 0% 0;
}
.deal-for-title {
text-align: center;
}
.top{padding:20px 0;}
.top-btn{padding:10px 16px;border-radius:8px;margin:auto;display:table}
.timer{margin-top: 2px;margin-bottom: -15px;left:0;bottom: 0;}
.top, .top-btn-box{text-align:center;}
.raving-box{display:none;}
.raving-box-mob{display:block;}
.slider2 .slider-row {
width: 3710px;
height: 652px;
background-image: url(../images/slider2mob.png);
background-size: 3710px 652px;
animation: slider2 50s linear infinite;
background-repeat: repeat-x;
margin:auto;
}
@keyframes slider2 {
from {
background-position-x: 0;
}
to {
background-position-x: -3710px;
}
}
.bussinesslogo-box, .seamlesslyimg-box{display:none;}
.bussinesslogo-box-mob, .seamlesslyimg-box-mob{display:block;}
.headline-box {
padding: 0 15px;
}
.idea1-deal{}
.idea2-deal{margin-top: -8%;}
.idea3-deal{margin-top: -3%;}
.idea4-deal{}
.idea5-deal{}
.idea6-deal{margin-top: -6%;}
.idea7-deal{margin-top: -3%;}
.idea8-deal{}
.idea9-deal{}
.idea10-deal{}
.idea11-deal{margin-top: -4%;}
.idea12-deal{margin-top: -3%;}
.idea13-deal{margin-top: -3%;}
.idea14-deal{margin-top: -3%;}
.idea15-deal{margin-top: -5%;}
.idea16-deal{margin-top: -2%;}
.idea17-deal{margin-top: -3%;}
.idea18-deal{margin-top: -2%;}
.idea19-deal{ margin-top: -2%;}
.idea20-deal{margin-top: -1%;}
/**/
.placecenter {
border-radius: 6px;
}
.deal-for-section .card-text{width:100%;}
.deal-for-section .card-img{width:100%;}
.deal-for-box, .deal-faster-box {
padding: 0 15px;
}
.deal-step-headline {
margin-bottom: 0%;
}
.top-box3{}
.checklist1 li{
padding-right: 9px;
}
.section5-box-left .section5-box-left-bottom {
padding: 8% 1% 11% 1% !important;
}
.section5-box1-out {
padding: 0 15px;
margin-top: -6%;
}
.section5-box2-out{padding: 0 15px;}
.deal-for-box .card:nth-child(0) {
transform: translateY(0px);
}
.deal-for-box .card:nth-child(1) {
transform: translateY(60px);
}
.deal-for-box .card:nth-child(2) {
transform: translateY(60px);
}
.deal-for-box .card:nth-child(3) {
transform: translateY(60px);
}
.deal-for-box .card:nth-child(4) {
transform: translateY(60px);
}
.deal-for-box .card:nth-child(5) {
transform: translateY(60px);
}
.testimonial-box-main{width: 95%;}
.logo2{width:250px;}
.social-tab {padding: 10% 0 12% 0;}
.social-tab ul.nav {display: inline-flex;margin-top: 55px;text-align: center;justify-content: center;}
.social-tab li.nav-item {margin: 5px 3px !important;}
.social-tab a.nav-link {
font-size: 11px;
padding: 6px 12px;
height: 35px;
}
.social-tab a.nav-link svg {
margin-right: 4px;
width: 20px;
height: 15px;
}
.social-tab ul.nav {margin-top: 15px;}
.social-tab .tab-content {margin-top: 15px;}
.section9-box-out-second{margin-top: 0%;}
.testimonial-section .section9-box{margin-top: 20px;height:auto;}
.section9-box-out {padding: 0 20px;}
.social-pc{display:none !important;}
.social-mob{display:block !important;}
.leaders-section {
margin-top: 0% !important;
padding: 14% 0 4% 0;
}
.pricing-withfree .table-box1-out,.table-box1-out {padding: 7px 15px}
.table-box1 {padding: 38px 15px}
.features-table-col1 {padding: 0 0 0 8px;width: 100%;display: table-caption!important}
.tag {max-width: 27%}
.tab-slider--tabs:after {width: 46%}
.tab-slider--trigger {padding: 13px 27px}
.features-table-col2,.features-table-col3 {border-left: 0}
.features-table-col2,.features-table-col3,.features-table-col4 {width: 50%;border-top: 1px solid #e1e4e7}
.features-mybutton1 a,.features-mybutton2 a {padding: 10px 17px;width: 90%}
.pricing-withfree .features-mybutton2 a {padding: 10px 5px}
.all-features-list-title {padding: 21px 11px}
.all-features-list {padding: 16px 4px}
.features-table-row .features-table-col2 .all-features-list,.features-table-row .features-table-col3 .all-features-list,.features-table-row .features-table-col4 .all-features-list {position: relative;top: 0;left: 0;transform: none;padding: 16px 4px}
.pricing-withStandard .all-features-table-title,.top-rating {font-size: 16px}
.pricing-withStandard .all-features-table-price span {font-size: 10px;display: flex;flex-direction: column-reverse;}
.pricing-withStandard .features-mybutton1-free a {margin-top: 27px}
.pricing-withStandard .all-features-month-text {font-size: 11px;margin-bottom: 10px}
.pricing-withStandard .features-mybutton1 a,.pricing-withStandard .features-mybutton2 a {padding: 10px;height: 62px;vertical-align: middle;display: table-cell}
.pricing-withfree .features-table-col2 .pricing-withStandard .all-features-month-text {margin-bottom: 20px}
.pricing-standard-withoutfree .features-mybutton1 a,.pricing-standard-withoutfree .features-mybutton2 a {padding: 10px 22px}
.dg-section2 .card {border-radius: 15px}
.dg-step-image1-box,.dg-step-image2-box {padding: 0 15px;margin-top: 6%}
.card-pra {line-height: 160%}
.card-text {padding: 6% 5% 4%}
.dg-section2 .card:nth-child(0) {transform: translateY(0)}
.dg-section2 .card:first-child,.dg-section2 .card:nth-child(2),.dg-section2 .card:nth-child(3),.dg-section2 .card:nth-child(4),.dg-section2 .card:nth-child(5),.dg-section2 .card:nth-child(6),.dg-section2 .card:nth-child(7) {transform: translateY(30px)}
.banner-features {padding-bottom: 15%}
.demoBox2 {margin-top: 4%;height: auto}
.mybutton3 a {padding: 4% 9%!important}
.top-rating-text {margin: 3% 0;padding: 0}
.features-table-title .features-table-col3 {border-top-left-radius: 15px}
.pricing-withfree .features-table-col1 {width: 100%;padding: 0}
.pricing-withfree .features-table-col2 {width: 33.33%;border-top-left-radius: 15px}
.pricing-withfree .features-table-col3 {width: 33.33%;border-top-left-radius: 0}
.pricing-standard-withoutfree .features-table-col2,.pricing-standard-withoutfree .features-table-col3,.pricing-standard-withoutfree .features-table-col4,.pricing-withfree .features-table-col4 {width: 33.33%}
.pricing-withStandard .features-table-col2,.pricing-withStandard .features-table-col3,.pricing-withStandard .features-table-col4 {width: 25%}
.logo-list {display: contents}
.logo-list li {padding: 2% 2.5%}
.logo-list1 li:first-child {width: 45%}
.logo-list1 li:nth-child(2) {width: 20%}
.logo-list1 li:nth-child(3) {width: 33%}
.logo-list1 li:nth-child(4) {width: 41%}
.logo-list1 li:nth-child(5) {width: 22%}
.logo-list1 li:nth-child(6),.logo-list2 li:nth-child(6) {width: 30%}
.logo-list2 li:first-child {width: 42%}
.logo-list2 li:nth-child(2) {width: 40%}
.logo-list2 li:nth-child(3) {width: 48%}
.logo-list2 li:nth-child(4) {width: 44%}
.logo-list2 li:nth-child(5) {width: 50%}
.forever-box {margin-top: 5%;margin-bottom: 8%}
.ai-img {top: -2px}
.amimage,.apimage,.bloggerimage,.dgimage,.esimage,.fdimage {margin-top: 7%}
.arrow-btn {max-width: 12px;top: 0;left: 3px}
.main-section-side {text-align: center;margin-top: 0}
.incredible-box1 {text-align: left;margin-bottom: 20px}
.design-driven-right,.platforms-section-text4,.plug-img {margin-top: 15px}
.cfmeets-box-right {padding: 0;margin-top: 11px}
.grid-item, .grid-sizer {width: 100%;}
.tSpg, .tSpg2 {padding: 0 12px;}
.J0BMlA {
margin: 0 auto;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.features-free-updated .tooltip-content::before {
left: 90%;
}
.features-free-updated .tooltip-content {
transform: translateX(-90%);
}
.features-free-updated .all-features-title {font-size: 24px !important;}
.features-free-updated .features-table-col-inn {padding: 25px 1px;}
.features-free-updated .all-features-table-title {font-size: 13px !important;}
.features-free-updated .all-features-table-price {font-size: 18px !important;}
.features-free-updated .all-features-table-price span {font-size: 10px !important;}
.features-free-updated .all-features-month-text {font-size: 10px !important;margin-top: 10px;}
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {font-size: 13px !important; }
.features-free-updated .features-table-col4 {padding: 0 0;}
.features-free-updated .all-features-list {font-size: 12px;}
.features-free-updated .features-table-col3 {border-top-color: #e1e4e7 !important;}
.features-free-updated .features-table-col3-standard {border-top: 1px solid rgb(0, 105, 255) !important;}
.features-free-updated .features-table-col2, .features-free-updated .features-table-col3, .features-free-updated .features-table-col4 {border-top-width: 1px !important;}
.features-free-updated .features-table-col1 .all-features-list {font-size: 13px;}
.features-free-updated .table-title {font-size: 25px !important;}
.features-free-updated .all-features-table-title span.span-hide {margin-top: 2px;}
.features-table-col2 .all-features-table-price{margin-bottom: 4px;}
.features-table-col2 .all-features-month-text{margin-top: 32px;}
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {margin-bottom: 4px;}
.features-free-updated .features-mybutton1 a, .features-free-updated .features-mybutton2 a {font-size: 13px !important;width: 100% !important;display: inline-block;height: auto;margin-top: 3px !important; padding: 8px 8px !important;}
.features-free-updated .table-title span {font-size: 10px;padding: 0px 9px;height: 24px;}
.features-free-updated.pricing-withStandard .all-features-table-price {display: inline-flex;width: 100%;flex-direction: column;}
.features-free-updated .all-features-table-price span {
margin-top: 0;
}
.features-mybutton1.features-mybutton1-free {
margin-top: 20px;
}
.circle1-bg1{padding: 1% 5px 0% 2px;}
.mybutton a {padding: 20px 26px;line-height: 130%;width: 100%;}
.leaders-section .nav-tabs {margin-top: 10px;margin-bottom: 15px;}
.leaders-section .nav-tabs .nav-link {padding: 0px 9px;border-radius: 50px;height: 27px;}
.home-page .banner-pra {padding: 0 10px;}
.tab-testi-img-mob {display: block !important;}
.tab-slide-inn {display: none;}
.leaders-section {padding: 9% 0 4% 0;}
.team-card-bottom {width: 100%;}
.revingicon-Box ul li p {left: -2px;line-height: 1.1;}
.usedby-section {padding: 12% 0 13% 0;}
.leaders-section .nav-tabs .nav-item {margin: 5px 3px !important;text-align: center;display: inline-flex;}
#testi1-tab svg{width: 72px;height: 25px;}
#testi2-tab svg{width: 54px;height: 25px;}
#testi3-tab svg{width: 32px;height: 24px;top: -1px;}
#testi4-tab svg{width: 60px;height: 25px;}
.testimonial-section {padding: 4% 0 9% 0;}
.profile-box-out .profile-box {padding: 18px 0px 18px 10px;}
.cd-graphic{left: 20px;}
.cd-graphic-inn{padding: 12px 14px;justify-content: center;}
.cd-graphic-mob{bottom: 105px;transition: 0.5s;}
.cd-graphic span{font-size: 13px;}
.socialicon{width: 180px;margin-top: 15px;margin-bottom: 20px;}
}
@media (min-width: 240px){
.mycontainer{width: 100%;}
.section5-box-left .section5-box-left-top{padding: 16px 15px;}
.section5-box-right .section5-box-right-top{padding: 26px 15px;}
.section5-box-left-top h4{font-size: 23px;}
.section5-box-right-top h4{font-size: 19px;}
.section5 .section5-box-left-top h4 {font-size: 15px;}
.section5 .section5-box-left .section5-box-left-top{padding: 19.5px 6px 21.5px 10px;}
.checklist1, .checklist2{font-size: 12px;}
.checklist1{margin-top: 10px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 10px 22px;
padding-left: 36px;
}
.checklist2{margin-top: 8px;}
.icon4{max-width: 19%;}
.checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 25px;
padding-bottom: 25px;
}
.checklist2 li:nth-child(4) {
padding-top: 25px;
padding-bottom: 23px;
}
.checklist2 li:nth-child(5) {
padding-top: 25px;
padding-bottom: 25px;
}
.checklist2 li:nth-child(6) {
padding-top: 54px;
padding-bottom: 52px;
}
.checklist2 li:nth-child(7) {
padding-top: 47px;
padding-bottom: 42px;
}
.checklist2 li:nth-child(8) {
padding-top: 25px;
padding-bottom: 23px;
}
.checklist2 li:nth-child(9) {
padding-top: 25px;
padding-bottom: 24px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 17px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 160px;
padding-bottom: 160px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.icon4{max-width: 19%;}
.use-case-mega-menu {
width: 51.5%;
}
.template-case-mega-menu {
width: 68%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 7%;
}
.use-case-mega-menu .menu-title-section{width: 43%;}
.use-case-mega-menu .menu-list-section{width: 100%;}
.template-case-mega-menu .menu-title-section{width: 32.6%;}
.template-case-mega-menu .menu-list-section{width: 100%;}
.u-header__sub-menu-nav-link{font-size: 14px;margin: 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
.newbadge {
top: -3px;
padding: 8px 15px 3px 8px;
}
/*box-width*/
.banner-main-box {max-width: 100%;}
.banner-left-box{width: 100%;}
.banner-right-box{width: 65%;}
.swiper-container1{right: 0;}
.carouselExample2-left {
width: 100%;
}
.carouselExample2-right {
width: 100%;
}
.faster-box{
width: 90%;
padding: 15px 15px;
}
.video-section{padding: 1% 2%;}
.section8 {padding: 4% 2% 17% 2%}
.dg-section2{padding: 1% 2% 60px 2%;}
.dg-section2-box{}
.section8-left{width: 100%;}
.section8-right{width: 100%;}
.footer-box1{width: 100%;}
.footer-box2{width: 100%;}
.footer-box3{width: 100%;}
.footer-box4{width: 100%;}
.footer-box5{width: 100%;}
.footer-box6{width: 100%;}
/*font-size*/
.section1-title, .section2-title, .section3-title, .section4-title, .section5-title, .section6-title, .section7-title, .section8-title {
font-weight: 600;
}
.banner-title{font-size: 36px;}
.section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 26px;}
.home-page .banner-title{margin-top: 0;}
.dg-banner .banner-title{font-size: 30px;}
.section2-title2{font-size: 24px;}
.faq-title {font-size: 26px; }
.banner-pra {
font-size: 18px;
}
.banner-pra.dg-banner-pra {
font-size: 16px;
}
.section5-pra {
font-size: 16px;
}
.section6-pra {
font-size: 16px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 14px;}
a.banner-link1, a.banner-link2 {margin-right: 0;}
.btn-bottom-text {
padding-left: 0;
font-size: 13px;
}
.btn-bottom-text2 {
padding-left: 0;
font-size: 13px;
}
#carouselExample2 .carousel-indicators li {
padding: 8% 0 14% 60px;
}
#carouselExample2 .carousel-indicators li svg {
left: -50px;
}
.step-title{
font-size: 24px;
}
.step-pra{
font-size: 19px;
}
.section2-subtitle{
font-size: 15px;
}
.forever-title{
font-size: 22px;
}
.forever-pra{
font-size: 14px;
padding: 0px 5%;
}
.for-title1{
font-size: 22px;
}
.for-title2{
font-size: 24px;
}
.faster-title{
font-size: 20px;
}
.faster-pra{
font-size: 13px;
}
.section8-subtitle{
font-size: 16px;
}
.faq-subtitle{
font-size: 15px;
}
.footer{}
.footer-title1{
font-size: 13px;
}
.footer-pra{
font-size: 13px;
}
.footer-title{
font-size: 16px;
}
.footer-link {
font-size: 13px;
}
.footer-section button.btn.btn-link{font-size: 14px;}
.footer-section .card-body{font-size: 12px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{}
.section5{margin-top: 0;}
/*elements*/
.tool {
left: 2%;
top: 3%;
max-width: 5%;
}
.element1 {
max-width: 15%;
margin-right: -14%;
}
.section4-title .element1{
left: 96%;
max-width: 11%;
top: -4px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 87%;
top: 44%;
max-width: 20%;
}
.element3 {
left: 0;
top: -21%;
max-width: 80%;
}
.forever-box1-inn .forever-img{max-width: 80%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 80%;}
.everything {max-width: 100%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 99%;}
.bannerimgele {
max-width: 49%;
bottom: -17%;
left: 15%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 26px;}
.features-page-subtitle{
font-size: 14px;
}
/*features-page*/
.page-features-box {width: 100%;padding: 10px 30px;}
.page-features-box-last{width: 100%;}
.page-features-title{
font-size: 17px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:17px;}
.bannerimg1features{position: relative;max-width:100%;}
/*webpages-page*/
.webpages-banner-left-box{width: 100%;}
.webpages-banner-right-box{width: 85%;}
.webpages-banner-title{font-size: 30px;}
.webpages-banner-pra {
font-size: 16px;
}
.webpages-section3-title {font-size: 24px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 1px;
max-width: 12%;
}
.revingicon-Box ul li p {font-size: 12px;}
#buttonGroup li {width: 42%;}
#buttonGroup li a{padding: 5.7% 0;font-size: 16px;}
/**/
.vs-section2 a.banner-link1{font-size: 14px;}
.clickdesignsvscanva-page-subtitle{
font-size: 21px;
}
.clickdesignsvscanva-page-title{
font-size: 21px;
}
/*pricing-page*/
.pricing-title {
font-size: 30px;
}
.pricing-pra {
font-size: 15px;
}
.tab-slider--trigger {
font-size: 14px;
}
.tab-slider--trigger span{
font-size: 10px;
}
.table-title{
font-size: 20px;
}
.table-normally{
font-size: 14px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 13px;
}
.table-price{
font-size: 42px;
}
.table-price span{
font-size: 14px;
}
.table-month-text{
font-size: 14px;
}
.table-save-text{
font-size: 10px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 13px;
}
.all-features-title{
font-size: 20px;
}
.all-features-table-title{
font-size: 18px;
}
.all-features-table-price{
font-size: 24px;
}
.all-features-table-price span{
font-size: 11px;
}
.all-features-table-price-stakes{
font-size: 24px;
}
.all-features-table-price-stakes span{
font-size: 11px;
}
.all-features-month-text{
font-size: 10px;
}
.features-mybutton1 a{
font-size: 14px;
}
.features-mybutton2 a{
font-size: 14px;
}
.all-features-list-title{
font-size: 18px;
}
.all-features-list{
font-size: 13px;
}
.try-box-title{
font-size: 22px;
}
.banner-link5{
font-size: 14px;
}
.btn-bottom-text5{
font-size: 13px;
}
.table-box1-out {
width: 100%;
}
#expander span, #expander-2 span, #expander2 span, .features-main-box, .pricing-testi-box {
width: 89%;
}
.try-box-pricing-out{
width: 91%;
}
.pricing-withfree#expander span, .pricing-withfree #expander-2 span,, .pricing-withfree #expander2 span,
.pricing-withfree .features-main-box, .pricing-withfree .pricing-testi-box {
width: 89%;
}
/*dg-page*/
.use-cases-pra1{font-size: 20px;}
.use-cases-pra2{font-size: 16px;}
.dgimage{max-width:100%;position: relative;left: 0;}
.bloggerimage{max-width:100%;position: relative;left: 0;}
.esimage{max-width:100%;position: relative;left: 0;margin-bottom: -13%;}
.apimage{max-width:100%;position: relative;left: 0;margin-bottom: -12%;}
.fdimage{max-width:100%;position: relative;left: 0;margin-bottom: -12%;}
.amimage{max-width:100%;position: relative;left: 0;margin-bottom: -12%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 12%;}
.dg-step-row3{margin-top: 12%;padding-top: 0;}
.dg-step-detail1-box{padding: 0 15px;}
.dg-step-detail2-box{padding: 0 15px;}
.dg-step-title{
font-size: 30px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 0;
max-width: 100%;
}
.dgstep2{}
.dgstep3{
left: 0;
max-width: 100%;
}
.connector1-box{
top: 13%;
left: -1.5%;
}
.connector2-box{
top: -29%;
left: -1.5%;
}
.connector1{max-width: 71%;}
.connector2{max-width: 71%;}
.es-section .connector1-box{
top: 13%;
left: -1.5%;
}
.es-section .connector2-box{
top: -29%;
left: -1.5%;
}
.es-section .connector1{max-width: 71%;}
.es-section .connector2{max-width: 71%;}
.es-section .dg-step-row2{}
.es-section .dg-step-row3{margin-top: 14%;padding-top: 0;}
.fd-section .connector1-box{
top: 13%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -29%;
left: -1.5%;
}
.fd-section .connector1{max-width: 71%;}
.fd-section .connector2{max-width: 71%;}
.fd-section .dg-step-row2{}
.fd-section .dg-step-row3{margin-top: 14%;padding-top: 0;}
.blogger-section .connector1-box{
top: 13%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -29%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 71%;}
.blogger-section .connector2{max-width: 71%;}
.ap-section .connector1-box{
top: 13%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -29%;
left: -1.5%;
}
.ap-section .dgstep2{max-width:100%;}
.dg-section2 .card {
padding: 0% 0 4% 0;
margin-bottom: 4%;
}
.card-title{
font-size: 26px;
}
.card-subtitle{
font-size: 14px;
}
.card-pra{
font-size: 12px;
padding-right: 0;
}
.card1-img{max-width: 66.7%;margin-top: 5%;margin-bottom: 0.5%;}
.card2-img{
max-width: 94%;
margin-bottom: 0%;
left: 1%;
}
.card3-img{
max-width: 73.5%;
margin-top: 2%;
}
.card4-img{
max-width: 92.8%;
}
.card5-img{
max-width: 96%;
left: -2%;
}
.card6-img{
max-width: 97%;
margin-bottom: -3.5%;
}
.card7-img{
max-width: 92.2%;
left: 0;
margin-bottom: -6%;
}
.es-card1-img{
max-width: 81%;
margin-top: 0;
margin-bottom: 0;
left: 0;
}
.es-card2-img{
max-width: 108.2%;
margin-bottom: 0%;
left: -3%;
}
.es-card3-img{
max-width: 90.8%;
margin-top: 0;
left: 0%;
}
.es-card4-img{
max-width: 92.7%;
left: 1%;
}
.es-card5-img{
max-width: 104.1%;
left: -2%;
}
.es-card6-img{
max-width: 90%;
left: 0;
}
.bloggercard1{
max-width: 92.9%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 74%;
left:0;
right:0;
margin-top: 0.6%;
margin-bottom:0;
}
.bloggercard3{
max-width: 88%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 86.5%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 91.5%;
left: 5%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 89%;
margin-top: 0;
margin-bottom: 0;
left: 0;
}
.ap-card2-img{
max-width: 102.2%;
margin-bottom: 0%;
left: 1%;
}
.ap-card3-img{
max-width: 96.5%;
margin-top: 0;
left: 0%;
}
.ap-card4-img{
max-width: 103.8%;
left: -1%;
}
.ap-card5-img{
max-width: 97.1%;
left: 0;
margin-bottom: -5%;
margin-top: -2%;
}
.ap-card6-img{
max-width: 98%;
left: 0;
}
.fd-card1-img{
max-width: 89%;
margin-top: 0;
margin-bottom: -6%;
left: 0;
}
.fd-card2-img{
max-width: 84.2%;
margin-bottom: -2%;
left: 1%;
}
.fd-card3-img{
max-width: 74.2%;
margin-top: 4%;
left: -1%;
}
.fd-card4-img{
max-width: 68.9%;
left: 1%;
}
.fd-card5-img{
max-width: 78%;
left: 0%;
}
.fd-card6-img{
max-width: 102%;
left: 0;
}
.am-card1-img{
max-width: 105%;
margin-top: 6%;
margin-bottom: 4%;
left: -2%;
}
.am-card2-img{
max-width: 98.2%;
margin-bottom: 0%;
left: 1%;
margin-top: 3%;
}
.am-card3-img{
max-width: 93%;
margin-top: -4%;
margin-bottom: -5.5%;
left: 1%;
}
.am-card4-img{
max-width: 89.5%;
left: 0;
margin-top: 2%;
}
.am-card5-img{
max-width: 100.5%;
left: -1%;
margin-bottom: -4%;
margin-top: 4%;
}
.am-card6-img{
max-width: 92.5%;
left: 0;
margin-top: 5%;
margin-bottom: -3%;
}
.am-card7-img {
max-width: 98%;
left: 0;
margin-top: 4%;
margin-bottom: -3%;
}
.use-case-btn-title{
font-size: 20px;
}
.use-case-btn-subtitle{
font-size: 14px;
}
/*demo-page*/
.demoBox-title{font-size: 26px;}
/*video*/
.swiper3-main-box {
width: 95%;
box-shadow: 0px 6px 59.15px 5.85px rgb(32 14 68 / 21%);
}
/**/
.footer-box1{width: 100%;}
.footer-box2{width: 100%;}
.footer-box3{width: 100%;}
.footer-box4{width: 100%;}
.footer-box5{width: 100%;}
.footer-box6{width: 100%;}
/****************/
.top-box1{width: 100%;margin-bottom: 3%;}
.top-box2{width: 100%;margin-bottom:0;text-align:center;}
.top-box3{width: 100%;}
.top-box2, .top-box3 {width: auto !important;}
.top-center{padding-left: 0;}
.top-btn {
font-size: 12px;
}
.banner-deal-headline{
font-size: 35px;
}
.banner-deal-sub-headline{
font-size: 14px;
}
.banner-deal-link {
font-size: 18px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 26px;
}
.deal-for-title{font-size: 26px;}
.deal-for-box .card-text {
padding: 6% 7% 5% 7%;
}
.deal-seamlessly-subheadline, .deal-graphics-subheadline, .deal-faster-subheadline, .deal-faster2-subheadline,
.deal-idea-subheadline, .deal-unlock-subheadline, .deal-pricing-subheadline, .deal-faster2-subheadline, .deal-seamlessly-headline2
, .section5-pra, .section6-pra {
font-size: 14px;
}
.deal-pricing-subheadline2{font-size: 16px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 28px;
}
.deal-step-text{
font-size: 16px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 12px;
margin: 3px 2px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 13px;
}
.unlock-title{
font-size: 14px;
}
.deal-faster-title{
font-size: 24px;
}
.deal-faster-pra {
font-size: 13px;
padding-right: 0;
}
.swiper-slide-inn div{width: 100%;}
.ai-img{max-width: 15%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width:100%;}
.idea1-title{margin-top: 6%;}
.idea2-title{margin-top: 4%;}
.idea3-title{margin-top: 6%;}
.idea4-title{margin-top: 4%;}
.idea5-title{margin-top: 6%;}
.idea6-title{margin-top: 2%;}
.idea7-title{margin-top: 6%;}
.idea8-title{margin-top: 6%;}
.idea9-title{margin-top: 6%;}
.idea10-title{margin-top: 6%;}
.idea11-title{margin-top: 6%;}
.idea12-title{margin-top: 5.5%;}
.idea13-title{margin-top: 2%;}
.idea14-title{margin-top: 3%;}
.idea15-title{margin-top: 3%;}
.idea16-title{margin-top: 1%;}
.idea17-title{margin-top: 4%;}
.idea18-title{margin-top: 3%;}
.idea19-title{margin-top: 5%;}
.idea20-title{margin-top: 5%;}
/**/
.palce1{max-width: 15%;top: 6%;left: 3.8%;}
.palce2{max-width: 15%;top: 27%;left: 3.8%;}
.palce3{max-width: 15%;left: 3.8%;top: 61.7%;}
.palce4{max-width: 12%;top: 6%;left: 20.8%;}
.palce5{max-width: 12%;top: 43%;left: 20.8%;}
.palce6{max-width: 13%;top: 82%;left: 20.8%;}
.palce7{max-width: 15%;top: 6%;left: 34.8%;}
.palce8{max-width: 11.5%;top: 75.2%;left: 34.8%;}
.palce9{max-width: 15%;top: 6%;left: 51%;}
.palce10{max-width: 11%;top: 77.2%;left: 46.3%;}
.palce11{max-width: 13.5%;top: 78.8%;left: 56.9%;}
.palce12{max-width: 14%;top: 6%;left: 67%;}
.palce13{max-width: 14.5%;top: 29.5%;left: 66.5%;}
.palce14{max-width: 10%;top: 74.2%;left: 71%;}
.palce15{max-width: 15%;top: 6%;left: 82%;}
.palce16{max-width: 16%;top: 21.5%;left: 82%;}
.palce17{max-width: 15%;top: 50.5%;left: 82%;}
.palce18{max-width: 15%;top: 82.5%;left: 82%;}
.placecenter{top: 22%;left: 27%;max-width: 44.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 220%;top: 336%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 224.5%;top: 175.8%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 229%;top: 98%;}
.logotext{max-width: 60%;position: relative;top: 0;}
.logotext2{max-width: 43%;position: relative;top: 0;}
.logotext3{max-width: 41%;position: relative;top: 0;}
.logotext4{max-width: 50%;position: relative;top: 0;}
.logotext5{top: 0px;}
.testimonial-box {width: 100%;}
.leaders-section .nav-tabs {font-size: 15px;}
.banner-deal .swiper3-main-box{margin-top: 0;z-index: 1;width: 95%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 40px;}
.features-free-updated .features-table-col-inn {padding: 14px 5px;}
.features-free-updated .all-features-table-title span {
font-size: 11px;
display: inline-block;
color: #ffffff;
padding: 2px 7.3px;
height: 17px;
position: relative;
top: -3px;
font-weight: 700;
text-transform: lowercase;
border-radius: 5px;
background-color: rgb(29, 29, 33);
}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.francis-testi p,.laura-testi p,.mike-testi p,.newbadge,.varun-testi p{font-size:20px}
.leaders-section .nav-tabs{font-size:15px}.francis-testi{top:27.5%;left:21%}
.mike-testi{top:25.1%;left:21%}
.laura-testi{top:20.5%;left:21%}
.varun-testi{top:22.5%;left:21%}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.swiper3-main-box{width:95%}.swiper-pagination3 .swiper-pagination-bullet{font-size:12px}
.newbadge{top:-3px;padding:8px 15px 3px 8px}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (min-width: 600px) {
}
@media only screen and (max-width: 600px) {
}
@media (min-width: 480px){
.element1{
max-width: 9%;
}
}
@media only screen and (min-width: 768px) {
.mycontainer{width: 90%;}
.section5-box-left .section5-box-left-top{padding: 21px 35px;}
.section5-box-right .section5-box-right-top{padding: 28px 15px;}
.section5-box-left-top h4{font-size: 28px;}
.section5-box-right-top h4{font-size: 28px;}
.section5 .section5-box-left-top h4 {
font-size: 23px;
}
.section5 .section5-box-left .section5-box-left-top{padding: 23.5px 30px;}
.icon4{max-width: 19%;}
.checklist1, .checklist2{font-size: 18px;}
.checklist1{margin-top: 10px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 18px 23px;
padding-left: 50px;
}
.checklist2{margin-top: 10px;}
.icon4{max-width: 19%;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(4) {
padding-top: 30px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(5) {
padding-top: 30px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 43px;
padding-bottom: 45px;
}
.checklist2 li:nth-child(7) {
padding-top: 43px;
padding-bottom: 46px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 172px;
padding-bottom: 175px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.use-case-mega-menu {
width: 51.5%;
}
.template-case-mega-menu {
width: 68%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 7%;
}
.use-case-mega-menu .menu-title-section{width: 43%;}
.use-case-mega-menu .menu-list-section{width: 100%;}
.template-case-mega-menu .menu-title-section{width: 32.6%;}
.template-case-mega-menu .menu-list-section{width: 100%;}
.u-header__sub-menu-nav-link{font-size:15px;margin: 8px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
font-size: 14px;
}
.newbadge {
font-size: 24px;
top: -3px;
padding: 10px 18px 3px 11px;
}
/*box-width*/
.banner-main-box {max-width: 89%;}
.banner-left-box{width: 100%;}
.banner-right-box{width: 85%;}
.swiper-container1{right: 0;}
.carouselExample2-left {
width: 38%;
}
.carouselExample2-right {
width: 58%;
}
.faster-box{
width: 44.5%;
padding: 15px 15px;
}
.video-section{padding: 1% 2%;}
.section8 {padding: 1% 2% 5% 2%;}
.dg-section2{padding: 1% 2% 7% 2%;}
.section8-left{width: 100%;}
.section8-right{width: 80%;}
.footer-box1{width: 37%;}
.footer-box2{width: 100%;}
.footer-box3{width: 100%;}
.footer-box4{width: 26%;}
.footer-box5{width: 19%;}
.footer-box6{width: 18%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 55px;}
.home-page .banner-title{margin-top: 0;font-size: 56px;}
.dg-banner .banner-title{font-size: 50px;}
.section2-title2{font-size: 32px;}
.faq-title {font-size: 55px; }
.banner-pra {
font-size: 25px;
}
.banner-pra.dg-banner-pra {
font-size: 16px;
}
.section5-pra {
font-size: 25px;
}
.section6-pra {
font-size: 25px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
a.banner-link1, a.banner-link2 {margin-right: 0;}
.btn-bottom-text {
padding-left: 0;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 0;
font-size: 14px;
}
#carouselExample2 .carousel-indicators li {
padding: 10% 0 10% 50px;
}
#carouselExample2 .carousel-indicators li svg {
left: -55px;
}
.step-title{
font-size: 18px;
}
.step-pra{
font-size: 16px;
}
.section2-subtitle{
font-size: 22px;
}
.forever-title{
font-size: 23px;
}
.forever-pra{
font-size: 14px;
padding: 0 2%;
}
.for-title1{
font-size: 22px;
}
.for-title2{
font-size: 24px;
}
.faster-title{
font-size: 26px;
}
.faster-pra{
font-size: 15px;
}
.section8-subtitle{
font-size: 29px;
}
.faq-subtitle{
font-size: 30px;
}
.footer-title1{
font-size: 14px;
}
.footer-pra{
font-size: 14px;
}
.footer-title{
font-size: 18px;
}
.footer-link {
font-size: 13px;
}
.footer-section button.btn.btn-link{font-size: 18px;}
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{padding: 4% 0 0% 0;}
.section5{}
/*elements*/
.tool {
left: 2%;
top: 3%;
max-width: 5%;
}
.element1{
max-width: 12%;
margin-right: -10%;
}
.section4-title .element1{
left: 96%;
max-width: 8%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 87%;
top: 44%;
max-width: 20%;
}
.element3 {
left: 0;
top: -21%;
max-width: 75%;
}
.forever-box1-inn .forever-img{max-width: 80%;}
.forever-box2-inn .forever-img{max-width: 64%;}
.forever-box3-inn .forever-img{max-width: 69%;}
.everything {max-width: 94%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width: 90%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 100%;}
.bannerimgele {
max-width: 50%;
bottom: -17%;
left: 15%;
}
.discovergele {
top: 41%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 31px;}
.features-page-subtitle{
font-size: 15px;
}
/*features-page*/
.page-features-box {width: 29.8%;padding: 12px 11px;}
.page-features-box-last{width: 44.8%;}
.page-features-title{
font-size: 14px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 60%;}
.ideas-title{font-size: 16px;}
.bannerimg1features{max-width: 87%;}
/*webpages-page*/
.webpages-banner-left-box{width: 100%;}
.webpages-banner-right-box{width: 85%;}
.webpages-banner-title{font-size: 50px;}
.webpages-banner-pra {
font-size: 16px;
}
.webpages-section3-title {font-size: 28px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 1px;
max-width: 12%;
}
.revingicon-Box ul li p {font-size: 12px;}
#buttonGroup li {
width: 18.2%;
}
#buttonGroup li a {
padding: 5.7% 0;
font-size: 17px;
}
/**/
.vs-section2 a.banner-link1{font-size: 20px;}
.clickdesignsvscanva-page-subtitle{
font-size: 25px;
}
.clickdesignsvscanva-page-title{
font-size: 28px;
}
/*pricing-page*/
.pricing-title {
font-size: 36px;
}
.pricing-pra {
font-size: 16px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 22px;
}
.table-normally{
font-size: 13px;
}
.table-prices-stake{
font-size: 30px;
}
.table-prices-stake span{
font-size: 12px;
}
.table-price{
font-size: 42px;
}
.table-price span{
font-size: 14px;
}
.table-month-text{
font-size: 14px;
}
.table-save-text{
font-size: 10px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 13px;
}
.all-features-title{
font-size: 24px;
}
.all-features-table-title{
font-size: 16px;
}
.all-features-table-price{
font-size: 27px;
}
.all-features-table-price-stakes{
font-size: 18px;
}
.all-features-table-price-stakes span{
font-size: 12px;
}
.all-features-month-text{
font-size: 13px;
}
.features-mybutton1 a{
font-size: 15px;
}
.features-mybutton2 a{
font-size: 15px;
}
.all-features-list-title{
font-size: 22px;
}
.all-features-list{
font-size: 14px;
}
.table-box1-out {
}
#expander span, #expander-2 span, #expander2 span, .features-main-box, .pricing-testi-box {
width: 100%;
}
.try-box-pricing-out {
width: 99%;
}
.pricing-withfree .table-box1-out {
}
.pricing-withfree#expander span, .pricing-withfree #expander-2 span, .pricing-withfree #expander2 span,
.pricing-withfree .features-main-box, .pricing-withfree .pricing-testi-box {
width: 99%;
}
.try-box-title{
font-size: 44px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 24px;}
.use-cases-pra2{font-size: 16px;}
.dgimage{max-width: 90%;left: -3%;}
.bloggerimage{max-width: 90%;left: -3%;}
.esimage{max-width: 90%;left: 0%;margin-bottom: -13%;}
.apimage{max-width: 90%;left: 0%;margin-bottom: -12%;}
.fdimage{max-width: 90%;left: 0%;}
.amimage{max-width: 90%;left: 0%;margin-bottom: -12%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 9%;padding-top: 7%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 4%;}
.dg-step-title{
font-size: 32px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 5%;
max-width: 90%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 93%;
}
.connector1-box{
top: 5%;
left: -5.5%;
}
.connector2-box{
top: -15%;
left: -5.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: -2%;
left: -5.5%;
}
.es-section .connector2-box{
top: -4%;
left: -5.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 4%;padding-top: 10%;}
.fd-section .connector1-box{
top: 17%;
left: -5.5%;
}
.fd-section .connector2-box{
top: -32%;
left: -5.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 18%;}
.fd-section .dg-step-row3{margin-top: 14%;padding-top: 1%;}
.blogger-section .connector1-box{
top: 5%;
left: -5.5%;
}
.blogger-section .connector2-box{
top: -11%;
left: -5.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 5%;
left: -5.5%;
}
.ap-section .connector2-box{
top: -11%;
left: -5.5%;
}
.ap-section .dgstep2{max-width: 102%;}
.dg-section2 .card {
padding: 0% 0 0% 0;
margin-bottom: 2%;
}
.card-title{
font-size: 39px;
}
.card-subtitle{
font-size: 20px;
}
.card-pra{
font-size: 16px;
padding-right: 0;
}
.card1-img{max-width: 71.8%;margin-top: 4%;margin-bottom: 0.5%;}
.card2-img{
max-width: 89%;
margin-bottom: 7.4%;
}
.card3-img{
max-width: 75%;
margin-top: 0;
margin-bottom: 0;
}
.card4-img{
max-width: 97.1%;
margin-top: 0;
margin-bottom: 0;
}
.card5-img{
max-width: 100.3%;
}
.card6-img{
max-width: 97%;
margin-top: 0;
margin-bottom: 0;
}
.card7-img{
max-width: 89.8%;
left: 0;
}
.es-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 0;
}
.es-card2-img{
max-width: 122.3%;
margin-bottom: 0%;
left: -9%;
}
.es-card3-img{
max-width: 102.8%;
margin-top: 0;
left: -4%;
}
.es-card4-img{
max-width: 98.8%;
left: 0;
}
.es-card5-img{
max-width: 109.1%;
left: -5%;
}
.es-card6-img{
max-width: 102%;
left: 0;
}
.bloggercard1{
max-width: 99.5%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 89%;
left:0;
right:0;
margin-top: 0.5%;
margin-bottom:0;
}
.bloggercard3{
max-width: 94%;
left:0;
right:0;
margin-top: 0.5%;
margin-bottom:0;
}
.bloggercard4{
max-width: 87.5%;
left:0;
right:0;
margin-top: 0.5%;
margin-bottom:0;
}
.bloggercard5{
max-width:100%;
left: 4%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 97.1%;
margin-top: 0;
margin-bottom: 0;
left: 0;
}
.ap-card2-img{
max-width: 100.4%;
margin-bottom: 0%;
left: 0%;
}
.ap-card3-img{
max-width: 94.8%;
margin-top: 0;
left: -1%;
}
.ap-card4-img{
max-width: 102%;
left: -1%;
}
.ap-card5-img{
max-width: 97.1%;
left: 1%;
margin-bottom: 0;
margin-top: 0;
}
.ap-card6-img{
max-width: 96.2%;
left: 0;
}
.fd-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 0;
}
.fd-card2-img{
max-width: 102.3%;
margin-bottom: 0%;
left: 2%;
}
.fd-card3-img{
max-width: 98.3%;
margin-top: 0;
left: -2%;
}
.fd-card4-img{
max-width: 88.3%;
left: 0;
}
.fd-card5-img{
max-width: 97.3%;
left: -1%;
}
.fd-card6-img{
max-width: 102%;
left: 0;
}
.am-card1-img{
max-width: 104.8%;
margin-top: 5%;
margin-bottom: 5%;
left: -1%;
}
.am-card2-img{
max-width: 102.5%;
margin-bottom: 3%;
left: 1%;
margin-top: 3%;
}
.am-card3-img{
max-width: 102.8%;
margin-top: -6%;
left: -2%;
margin-bottom: -3%;
}
.am-card4-img{
max-width: 98.8%;
left: 0;
}
.am-card5-img{
max-width: 108.5%;
left: -5%;
}
.am-card6-img{
max-width: 102%;
left: 0;
margin-top: 3.1%;
}
.am-card7-img{
max-width: 105%;
left: -2%;
margin-top: 6.9%;
margin-bottom: 2%;
}
.use-case-btn-title{
font-size: 28px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size: 32px;}
/*video*/
.swiper3-main-box {
width: 88%;
}
/****************/
.top-box1{width: 35%;margin-bottom: 2.5%;}
.top-box2{width: 88%;margin-bottom: 0;text-align: left;}
.top-box3{width: 20%;}
.top-center{padding-left: 0;}
.top-btn {
font-size: 12px;
}
.banner-deal-headline{
font-size: 45px;
}
.banner-deal-sub-headline{
font-size: 20px;
}
.banner-deal-link {
font-size: 14px;
padding: 17px 27px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline, .deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 36px;
}
.deal-for-title{font-size: 25px;}
.deal-for-box .card-text{padding: 0 2% 0 3%;}
.deal-seamlessly-subheadline, .deal-graphics-subheadline, .deal-faster-subheadline, .deal-faster2-subheadline,
.deal-idea-subheadline, .deal-unlock-subheadline, .deal-pricing-subheadline, .deal-faster2-subheadline, .deal-seamlessly-headline2
, .section5-pra, .section6-pra {
font-size: 20px;
}
.deal-pricing-subheadline2{font-size: 18px;}
.deal-step-title1{
font-size: 14px;
}
.deal-step-title2{
font-size: 30px;
}
.deal-step-text{
font-size: 14px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 15px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 14px;
margin: 5px 5px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 14px;
}
.deal-faster-title{
font-size: 24px;
}
.deal-faster-pra {
font-size: 14px;
padding-right: 2%;
}
.swiper-slide-inn div{width: 100%;}
.ai-img{max-width: 8%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width: 13%;}
.idea1-title{margin-top: 13%;}
.idea2-title{margin-top: 8%;}
.idea3-title{margin-top: 14%;}
.idea4-title{margin-top: 6%;}
.idea5-title{margin-top: 9%;}
.idea6-title{margin-top: 8%;}
.idea7-title{margin-top: 10%;}
.idea8-title{margin-top: 10%;}
.idea9-title{margin-top: 10%;}
.idea10-title{margin-top: 14%;}
.idea11-title{margin-top: 4%;}
.idea12-title{margin-top: 14.5%;}
.idea13-title{margin-top: 2%;}
.idea14-title{margin-top: 5%;}
.idea15-title{margin-top: 3%;}
.idea16-title{margin-top: -3%;}
.idea17-title{margin-top: 5%;}
.idea18-title{margin-top: 2%;}
.idea19-title{margin-top: 10%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 64.5%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 33.5%;max-width: 35.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 181%;top: 244.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 188%;top: 125%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 195%;top: 29%;}
.logotext{max-width: 32%;top: 0;}
.logotext2{max-width: 30%;top: 0;}
.logotext3{max-width: 26%;top: 0;}
.logotext4{max-width: 58%;top: 0;}
.logotext5{top: -7px;}
.testimonial-box {width: 33%;}
.leaders-section .nav-tabs {font-size: 18px;}
.banner-deal .swiper3-main-box{width: 91%;}
.footer-section-right{}
.features-free-updated #expander span, .features-free-updated #expander-2 span {
width: 70% !important;
}
.pricing-withStandard.features-free-updated .table-box1{padding: 25px 10px 20px 10px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 27px;}
.features-free-updated .features-table-col-inn {padding: 20px 6px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 22px;}
/**/
.leaders-section .nav-tabs{font-size:18px}
.francis-testi{top:27.5%;left:9%}
.mike-testi{top:25.1%;left:9%}
.laura-testi{top:20.5%;left:9%}
.varun-testi{top:22.5%;left:9%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:14px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:20px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:12px}
.swiper3-main-box{width:88%}.swiper-pagination3 .swiper-pagination-bullet{font-size:14px}
.newbadge{font-size:24px;top:-3px;padding:10px 18px 3px 11px}
}
@media only screen and (min-width: 992px) {
.mycontainer{width: 900px;}
.section5-box-left .section5-box-left-top{padding: 17px 30px;}
.section5-box-right .section5-box-right-top{padding: 35px 15px 21px 15px;}
.section5-box-left-top h4{font-size: 24px;}
.section5-box-right-top h4{font-size: 21px;}
.section5 .section5-box-left-top h4 {font-size: 18px;}
.section5 .section5-box-left .section5-box-left-top{padding: 21.5px 18px 21.5px 21px;}
.checklist1, .checklist2{font-size: 13px;}
.checklist1{margin-top: 10px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 17px 18px;
padding-left: 45px;
}
.checklist2{margin-top: 10px;}
.icon4{max-width: 17%;}
.checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 14px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 24px;
padding-bottom: 26px;
}
.checklist2 li:nth-child(4) {
padding-top: 25px;
padding-bottom: 26px;
}
.checklist2 li:nth-child(5) {
padding-top: 25px;
padding-bottom: 25px;
}
.checklist2 li:nth-child(6) {
padding-top: 36px;
padding-bottom: 36px;
}
.checklist2 li:nth-child(7) {
padding-top: 46px;
padding-bottom: 46px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 16px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 150px;
padding-bottom: 128px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 16px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 12px;}
.header .navbar-nav .nav-link {
padding-right: 15px;
padding-left: 15px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
font-size: 15px;
}
.use-case-mega-menu {
width: 73.5%;
}
.template-case-mega-menu {
width: 98%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 27.5%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 12px;margin: 10px 0;}
.menu-title-section {
padding: 0 20px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 18px;
}
.logo {
width: 150px;
}
.header .navbar-brand {
margin-right: 5px;
}
.newbadge {
font-size: 31px;
top: -4px;
padding: 12px 30px 3px 14px;
}
/*box-width*/
.banner-main-box {max-width: 89%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 35%;
}
.carouselExample2-right {
width: 61%;
}
.faster-box{
width: 44.5%;
padding: 38px 24px;
}
.video-section {padding: 1% 2%;}
.section8 {padding: 1% 2% 5% 2%;}
.dg-section2{padding: 1% 2% 11% 2%;}
.dg-section2-box {}
.section8-left{width: 44%;}
.section8-right{width: 48%;}
.footer-box1{width: 45%;}
.footer-box2{width: 16%;}
.footer-box3{width: 13%;}
.footer-box4{width: 22%;}
.footer-box5{width: 16%;}
.footer-box6{width: 15%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 50px;}
.home-page .banner-title{margin-top: 3%;font-size: 49px;}
.dg-banner .banner-title{font-size: 35px;}
.section2-title2{font-size: 36px;}
.faq-title {font-size: 50px;}
.banner-pra {
font-size: 18px;
}
.banner-pra.dg-banner-pra {
font-size: 14px;
}
.section5-pra {
font-size: 18px;
}
.section6-pra {
font-size: 18px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 15px;}
a.banner-link1, a.banner-link2 {margin-right: 10px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 13px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 13px;
}
#carouselExample2 .carousel-indicators li {
padding: 10% 0 10% 62px;
}
#carouselExample2 .carousel-indicators li svg {
left: -60px;
}
.step-title{
font-size: 20px;
}
.step-pra{
font-size: 16px;
}
.section2-subtitle{
font-size: 22px;
}
.forever-title{
font-size: 25px;
}
.forever-pra{
font-size: 16px;
padding: 0 4%;
}
.for-title1{
font-size: 22px;
}
.for-title2{
font-size: 26px;
}
.faster-title{
font-size: 28px;
}
.faster-pra{
font-size: 18px;
}
.section8-subtitle{
font-size: 20px;
}
.faq-subtitle{
font-size: 20px;
}
.footer-title1{
font-size: 13px;
}
.footer-pra{
font-size: 12px;
}
.footer-title{
font-size: 13px;
}
.footer-link {
font-size: 12px;
}
.footer-section button.btn.btn-link{font-size: 16px;}
.footer-section .card-body{font-size: 13px;}
.footer-box1 .foot-icon{
font-size: 16px;
}
.footer-box1 .foot-name {
font-size: 13px;
}
.deal-everything-section{}
.section5{}
/*elements*/
.tool {
left: 1%;
top: 1%;
max-width: 5%;
}
.element1{
max-width: 15%;
margin-right: 0;
}
.section4-title .element1{
left: 96%;
max-width:100%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 88%;
top: 44%;
max-width: 21%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 61%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 89%;}
.everything {max-width: 95%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 105%;}
.bannerimgele {
max-width: 53%;
bottom: 3%;
left: 15%;
}
.discovergele {
top: 32%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 41px;}
.features-page-subtitle{
font-size: 18px;
}
/*features-page*/
.page-features-box {width: 29.8%;padding: 19px 18px;}
.page-features-box-last{width: 44.8%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size: 16px;}
.bannerimg1features{max-width: 105%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 35px;}
.webpages-banner-pra {
font-size: 14px;
}
.webpages-banner a.banner-link1 {
padding: 2.5% 5.8%;
}
.webpages-section3-title {font-size: 40px;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6.3%;
}
.revingicon-Box ul li p {font-size: 8px;}
.johnbx h4 {font-size: 9px;}
.johnbx p {font-size: 8px;}
.testimonialBox-inner3 p {font-size: 14px;}
#buttonGroup li {
width: 16.5%;
}
#buttonGroup li a {
padding: 6% 0;
font-size: 18px;
}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 46px;
}
.pricing-pra {
font-size: 16px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 23px;
}
.table-normally{
font-size: 13px;
}
.table-price{
font-size: 44px;
}
.table-price span{
font-size: 14px;
}
.table-prices-stake{
font-size: 32px;
}
.table-prices-stake span{
font-size: 13px;
}
.table-month-text{
font-size: 14px;
}
.table-save-text{
font-size: 10px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 13px;
}
.all-features-title{
font-size: 26px;
}
.all-features-table-title{
font-size: 18px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 28px;
}
.all-features-table-price-stakes span{
font-size: 14px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size: 15px;
}
.features-mybutton2 a{
font-size: 15px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 14px;
}
.table-box1-out {
width: 44%;
}
#expander span, #expander-2 span, #expander2 span, .features-main-box, .pricing-testi-box {
width: 85%;
}
.try-box-pricing-out {
width: 85%;
}
.pricing-withfree .table-box1-out {
width: 32%;
}
.pricing-withfree#expander span, .pricing-withfree #expander-2 span,
.pricing-withfree .features-main-box, .pricing-withfree .pricing-testi-box {
width: 85%;
}
.try-box-title{
font-size: 46px;
}
.banner-link5{
font-size: 15px;
}
.btn-bottom-text5{
font-size: 13px;
}
/*dg-page*/
.use-cases-pra1{font-size: 19px;}
.use-cases-pra2{font-size: 14px;}
.dgimage{max-width: 102%;left: -6%;}
.bloggerimage{max-width: 110%;left: -16%;}
.esimage{max-width: 105%;left: -6%;margin-bottom: -18%;}
.apimage{max-width: 104%;left: -7%;margin-bottom: -8%;}
.fdimage{max-width: 106%;left: -6%;margin-bottom: -8%;}
.amimage{max-width: 106%;left: -6%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 6%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 4%;}
.dg-step-title{
font-size: 34px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 5%;
max-width: 90%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 93%;
}
.connector1-box{
top: 5%;
left: -1.5%;
}
.connector2-box{
top: -20%;
left: -1.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: -5%;
left: -1.5%;
}
.es-section .connector2-box{
top: -20%;
left: -1.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.fd-section .connector1-box{
top: 14%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -20%;
left: -1.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.blogger-section .connector1-box{
top: 5%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -20%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 5%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -20%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 112%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 1%;}
.dg-section2 .card {
padding: 4% 2% 4% 5%;
margin-bottom: 2%;
}
.card-title{
font-size: 48px;
}
.card-subtitle{
font-size: 22px;
}
.card-pra{
font-size: 13px;
padding-right: 9%;
}
.card1-img{max-width: 82%;margin-top: 0;margin-bottom: 0;}
.card2-img{
max-width: 98.4%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.card3-img{
max-width: 73.3%;
margin-top: 0;
margin-bottom: 0;
}
.card4-img{
max-width: 97.5%;
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.card5-img{
max-width: 100.6%;
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.card6-img{
max-width: 97.3%;
left: 0;
}
.card7-img{
max-width: 98.8%;
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.es-card1-img{
max-width: 99.7%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 119%;
margin-bottom: 0%;
left: -5%;
}
.es-card3-img{
max-width: 100%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102%;
left: 2%;
}
.es-card5-img{
max-width: 106.3%;
left: -1%;
}
.es-card6-img{
max-width: 99.2%;
left: 3%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 98%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 94%;
left: 0%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 93%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 91%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 105%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98.1%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 97.5%;
margin-top: 0;
margin-bottom: 0;
left: -1%;
}
.fd-card2-img{
max-width: 97.2%;
margin-bottom: 0%;
left: 1%;
}
.fd-card3-img{
max-width: 93.5%;
margin-top: 0;
left: -1%;
}
.fd-card4-img{
max-width: 89.3%;
left: 1%;
}
.fd-card5-img{
max-width: 92.5%;
left: 0%;
}
.fd-card6-img{
max-width: 96%;
left: 5%;
}
.am-card1-img{
max-width: 103%;
margin-top: 7.4%;
margin-bottom: 7.4%;
left: -1%;
}
.am-card2-img{
max-width: 94.5%;
margin-bottom: 5%;
left: 2%;
margin-top: 4.3%;
}
.am-card3-img{
max-width: 102%;
margin-top: 0;
left: 0%;
margin-bottom: 0;
}
.am-card4-img{
max-width: 95%;
left: -1%;
margin-top: 4%;
margin-bottom: 4%;
}
.am-card5-img{
max-width: 100.7%;
left: -2%;
margin-top: 3.9%;
margin-bottom: 3.9%;
}
.am-card6-img{
max-width: 102.5%;
left: -1%;
margin-top: 4.8%;
margin-bottom: 4.8%;
}
.am-card7-img{
max-width: 103.4%;
left: -1%;
margin-top: 4.6%;
margin-bottom: 2.6%;
}
.use-case-btn-title{
font-size: 24px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size: 35px;}
/*video*/
.swiper3-main-box {
width: 80%;
}
/**************/
.top-box1{width: 22%;margin-bottom:0;}
.top-box2{width: 65%;margin-bottom:0;text-align: center;}
.top-box3{width: 13%;}
.top-center{padding-left: 0;}
.top-btn {
font-size: 10px;
}
.banner-deal-headline{
font-size: 52px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 39px;
}
.deal-for-title{font-size: 38px;}
.deal-for-box .card-text{padding: 0 0 0 5.5%;}
.deal-seamlessly-subheadline, .deal-graphics-subheadline, .deal-faster-subheadline, .deal-faster2-subheadline,
.deal-idea-subheadline, .deal-unlock-subheadline, .deal-pricing-subheadline, .deal-faster2-subheadline, .deal-seamlessly-headline2
, .section5-pra, .section6-pra {
font-size: 22px;
}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 14px;
}
.deal-step-title2{
font-size: 30px;
}
.deal-step-text{
font-size: 15px;
}
.idea-title{
font-size: 15px;
}
.deal-ai-title{
font-size: 14px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 15px;
margin: 5px 5px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 14px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 14px;
padding-right: 4%;
}
.swiper-slide-inn div{width: 100%;}
.deal-for-section{padding: 0% 0 16% 0;}
.ai-img{max-width:100%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width: 13%;}
.idea1-title{margin-top: 12%;}
.idea2-title{margin-top: 8%;}
.idea3-title{margin-top: 14%;}
.idea4-title{margin-top: 10%;}
.idea5-title{margin-top: 7%;}
.idea6-title{margin-top: 6%;}
.idea7-title{margin-top: 7%;}
.idea8-title{margin-top: 7%;}
.idea9-title{margin-top: 13%;}
.idea10-title{margin-top: 15%;}
.idea11-title{margin-top: 5%;}
.idea12-title{margin-top: 15.5%;}
.idea13-title{margin-top: 8%;}
.idea14-title{margin-top: 4%;}
.idea15-title{margin-top: 3%;}
.idea16-title{margin-top: 0%;}
.idea17-title{margin-top: 3%;}
.idea18-title{margin-top: 4%;}
.idea19-title{margin-top: 13%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 64.5%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 33.5%;max-width: 35.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 196%;top: 272%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 202%;top: 150.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 208%;top: 54.5%;}
.logotext{max-width: 28%;top: 0;}
.logotext2{max-width: 27%;top: 0;}
.logotext3{max-width: 24%;top: 0;}
.logotext4{max-width: 54%;top: 0;}
.logotext5{top: 0;}
.testimonial-box {width: 33.33%;}
.leaders-section .nav-tabs {font-size: 22px;}
.banner-deal .swiper3-main-box{width: 88%;}
.footer-section-right{width: 49%;}
.features-free-updated #expander span, .features-free-updated #expander-2 span {
width: 50% !important;
}
.pricing-withStandard.features-free-updated .table-box1{padding: 30px 15px 20px 15px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 36px;}
.features-free-updated .features-table-col-inn {padding: 25px 10px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 30px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:26.5%;left:8.5%}
.mike-testi{top:26.1%;left:8.5%}
.laura-testi{top:20%;left:8.5%}
.varun-testi{top:22.5%;left:8.5%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:18px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:27.5px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:14px}
.swiper3-main-box{width:80%}.swiper-pagination3 .swiper-pagination-bullet{font-size:13px}
.newbadge{font-size:31px;top:-4px;padding:12px 30px 3px 14px}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 925px;}
.section5-box-left .section5-box-left-top{padding: 17px 30px;}
.section5-box-right .section5-box-right-top{padding: 26px 15px 27px 15px;}
.section5-box-left-top h4{font-size: 24px;}
.section5-box-right-top h4{font-size: 21px;}
.section5 .section5-box-left-top h4 {font-size: 18px;}
.section5 .section5-box-left .section5-box-left-top{padding: 21.5px 18px 20.5px 25px;}
.checklist1, .checklist2{font-size: 13px;}
.checklist1{margin-top: 10px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 24px 21px;
padding-left: 50px;
}
.checklist2{margin-top: 10px;}
.icon4{max-width: 17%;}
.checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 16px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 26px;
padding-bottom: 25px;
}
.checklist2 li:nth-child(4) {
padding-top: 25px;
padding-bottom: 24px;
}
.checklist2 li:nth-child(5) {
padding-top: 27px;
padding-bottom: 27px;
}
.checklist2 li:nth-child(6) {
padding-top: 36px;
padding-bottom: 33px;
}
.checklist2 li:nth-child(7) {
padding-top: 46px;
padding-bottom: 46px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 16px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 140px;
padding-bottom: 139px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.box-img{max-width: 40%;}
.section18-title{font-size: 21px;}
.section18-text{font-size: 13px;margin-top: 2%;}
.section18-title2{font-size: 17px;}
.section18-title3{font-size: 26px;}
.section18-code{font-size: 16px;}
.header .navbar{padding: 13px 20px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 13px;}
.header .navbar-nav .nav-link {
padding-right: 20px;
padding-left: 20px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 64.5%;
}
.template-case-mega-menu {
width: 86%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 33%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 11px;margin: 9px 0;}
.menu-title-section {
padding: 0 20px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 18px;
}
.newbadge {
font-size: 34px;
top: -3px;
padding: 12px 30px 3px 14px;
}
/*box-width*/
.banner-main-box {max-width: 84%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 38%;
}
.carouselExample2-right {
width: 57%;
}
.faster-box{
width: 43%;
padding: 38px 24px;
}
.video-section {padding: 1% 2.5%;}
.section8 {padding: 1% 2.5% 5% 2.5%;}
.dg-section2 {padding: 1% 2.5% 11% 2.5%;}
.section8-left{width: 39%;}
.section8-right{width: 41%;}
.footer-box1{width: 45%;}
.footer-box2{width: 19%;}
.footer-box3{width: 14%;}
.footer-box4{width: 20%;}
.footer-box5{width: 17%;}
.footer-box6{width: 14%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 56px;}
.home-page .banner-title{margin-top: 3%;font-size: 52px;}
.dg-banner .banner-title{font-size: 43px;}
.section2-title2{font-size: 40px;}
.faq-title {font-size: 53px;}
.banner-pra {
font-size: 20px;
}
.banner-pra.dg-banner-pra {
font-size: 15px;
}
.section5-pra {
font-size: 20px;
}
.section6-pra {
font-size: 20px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 17px;}
.btn-bottom-text {
padding-left: 13%;
font-size: 13px;
}
.btn-bottom-text2 {
padding-left: 13%;
font-size: 13px;
}
.step-title{
font-size: 20px;
}
.step-pra{
font-size: 16px;
}
.section2-subtitle{
font-size: 22px;
}
.forever-title{
font-size: 26px;
}
.forever-pra{
font-size: 16px;
padding: 0 7%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 28px;
}
.faster-title{
font-size: 28px;
}
.faster-pra{
font-size: 17px;
}
.section8-subtitle{
font-size: 20px;
}
.faq-subtitle{
font-size: 20px;
}
.footer-title1{
font-size: 13px;
}
.footer-pra{
font-size: 13px;
}
.footer-title{
font-size: 16px;
}
.footer-link {
font-size: 12px;
}
.footer-section button.btn.btn-link{font-size: 16px;}
.footer-section .card-body{font-size: 14px;}
.footer-box1 .foot-icon{
font-size: 15px;
}
.footer-box1 .foot-name {
font-size: 13px;
}
.section5-box1-out{padding: 0 1% 0 1%;}
.section5-box2-out{padding: 0 1% 0 1%;}
.deal-everything-section{}
.section5{}
/*elements*/
.tool {
left: 2%;
top: 1%;
max-width: 4.8%;
}
.element1{
max-width: 15%;
}
.section4-title .element1{
left: 96%;
max-width: 8%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 19%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 61%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 88%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 112%;}
.bannerimgele {
max-width: 58%;
bottom: 4%;
left: 15%;
}
.discovergele {
top: 34%;
right: 13%;
max-width: 33%;
}
/****************/
/*features*/
.features-page-title{font-size: 42px;}
.features-page-subtitle{
font-size: 18px;
}
/*features-page*/
.page-features-box {width: 29.8%;padding: 21px 20px;}
.page-features-box-last{width: 44.7%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size: 17px;}
.bannerimg1features{max-width: 109%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 43px;}
.webpages-banner-pra {
font-size: 15px;
}
.webpages-section3-title {font-size: 40px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
#buttonGroup li {
width: 12.5%;
}
#buttonGroup li a {
padding: 6.7% 0;
font-size: 18px;
}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size: 17px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 23px;
}
.table-normally{
font-size: 13px;
}
.table-prices-stake{
font-size: 32px;
}
.table-prices-stake span{
font-size: 13px;
}
.table-price{
font-size: 44px;
}
.table-price span{
font-size: 14px;
}
.table-month-text{
font-size: 14px;
}
.table-save-text{
font-size: 10px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 13px;
}
.all-features-title{
font-size: 26px;
}
.all-features-table-title{
font-size: 18px;
}
.all-features-table-price{
font-size: 27px;
}
.all-features-table-price span{
font-size: 13px;
}
.all-features-table-price-stakes{
font-size: 19px;
}
.all-features-table-price-stakes span{
font-size: 12px;
}
.all-features-month-text{
font-size: 13px;
}
.features-mybutton1 a{
font-size: 15px;
}
.features-mybutton2 a{
font-size: 15px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 14px;
}
.table-box1-out {
width: 42%;
}
#expander span, #expander-2 span, #expander2 span, .features-main-box, .pricing-testi-box {
width: 81%;
}
.try-box-pricing-out {
width: 81.5%;
}
.pricing-withfree .table-box1-out {
width: 30%;
}
.pricing-withfree#expander span, .pricing-withfree #expander-2 span,
.pricing-withfree .features-main-box, .pricing-withfree .pricing-testi-box {
width: 81%;
}
.try-box-title{
font-size: 45px;
}
.banner-link5{
font-size: 17px;
}
.btn-bottom-text5{
font-size: 13px;
}
/*dg-page*/
.use-cases-pra1{font-size: 21px;}
.use-cases-pra2{font-size: 15px;}
.dgimage{max-width: 102%;left: 0%;}
.bloggerimage{max-width: 130%;left: -26%;}
.esimage{max-width: 106%;left: -3%;margin-bottom: -8%;}
.apimage{max-width: 102%;left: -3%;margin-bottom: -8%;}
.fdimage{max-width: 114%;left: -11%;margin-bottom: -8%;}
.amimage{max-width: 107%;left: -3%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 6%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 34px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 5%;
max-width: 90%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 93%;
}
.connector1-box{
top: 3%;
left: -1.5%;
}
.connector2-box{
top: -18%;
left: -1.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: -4%;
left: -1.5%;
}
.es-section .connector2-box{
top: -18%;
left: -1.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 17%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.fd-section .connector1-box{
top: 17%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -18%;
left: -1.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 17%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.blogger-section .connector1-box{
top: 4%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -18%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 5%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -18%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 117%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 13%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 1%;}
.dg-section2 .card {
padding: 4% 2% 4% 7%;
margin-bottom: 2%;
}
.card-title{
font-size: 48px;
}
.card-subtitle{
font-size: 24px;
}
.card-pra{
font-size: 14px;
padding-right: 15%;
}
.card1-img{max-width: 81.8%;}
.card2-img{
max-width: 98.4%;
left: 2%;
}
.card3-img{
max-width: 73.2%;
margin-top: 0;
}
.card4-img{
max-width: 97.3%;
left: 0;
}
.card5-img{
max-width: 100.5%;
left: -2%;
}
.card6-img{
max-width: 97.2%;
left: 0;
}
.card7-img{
max-width: 98.7%;
left: 0;
}
.es-card1-img{
max-width: 99.7%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 119%;
margin-bottom: 0%;
left: -5%;
}
.es-card3-img{
max-width: 100%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102%;
left: 2%;
}
.es-card5-img{
max-width: 106.3%;
left: -1%;
}
.es-card6-img{
max-width: 99.2%;
left: 3%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 98%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 94%;
left: 0%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 93%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 91%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 105%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 97.5%;
margin-top: 0;
margin-bottom: 0;
left: -1%;
}
.fd-card2-img{
max-width: 97.2%;
margin-bottom: 0%;
left: 1%;
}
.fd-card3-img{
max-width: 93.5%;
margin-top: 0;
left: -1%;
}
.fd-card4-img{
max-width: 89.3%;
left: 1%;
}
.fd-card5-img{
max-width: 92.5%;
left: 0%;
}
.fd-card6-img{
max-width: 96%;
left: 5%;
}
.am-card1-img{
max-width: 103%;
margin-top: 7.4%;
margin-bottom: 7.4%;
left: -1%;
}
.am-card2-img{
max-width: 94.5%;
margin-bottom: 5%;
left: 2%;
margin-top: 4.3%;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 95%;
left: -1%;
margin-top: 4%;
margin-bottom: 4%;
}
.am-card5-img{
max-width: 100.7%;
left: -2%;
margin-top: 3.9%;
margin-bottom: 3.9%;
}
.am-card6-img{
max-width: 102.5%;
left: -1%;
margin-top: 4.8%;
margin-bottom: 4.8%;
}
.am-card7-img{
max-width: 103.4%;
left: -1%;
margin-top: 4.6%;
margin-bottom: 2.6%;
}
.use-case-btn-title{
font-size: 25px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size: 34px;}
/*video*/
.swiper3-main-box {
width: 78%;
}
/****************/
.top-box1{width: 22%;margin-bottom:0;}
.top-box2{width: 65%;margin-bottom:0;}
.top-box3{width: 13%;}
.top-center{padding-left: 3%;}
.top-btn {
font-size: 10px;
}
.banner-deal-headline{
font-size: 52px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 42px;
}
.deal-for-title{font-size: 39px;}
.deal-for-box .card-text{padding: 0 0 0 5.5%;}
.deal-seamlessly-subheadline, .deal-graphics-subheadline, .deal-faster-subheadline, .deal-faster2-subheadline,
.deal-idea-subheadline, .deal-unlock-subheadline, .deal-pricing-subheadline, .deal-faster2-subheadline, .deal-seamlessly-headline2
, .section5-pra, .section6-pra {
font-size: 22px;
}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 15px;
}
.deal-step-title2{
font-size: 32px;
}
.deal-step-text{
font-size: 14px;
}
.idea-title{
font-size: 15px;
}
.deal-ai-title{
font-size: 15px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 15px;
margin: 5px 5px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 14px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 14px;
padding-right: 8%;
}
.swiper-slide-inn div{width: 100%;}
.deal-for-section{padding: 0% 0 16% 0;}
.ai-img{max-width:100%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width: 12%;}
.idea1-title{margin-top: 13%;}
.idea2-title{margin-top: 7%;}
.idea3-title{margin-top: 13%;}
.idea4-title{margin-top: 9%;}
.idea5-title{margin-top: 9%;}
.idea6-title{margin-top: 8%;}
.idea7-title{margin-top: 8%;}
.idea8-title{margin-top: 8%;}
.idea9-title{margin-top: 14%;}
.idea10-title{margin-top: 16%;}
.idea11-title{margin-top: 7%;}
.idea12-title{margin-top: 15.5%;}
.idea13-title{margin-top: 6%;}
.idea14-title{margin-top: 9%;}
.idea15-title{margin-top: 6%;}
.idea16-title{margin-top: -2%;}
.idea17-title{margin-top: 3%;}
.idea18-title{margin-top: 5%;}
.idea19-title{margin-top: 14%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 64.5%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 33%;max-width: 35.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 186%;top: 292%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {
left: 191%;
top: 143.5%;
}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 196%;top: 54%;}
.logotext{max-width: 28%;}
.logotext2{max-width: 25%;}
.logotext3{max-width: 20%;}
.logotext4{max-width: 57%;top: 0;}
.banner-deal .swiper3-main-box{width: 88%;}
.footer-section-right{width: 48%;}
.pricing-withStandard.features-free-updated .table-box1{padding:28px 15px 25px 15px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 38px;}
.features-free-updated .features-table-col-inn {padding: 25px 15px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 30px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:8.5%}
.mike-testi{top:25.1%;left:8.5%}
.laura-testi{top:20%;left:8.5%}
.varun-testi{top:22.5%;left:8.5%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:18px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:27.5px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:14px}
.swiper3-main-box{width:78%}.swiper-pagination3 .swiper-pagination-bullet{font-size:13px}
.newbadge{font-size:34px;top:-3px;padding:12px 30px 3px 14px}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width: 1100px;}
.section5-box-left .section5-box-left-top{padding: 27px 30px;}
.section5-box-right .section5-box-right-top{padding: 36px 15px 24px 15px;}
.section5-box-left-top h4{font-size: 24px;}
.section5-box-right-top h4{font-size: 22px;}
.section5 .section5-box-left-top h4 {font-size: 20px;}
.section5 .section5-box-left .section5-box-left-top{padding: 25.5px 18px 25.5px 30px;}
.checklist1{margin-top: 12px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 30px 21px;
padding-left: 56px;
}
.checklist2{margin-top: 12px;}
.icon4{max-width: 20%;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 16px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(4) {
padding-top: 25px;
padding-bottom: 25px;
}
.checklist2 li:nth-child(5) {
padding-top: 25px;
padding-bottom: 26px;
}
.checklist2 li:nth-child(6) {
padding-top: 37px;
padding-bottom: 34px;
}
.checklist2 li:nth-child(7) {
padding-top: 36px;
padding-bottom: 37px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 14px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 129px;
padding-bottom: 131px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 20px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 14px;}
.header .navbar-nav .nav-link {
padding-right: 20px;
padding-left: 20px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 64.5%;
}
.template-case-mega-menu {
width: 86%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 12px;margin: 12px 0;}
.menu-title-section {
padding: 0 20px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 20px;
}
.newbadge {
font-size: 34px;
padding: 15px 30px 3px 14px;
}
/*box-width*/
.banner-main-box {max-width: 82%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 36%;
}
.carouselExample2-right {
width: 59%;
}
.faster-box{
width: 44.5%;
padding: 38px 24px;
}
.video-section{padding: 1% 2.5%;}
.section8 {padding: 1% 2.5% 5% 2.5%;}
.dg-section2{padding: 1% 2.5% 10% 2.5%;}
.section8-left{width: 43%;}
.section8-right{width: 50%;}
.footer-box1{width: 45%;}
.footer-box2{width: 18%;}
.footer-box3{width: 14%;}
.footer-box4{width: 19%;}
.footer-box5{width: 17%;}
.footer-box6{width: 14%;}
.header .navbar-brand {
margin-right: 8px;
}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 57px;}
.home-page .banner-title{margin-top: 3%;font-size: 56px;}
.dg-banner .banner-title{font-size: 38px;}
.section2-title2{font-size: 42px;}
.faq-title {font-size: 62px;}
.banner-pra {
font-size: 18px;
}
.banner-pra.dg-banner-pra {
font-size: 16px;
}
.section5-pra {
font-size: 19px;
}
.section6-pra {
font-size: 19px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 17px;}
.btn-bottom-text {
padding-left: 13%;
font-size: 12px;
}
.btn-bottom-text2 {
padding-left: 13%;
font-size: 12px;
}
.step-title{
font-size: 22px;
}
.step-pra{
font-size: 19px;
}
.section2-subtitle{
font-size: 26px;
}
.forever-title{
font-size: 30px;
}
.forever-pra{
font-size: 18px;
padding: 0 7%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 32px;
}
.faster-title{
font-size: 28px;
}
.faster-pra{
font-size: 18px;
}
.section8-subtitle{
font-size: 22px;
}
.faq-subtitle{
font-size: 22px;
}
.footer-title1{
font-size: 14px;
}
.footer-pra{
font-size: 14px;
}
.footer-title{
font-size: 20px;
}
.footer-link {
font-size: 13px;
}
.footer-section button.btn.btn-link{font-size: 18px;}
.footer-section .card-body{font-size: 14px;}
.footer-box1 .foot-icon{
font-size: 16px;
}
.footer-box1 .foot-name {
font-size: 14px;
}
.deal-everything-section{}
.section5{ }
/*elements*/
.tool {
left: 3%;
top: 1%;
max-width: 5%;
}
.element1{
max-width: 15%;
}
.section4-title .element1{
left: 96%;
max-width: 8%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 20%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 61%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 90%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 107%;}
.bannerimgele {
max-width: 55%;
bottom: 0%;
left: 14%;
}
.discovergele {
top: 34%;
right: 13%;
max-width: 33%;
}
/****************/
/*features*/
.features-page-title{font-size: 49px;}
.features-page-subtitle{
font-size: 21px;
}
/*features-page*/
.page-features-box {width: 29.8%;padding: 21px 20px;}
.page-features-box-last{width: 44.5%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size: 18px;}
.bannerimg1features{max-width: 110%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 38px;}
.webpages-banner-pra {
font-size: 16px;
}
.webpages-section3-title {font-size: 42px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
#buttonGroup li {
width: 12.5%;
}
#buttonGroup li a {
padding: 6.7% 0;
font-size: 19px;
}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 25px;
}
.table-normally{
font-size: 15px;
}
.table-prices-stake{
font-size: 32px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 13px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 19px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 19px;
}
.all-features-table-price-stakes span{
font-size: 12px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.table-box1-out {
width: 39%;
}
#expander span, #expander-2 span, #expander2 span, .features-main-box, .pricing-testi-box {
width: 74.8%;
}
.try-box-pricing-out {
width: 66.5%;
}
.pricing-withfree .table-box1-out {
width: 25%;
}
.pricing-withfree#expander span, .pricing-withfree #expander-2 span,
.pricing-withfree .features-main-box, .pricing-withfree .pricing-testi-box {
width: 73%;
}
.try-box-title{
font-size: 45px;
}
.banner-link5{
font-size: 17px;
}
.btn-bottom-text5{
font-size: 12px;
}
/*dg-page*/
.use-cases-pra1{font-size: 22px;}
.use-cases-pra2{font-size: 16px;}
.dgimage{max-width: 99%;left: -1%;}
.bloggerimage{max-width: 120%;left: -19%;}
.esimage{max-width: 106%;left: -2%;margin-bottom: -10%;}
.apimage{max-width: 98%;left: -2%;margin-bottom: -8%;}
.fdimage{max-width: 111%;left: -7%;margin-bottom: -8%;}
.amimage{max-width: 106%;left: -2%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 4%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 40px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 5%;
max-width: 89%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 93%;
}
.connector1-box{
top: 1%;
left: -1.5%;
}
.connector2-box{
top: -23%;
left: -1.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: -5%;
left: -1.5%;
}
.es-section .connector2-box{
top: -23%;
left: -1.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 4%;}
.fd-section .connector1-box{
top: 16%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -23%;
left: -1.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 4%;}
.blogger-section .connector1-box{
top: 3%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -23%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 3%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -23%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 110%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 13%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 0%;}
.dg-section2 .card {
padding: 4% 3%;
margin-bottom: 2%;
}
.card-title{
font-size: 54px;
}
.card-subtitle{
font-size: 26px;
}
.card-pra{
font-size: 16px;
padding-right: 5%;
}
.card1-img{max-width: 82%;}
.card2-img{
max-width: 98.4%;
left: 5%;
}
.card3-img{
max-width: 73.3%;
margin-top: 0;
}
.card4-img{
max-width: 97.5%;
left: 3%;
}
.card5-img{
max-width: 100.6%;
left: 0;
}
.card6-img{
max-width: 97.4%;
left: 2%;
}
.card7-img{
max-width: 98.8%;
left: 3%;
}
.es-card1-img{
max-width: 99.7%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 119%;
margin-bottom: 0%;
left: -5%;
}
.es-card3-img{
max-width: 100%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102%;
left: 2%;
}
.es-card5-img{
max-width: 106.3%;
left: -1%;
}
.es-card6-img{
max-width: 99.2%;
left: 3%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 98%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 94%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 93%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 91%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 105%;
left: 4%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 97.5%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.fd-card2-img{
max-width: 97.2%;
margin-bottom: 0%;
left: 5%;
}
.fd-card3-img{
max-width: 93.5%;
margin-top: 0;
left: 2%;
}
.fd-card4-img{
max-width: 89.3%;
left: 5%;
}
.fd-card5-img{
max-width: 92.5%;
left: 3%;
}
.fd-card6-img{
max-width: 96%;
left: 5%;
}
.am-card1-img{
max-width: 101%;
margin-top: 5%;
margin-bottom: 5%;
left: 4%;
}
.am-card2-img{
max-width: 92.5%;
margin-bottom: 2%;
left: 5%;
margin-top: 2.6%;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 95%;
left: 4%;
margin-top: 0.9%;
margin-bottom: 0.9%;
}
.am-card5-img{
max-width: 96.7%;
left: 3%;
margin-top: 2.3%;
margin-bottom: 2.3%;
}
.am-card6-img{
max-width: 100.5%;
left: 4%;
margin-top: 2.4%;
margin-bottom: 2.4%;
}
.am-card7-img{
max-width: 100.4%;
left: 5%;
margin-top: 1.6%;
margin-bottom: 1.6%;
}
.use-case-btn-title{
font-size: 31px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size: 39px;}
/*video*/
.swiper3-main-box {
width: 80%;
}
/****************/
.top-box1{width: 23%;}
.top-box2{width: 63%;}
.top-box3{width: 14%;}
.top-center{padding-left: 1%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 58px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 44px;
}
.deal-for-title{font-size: 45px;}
.deal-for-box .card-text{padding: 0 0 0 6%;}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 16px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 14px;
padding-right: 8%;
}
.deal-for-section{padding: 0% 0 16% 0;}
.ai-img{max-width:100%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width: 12%;}
.idea1-title{margin-top: 13%;}
.idea2-title{margin-top: 6%;}
.idea3-title{margin-top: 14%;}
.idea4-title{margin-top: 11%;}
.idea5-title{margin-top: 11%;}
.idea6-title{margin-top: 9%;}
.idea7-title{margin-top: 10%;}
.idea8-title{margin-top: 10%;}
.idea9-title{margin-top: 14%;}
.idea10-title{margin-top: 16%;}
.idea11-title{margin-top: 6%;}
.idea12-title{margin-top: 14.5%;}
.idea13-title{margin-top: 6%;}
.idea14-title{margin-top: 5%;}
.idea15-title{margin-top: 3%;}
.idea16-title{margin-top: -2%;}
.idea17-title{margin-top: 3%;}
.idea18-title{margin-top: 5%;}
.idea19-title{margin-top: 13%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 64.5%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 32.5%;max-width: 35.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 194%;top: 310.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 198.5%;top: 157%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 203%;top: 72.5%;}
.logotext{max-width: 25%;}
.logotext2{max-width: 23%;}
.logotext3{max-width: 21%;}
.logotext4{max-width: 56%;top: 0;}
.banner-deal .swiper3-main-box{
width: 79%;
}
.footer-section-right{width: 45%;}
.features-free-updated #expander span, .features-free-updated #expander-2 span {
width: 50% !important;
}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 44px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 30px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:12.5%}
.mike-testi{top:25.1%;left:12.5%}
.laura-testi{top:20.5%;left:12.5%}
.varun-testi{top:22.5%;left:12.5%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.swiper3-main-box{width:80%}.swiper-pagination3 .swiper-pagination-bullet{font-size:13px}
.newbadge{font-size:34px;top:-3px;padding:15px 30px 3px 14px}
}
@media (min-width:1300px) {
.mycontainer{width: 1140px;}
.section5-box-left .section5-box-left-top{padding: 27px 30px;}
.section5-box-right .section5-box-right-top{padding: 36.5px 15px 24.5px 15px;}
.section5-box-left-top h4{font-size: 25px;}
.section5-box-right-top h4{font-size: 23px;}
.section5 .section5-box-left-top h4 {font-size: 20px;}
.section5 .section5-box-left .section5-box-left-top{padding: 25.5px 20px 25.5px 30px;}
.checklist1, .checklist2{font-size: 14px;}
.icon4{max-width: 20%;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 24px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(4) {
padding-top: 25px;
padding-bottom: 26px;
}
.checklist2 li:nth-child(5) {
padding-top: 25px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 36px;
padding-bottom: 37px;
}
.checklist2 li:nth-child(7) {
padding-top: 39px;
padding-bottom: 36px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 16px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 149px;
padding-bottom: 150px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 40px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 14px;}
.header .navbar-nav .nav-link {
padding-right: 22px;
padding-left: 22px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 64.5%;
}
.template-case-mega-menu {
width: 86%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 31%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 12px;margin: 10px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
.newbadge {
font-size: 32px;
}
/*box-width*/
.banner-main-box {max-width: 80%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right:-8%;}
.carouselExample2-left {
width: 31%;
}
.carouselExample2-right {
width: 60%;
}
.faster-box{
width: 44.5%;
padding: 38px 24px;
}
.header .navbar-brand {
margin-right: 32px;
}
.video-section {padding: 1% 3.24%;}
.section8 {padding: 1% 3.24% 5% 3.24%;}
.dg-section2 {padding: 1% 3.24% 10% 3.24%;}
.section8-left{width: 43%;}
.section8-right{width: 49%;}
.footer-box1{width: 45%;}
.footer-box2{width: 18%;}
.footer-box3{width: 15%;}
.footer-box4{width: 19%;}
.footer-box5{width: 17%;}
.footer-box6{width: 14%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 58px;}
.home-page .banner-title{margin-top: 3%;font-size: 60px;}
.dg-banner .banner-title{font-size: 41px;}
.section2-title2{font-size: 45px;}
.faq-title {font-size: 66px;}
.banner-pra {
font-size: 20px;
}
.banner-pra.dg-banner-pra {
font-size: 16px;
}
.section5-pra {
font-size: 20px;
}
.section6-pra {
font-size: 20px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 16px;}
.btn-bottom-text {
padding-left: 11%;
font-size: 13px;
}
.btn-bottom-text2 {
padding-left: 11%;
font-size: 13px;
}
.step-title{
font-size: 20px;
}
.step-pra{
font-size: 18px;
}
.section2-subtitle{
font-size: 26px;
}
.forever-title{
font-size: 29px;
}
.forever-pra{
font-size: 20px;
padding: 0 8%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 33px;
}
.faster-title{
font-size: 28px;
}
.faster-pra{
font-size: 18px;
}
.section8-subtitle{
font-size: 21px;
}
.faq-subtitle{
font-size: 21px;
}
.footer-title1{
font-size: 14px;
}
.footer-pra{
font-size: 14px;
}
.footer-title{
font-size: 20px;
}
.footer-link {
font-size: 14px;
}
.footer-section button.btn.btn-link{font-size: 18px;}
.footer-section .card-body{font-size: 15px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{}
.section5{}
/*elements*/
.tool {
left: 3%;
top: 2%;
max-width: 4.5%;
}
.element1{
max-width: 15%;
}
.section4-title .element1{
left: 97%;
max-width: 8%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 19%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 65%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 89%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 109%;}
.bannerimgele {
max-width: 55%;
bottom: -1%;
left: 15%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 49px;}
.features-page-subtitle{
font-size: 20px;
}
/*features-page*/
.page-features-box {width: 29.8%;padding: 21px 20px;}
.page-features-box-last{width: 44.5%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size: 19px;}
.bannerimg1features{max-width: 112%;}
/**/
.try-box-title{
font-size: 45px;
}
.banner-link5{
font-size: 16px;
}
.btn-bottom-text5{
font-size: 13px;
}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 41px;}
.webpages-banner-pra {
font-size: 16px;
}
.webpages-section3-title {font-size: 46px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
/*dg-page*/
.use-cases-pra1{font-size: 23px;}
.use-cases-pra2{font-size: 16px;}
.dgimage{max-width: 101%;left: 0%;}
.bloggerimage{max-width: 120%;left: -20%;}
.esimage{max-width: 106%;left: -4%;margin-bottom: -13%;}
.apimage{max-width: 101%;left: -4%;margin-bottom: -8%;}
.fdimage{max-width: 110%;left: -8%;margin-bottom: -8%;}
.amimage{max-width: 106%;left: -4%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 12%;padding-top: 4%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 44px;
}
.dg-step-pra{
font-size: 14px;
}
.dgstep1{
left: 5%;
max-width: 91%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 92%;
}
.connector1-box{
top: 7%;
left: -1.5%;
}
.connector2-box{
top: -23%;
left: -1.5%;
}
.connector1{max-width: 67%;}
.connector2{max-width: 67%;}
.es-section .connector1-box{
top: -1%;
left: -1.5%;
}
.es-section .connector2-box{
top: -23%;
left: -1.5%;
}
.es-section .connector1{max-width: 67%;}
.es-section .connector2{max-width: 67%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 12%;padding-top: 4%;}
.fd-section .connector1-box{
top: 16%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -23%;
left: -1.5%;
}
.fd-section .connector1{max-width: 67%;}
.fd-section .connector2{max-width: 67%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 12%;padding-top: 4%;}
.blogger-section .connector1-box{
top: 8%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -23%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 67%;}
.blogger-section .connector2{max-width: 67%;}
.ap-section .connector1-box{
top: 9%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -23%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 114%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 0%;}
.dg-section2 .card {
padding: 4% 4%;
margin-bottom: 2%;
}
.card-title{
font-size: 60px;
}
.card-subtitle{
font-size: 28px;
}
.card-pra{
font-size: 16px;
padding-right: 10%;
}
.card1-img{max-width: 84.7%;}
.card2-img{
max-width: 101.9%;
left: 6%;
}
.card3-img{
max-width: 75.7%;
margin-top: 0;
}
.card4-img{
max-width: 100.8%;
left: 3%;
}
.card5-img{
max-width: 104%;
left: 0;
}
.card6-img{
max-width: 100.5%;
left: 3%;
}
.card7-img{
max-width: 102%;
left: 4%;
}
.es-card1-img{
max-width: 99.7%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 119%;
margin-bottom: 0%;
left: -5%;
}
.es-card3-img{
max-width: 100%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102%;
left: 2%;
}
.es-card5-img{
max-width: 106.3%;
left: -1%;
}
.es-card6-img{
max-width: 99.2%;
left: 3%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 98%;
left: 4%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 94%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 93%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 91%;
left: 4%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 105%;
left: 4%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 97.5%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.fd-card2-img{
max-width: 97.5%;
margin-bottom: 0%;
left: 6%;
}
.fd-card3-img{
max-width: 98%;
margin-top: 0;
left: 4%;
}
.fd-card4-img{
max-width: 89.3%;
left: 5%;
}
.fd-card5-img{
max-width: 92.6%;
left: 4%;
}
.fd-card6-img{
max-width: 96%;
left: 5%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 101%;
margin-top: 5%;
margin-bottom: 5%;
left: 4%;
}
.am-card2-img{
max-width: 92.5%;
margin-bottom: 2%;
left: 5%;
margin-top: 2.6%;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 95%;
left: 4%;
margin-top: 0.9%;
margin-bottom: 0.9%;
}
.am-card5-img{
max-width: 96.7%;
left: 3%;
margin-top: 2.3%;
margin-bottom: 2.3%;
}
.am-card6-img{
max-width: 100.5%;
left: 4%;
margin-top: 2.4%;
margin-bottom: 2.4%;
}
.am-card7-img{
max-width: 100.4%;
left: 5%;
margin-top: 1.6%;
margin-bottom: 1.6%;
}
.use-case-btn-title{
font-size: 34px;
}
.use-case-btn-subtitle{
font-size: 17px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 70%;
}
/****************/
.top-box1{width: 24%;}
.top-box2{width: 60%;}
.top-box3{width: 16%;}
.top-center{padding-left: 3%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 60px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 46px;
}
.deal-for-title{font-size: 47px;}
.deal-for-box .card-text{padding: 0 0 0 6%;}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 14px;
}
.deal-step-title2{
font-size: 32px;
}
.deal-step-text{
font-size: 19px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 17px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 15px;
padding-right: 8%;
}
.deal-for-section{padding: 0% 0 15% 0;}
.ai-img{max-width:100%;}
.ai2-img{max-width:100%;}
.ai3-img{max-width: 100%;}
.idea1-title{margin-top: 13%;}
.idea2-title{margin-top: 6%;}
.idea3-title{margin-top: 12%;}
.idea4-title{margin-top: 7%;}
.idea5-title{margin-top: 11%;}
.idea6-title{margin-top: 9%;}
.idea7-title{margin-top: 10%;}
.idea8-title{margin-top: 10%;}
.idea9-title{margin-top: 17%;}
.idea10-title{margin-top: 18%;}
.idea11-title{margin-top: 8%;}
.idea12-title{margin-top: 17.5%;}
.idea13-title{margin-top: 7%;}
.idea14-title{margin-top: 4%;}
.idea15-title{margin-top: 2%;}
.idea16-title{margin-top: 0%;}
.idea17-title{margin-top: 3%;}
.idea18-title{margin-top: 5%;}
.idea19-title{margin-top: 14%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 64.5%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 32.5%;max-width: 36%;}
.banner-deal .swiper3-main-box{
width: 68%;
}
.footer-section-right{width: 50%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 42px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 34px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:14%}
.mike-testi{top:25.1%;left:14%}
.laura-testi{top:20.5%;left:14%}
.varun-testi{top:22.5%;left:14%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.swiper3-main-box{width:70%}.swiper-pagination3 .swiper-pagination-bullet{font-size:15px}
.newbadge{font-size:32px;top:-3px}
}
@media (min-width:1400px) {
.mycontainer{width: 1220px;}
.checklist1, .checklist2{font-size: 14px;}
.section5-box-left .section5-box-left-top{padding: 27px 30px;}
.section5-box-right .section5-box-right-top{padding: 38px 15px 20px 15px;}
.section5-box-left-top h4{font-size: 26px;}
.section5-box-right-top h4{font-size: 23px;}
.section5 .section5-box-left-top h4 {font-size: 18px;}
.section5 .section5-box-left .section5-box-left-top{padding: 25.5px 0px 25.5px 20px;}
.checklist1{margin-top: 13px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 13px;}
.icon4{max-width: 20%;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 16px;
}
.checklist2 li:nth-child(3) {
padding-top: 30px;
padding-bottom: 21px;
}
.checklist2 li:nth-child(4) {
padding-top: 26px;
padding-bottom: 26px;
}
.checklist2 li:nth-child(5) {
padding-top: 25px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 37px;
padding-bottom: 37px;
}
.checklist2 li:nth-child(7) {
padding-top: 37px;
padding-bottom: 39px;
}
.checklist2 li:nth-child(8) {
padding-top: 14px;
padding-bottom: 14px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 16px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 151px;
padding-bottom: 147px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 40px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 14px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 59.5%;
}
.template-case-mega-menu {
width: 80%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 13px;margin: 10px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
.newbadge {
font-size: 38px;
}
/*box-width*/
.banner-main-box {max-width: 82%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -7%;}
.carouselExample2-left {
width: 29%;
}
.carouselExample2-right {
width: 60%;
}
.faster-box{
width: 43.3%;
padding: 38px 24px;
}
.video-section {padding: 1% 4%;}
.section8 {padding: 1% 4% 5% 4%;}
.dg-section2 {padding: 1% 4% 9% 4%;}
.section8-left{width: 44%;}
.section8-right{width: 49%;}
.footer-box1{width: 45%;}
.footer-box2{width: 18%;}
.footer-box3{width: 15%;}
.footer-box4{width: 19%;}
.footer-box5{width: 16%;}
.footer-box6{width: 13%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 66px;}
.home-page .banner-title{margin-top: 3%;font-size: 68px;}
.dg-banner .banner-title{font-size: 41px;}
.section2-title2{font-size: 50px;}
.faq-title {font-size: 70px;}
.banner-pra {
font-size: 20px;
}
.banner-pra.dg-banner-pra {
font-size: 16px;
}
.section5-pra {
font-size: 22px;
}
.section6-pra {
font-size: 22px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 17px;}
.btn-bottom-text {
padding-left: 11%;
font-size: 13px;
}
.btn-bottom-text2 {
padding-left: 11%;
font-size: 13px;
}
.step-title{
font-size: 20px;
}
.step-pra{
font-size: 18px;
}
.section2-subtitle{
font-size: 29px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 9%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.section8-subtitle{
font-size: 23px;
}
.faq-subtitle{
font-size: 23px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{}
.section5{ }
/*elements*/
.tool {
left: 2.5%;
top: 2%;
max-width: 4.5%;
}
.element1{
max-width: 15%;
}
.section4-title .element1{
left: 96%;
max-width: 14%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 16%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 66%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 103%;}
.bannerimgele {
max-width: 53%;
bottom: 4%;
left: 13%;
}
.discovergele {
top: 36%;
right: 8%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 49px;}
.features-page-subtitle{
font-size: 20px;
}
/*features-page*/
.page-features-box {width: 28.8%;padding: 21px 20px;}
.page-features-box-last{width: 43%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 108%;}
/**/
.try-box-title{
font-size: 48px;
}
.banner-link5{
font-size: 17px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 41px;}
.webpages-banner-pra {
font-size: 16px;
}
.webpages-section3-title {font-size: 50px;}
/*raving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
/*dg-page*/
.use-cases-pra1{font-size: 23px;}
.use-cases-pra2{font-size: 16px;}
.dgimage{max-width: 101%;left: -11%;}
.bloggerimage{max-width: 120%;left: -22%;}
.esimage{max-width: 108%;left: -5%;margin-bottom: -13%;}
.apimage{max-width: 102%;left: -10%;margin-bottom: -8%;}
.fdimage{max-width: 108%;left: -11%;margin-bottom: -13%;}
.amimage{max-width: 108%;left: -5%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 5%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 47px;
}
.dg-step-pra{
font-size: 16px;
}
.dgstep1{
left: 5%;
max-width: 100%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 94%;
}
.connector1-box{
top: 10%;
left: -1.5%;
}
.connector2-box{
top: -19%;
left: -1.5%;
}
.connector1{max-width: 64%;}
.connector2{max-width: 64%;}
.es-section .connector1-box{
top: 13%;
left: -1.5%;
}
.es-section .connector2-box{
top: -19%;
left: -1.5%;
}
.es-section .connector1{max-width: 64%;}
.es-section .connector2{max-width: 64%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 5%;}
.fd-section .connector1-box{
top: 17%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -19%;
left: -1.5%;
}
.fd-section .connector1{max-width: 64%;}
.fd-section .connector2{max-width: 64%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 5%;}
.blogger-section .connector1-box{
top: 22%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -19%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 64%;}
.blogger-section .connector2{max-width: 64%;}
.ap-section .connector1-box{
top: 24%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -19%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 115%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 8%;padding-top: 1%;}
.dg-section2 .card {
padding: 4% 3% 4% 5%;
margin-bottom: 2%;
}
.card-title{
font-size: 64px;
}
.card-subtitle{
font-size: 28px;
}
.card-pra{
font-size: 17px;
padding-right: 11%;
}
.card1-img{max-width: 85%;}
.card2-img{
max-width: 101.9%;
left: 0;
}
.card3-img{
max-width: 75.9%;
margin-top: 0;
}
.card4-img{
max-width: 100.8%;
left: 1%;
}
.card5-img{
max-width: 104.2%;
left: 0;
}
.card6-img{
max-width: 100.7%;
left: 0;
}
.card7-img{
max-width: 102.2%;
left: 1%;
}
.es-card1-img{
max-width: 99.7%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 119%;
margin-bottom: 0%;
left: -5%;
}
.es-card3-img{
max-width: 100%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102%;
left: 2%;
}
.es-card5-img{
max-width: 106.3%;
left: -1%;
}
.es-card6-img{
max-width: 99.2%;
left: 3%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 104%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 100%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 98.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 96.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 111.5%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 97.6%;
margin-top: 0;
margin-bottom: 0;
left: 1%;
}
.fd-card2-img{
max-width: 97.5%;
margin-bottom: 0%;
left: 4%;
}
.fd-card3-img{
max-width: 93.8%;
margin-top: 0;
left: 1%;
}
.fd-card4-img{
max-width: 89.5%;
left: 2%;
}
.fd-card5-img{
max-width: 92.7%;
left: 2%;
}
.fd-card6-img{
max-width: 99%;
left: 3%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 107.4%;
margin-top: 3.5%;
margin-bottom: 3.9%;
left: 0%;
}
.am-card2-img{
max-width: 94.5%;
margin-bottom: 2%;
left: 4%;
margin-top: 2.6%;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 97%;
left: 2%;
margin-top: 0.9%;
margin-bottom: 0.9%;
}
.am-card5-img{
max-width: 98.8%;
left: 2%;
margin-top: 2.3%;
margin-bottom: 2.3%;
}
.am-card6-img{
max-width: 102.8%;
left: 0%;
margin-top: 2.4%;
margin-bottom: 2.4%;
}
.am-card7-img{
max-width: 102.5%;
left: 2%;
margin-top: 1.6%;
margin-bottom: 1.6%;
}
.use-case-btn-title{
font-size: 34px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 68%;
}
/****************/
.top-box1{width: 24%;}
.top-box2{width: 60%;}
.top-box3{width: 16%;}
.top-center{padding-left: 5%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 60px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 50px;}
.deal-for-box .card-text{padding: 0 0 0 6%;}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px; padding-right: 8%;
}
.deal-for-section{padding: 0% 0 14% 0;}
.idea1-title{margin-top: 13%;}
.idea2-title{margin-top: 7%;}
.idea3-title{margin-top: 14%;}
.idea4-title{margin-top: 9%;}
.idea5-title{margin-top: 9%;}
.idea6-title{margin-top: 8%;}
.idea7-title{margin-top: 9%;}
.idea8-title{margin-top: 9%;}
.idea9-title{margin-top: 15%;}
.idea10-title{margin-top: 17%;}
.idea11-title{margin-top: 7%;}
.idea12-title{margin-top: 15.5%;}
.idea13-title{margin-top: 7%;}
.idea14-title{margin-top: 4%;}
.idea15-title{margin-top: 1%;}
.idea16-title{margin-top: 0%;}
.idea17-title{margin-top: 3%;}
.idea18-title{margin-top: 4.1%;}
.idea19-title{margin-top: 13%;}
.idea20-title{margin-top: 7%;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 23.5%;left: 65%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 32.5%;max-width: 36%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 241%;top: 326.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 246.3%;top: 168.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 251%;top: 88%;}
.logotext{max-width: 27%;}
.logotext2{max-width: 22%;}
.logotext3{max-width: 19%;}
.logotext4{max-width: 53%;top: 0;}
.banner-deal .swiper3-main-box{
width: 63%;
}
.footer-section-right{width: 45%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 45px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:16%}
.mike-testi{top:25.1%;left:16%}
.laura-testi{top:20.5%;left:16%}
.varun-testi{top:22.5%;left:16%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.swiper3-main-box{width:68%}
.newbadge{font-size:40px;top:-3px}
}
@media (min-width: 1500px) {
.mycontainer{width: 1260px;}
.checklist1, .checklist2{font-size: 16px;}
.section5-box-left .section5-box-left-top{padding: 27px 30px;}
.section5-box-right .section5-box-right-top{padding: 44px 15px 28px 15px;}
.section5-box-left-top h4{font-size: 34px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 21px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.checklist1{margin-top: 20px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 20px;}
.icon4{max-width:100%;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 27px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(4) {
padding-top: 27px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(5) {
padding-top: 27px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 41px;
padding-bottom: 40px;
}
.checklist2 li:nth-child(7) {
padding-top: 55px;
padding-bottom: 51px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 158px;
padding-bottom: 179px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 16px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 50px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 15px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 61.5%;
}
.template-case-mega-menu {
width: 82%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 42%;}
.use-case-mega-menu .menu-list-section{width: 58%;}
.template-case-mega-menu .menu-title-section{width: 31.6%;}
.template-case-mega-menu .menu-list-section{width: 68.4%;}
.u-header__sub-menu-nav-link{font-size:15px;margin: 12px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
/*box-width*/
.banner-main-box {max-width: 82%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 31%;
}
.carouselExample2-right {
width: 60%;
}
.faster-box{
width: 46.3%;
padding: 38px 24px;
}
.video-section {padding: 1% 5.24%;}
.section8 {padding: 1% 5.24% 5% 5.24%;}
.dg-section2 {padding: 1% 5.24% 9% 5.24%;}
.section8-left{width: 46%;}
.section8-right{width: 46%;}
.footer-box1{width: 45%;}
.footer-box2{width: 17%;}
.footer-box3{width: 12%;}
.footer-box4{width: 17%;}
.footer-box5{width: 16%;}
.footer-box6{width: 12%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 70px;}
.home-page .banner-title{margin-top: 3%;font-size: 74px;}
.dg-banner .banner-title{font-size: 50px;}
.section2-title2{font-size: 52px;}
.faq-title {font-size: 70px;}
.banner-pra {
font-size: 21px;
}
.banner-pra.dg-banner-pra {
font-size: 18px;
}
.section5-pra {
font-size: 24px;
}
.section6-pra {
font-size: 24px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 14px;
}
.step-title{
font-size: 21px;
}
.step-pra{
font-size: 19px;
}
.section2-subtitle{
font-size: 32px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 9%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.section8-subtitle{
font-size: 24px;
}
.faq-subtitle{
font-size: 25px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{}
.section5{}
/*elements*/
.tool {
left: 3%;
top: 2%;
max-width: 4.5%;
}
.element1{
max-width: 100%;
}
.section4-title .element1{
left: 96%;
max-width:100%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 15%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 74%;
}
.forever-box1-inn .forever-img{max-width: 91%;}
.forever-box2-inn .forever-img{max-width: 73%;}
.forever-box3-inn .forever-img{max-width: 80%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 105%;}
.bannerimgele {
max-width: 53%;
bottom: 4%;
left: 14%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 50px;}
.features-page-subtitle{
font-size: 21px;
}
/*features-page*/
.page-features-box {width: 27.8%;padding: 21px 20px;}
.page-features-box-last{width: 41.5%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 110%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 50px;}
.webpages-banner-pra {
font-size: 18px;
}
.webpages-section3-title {font-size: 56px;}
/*ravinng-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 11px;}
#buttonGroup li {
width: 10.5%;
}
#buttonGroup li a {
padding: 6.7% 0;
font-size: 19px;
}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 26px;
}
.table-normally{
font-size: 15px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 14px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 20px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 20px;
}
.all-features-table-price-stakes span{
font-size: 10px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.try-box-title{
font-size: 48px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 26px;}
.use-cases-pra2{font-size: 18px;}
.dgimage{max-width: 100%;left: -12%;}
.bloggerimage{max-width: 119%;left: -18%;}
.esimage{max-width: 106%;left: -10%;margin-bottom: -13%;}
.apimage{max-width: 104%;left: -5%;margin-bottom: -8%;}
.fdimage{max-width: 114%;left: -10%;margin-bottom: -9%;}
.amimage{max-width: 106%;left: -10%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 10%;padding-top: 6%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;z-index: 1;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 49px;
}
.dg-step-pra{
font-size: 17px;
}
.dgstep1{
left: 5%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 94%;
}
.connector1-box{
top: 10%;
left: -1.5%;
}
.connector2-box{
top: -19%;
left: -1.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: 5%;
left: -1.5%;
}
.es-section .connector2-box{
top: -18%;
left: -1.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 17%;}
.es-section .dg-step-row3{margin-top: 10%;padding-top: 6%;}
.fd-section .connector1-box{
top: 9%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -18%;
left: -1.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 17%;}
.fd-section .dg-step-row3{margin-top: 10%;padding-top: 6%;}
.blogger-section .connector1-box{
top: 11%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -19%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 14%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -19%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 116%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 8%;padding-top: 2%;}
.dg-section2 .card {
padding: 4% 3% 4% 5%;
margin-bottom: 2%;
}
.card-title{
font-size: 64px;
}
.card-subtitle{
font-size: 28px;
}
.card-pra{
font-size: 17px;
padding-right: 22%;
}
.card1-img{max-width: 85%;}
.card2-img{
max-width: 101.9%;
left: 5%;
}
.card3-img{
max-width: 75.9%;
margin-top: 0;
}
.card4-img{
max-width: 100.8%;
left: 0;
}
.card5-img{
max-width: 104.2%;
left: 0;
}
.card6-img{
max-width: 100.7%;
left: 0;
}
.card7-img{
max-width: 102.2%;
left: 0;
}
.es-card1-img{
max-width: 100.5%;
margin-top: 0;
margin-bottom: 0;
left: 4%;
}
.es-card2-img{
max-width: 120%;
margin-bottom: 0%;
left: -7%;
}
.es-card3-img{
max-width: 100.8%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 102.8%;
left: 1%;
}
.es-card5-img{
max-width: 107%;
left: -1%;
}
.es-card6-img{
max-width: 99.9%;
left: 4%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 104%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 100%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 98.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 96.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 111.5%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98.1%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.8%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.2%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.3%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 0%;
}
.fd-card2-img{
max-width: 102.4%;
margin-bottom: 0%;
left: 1%;
}
.fd-card3-img{
max-width: 98.5%;
margin-top: 0;
left: 1%;
}
.fd-card4-img{
max-width: 93.9%;
left: 4%;
}
.fd-card5-img{
max-width: 97.3%;
left: 1%;
}
.fd-card6-img{
max-width: 100%;
left: 4%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 107.4%;
margin-top: 3.5%;
margin-bottom: 3.9%;
left: 0%;
}
.am-card2-img{
max-width: 94.5%;
margin-bottom: 2%;
left: 4%;
margin-top: 2.6%;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 97%;
left: 2%;
margin-top: 0.9%;
margin-bottom: 0.9%;
}
.am-card5-img{
max-width: 98.8%;
left: 2%;
margin-top: 2.3%;
margin-bottom: 2.3%;
}
.am-card6-img{
max-width: 102.8%;
left: 0%;
margin-top: 2.4%;
margin-bottom: 2.4%;
}
.am-card7-img{
max-width: 102.5%;
left: 2%;
margin-top: 1.6%;
margin-bottom: 1.6%;
}
.use-case-btn-title{
font-size: 36px;
}
.use-case-btn-subtitle{
font-size: 17px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 68%;
}
/****************/
.top-box1{width: 24%;}
.top-box2{width: 60%;}
.top-box3{width: 16%;}
.top-center{padding-left: 4%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 64px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 16px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 50px;}
.deal-for-box .card-text{padding: 0 0 0 7%;}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px;
padding-right: 8%;
}
.deal-for-section{padding: 0% 0 12% 0;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 47.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 32%;left: 25.8%;}
.palce6{max-width: 11%;top: 64%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 59.2%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 59.2%;left: 46.3%;}
.palce11{max-width: 13%;top: 59.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12%;top: 24.5%;left: 65%;}
.palce14{max-width: 8%;top: 59.2%;left: 69.5%;}
.palce15{max-width: 13%;top: 3%;left: 78%;}
.palce16{max-width: 14%;top: 16.5%;left: 78%;}
.palce17{max-width: 13%;top: 39.5%;left: 78%;}
.palce18{max-width: 13%;top: 64.5%;left: 78%;}
.placecenter{top: 16%;left: 32.5%;max-width: 36%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 225%;top: 325.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 229.5%;top: 168.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 234%;top: 88%;}
.logotext{max-width: 29%;}
.logotext2{max-width: 22%;}
.logotext3{max-width: 19%;}
.logotext4{max-width: 51%;top: 0;}
.banner-deal .swiper3-main-box{
width: 58%;
}
.footer-section-right{width: 50%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 44px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:17.5%}
.mike-testi{top:25.1%;left:17.5%}
.laura-testi{top:20.5%;left:17.5%}
.varun-testi{top:22.5%;left:17.5%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.leaders-section .section4-title{font-size:60px}.swiper3-main-box{width:68%}
.newbadge{font-size:38px;top:-3px}
}
@media (min-width:1600px){
.mycontainer{width: 1287px;}
.checklist1, .checklist2{font-size: 16px;}
.section5-box-left .section5-box-left-top{padding: 37px 30px;}
.section5-box-right .section5-box-right-top{padding: 53px 15px;}
.section5-box-left-top h4{font-size: 38px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 22px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.checklist1{margin-top: 20px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 20px;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 28px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(4) {
padding-top: 27px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(5) {
padding-top: 27px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 41px;
padding-bottom: 40px;
}
.checklist2 li:nth-child(7) {
padding-top: 53px;
padding-bottom: 53px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 16px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 14px;
padding-bottom: 16px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 169px;
padding-bottom: 168px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box-left .section5-box-left-top{padding: 37px 30px;}
.section5-box-right .section5-box-right-top{padding: 42px 15px 30px 15px;}
.section5-box-left-top h4{font-size: 38px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 21px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.header .navbar{padding: 13px 60px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item{font-size: 16px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 58.5%;
}
.template-case-mega-menu {
width: 78%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 41%;}
.use-case-mega-menu .menu-list-section{width: 59%;}
.template-case-mega-menu .menu-title-section{width: 30.6%;}
.template-case-mega-menu .menu-list-section{width: 69.4%;}
.u-header__sub-menu-nav-link{font-size: 14px;margin: 13px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
.newbadge {
font-size: 40px;
}
/*box-width*/
.banner-main-box {max-width: 78%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 31%;
}
.carouselExample2-right {
width: 60%;
}
.faster-box{
width: 44.2%;
padding: 38px 24px;
}
.video-section {padding: 1% 4.5%;}
.section8 {padding: 1% 4.5% 5% 4.5%;}
.dg-section2 {padding: 1% 4.5% 9% 4.5%;}
.section8-left{width: 43%;}
.section8-right{width: 46%;}
.footer-box1{width: 45%;}
.footer-box2{width: 16%;}
.footer-box3{width: 12%;}
.footer-box4{width: 18%;}
.footer-box5{width: 16%;}
.footer-box6{width: 12%;}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 75px;}
.home-page .banner-title{margin-top: 3%;font-size: 74px;}
.dg-banner .banner-title{font-size: 49px;}
.section2-title2{font-size: 52px;}
.faq-title {font-size: 77px;}
.banner-pra {
font-size: 22px;
}
.banner-pra.dg-banner-pra {
font-size: 19px;
}
.section5-pra {
font-size: 24px;
}
.section6-pra {
font-size: 24px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 14px;
}
.step-title{
font-size: 22px;
}
.step-pra{
font-size: 20px;
}
.section2-subtitle{
font-size: 32px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 10%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.section8-subtitle{
font-size: 24px;
}
.faq-subtitle{
font-size: 30px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size: 18px;}
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{}
.section5{}
/*elements*/
.tool {
left: 3%;
top: 1%;
max-width: 4.5%;
}
.element1{
max-width: 15%;
}
.section4-title .element1{
left: 96%;
max-width: 14%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width: 16%;
}
.element3 {
left: -1%;
top: -30%;
max-width: 72%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 100%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 108%;}
.bannerimgele {
max-width: 55%;
bottom: -1%;
left: 14%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 52px;}
.features-page-subtitle{
font-size: 22px;
}
/*features-page*/
.page-features-box {width: 28.8%;padding: 23px 22px;}
.page-features-box-last{width: 43%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 112%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 49px;}
.webpages-banner-pra {
font-size: 19px;
}
.webpages-section3-title {font-size: 58px;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.5%;
}
.revingicon-Box ul li p {font-size: 11px;}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 26px;
}
.table-normally{
font-size: 15px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 14px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 20px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 21px;
}
.all-features-table-price-stakes span{
font-size: 13px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.try-box-title{
font-size: 48px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 27px;}
.use-cases-pra2{font-size: 19px;}
.dgimage{max-width: 102%;left: -12%;}
.bloggerimage{max-width: 121%;left: -16%;}
.esimage{max-width: 108%;left: -10%;margin-bottom: -13%;}
.apimage{max-width: 98%;left: 1%;margin-bottom: -8%;}
.fdimage{max-width: 114%;left: -10%;margin-bottom: -8%;}
.amimage{max-width: 108%;left: -10%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 5%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size: 50px;
}
.dg-step-pra{
font-size:18px;
}
.dgstep1{
left: 5%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 92%;
}
.connector1-box{
top: 6%;
left: -1.5%;
}
.connector2-box{
top: -21%;
left: -1.5%;
}
.connector1{max-width: 68%;}
.connector2{max-width: 68%;}
.es-section .connector1-box{
top: 2%;
left: -1.5%;
}
.es-section .connector2-box{
top: -21%;
left: -1.5%;
}
.es-section .connector1{max-width: 68%;}
.es-section .connector2{max-width: 68%;}
.es-section .dg-step-row2{margin-top: 16%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 5%;}
.fd-section .connector1-box{
top: 4%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -21%;
left: -1.5%;
}
.fd-section .connector1{max-width: 68%;}
.fd-section .connector2{max-width: 68%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 5%;}
.blogger-section .connector1-box{
top: 7%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -21%;
left: -1.5%;
}
.blogger-section .connector1{max-width: 68%;}
.blogger-section .connector2{max-width: 68%;}
.ap-section .connector1-box{
top: 10%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -21%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 115%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 13%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 2%;}
.dg-section2 .card {
padding: 4% 4% 4% 8%;
margin-bottom: 2%;
}
.card-title{
font-size: 67px;
}
.card-subtitle{
font-size:30px;
}
.card-pra{
font-size: 18px;
padding-right: 14%;
}
.card1-img{max-width: 89%;}
.card2-img{
max-width: 106.8%;
}
.card3-img{
max-width: 79.5%;
margin-top: 0;
}
.card4-img{
max-width: 105.8%;
left: 0;
}
.card5-img{
max-width: 109.2%;
left: 0;
}
.card6-img{
max-width: 105.4%;
left: 0;
}
.card7-img{
max-width: 107.2%;
left: 0;
}
.es-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.es-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.es-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 105%;
left: 0;
}
.es-card5-img{
max-width: 109%;
left: -3%;
}
.es-card6-img{
max-width: 102%;
left: 2%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 104%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 100%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 98.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 96.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 111.5%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98.1%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103.1%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 104.2%;
margin-top: 0;
margin-bottom: 0;
left: 0%;
}
.fd-card2-img{
max-width: 104%;
margin-bottom: 0%;
left: 2%;
}
.fd-card3-img{
max-width: 100.1%;
margin-top: 0;
left: 2%;
}
.fd-card4-img{
max-width: 95.5%;
left: 2%;
}
.fd-card5-img{
max-width: 99%;
left: 2%;
}
.fd-card6-img{
max-width: 102%;
left: 2%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 106.3%;
margin-top: 1.5%;
margin-bottom: 1.9%;
left: -1%;
}
.am-card2-img{
max-width: 94.5%;
margin-bottom: 0%;
left: 4%;
margin-top: 0;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 93.5%;
left: 2%;
margin-top: 0;
margin-bottom: 0;
}
.am-card5-img{
max-width: 98.8%;
left: 2%;
margin-top: 0;
margin-bottom: 0;
}
.am-card6-img{
max-width: 102.8%;
left: 0%;
margin-top: 0.1%;
margin-bottom: 0.1%;
}
.am-card7-img{
max-width: 100.5%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.use-case-btn-title{
font-size: 34px;
}
.use-case-btn-subtitle{
font-size: 16px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 65%;
}
/****************/
.top-box1{width: 24%;}
.top-box2{width: 60%;}
.top-box3{width: 16%;}
.top-center{padding-left: 3%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 64px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 18px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 52px;}
.deal-for-box .card-text{padding: 0 0 0 6.5%;}
.deal-pricing-subheadline2{font-size: 20px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px;
padding-right: 0%;
}
.deal-for-section{padding: 0% 0 12% 0;}
/**/
.palce1{max-width: 13%;top: 3%;left: 11.8%;}
.palce2{max-width: 13%;top: 20%;left: 11.8%;}
.palce3{max-width: 13%;left: 11.8%;top: 48.7%;}
.palce4{max-width: 10%;top: 3%;left: 25.8%;}
.palce5{max-width: 10%;top: 33%;left: 25.8%;}
.palce6{max-width: 11%;top: 66%;left: 25.2%;}
.palce7{max-width: 13%;top: 3%;left: 36.8%;}
.palce8{max-width: 9.5%;top: 61.5%;left: 36.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width: 10%;top: 61.5%;left: 46.3%;}
.palce11{max-width: 13%;top: 62.8%;left: 55.9%;}
.palce12{max-width: 12%;top: 3%;left: 65%;}
.palce13{max-width: 12.5%;top: 24.5%;left: 64.8%;}
.palce14{max-width: 8%;top: 62.1%;left: 69.5%;}
.palce15{max-width: 13.5%;top: 3%;left: 77.5%;}
.palce16{max-width: 14%;top: 18%;left: 77.8%;}
.palce17{max-width: 13%;top: 42%;left: 78%;}
.palce18{max-width: 13%;top: 68%;left: 78%;}
.placecenter{top: 16.5%;left: 32.5%;max-width: 36.5%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 225%;top: 326%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 229.5%;top: 168.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 234%;top: 88%;}
.logotext{max-width: 29%;}
.logotext2{max-width: 22%;}
.logotext3{max-width: 17%;}
.logotext4{max-width: 50%;top: 0;}
.banner-deal .swiper3-main-box{
width: 55%;
}
.footer-section-right{width: 45%;}
.zpMpeQ {
max-width: 1500px;
}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 45px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:18%}
.mike-testi{top:25.1%;left:18%}
.laura-testi{top:20.5%;left:18%}
.varun-testi{top:22.5%;left:18%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.leaders-section .section4-title{font-size:60px}
.swiper3-main-box{width:65%}
.newbadge{font-size:40px;top:-3px}
}
@media (min-width:1700px){
.mycontainer{width: 1370px;}
.section5-box-left .section5-box-left-top{padding: 43.5px 30px;}
.section5-box-right .section5-box-right-top{padding: 42px 15px 31px 15px;}
.section5-box-left-top h4{font-size: 32px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 22px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.checklist1{margin-top: 20px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 20px;}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 30px;
padding-bottom: 27px;
}
.checklist2 li:nth-child(4) {
padding-top: 27px;
padding-bottom: 28px;
}
.checklist2 li:nth-child(5) {
padding-top: 28px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 37px;
padding-bottom: 41px;
}
.checklist2 li:nth-child(7) {
padding-top: 51px;
padding-bottom: 57px;
}
.checklist2 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 17px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 160px;
padding-bottom: 178px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 60px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 16px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 56.5%;
}
.template-case-mega-menu {
width: 75%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 42%;}
.use-case-mega-menu .menu-list-section{width: 58%;}
.template-case-mega-menu .menu-title-section{width: 31.6%;}
.template-case-mega-menu .menu-list-section{width: 68.4%;}
.u-header__sub-menu-nav-link{font-size: 15px;margin: 15px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
/*box-width*/
.banner-main-box {max-width: 80%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right: -6%;}
.carouselExample2-left {
width: 29%;
}
.carouselExample2-right {
width: 62%;
}
.faster-box{
width: 42.9%;
padding: 38px 24px;
}
.video-section {padding: 1% 5.24%;}
.section8 {padding: 1% 5.24% 5% 5.24%;}
.dg-section2 {padding: 1% 5.24% 15% 5.24%;}
.section8-left{width: 43%;}
.section8-right{width: 46%;}
.footer-box1{width: 45%;}
.footer-box2{width: 15%;}
.footer-box3{width: 12%;}
.footer-box4{width: 17%;}
.footer-box5{width: 16%;}
.footer-box6{width: 11%;}
.newbadge {
font-size: 44px;
}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 75px;}
.home-page .banner-title{margin-top: 3%;font-size: 82px;}
.dg-banner .banner-title{font-size: 54px;}
.section2-title2{font-size: 52px;}
.faq-title {font-size: 80px;}
.banner-pra {
font-size: 22px;
}
.banner-pra.dg-banner-pra {
font-size: 20px;
}
.section5-pra {
font-size: 25px;
}
.section6-pra {
font-size: 25px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 14px;
}
.step-title{
font-size: 22px;
}
.step-pra{
font-size: 20px;
}
.section2-subtitle{
font-size: 32px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 14%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.video-section {padding: 1% 5.24%;}
.section8 {padding: 1% 5.24% 5% 5.24%;}
.dg-section2 {padding: 1% 5.24% 9% 5.24%;}
.section8-subtitle{
font-size: 30px;
}
.faq-subtitle{
font-size: 30px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
.deal-everything-section{padding: 4% 0 2% 0;}
.section5{margin-top: 0%;}
/*elements*/
.tool {
left: 4%;
top: 1%;
max-width:100%;
}
.element1{
max-width: 100%;
}
.section4-title .element1{
left: 96%;
max-width:100%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width:100%;
}
.element3 {
left: -1%;
top: -30%;
max-width:100%;
}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 80%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 105%;}
.bannerimgele {
max-width: 54%;
bottom: 0%;
left: 14%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 52px;}
.features-page-subtitle{
font-size: 22px;
}
/*features-page*/
.page-features-box {width: 28.8%; }
.page-features-box-last{width: 43%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 109%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 54px;}
.webpages-banner-pra {
font-size: 20px;
}
.webpages-section3-title {font-size: 60px;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 26px;
}
.table-normally{
font-size: 15px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 14px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 20px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 21px;
}
.all-features-table-price-stakes span{
font-size: 13px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.try-box-title{
font-size: 53px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 28px;}
.use-cases-pra2{font-size: 20px;}
.dgimage{max-width: 99%;left: -13%;}
.bloggerimage{max-width: 114%;left: -15%;}
.esimage{max-width: 110%;left: -10%;margin-bottom: -13%;}
.apimage{max-width: 101%;left: -2%;margin-bottom: -8%;}
.fdimage{max-width: 115%;left: -10%;margin-bottom: -9%;}
.amimage{max-width: 109%;left: -10%;margin-bottom: -8%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 6%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size:52px;
}
.dg-step-pra{
font-size:18px;
}
.dgstep1{
left: 5%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 100%;
}
.connector1-box{
top: -10%;
left: -1.5%;
}
.connector2-box{
top: -29%;
left: -1.5%;
}
.connector1{max-width:100%;}
.connector2{max-width:100%;}
.es-section .connector1-box{
top: -3%;
left: -1.5%;
}
.es-section .connector2-box{
top: -23%;
left: -1.5%;
}
.es-section .connector1{max-width:100%;}
.es-section .connector2{max-width:100%;}
.es-section .dg-step-row2{margin-top: 18%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.fd-section .connector1-box{
top: -5%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -23%;
left: -1.5%;
}
.fd-section .connector1{max-width:100%;}
.fd-section .connector2{max-width:100%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 6%;}
.blogger-section .connector1-box{
top: 2%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -18%;
left: -1.5%;
}
.blogger-section .connector1{max-width:100%;}
.blogger-section .connector2{max-width:100%;}
.ap-section .connector1-box{
top: 2%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -18%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 109%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 8%;padding-top: 2%;}
.dg-section2 .card {
padding: 4% 4% 4% 7%;
margin-bottom: 2%;
}
.card-title{
font-size: 72px;
}
.card-subtitle{
font-size:30px;
}
.card-pra{
font-size:18px;
padding-right: 16%;
}
.card1-img{max-width: 89%;}
.card2-img{
max-width: 106.8%;
}
.card3-img{
max-width: 79.5%;
margin-top: 0;
}
.card4-img{
max-width: 105.8%;
left: 0%;
}
.card5-img{
max-width: 109.2%;
left: -3%;
}
.card6-img{
max-width: 105.5%;
left: -2%;
}
.card7-img{
max-width: 107.2%;
left: 0%;
}
.es-card1-img{
max-width: 102.1%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.es-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.es-card3-img{
max-width: 102.4%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 104.5%;
left: 0;
}
.es-card5-img{
max-width: 108.8%;
left: -3%;
}
.es-card6-img{
max-width: 101.5%;
left: 2%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 104%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 100%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 98.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 96.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 111.5%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.2%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 107.5%;
margin-top: 0;
margin-bottom: 0;
left: -3%;
}
.fd-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.fd-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.fd-card4-img{
max-width: 105%;
left: 0;
}
.fd-card5-img{
max-width: 109%;
left: -3%;
}
.fd-card6-img{
max-width: 102%;
left: 2%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 106.3%;
margin-top: 0.9%;
margin-bottom: 0.9%;
left: -1%;
}
.am-card2-img{
max-width: 92.5%;
margin-bottom: 0%;
left: 4%;
margin-top: 0;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 91.5%;
left: 2%;
margin-top: 0;
margin-bottom: 0;
}
.am-card5-img{
max-width: 96.6%;
left: 2%;
margin-top: 0;
margin-bottom: 0;
}
.am-card6-img{
max-width: 100.8%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.am-card7-img{
max-width: 98.4%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.use-case-btn-title{
font-size: 36px;
}
.use-case-btn-subtitle{
font-size: 17px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 65%;
}
/****************/
.top-center{padding-left: 4%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 64px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 18px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 54px;}
.deal-for-box .card-text{padding: 0 0 0 7%;}
.deal-pricing-subheadline2{font-size: 18px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px;
padding-right: 6%;
}
.deal-for-section{padding: 0% 0 12% 0;}
/**/
.palce1{max-width: 100%;top: 3%;left: 10.8%;}
.palce2{max-width:100%;top: 22%;left: 10.8%;}
.palce3{max-width:100%;left: 10.8%;top: 52.7%;}
.palce4{max-width: 100%;top: 3%;left: 24.8%;}
.palce5{max-width:100%;top: 35.5%;left: 24.8%;}
.palce6{max-width:100%;top: 71%;left: 24.2%;}
.palce7{max-width:100%;top: 3%;left: 35.8%;}
.palce8{max-width:100%;top: 64.5%;left: 35.8%;}
.palce9{max-width: 13%;top: 3%;left: 51%;}
.palce10{max-width:100%;top: 64.5%;left: 45.5%;}
.palce11{max-width: 13%;top: 65.5%;left: 55.5%;}
.palce12{max-width:100%;top: 3%;left: 65%;}
.palce13{max-width:100%;top: 26%;left: 65%;}
.palce14{max-width:100%;top: 64.5%;left: 69%;}
.palce15{max-width: 100%;top: 3%;left: 78%;}
.palce16{max-width:100%;top: 18%;left: 78%;}
.palce17{max-width:100%;top: 43%;left: 78%;}
.palce18{max-width:100%;top: 71%;left: 78%;}
.placecenter{top: 18.5%;left: 33%;max-width: 34%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 234%;top: 337.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 238.6%;top: 177.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {
left: 243.5%;
top: 100%;
}
.logotext{max-width: 29%;}
.logotext2{max-width: 20.5%;}
.logotext3{max-width: 16%;}
.logotext4{max-width: 51%;top: 0;}
.banner-deal .swiper3-main-box{
width: 52%;
}
.footer-section-right{width: 46%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 45px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:20%}
.mike-testi{top:25.1%;left:20%}
.laura-testi{top:20.5%;left:20%}
.varun-testi{top:22.5%;left:20%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.leaders-section .section4-title{font-size:60px}
.swiper3-main-box{width:65%}
.newbadge{font-size:44px;top:-3px}
}
@media (min-width:1800px){
.mycontainer{width: 1417px;}
.section5-box-left .section5-box-left-top{padding: 41px 30px;}
.section5-box-right .section5-box-right-top{padding: 44px 15px 30px 15px;}
.section5-box-left-top h4{font-size: 36px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 23px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.checklist1, .checklist2{font-size:18px;}
.checklist1{margin-top: 20px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 20px;}
.checklist1 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(3) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(6) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(7) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(8) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist1 li:nth-child(9) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(1) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(3) {
padding-top: 29px;
padding-bottom: 30px;
}
.checklist2 li:nth-child(4) {
padding-top: 27px;
padding-bottom: 31px;
}
.checklist2 li:nth-child(5) {
padding-top: 29px;
padding-bottom: 30px;
}
.checklist2 li:nth-child(6) {
padding-top: 75px;
padding-bottom: 72px;
}
.checklist2 li:nth-child(7) {
padding-top: 58px;
padding-bottom: 59px;
}
.checklist2 li:nth-child(8) {
padding-top: 28px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(9) {
padding-top: 31px;
padding-bottom: 28px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 13px;
padding-bottom: 16px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 17px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 224px;
padding-bottom: 238px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 14px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 15px;
padding-bottom: 16px;
}
.header .navbar{padding: 13px 60px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 16px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 51.5%;
}
.template-case-mega-menu {
width: 70%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 32%;
}
.use-case-mega-menu .menu-title-section{width: 43%;}
.use-case-mega-menu .menu-list-section{width: 57%;}
.template-case-mega-menu .menu-title-section{width: 31.6%;}
.template-case-mega-menu .menu-list-section{width: 68.4%;}
.u-header__sub-menu-nav-link{font-size:15px;margin: 16px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
/*box-width*/
.banner-main-box {max-width: 76%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.swiper-container1{right:-8%;}
.carouselExample2-left {
width: 29%;
}
.carouselExample2-right {
width: 62%;
}
.faster-box{
width: 44.3%;
padding: 38px 24px;
}
.section8-left{width: 43.3%;}
.section8-right{width: 46%;}
.footer-box1{width: 45%;}
.footer-box2{width: 15%;}
.footer-box3{width: 12%;}
.footer-box4{width: 17%;}
.footer-box5{width: 16%;}
.footer-box6{width: 11%;}
.newbadge {
font-size: 46px;
}
/*font-size*/
.banner-title, .section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 75px;}
.home-page .banner-title{margin-top: 3%;font-size: 82px;}
.dg-banner .banner-title{font-size: 54px;}
.section2-title2{font-size: 52px;}
.faq-title {font-size: 82px;}
.banner-pra {
font-size: 22px;
}
.banner-pra.dg-banner-pra {
font-size: 20px;
}
.section5-pra {
font-size: 25px;
}
.section6-pra {
font-size: 25px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 14px;
}
.step-title{
font-size: 22px;
}
.step-pra{
font-size: 20px;
}
.section2-subtitle{
font-size: 32px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 14%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.section8-subtitle{
font-size: 30px;
}
.faq-subtitle{
font-size: 30px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
/*elements*/
.tool {
left: 4%;
top: 1%;
max-width: 100%;
}
.element1{
max-width: 100%;
}
.section4-title .element1{
left: 96%;
max-width:100%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width:100%;
}
.element3 {
left: -1%;
top: -30%;
max-width:100%;
}
.video-section {padding: 1% 6.24%;}
.section8 {padding: 1% 6.24% 5% 6.24%;}
.dg-section2 {padding: 1% 6.24% 8% 6.24%;}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 80%;}
.everything {max-width: 90%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 109%;}
.bannerimgele {
max-width: 55%;
bottom: -2%;
left: 15%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 52px;}
.features-page-subtitle{
font-size: 22px;
}
/*features-page*/
.page-features-box {width: 28.8%; }
.page-features-box-last{width: 43%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 112%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
.webpages-banner-right-box{width: 50%;}
.webpages-banner-title{font-size: 55px;}
.webpages-banner-pra {
font-size: 20px;
}
.webpages-section3-title {font-size: 63px;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
.johnbx h4 {font-size: 11px;}
.johnbx p {font-size: 10px;}
.testimonialBox-inner3 p {font-size: 16px;}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 26px;
}
.table-normally{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 14px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 20px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 21px;
}
.all-features-table-price-stakes span{
font-size: 13px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.try-box-title{
font-size: 54px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 28px;}
.use-cases-pra2{font-size: 20px;}
.dgimage{max-width: 103%;left: -11%;}
.bloggerimage{max-width: 120%;left: -19%;}
.esimage{max-width: 108%;left: -8%;margin-bottom: -13%;}
.apimage{max-width: 99%;left: -2%;margin-bottom: -12%;}
.fdimage{max-width: 114%;left: -11%;margin-bottom: -12%;}
.amimage{max-width: 108%;left: -10%;margin-bottom: -12%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 8%;}
.dg-step-detail1-box{padding: 0 0% 0 3%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size:52px;
}
.dg-step-pra{
font-size:18px;
}
.dgstep1{
left: 5%;
}
.dgstep2{}
.dgstep3{
left: 2%;
max-width: 100%;
}
.connector1-box{
top: -10%;
left: -1.5%;
}
.connector2-box{
top: -29%;
left: -1.5%;
}
.connector1{max-width:100%;}
.connector2{max-width:100%;}
.es-section .connector1-box{
top: -6%;
left: -1.5%;
}
.es-section .connector2-box{
top: -19%;
left: -1.5%;
}
.es-section .connector1{max-width:100%;}
.es-section .connector2{max-width:100%;}
.es-section .dg-step-row2{margin-top: 17%;}
.es-section .dg-step-row3{margin-top: 11%;padding-top: 8%;}
.fd-section .connector1-box{
top: -3%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -19%;
left: -1.5%;
}
.fd-section .connector1{max-width:100%;}
.fd-section .connector2{max-width:100%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 8%;}
.blogger-section .connector1-box{
top: 2%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -18%;
left: -1.5%;
}
.blogger-section .connector1{max-width:100%;}
.blogger-section .connector2{max-width:100%;}
.ap-section .connector1-box{
top: 4%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -18%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 109%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 14%;}
.ap-section .dg-step-row3{margin-top: 8%;padding-top: 4%;}
.dg-section2 .card {
padding: 4% 3.5% 4% 6.5%;
margin-bottom: 2%;
}
.card-title{
font-size: 75px;
}
.card-subtitle{
font-size:30px;
}
.card-pra{
font-size:18px;
padding-right: 20%;
}
.card1-img{max-width: 103%;}
.card2-img{
max-width: 120%;
}
.card3-img{
max-width: 120%;
margin-top: 0;
}
.card4-img{
max-width: 120%;
left: -1%;
}
.card5-img{
max-width: 115%;
left: -5%;
}
.card6-img{
max-width: 120%;
left: -3%;
}
.card7-img{
max-width: 120%;
left: -3%;
}
.es-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.es-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.es-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 105%;
left: 0;
}
.es-card5-img{
max-width: 109%;
left: -3%;
}
.es-card6-img{
max-width: 102%;
left: 2%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 104%;
left: -1%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 100%;
left: 3%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 98.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 96.8%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 111.5%;
left: 2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 98%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-bottom: 0.6%;
left: 2%;
margin-top: 0.6%;
}
.ap-card3-img{
max-width: 95.7%;
margin-top: 0;
left: 3%;
margin-bottom: 0;
}
.ap-card4-img{
max-width: 103%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: -0.8%;
margin-bottom: -0.8%;
}
.ap-card6-img{
max-width: 97.1%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.fd-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.fd-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.fd-card4-img{
max-width: 105%;
left: 0;
}
.fd-card5-img{
max-width: 109%;
left: -3%;
}
.fd-card6-img{
max-width: 102%;
left: 2%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 106.3%;
margin-top: 0;
margin-bottom: 0;
left: -1%;
}
.am-card2-img{
max-width: 90.3%;
margin-bottom: 0%;
left: 2%;
margin-top: 0;
}
.am-card3-img{
max-width: 100%;
margin-top: -8%;
left: 1%;
margin-bottom: -8%;
}
.am-card4-img{
max-width: 89.1%;
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.am-card5-img{
max-width: 94.2%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.am-card6-img{
max-width: 98.2%;
left: 2%;
margin-top: 0;
margin-bottom: 0;
}
.am-card7-img{
max-width: 96.1%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.use-case-btn-title{
font-size:38px;
}
.use-case-btn-subtitle{
font-size:18px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 63%;
}
/****************/
.top-center{padding-left: 3%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 64px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 20px;
}
.banner-deal-btn-bottom-text{
font-size:14px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline,
.deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 54px;}
.deal-for-box .card-text{padding: 0 0 0 7%;}
.deal-pricing-subheadline2{font-size: 18px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px; padding-right: 8%;
}
.deal-for-section{padding: 0% 0 12% 0;}
/**/
.palce1{max-width: 100%;top: 3%;left: 11.8%;}
.palce2{max-width:100%;top: 22%;left: 11.8%;}
.palce3{max-width:100%;left: 11.8%;top: 52.7%;}
.palce4{max-width:100%;top: 3%;left: 25.2%;}
.palce5{max-width:100%;top: 35.5%;left: 25.2%;}
.palce6{max-width:100%;top: 71%;left: 24.5%;}
.palce7{max-width:100%;top: 3%;left: 35.8%;}
.palce8{max-width:100%;top: 64.5%;left: 35.3%;}
.palce9{max-width:100%;top: 3%;left: 50%;}
.palce10{max-width:100%;top: 64.5%;left: 45%;}
.palce11{max-width:100%;top: 64.5%;left: 54.5%;}
.palce12{max-width:100%;top: 3%;left: 64.5%;}
.palce13{max-width:100%;top: 26%;left: 64.5%;}
.palce14{max-width:100%;top: 64.5%;left: 68.5%;}
.palce15{max-width:100%;top: 3%;left: 77%;}
.palce16{max-width:100%;top: 18%;left: 77%;}
.palce17{max-width:100%;top: 43%;left: 77%;}
.palce18{max-width:100%;top: 71%;left: 77%;}
.placecenter{top: 18.5%;left: 33.5%;max-width: 33%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 234%;top: 337.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 238.6%;top: 177.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 243.5%;top: 100%;}
.logotext{max-width: 29%;}
.logotext2{max-width: 20.5%;}
.logotext3{max-width: 16%;}
.logotext4{max-width: 51%;top: 0;}
.banner-deal .swiper3-main-box{width: 49%;}
.footer-section-right{width: 45%;}
.pricing-withStandard.features-free-updated .table-box1{padding:36px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 46px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
.features-free-updated .table-list li {padding-right: 12px;}
/**/
.leaders-section .nav-tabs{font-size:22px}
.francis-testi,.varun-testi{top:27.5%;left:21%}
.mike-testi{top:25.1%;left:21%}
.laura-testi{top:20.5%;left:21%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.leaders-section .section4-title{font-size:60px}
.swiper3-main-box{width:63%}
.newbadge{font-size:46px;top:-3px}
}
@media (min-width:1900px){
.mycontainer{width: 1417px;}
.section5-box-left .section5-box-left-top{padding: 39.5px 30px;}
.section5-box-right .section5-box-right-top{padding: 45px 15px 29px 15px;}
.section5-box-left-top h4{font-size: 38px;}
.section5-box-right-top h4{font-size:28px;}
.section5 .section5-box-left-top h4 {font-size: 23px;}
.section5 .section5-box-left .section5-box-left-top{padding: 32.5px 0px 32.5px 20px;}
.checklist1{margin-top: 20px;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat 22px 25px;
padding-left: 49px;
}
.checklist2{margin-top: 20px;}
.checklist2 li {
list-style: none;
margin-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
color: #fff;
}
.checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 15px;
}
.checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 14px;
}
.checklist2 li:nth-child(3) {
padding-top: 30px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(4) {
padding-top: 30px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(5) {
padding-top: 30px;
padding-bottom: 29px;
}
.checklist2 li:nth-child(6) {
padding-top: 70px;
padding-bottom: 74px;
}
.checklist2 li:nth-child(7) {
padding-top: 60px;
padding-bottom: 58px;
}
.checklist2 li:nth-child(8) {
padding-top: 28px;
padding-bottom: 30px;
}
.checklist2 li:nth-child(9) {
padding-top: 30px;
padding-bottom: 29px;
}
.section5-box2-out .checklist2 li:nth-child(1) {
padding-top: 16px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(2) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(3) {
padding-top: 228px;
padding-bottom: 233px;
}
.section5-box2-out .checklist2 li:nth-child(4) {
padding-top: 15px;
padding-bottom: 15px;
}
.section5-box2-out .checklist2 li:nth-child(5) {
padding-top: 16px;
padding-bottom: 15px;
}
.header .navbar{padding: 13px 60px;}
.header .navbar-nav, .scrollToTopBtn, .dropdown-item {font-size: 16px;}
.header .navbar-nav .nav-link {
padding-right: 25px;
padding-left: 25px;
}
.swiper-pagination3 .swiper-pagination-bullet {
padding: 14px 0%;
width: 25%;
}
.use-case-mega-menu {
width: 51.5%;
}
.template-case-mega-menu {
width: 69%;
}
.use-case-mega-menu::before {
left: 7%;
}
.template-case-mega-menu::before {
left: 28%;
}
.use-case-mega-menu .menu-title-section{width: 43%;}
.use-case-mega-menu .menu-list-section{width: 57%;}
.template-case-mega-menu .menu-title-section{width: 31.6%;}
.template-case-mega-menu .menu-list-section{width: 68.4%;}
.u-header__sub-menu-nav-link{font-size:15px;margin: 18px 0;}
.menu-title-section {
padding: 0 30px;
}
.navbar-expand-lg .u-header__mega-menu-wrapper {
padding: 0 0 0 30px;
}
/*box-width*/
.banner-main-box {max-width: 71%;}
.banner-left-box{width: 56%;}
.banner-right-box{width: 44%;}
.webpages-banner-right-box{width: 51%;}
.swiper-container1{right:-8%;}
.carouselExample2-left {
width: 29%;
}
.carouselExample2-right {
width: 62%;
}
.faster-box{
width: 42.8%;
padding: 38px 24px;
}
.footer-box1{width: 45%;}
.footer-box2{width: 15%;}
.footer-box3{width: 12%;}
.footer-box4{width: 17%;}
.footer-box5{width: 16%;}
.footer-box6{width: 11%;}
/*font-size*/
.section1-title,
.section2-title, .section3-title,
.section4-title, .section5-title,
.section6-title, .section7-title,
.section8-title{font-size: 91px;}
.banner-title{font-size: 75px;}
.home-page .banner-title{margin-top: 3%;font-size: 82px;}
.dg-banner .banner-title{font-size: 55px;}
.section2-title2{font-size: 52px;}
.faq-title {font-size: 82px;}
.banner-pra {
font-size: 22px;
}
.banner-pra.dg-banner-pra {
font-size: 20px;
}
.section5-pra {
font-size: 25px;
}
.section6-pra {
font-size: 25px;
}
a.banner-link1, a.banner-link2, a.banner-link3, a.banner-link4{font-size: 19px;}
.btn-bottom-text {
padding-left: 12%;
font-size: 14px;
}
.btn-bottom-text2 {
padding-left: 12%;
font-size: 14px;
}
.step-title{
font-size: 22px;
}
.step-pra{
font-size: 20px;
}
.section2-subtitle{
font-size: 32px;
}
.forever-title{
font-size: 34px;
}
.forever-pra{
font-size: 20px;
padding: 0 14%;
}
.for-title1{
font-size: 24px;
}
.for-title2{
font-size: 36px;
}
.faster-title{
font-size: 30px;
}
.faster-pra{
font-size: 20px;
}
.section8-subtitle{
font-size: 30px;
}
.faq-subtitle{
font-size: 30px;
}
.footer-title1{
font-size: 15px;
}
.footer-pra{
font-size: 15px;
}
.footer-title{
font-size: 20px;
}
.footer-link li a{
font-size: 15px;
}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-section button.btn.btn-link{font-size:20px; }
.footer-section .card-body{font-size:16px;}
.footer-box1 .foot-icon{
font-size: 17px;
}
.footer-box1 .foot-name {
font-size: 15px;
}
/*elements*/
.tool {
left: 6%;
top: 1%;
max-width:100%;
}
.element1{
max-width: 100%;
}
.section4-title .element1{
left: 96%;
max-width:100%;
top: 8px;
}
.element4{
right: -40%;
max-width:100%;
top: -89%;
}
.element2 {
left: 91%;
top: 44%;
max-width:100%;
}
.element3 {
left: -1%;
top: -30%;
max-width:100%;
}
.video-section {padding: 1% 7.24%;}
.section8 {padding: 1% 7.24% 5% 7.24%;}
.forever-box1-inn .forever-img{max-width: 100%;}
.forever-box2-inn .forever-img{max-width: 80%;}
.forever-box3-inn .forever-img{max-width: 80%;}
.everything {max-width:100%;}
.faster-box:nth-child(1) .faster-img{max-width:100%;}
.faster-box:nth-child(2) .faster-img{max-width:100%;}
.faster-box:nth-child(3) .faster-img{max-width:100%;}
.faster-box:nth-child(4) .faster-img{max-width:100%;}
.forwebsites{max-width: 102%;left: -3%;}
.forsales{max-width: 105%;left: -2%;}
.forlead{max-width: 103.5%;left: -2%;}
.forwebinar{max-width: 100%;left: 0%;}
.forfunnel{max-width: 100%;left: 0%;}
/****************/
.bannerimg1{max-width: 115%;}
.bannerimgele {
max-width: 60%;
bottom: -9%;
left: 15%;
}
.discovergele {
top: 36%;
right: 13%;
max-width: 34%;
}
/****************/
/*features*/
.features-page-title{font-size: 52px;}
.features-page-subtitle{
font-size: 22px;
}
/*features-page*/
.page-features-box {width: 28.8%; }
.page-features-box-last{width: 43%;}
.page-features-title{
font-size: 21px;
}
.features1-img{max-width: 104%;}
.features2-img{max-width: 104%;}
.features3-img{max-width: 100%;}
.features4-img{max-width: 104%;}
.features5-img{max-width: 104%;}
.features6-img{max-width: 105%;}
.features7-img{max-width: 100%;}
.features8-img{max-width: 104%;}
.features9-img{max-width: 104%;}
.features10-img{max-width: 100%;}
.ideas-title{font-size:22px;}
.bannerimg1features{max-width: 116%;}
/*webpages-page*/
.webpages-banner-left-box{width: 49%;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
.johnbx h4 {font-size: 12px;}
.johnbx p {font-size: 11px;}
.testimonialBox-inner3 p {font-size: 16px;}
/**/
.vs-section2 a.banner-link1{font-size: 28px;}
.clickdesignsvscanva-page-subtitle{
font-size: 32px;
}
.clickdesignsvscanva-page-title{
font-size: 34px;
}
/*pricing-page*/
.pricing-title {
font-size: 52px;
}
.pricing-pra {
font-size:20px;
}
.tab-slider--trigger {
font-size: 15px;
}
.tab-slider--trigger span{
font-size: 11px;
}
.table-title{
font-size: 26px;
}
.table-normally{
font-size: 15px;
}
.table-prices-stake{
font-size: 34px;
}
.table-prices-stake span{
font-size: 15px;
}
.table-price{
font-size: 46px;
}
.table-price span{
font-size: 16px;
}
.table-month-text{
font-size: 16px;
}
.table-save-text{
font-size: 11px;
}
.table-link1 a{
font-size: 18px;
}
.table-link2 a{
font-size: 18px;
}
.table-list li{
font-size: 14px;
}
.all-features-title{
font-size: 28px;
}
.all-features-table-title{
font-size: 20px;
}
.all-features-table-price{
font-size: 28px;
}
.all-features-table-price span{
font-size: 14px;
}
.all-features-table-price-stakes{
font-size: 21px;
}
.all-features-table-price-stakes span{
font-size: 13px;
}
.all-features-month-text{
font-size: 14px;
}
.features-mybutton1 a{
font-size:16px;
}
.features-mybutton2 a{
font-size: 16px;
}
.all-features-list-title{
font-size: 20px;
}
.all-features-list{
font-size: 15px;
}
.try-box-title{
font-size: 54px;
}
.banner-link5{
font-size: 19px;
}
.btn-bottom-text5{
font-size: 14px;
}
/*dg-page*/
.use-cases-pra1{font-size: 28px;}
.use-cases-pra2{font-size: 20px;}
.dgimage{max-width: 104%;left: -4%;}
.bloggerimage{max-width: 125%;left: -17%;}
.esimage{max-width: 116%;left: -10%;margin-bottom: -15%;}
.apimage{max-width: 112%;left: -3%;margin-bottom: -13%;}
.fdimage{max-width: 118%;left: -10%;margin-bottom: -13%;}
.amimage{max-width: 112%;left: -10%;margin-bottom: -13%;}
.dg-step-row1{ }
.dg-step-row2{margin-top: 16%;}
.dg-step-row3{margin-top: 11%;padding-top: 7%;}
.dg-step-detail1-box{padding: 0 2% 0 1%;}
.dg-step-detail2-box{padding: 0 4.5% 0 6%;}
.dg-step-title{
font-size:52px;
}
.dg-step-pra{
font-size:18px;
}
.dgstep1{
left: 7%;
}
.dgstep2{right: 1%;}
.dgstep3{
left: 2%;
max-width: 100%;
}
.connector1-box{
top: -10%;
left: -1.5%;
}
.connector2-box{
top: -18%;
left: -1.5%;
}
.connector1{max-width:100%;}
.connector2{max-width:100%;}
.es-section .connector1-box{
top: -8%;
left: -1.5%;
}
.es-section .connector2-box{
top: -18%;
left: -1.5%;
}
.es-section .connector1{max-width:100%;}
.es-section .connector2{max-width:100%;}
.es-section .dg-step-row2{margin-top: 17%;}
.es-section .dg-step-row3{margin-top: 10%;padding-top: 7%;}
.fd-section .connector1-box{
top: -3%;
left: -1.5%;
}
.fd-section .connector2-box{
top: -18%;
left: -1.5%;
}
.fd-section .connector1{max-width:100%;}
.fd-section .connector2{max-width:100%;}
.fd-section .dg-step-row2{margin-top: 16%;}
.fd-section .dg-step-row3{margin-top: 11%;padding-top: 7%;}
.blogger-section .connector1-box{
top: 2%;
left: -1.5%;
}
.blogger-section .connector2-box{
top: -18%;
left: -1.5%;
}
.blogger-section .connector1{max-width:100%;}
.blogger-section .connector2{max-width:100%;}
.ap-section .connector1-box{
top: 5%;
left: -1.5%;
}
.ap-section .connector2-box{
top: -18%;
left: -1.5%;
}
.ap-section .dgstep2{max-width: 110%;}
.ap-section .dg-step-row1{ }
.ap-section .dg-step-row2{margin-top: 15%;}
.ap-section .dg-step-row3{margin-top: 9%;padding-top: 3%;}
.dg-section2 .card {
padding: 4% 4% 4% 9%;
margin-bottom: 2%;
}
.card-title{
font-size:78px;
}
.card-subtitle{
font-size:30px;
}
.card-pra{
font-size:18px;
padding-right: 22%;
}
.card1-img{max-width: 103%;}
.card2-img{
max-width: 120%;
}
.card3-img{
max-width: 120%;
margin-top: 0;
}
.card4-img{
max-width: 120%;
}
.card5-img{
max-width: 120%;
left: -4%;
}
.card6-img{
max-width: 120%;
left: 0;
}
.card7-img{
max-width: 120%;
left: 0;
}
.es-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.es-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.es-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.es-card4-img{
max-width: 105%;
left: 0;
}
.es-card5-img{
max-width: 109%;
left: -3%;
}
.es-card6-img{
max-width: 102%;
left: 2%;
}
.es-card7-img{
max-width: 98.5%;
left: 0;
}
.bloggercard1{
max-width: 106%;
left: -2%;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard2{
max-width: 102%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard3{
max-width: 100%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard4{
max-width: 100%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.bloggercard5{
max-width: 113%;
left:0;
right:0;
margin-top:0;
margin-bottom:0;
}
.ap-card1-img{
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.ap-card2-img{
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
left: 2%;
}
.ap-card3-img{
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
left: 1%;
}
.ap-card4-img{
max-width: 102%;
left: 0;
margin-top: 0;
margin-bottom: 0;
}
.ap-card5-img{
max-width: 100%;
left: 1%;
margin-top: 0;
margin-bottom: 0;
}
.ap-card6-img{
max-width: 100%;
left: 3%;
margin-top: 0;
margin-bottom: 0;
}
.fd-card1-img{
max-width: 102.5%;
margin-top: 0;
margin-bottom: 0;
left: 3%;
}
.fd-card2-img{
max-width: 122%;
margin-bottom: 0%;
left: -7%;
}
.fd-card3-img{
max-width: 103%;
margin-top: 0;
left: 1%;
}
.fd-card4-img{
max-width: 105%;
left: 0;
}
.fd-card5-img{
max-width: 109%;
left: -3%;
}
.fd-card6-img{
max-width: 102%;
left: 2%;
}
.fd-card7-img{
max-width: 98.5%;
left: 0;
}
.am-card1-img{
max-width: 106%;
margin-top: 0;
margin-bottom: 0;
left: -1%;
}
.am-card2-img{
max-width: 89.3%;
margin-bottom: 0%;
left: 2%;
}
.am-card3-img{
max-width: 100%;
margin-top: -6%;
left: 1%;
margin-bottom: -6%;
}
.am-card4-img{
max-width: 88.2%;
left: 0;
}
.am-card5-img{
max-width: 93.2%;
left: -3%;
}
.am-card6-img{
max-width: 97.2%;
left: -2%;
}
.am-card7-img{
max-width: 95%;
left: -1%;
}
.use-case-btn-title{
font-size:38px;
}
.use-case-btn-subtitle{
font-size:18px;
}
/*demo-page*/
.demoBox-title{font-size:42px;}
/*video*/
.swiper3-main-box {
width: 62%;
}
/****************/
.top-center{padding-left: 1%;}
.top-btn {
font-size: 14px;
}
.banner-deal-headline{
font-size: 64px;
}
.banner-deal-sub-headline{
font-size: 22px;
}
.banner-deal-link {
font-size: 20px;
}
.banner-deal-btn-bottom-text{
font-size: 16px;
}
.deal-step-headline, .deal-graphics-headline,
.deal-everything-headline, .deal-idea-headline, .deal-faster-headline,
.deal-faster2-headline, .deal-create-headline,
.deal-seamlessly-headline, .deal-users-headline,
.deal-unlock-headline, .deal-pricing-headline2, .section5-title, .section6-title, .section7-title{
font-size: 48px;
}
.deal-for-title{font-size: 54px;}
.deal-for-box .card-text{padding: 0 0 0 7%;}
.deal-pricing-subheadline2{font-size: 18px;}
.deal-step-title1{
font-size: 16px;
}
.deal-step-title2{
font-size: 36px;
}
.deal-step-text{
font-size: 20px;
}
.idea-title{
font-size: 16px;
}
.deal-ai-title{
font-size: 18px;
}
.swiper1-pagination .swiper-pagination-bullet{
font-size: 17px;margin: 8px 8px !important;
}
.unlock-title{
font-size: 18px;
}
.deal-unlock-section #expander p{
font-size: 16px;
}
.deal-pricing-headline1{
font-size: 16px;
}
.unlock-title{
font-size: 18px;
}
.deal-faster-title{
font-size:27px;
}
.deal-faster-pra {
font-size: 16px; padding-right: 8%;
}
.deal-for-section{padding: 0% 0 12% 0;}
/**/
.palce1{max-width:100%;top: 3%;left: 14.1%;}
.palce2{max-width:100%;top: 22%;left: 14.1%;}
.palce3{max-width:100%;left: 14.1%;top: 52.7%;}
.palce4{max-width:100%;top: 3%;left: 26.5%;}
.palce5{max-width:100%;top: 35.5%;left: 26.5%;}
.palce6{max-width:100%;top: 71%;left: 26%;}
.palce7{max-width:100%;top: 3%;left: 36.3%;}
.palce8{max-width:100%;top: 64.5%;left: 36.3%;}
.palce9{max-width:100%;top: 3%;left: 49.3%;}
.palce10{max-width:100%;top: 64.5%;left: 45%;}
.palce11{max-width:100%;top: 64.5%;left: 53.5%;}
.palce12{max-width:100%;top: 3%;left: 62.5%;}
.palce13{max-width:100%;top: 26%;left: 62.5%;}
.palce14{max-width:100%;top: 64.5%;left: 66.3%;}
.palce15{max-width:100%;top: 3%;left: 74%;}
.palce16{max-width:100%;top: 18%;left: 74%;}
.palce17{max-width:100%;top: 43%;left: 74%;}
.palce18{max-width:100%;top: 71%;left: 74%;}
.placecenter{top: 18.5%;left: 33.8%;max-width: 31%;}
/*carousel-indicators*/
#carouselExample2 .carousel-indicators li:nth-child(1):after {left: 234%;top: 337.5%;}
#carouselExample2 .carousel-indicators li:nth-child(2):after {left: 238.6%;top: 177.5%;}
#carouselExample2 .carousel-indicators li:nth-child(3):after {left: 243.5%;top: 100%;}
.logotext{max-width: 31%;}
.logotext2{max-width: 20.5%;}
.logotext3{max-width: 14%;}
.logotext4{max-width: 51%;top: 0;}
.banner-deal .swiper3-main-box{width: 46%;}
.pricing-withStandard.features-free-updated .table-box1{padding:38px 23px 20px 27px;}
.pricing-withStandard.features-free-updated .table-price {font-size: 48px;}
.features-free-updated .features-table-col-inn {padding: 25px 30px;}
.features-free-updated.pricing-withStandard .all-features-table-price {font-size: 36px;}
/**/
.leaders-section .section4-title{font-size:60px}
.leaders-section .nav-tabs{font-size:22px}
.francis-testi{top:27.5%;left:21%}
.mike-testi{top:25.1%;left:21%}
.laura-testi{top:20.5%;left:21%}
.varun-testi{top:22.5%;left:21%}
.francis-testi p,.laura-testi p,.mike-testi p,.varun-testi p{font-size:20px}
.francis-testi h2,.laura-testi h2,.mike-testi h2,.varun-testi h2{font-size:30px}
.francis-testi h5,.laura-testi h5,.mike-testi h5,.varun-testi h5{font-size:17px}
.swiper3-main-box{width:62%}
}
@media (min-width:2100px){
}
@media (min-width:2200px){
}
@media (min-width:2300px){
}
@media (min-width:2400px){
}
@media (min-width:2500px){
}
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top: 2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
.features-table .features-table-col4 {}