html {
scroll-behavior: smooth;
}
/*Fonts*/
.poppins{font-family: "Poppins", sans-serif;}
.domine{font-family: "Domine", serif;}
.manrope{font-family: "Manrope", sans-serif;}
/*Common*/
body {font-family: "Plus Jakarta Sans", sans-serif;font-size: 14px;line-height: 1.42857143;color: #0a0a0a;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
.padding0 {padding: 0;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
.ls-1{letter-spacing:-1px;}
@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;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.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%;}.xsmt10{margin-top:10%;}.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, .mycontainer2, .mycontainer3{
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;}.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;}.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%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.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-3{margin-top:-3%;}
.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%;}
.mycontainer{width:750px;}
.mycontainer2{width:750px;}
.mycontainer3{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;}.md62 {font-size: 62px;}.md66 {font-size: 66px;}.md60{font-size: 60px;}.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:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}
}
@media (min-width:1100px){.mycontainer2{width:1080px;}}
@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;}.lg27 {font-size: 27px;}.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: 48px;}.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;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg86 {font-size: 86px;}.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%;}
.mycontainer2{width: 1125px;}
.mycontainer3{width: 1125px;}
}
@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;}.xl86 {font-size: 86px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 0;
box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);
}
.video-box {
position: relative;
width: 95%;
margin: auto;
border-width: 0px;
border-style: solid;
overflow: hidden;
border-radius: 26px;
background-color: rgb(18, 19, 25);
box-shadow: 0px 16px 73px 0px rgba(49, 21, 49, 0.58);
}
.video-box-inner {
border-radius: 0;
position: relative;
z-index: 1;
overflow: hidden;
background-color: white;
}
.video-box-thank-you {
background: url(../images/videobg.html) no-repeat center center;
background-size: cover;
border-radius: 25px;
padding: 37px;
position: relative;
width: 93.6%;
margin: auto;
overflow: hidden;
background-color: #ad25f7;
}
.video-box-inner-thank-you {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 15px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.29);
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25%!important;
border-radius: 0;
}
.video-box iframe{ }
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.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;
}
.black{color:#000000;}
.mycontainer{margin:auto;}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
.video-box-main, .video-box{position:relative;}
/*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%;}.lh126 {line-height: 126%;}.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%;}
.mycontainer-left {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
}
.mycontainer-right {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-left: auto;
}
.clear {
clear: both;
}
nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
position: relative;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #000000;
}
.getlink {
font-weight:700;
border-radius: 50px;
background: #0099ff !important;
padding: 10.1px 23.9px !important;
color: #fff !important;
-moz-transition: .4s;
-o-transition: .4s;
-webkit-transition: all .4s ease-in-out;
transition: .4s;
margin-left: 26px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
transition: .4s;
top: -2.5px;
}
.getlink:hover {
color: #fff !important;
transition: .4s;
box-shadow: 5px 5px 0px 0px #0a0a0a4d;
}
.getbox{margin-left: 1%;}
.navbar-toggler {background-color: #a557df;}
.menu {
padding: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding-bottom: 9px !important;
}
nav li a {
padding-left: 20px !important;
padding-right: 20px !important;
}
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;
}
#return-to-top {
text-align: center;
position: fixed;
bottom: 20px;
right: 20px;
display: block;
text-decoration: none;
padding: 3px 5px;
font-size: 26px;
font-weight: bold;
color: #ffffff;
z-index: 3;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
border-radius: 2px;
overflow: hidden;
line-height: 40px;
height: 45px;
width: 45px;
background-color: #372f85;
opacity: 0.6;
}
#return-to-top .fa{
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#return-to-top:hover{
opacity: 1;
}
.mybutton1 a {
background-color: #0099ff;
border-radius: 100px;
color: #fff;
display: table;
transition: all 0.5s;
position: relative;
margin: auto;
padding: 21px 59px 24px 59px;
box-shadow: 0px 9px 38px 0px rgba(93, 42, 22, 0.35);
}
.mybutton1 a:hover {
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;
box-shadow: 0px 12px 10px 0px rgb(0 0 0 / 20%); transform: scale(1.05);
}
.mybutton1 span, .mybutton1b span {
font-size: 32px;
position: relative;
top: 8px;
left: 11px;
}
.mybutton1b a {
background-color: rgb(255 100 54);
border-radius: 100px;
color: #fff;
display: table;
transition: all 0.5s;
position: relative;
margin: auto;
padding: 21px 59px 24px 59px;
box-shadow: 0px 9px 38px 0px rgb(0 0 0 / 35%);
}
.mybutton1b a:hover{
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;
text-decoration: none !important;
box-shadow: 0px 12px 10px 0px rgb(0 0 0 / 20%); transform: scale(1.05);
}
.videoframe {
position: relative;
}
.myvideo2 {
border-width: 4px;
border-color: rgb(30, 154, 231);
border-style: solid;
border-radius: 17px;
background-color: rgb(0, 0, 0);
box-shadow: 14.913px 21.298px 36.12px 6.88px rgb(0 0 0 / 33%);
padding: 0;
overflow: hidden;
}
.myvideo2 .responsive-video {
box-shadow: none;
margin-bottom: 0%;
background-color: #000;
padding-bottom: 52.21%;
border-radius: 0;
}
.bottm-menu li {
position: relative;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
padding: 0px 20px;
}
.bottm-menu li a {
color: #222d39;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
font-weight:400;
letter-spacing:1px;
height: 29px;
}
.bottm-menu li a:hover{
font-weight:600;
letter-spacing:0.8px;
}
.bottm-menu .getlink {
background-color: rgb(107, 61, 245);
color: #ffffff!important;
margin-left: 0;
}
.bottm-menu .getlink:hover{
background-color: #fff;
box-shadow:-6.303px 7.37px 40px 0px rgba(0, 0, 0, 0.23);
color: #222d39!important;
}
.navbar-dark .navbar-toggler {
background-color: #2a73f6;
border: 0;
}
/*banner*/
.title-span1 {
background-color: rgb(255, 255, 255);
display: inline-block;
border-radius: 50px;
padding: 7.5px 30px 9.5px 30px;
letter-spacing: 0;
}
.shine {
position: relative;
top: -30px;
}
.banner-title span {position: relative;}
.boder-img {
position: absolute;
left: 0;
top: 96%;
}
.checklist1{
margin-top: 3.5%;
}
.checklist1 li {
margin: 8px;
text-align: left;
display: inline-block;
/*border-width: 1px;*/
/*border-style: solid;*/
/*border-radius: 12px;*/
/*background-color: rgb(74 109 96);*/
display: inline-block;
padding: 10px 20px;
color: #fff;
text-transform:capitalize;
}
/*.checklist1 li:nth-child(1){border-color: rgb(99, 247, 193);}*/
/*.checklist1 li:nth-child(2){border-color: rgb(250, 183, 122);background-color: rgb(72 54 36);}*/
/*.checklist1 li:nth-child(3){border-color: rgb(0, 186, 255); background-color: rgb(33 59 71);}*/
.ele-img{margin-right: 7px;}
.video-box-main1{margin-top: 6.5%;}
/*section1*/
.social-icons {
text-align: center;
margin: 35px 0 74px 0;
}
.social-icons .social-icons-item {
background-color: red;
padding: 16px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06), 0 1px 4px 0 rgba(0, 0, 0, .06), 0 4px 16px 0 rgba(0, 0, 0, .04);
width: 60px;
margin-right: 24px;
}
.social-body{
display: flex;
align-items: center;
-webkit-animation: socialScroll-data-v-ae6cd762 30s linear infinite;
animation: socialScroll-data-v-ae6cd762 30s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.social-body .social-item{
margin-right: 72px;
}
.social-body .social-item .social-item-video {
height: 380px;
margin-bottom: 16px;
border-radius: 24px;
}
@-webkit-keyframes scroll-data-v-ae6cd762 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-100%)
}
}
@keyframes scroll-data-v-ae6cd762 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-100%)
}
}
@-webkit-keyframes socialScroll-data-v-ae6cd762 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
}
@keyframes socialScroll-data-v-ae6cd762 {
0% {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
}
.social-ready[data-v-ae6cd762] {
/* width: 100%; */
overflow: hidden;
/* background-color: #f8f5ff; */
padding: 0;
text-align: center;
}
.social-ready .social-body[data-v-ae6cd762] {
display: flex;
align-items: center;
-webkit-animation: socialScroll-data-v-ae6cd762 30s linear infinite;
animation: socialScroll-data-v-ae6cd762 30s linear infinite;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.social-ready .social-body .social-item[data-v-ae6cd762] {
margin-right: 72px;
}
.youtube-video-area[data-v-ae6cd762] {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%)
}
.youtube-video-area[data-v-ae6cd762] iframe {
border-radius: 8px
}
.social-ready .social-body .social-item .social-item-video[data-v-ae6cd762] {
height: 380px;
margin-bottom: 16px;
border-radius: 24px;
}
.social-ready.reverse-direction .social-body {
animation-name: socialScrollReverse-data-v-ae6cd762;
}
@keyframes socialScrollReverse-data-v-ae6cd762 {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
.section3 .social-body{animation:none !important;}
/*Testimonials*/
.content-header{
display: flex;
gap: 12px;
margin-left: -2px;
}
.content-header .content-avatar {
width: 55px;
height: 55px;
border-radius: 50%;
background: #000000;
flex-shrink: 0;
}
.content-header .header-product-container{
flex: 1;
display: -webkit-flex;
display: flex;
align-items: center;
}
.testimonial-box-out{padding: 1.2%;}
.testimonial-box {
background-color: white;
height: 100%;
color: #161816;
padding: 5% 6%;
border-radius: 12px;
}
.testimonial-box h4{}
.testimonial-box p {margin-top: 12px;text-transform: capitalize;text-align: left;}
/*section1*/
.step1-row{margin-top:5%;}
.step1-details{margin-top: 2%;}
.step1-details h4{}
.step1-details h2{margin-top: 3%;letter-spacing: -1.5px;}
.step1-details p{margin-top: 1.5%;}
.step2-row{margin-top: 7%;}
.step2-details{margin-top: 0;}
.step2-details h4{}
.step2-details h2{margin-top: 3%;letter-spacing: -1.5px;}
.step2-details p{margin-top: 1.5%;}
.step3-row{margin-top: 8%;}
.step3-details{margin-top: -8%;}
.step3-details h4{}
.step3-details h2{margin-top: 3%;letter-spacing: -1.5px;}
.step3-details p{margin-top: 1.5%;}
.step1-img, .step3-img{text-align:right;}
.step1, .step3{max-width: 100%;position: relative;right: -2%;}
.step2{position: relative;left: -6%;}
/*section2*/
.entrepreneurs-row1{margin-top: 5%;padding:0;}
.entrepreneurs-row2, .entrepreneurs-row3, .entrepreneurs-row4, .entrepreneurs-row5{margin-top: 3%;padding:0;}
.entrepreneurs-row2, .entrepreneurs-row4{text-align:right;}
.entrepreneurs-profile{text-align:center;padding: 0 15px;margin-top: 1.5%;}
.entrepreneurs-profile p{margin-top: 6%;}
.entrepreneurs-comment{padding: 0px;}
/*section3*/
.section3-box{border-radius: 30px;background-color: rgb(5, 39, 38);padding: 8% 3% 8% 4%;margin-top: 4%;}
.section3-box-left{
padding: 0 15px;
width: 56%;
}
.section3-box-right{
padding: 0 15px;
width: 44%;
}
.section3-box h2{}
.section3-box p{letter-spacing: -0.5px;}
.section3-highlight {
display: inline-block;
background-color: rgb(203, 245, 114);
color: #000;
border-radius: 18px;
padding: 9px 35px;
rotate: -12deg;
position: relative;
top: -30px;
margin: 0 0 0 10px;
}
.easy-box{align-self: flex-end;display: table-cell;}
.easy-box-inn{
border-radius: 30px;
background-color: rgb(5, 39, 38);
padding: 11% 7% 15% 7%;
}
.easy-box3{ }
.easy-box3 .easy-box-inn{background-color: #cbf572;padding: 14% 7% 7% 7%;}
.easy-box2 .easy-box-inn{
padding: 11% 7% 20% 7%;
}
.checklist2{
margin-top: 12%;
}
.checklist2 li {
background: url(../images/checklist2.png) no-repeat left 7px;
padding-left: 38px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 20px;
margin-top: 20px;
margin-right: 15px;
text-align: left;
}
.checklist2 li.uncheck{
background: url(../images/unchecklist2.png) no-repeat left 3px;
padding-left: 38px;
}
.easy-box3 .checklist2{
padding: 0 0 0 4%;
}
.easy-box3 .checklist2 li {
background: url(../images/checklist3.png) no-repeat left 7px;
padding-left: 38px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 20px;
margin-top: 20px;
margin-right: 15px;
text-align: left;
}
.easy-box h2{}
.easy-box p{
margin-top: 5px;
margin-bottom: 40px;
}
.elements-img{
width: 36%;
padding: 0 15px;position:relative;left: 3%;margin-top: -5%;
}
.elements-details{
width: 53.32%;
padding: 0 15px;
}
.elements{
width: 90%;
border-radius: 30px;
background-color: rgb(5, 39, 38);
float: right;
position: relative;
padding: 3% 2% 4% 3.5%;
margin: 2% 0;
}
.elements-img-box{
width: 20%;
position: absolute;
top: 14%;
left: -8%;
}
.elements-details-box{
width: 71%;
color: #fff;
}
.elements-details-box h2{}
.elements-details-box h4{
margin-top: 8px;
}
.elements-details-box p{
margin-top: 12px;
}
/*section4*/
.same-section h4{margin-top: 50px;}
.same-section p{margin-top: 20px;}
/*section12*/
.ai-section-left{text-align:right;padding:0% 3%;}
.ai-section-right{padding:0% 3%;}
.section12 .ai-section-left{color:#725a1e;}
.section12 .ai-section-right{color:#822838;}
.section13 .ai-section-left{color:#745959;}
.section13 .ai-section-right{color:#7c4a86;}
.section14 .ai-section-left{color:#438045;}
.section14 .ai-section-right{color:#32756e;}
.section15 .ai-section-left{color:#415f86;}
.section15 .ai-section-right{color:#3e4189;}
.ai-section h2{}
.ai-section h4{margin-top: 6%;}
.ai-section p{margin-top: 3%;margin-bottom: 0%;}
.flaunt{margin-top:7%;}
.clip-left{
width: 49%;
padding: 0px 19px 0px 15px;
position:relative;
}
.clip-right{
width: 51%;
position:relative;
}
.clip-left video{}
.section4a video{border-radius: 12px;}
.frist-vid{margin-bottom: 20px;}
.clip-left{
width: 49%;
padding: 0px 19px 0px 15px;
position:relative;
}
.clip-right{
width: 51%;
position:relative;
}
.clip-left video{}
.section4a video{border-radius: 12px;}
.frist-vid{margin-bottom: 20px;}
.clip-icon{
position: absolute;
padding: 12px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06), 0 1px 4px 0 rgba(0, 0, 0, .06), 0 4px 16px 0 rgba(0, 0, 0, .04);
width: 50px;
}
.insta-icon{
top: -20px;
left: -5px;
}
.tiktok-icon{
bottom: -14px;
left: -5px;
}
.fb-icon{
top: -20px;
right: -25px;
}
.yt-icon{
bottom: -13px;
right: -21px;
z-index: 1;
}
/* .banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;background-color:#fde3f1;z-index: 1;padding: 0.5% 0 3% 0;position:relative;} */
.banner{background: #617f9d; background-size: cover;z-index: 1;padding: 0.5% 0 3% 0;position:relative;}
.header{z-index: 111111;position: relative;margin: auto;width: 90%;}
.section1b{background-color:#fff;padding: 6% 0 2% 0;}
.section1c{background-color:#fff;padding: 1% 0 6% 0;}
.section1c-inn{background-color:#E3FDF8;padding: 6% 6% 7% 6%;border-radius: 50px;}
.section1{background-color:#0E1016; color: #fff; padding: 6% 0 8% 0;}
.section1a{background-color:#000; color:#fff; padding: 6% 0 7% 0;overflow:hidden;}
.section2{background-color:#e2f5a1;padding: 6% 0 8% 0;}
.section3{background-color: #e2f5a1;background: linear-gradient(to top, #ffffff00 50%, #e2f5a1 50%);position: relative;position: relative;}
.section3-inn{background-color: #053836;padding: 6% 0 0% 0;border-radius: 80px 80px 0 0;}
.section4a{background-color:#fff;padding: 6% 0 7% 0;overflow:hidden;}
.section4b{background-color:#c2edf0;padding: 6% 0 7% 0;}
.section4 {
background-color: #fbf0f7;
padding: 2% 0 4% 0;
color: #862c5c;
}
.section5 {
background-color: #eefaf0;
padding: 0% 0 4% 0;
color: #1a6026;
}
.section6 {
background-color: #fcfae5;
padding: 0% 0 4% 0;
color: #766e1c;
}
.section7 {
background-color: #fce4d3;
padding: 0% 0 4% 0;
color: #824f2b;
}
.section8 {
background-color: #fcffea;
padding: 0% 0 4% 0;
color: #667021;
}
.section9 {
background-color: #fee9f9;
padding: 0% 0 4% 0;
color: #862870;
}
.section10a{background-color:#e1fdfa;padding: 6% 0 8% 0;color:#1e6b63;}
.section10 {
background-color: #d3f0fc;
padding: 0% 0 4% 0;
color: #154457;
}
.section11{background-color:#fef3fe;padding: 6% 0 8% 0;color:#852f86;}
.ai-section{padding: 6% 0 6.5% 0;overflow:hidden;}
.section12{background: linear-gradient(to left, #fee7eb 50%, #fff6df 50%);}
.section13{background: linear-gradient(to left, #fae0ff 50%, #f6f6f6 50%);}
.section14{background: linear-gradient(to left, #d5fdf9 50%, #ddfede 50%);}
.section15{background: linear-gradient(to left, #e0e1ff 50%, #dfedff 50%);}
/**/
.featwrapper {
border-radius: 30px;
overflow: hidden;
}
.featwrapper video {
width: 100%;
height: auto;
}
.compare-video {
width: 100%;
height: auto;
border-radius: 16px;
overflow: hidden;
}
.video-container {
position: relative;
}
.video-wrapper {
position: relative;
transition: transform 0.3s ease;
}
.video-wrapper:hover {
transform: scale(1.1);
z-index: 2;
}
#video2 {
z-index: 1;
}
.orient-video {
background: #f3ccf4;
padding: 2% 2% 0% 2%;
border-radius: 16px;
}
.orient-video video {
width: 100%;
border-radius: 18px;
overflow: hidden;
}
.introducing {
background: url(../images/purplebg.png) no-repeat 0 0;
padding: 6% 0 7% 0;
background-size: cover;
}
.introducing-block {
padding: 40px 30px 60px 100px;
border-radius: 50px;
background-color: rgb(10 10 10 / 51%);
}
.mainbox{
max-width: 109%;
position: relative;
left: -9%;
}
.demobg {
background: #030910;
padding: 7% 0 7% 0;
}
.demo_bg_box {
background: url(../images/demobg.png) no-repeat center top;
background-size: cover;
/* padding: 8% 0 8% 0; */
position: relative;
overflow: hidden;
border-radius: 50px;
}
.demo-video {
position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
background-color: #fff;
margin: 5%;
}
.section16 {
background: url(../images/section16.png) no-repeat center center;
background-size: cover;
overflow: hidden;
padding: 5% 0 10% 0;
position: relative;
background-color: #121219;
}
.section-smiley {
background: url(../images/smileybg.png) no-repeat center top;
background-size: cover;
padding: 6% 0 7% 0;
position: relative;
}
.without-box-out {
padding: 0 1% 0 7%;
margin-top: 6%;
}
.w-box {
border-radius: 20px;
background-color: rgb(255, 255, 255);
padding: 5% 10%;
}
.with-box-out {
padding: 0 5% 0 2%;
margin-top: 6%;
}
.withoutlistnew li {
background: url(../images/crossnew.png) no-repeat 0 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0%;
padding-bottom: 3%;
padding-right: 0;
margin-bottom: 3%;
color: #000;
text-align: left;
}
.withlistnew li {
background: url(../images/ticknew.png) no-repeat 0 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0%;
padding-bottom: 3%;
padding-right: 0;
margin-bottom: 3%;
color: #000;
text-align: left;
}
.section20 {
background: url(../images/section20.png) no-repeat center top;
background-size: cover;
padding: 6% 0 3% 0;
position: relative;
overflow: hidden;
z-index: 3;
}
.section21-box {
border-radius: 40px;
background: url(../images/section21.html) no-repeat center top;
background-size: cover;
background-color: #f5f5f5;
padding: 4% 6% 4% 6%;
margin-top: 5%;
position: relative;
z-index: 1;
}
.gradient-text2 {
background-image: linear-gradient(to right, #fd8557, #f03c89);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.without-box-out {
padding: 0 1% 0 7%;
margin-top: 6%;
}
.without-box-line {
display: inline-block;
border-radius: 20px;
border: 2px solid #ee4747;
padding: 0;
position: relative;
right: -17px;
}
.without-box {
border-radius: 20px;
background-color: rgb(238 71 71);
padding: 9% 10.5% 5% 10.5%;
height: 100%;
position: relative;
top: -17px;
left: -17px;
}
.without-title {
background-color: #fff;
display: inline-block;
color: #ee4747;
padding: 1.6% 7% 1.6% 7%;
border-radius: 50px;
}
.withoutlist li {
background: url(../images/uncheck.png) no-repeat 0 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0%;
padding-bottom: 3%;
padding-right: 0;
margin-bottom: 3%;
color: #fff;
text-align: left;
}
.with-box {
border-radius: 20px;
background-color: rgb(121, 178, 0);
padding: 9% 10.5% 5% 10.5%;
height: 100%;
position: relative;
top: -17px;
left: -17px;
}
.withlist li {
background: url(../images/withcheck.png) no-repeat 0 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0%;
padding-bottom: 3%;
padding-right: 0;
margin-bottom: 3%;
color: #fff;
text-align: left;
}
.ele11 {
right: 2%;
bottom: 32%;
max-width: 7%;
}
.with-title {
background-color: #fff;
display: inline-block;
color: #63b000;
padding: 1.6% 7% 1.6% 7%;
border-radius: 50px;
}
.section22 {
background: url(../images/section22-1.png) no-repeat center top;
background-size: cover;
padding: 16% 0 2% 0;
position: relative;
overflow: hidden;
background-color: #121215;
margin-top: -14%;
}
.section25 {
/* background: url(../images/section25.png) no-repeat center top; */
background-size: cover;
padding: 11% 0 12% 0;
overflow: hidden;
background-color: #121215;
margin-top: -6%;
}
.section26-box {
border-radius: 40px;
background: url(../images/section26.png) no-repeat center bottom;
background-size: cover;
background-color: #f5f5f5;
padding: 7% 6% 1% 6%;
margin-top: -8%;
}
.funnel-detail-box-inn {
background: url(../images/funnelBg.png) no-repeat center top;
background-size: cover;
margin: auto;
border-radius: 20px;
padding: 8% 3% 3% 3%;
background-color: #121215;
}
.funnel-detail-box-list {
border-radius: 15px;
background-color: #fff;
margin-top: 3%;
padding: 7% 9% 9% 11%;
}
.tableChecklist li.title {
background: transparent !important;
padding-left: 0;
font-weight: 700;
}
.tableChecklist li {
background: url(../images/tableChecklist.png) no-repeat left 13px;
padding-left: 50px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 9px;
padding-bottom: 7px;
margin-bottom: 7px;
text-align: left;
}
.section29 {
background: url(../images/section29.png) no-repeat center top;
background-size: cover;
padding: 6% 0 5% 0;
position: relative;
overflow: hidden;
}
.titleBg10 {
display: inline-block;
color: #ffffff;
padding: 1.4% 4.2% 1.3% 4.2%;
border-radius: 20px;
background-color: rgb(255, 59, 59);
}
.mybutton a {
color: #ffffff;
padding: 2.6% 8.6%;
display: table;
margin: auto;
transition: 0.5s;
border-radius: 40px;
box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 46%);
position: relative;
z-index: 1;
background-image: -webkit-linear-gradient(0deg, rgba(228, 117, 1, 0.99608) 0%, rgb(238, 65, 41) 100%);
}
.strip_footer {
background: url(../images/foot.png) no-repeat center top;
background-size: cover;
background-color: #181415;
padding: 4% 0 2% 0;
}
.copyright-text {
text-align: left;
}
.strip_footer a {
color: #989898;
}
.copyright-link {
text-align: right;
color: #989898;
}
.introLogo{max-width:350px;}
.url-img {
position: relative;
margin-top: -9%;
top: -40px;
left: -70px;
border-width: 2px;
border-color: rgb(255, 255, 255);
border-radius: 15px;
background-color: rgb(33, 35, 44);
box-shadow: 0px 10px 49px 0px rgba(35, 100, 105, 0.33);
}
.arrow-img {
position: absolute;
right: 24px;
bottom: 125%;
}
/*section16a*/
.section16a{padding: 5% 0 6% 0;position: relative;background-color: #053836;}
.section16a-box{padding:15px;}
.section16a-box-inn {
border-radius: 30px;
background-color: rgb(5, 39, 38);
height: 100%;
color: #fff;
padding: 16% 7% 10% 7%;
}
.section16a-box h4{margin-top: 12%;}
.section16a-box p{color:#b3cecd;margin-top: 10px;}
.section16a-row{margin-top:4%;padding:0;}
.section3-row{
margin-top:5%;
display: flex;
align-items: center; padding:0;
}
.section3-div {
-ms-flex-item-align: end;
align-self: end;
padding: 0 8px;
}
.faded{position:relative;color:#053836}
.faded:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-collapse:separate}
.faded:after{box-shadow:inset 0px -90px 68px 0px,inset 0px 0px 0px 0px;}
.table-title{
background-color: white;
display: inline-block;
padding: 2px 20px;
border-radius: 50px;
}
@media only screen and (max-width: 993px){
.header {width: 100%;}
.introducing{ }
.step1, .step3, .step2{right:0;left: 0%;}
.checklist2 li, .easy-box3 .checklist2 li{padding-bottom: 10px;}
.elements {width: 100%;padding: 3% 0% 4% 3.5%;}
.elements-details-box { width: 89%; padding-left: 9%;}
.elements-img {width: 40%;left: 0;}
.same-section h4 {margin-top: 30px;}
#video2 {margin-left: -23% !important;width: 220px !important;}
}
@media only screen and (max-width: 767px){
.banner{padding: 10px 0 60px 0;}
.section1,.section2, .section1a{padding: 40px 0 60px 0;}
.section3-inn{padding: 50px 0 0px 0;border-radius: 30px 30px 0 0;}
.section4,.section5,.section6,.section7,.section8,.section9,.section10a,.section10,.section11{padding: 50px 0 50px 0;text-align: center;}
.section1, .section1b, .section1c{text-align:center;padding: 40px 0 50px 0;}
.ai-section {background-color: #fff;background-image: none;padding: 0;}
.demobg ,.section4a, .section4b, .section16, .section-smiley, .section16a, .section20{
padding: 40px 0 50px 0;
}
.with-box-line{padding:0;}
.section22 {
margin-top: 0;
}
.introducing {padding: 40px 0 50px 0;}
.demo_bg_box {
border-radius: 10px;
}
.without-box-out, .with-box-out {
padding: 0 15px;
}
.with-box {
top: 0;
left: 0;
}
.padding0 {padding: 0 15px;}
.header{width: 100%;}
.logo{max-width:150px;}
.title-span1 {border-radius: 50px;padding: 6px 10px;}
.ele-img {margin-right: 4px;max-width: 22px;}
.checklist1 li {padding: 10px 2px 10px 8px;margin: 4px 0px;width: 100%;}
.video-box {width: 100%;}
.video-box-main, .video-box {padding: 0;}
.video-box {border-width: 14px;border-radius: 20px;}
.step1, .step3, .step2{right:0;left: 0%;margin-top: 30px;margin-bottom: 20px;}
.section3-box {max-width: 90%;}
.section3-box-left, .section3-box-right {width: 100%;}
.section3-highlight {display: inline-block;background-color: rgb(203, 245, 114);color: #000;border-radius: 9px;padding: 5px 24px;rotate: -7deg;position: relative;top: 12px;margin: 0 0 0 10px;}
.elements-img{width: 100%;}
.elements-details{width: 100%;}
.ai-section-left{text-align:left;padding: 40px 15px;text-align:center;}
.ai-section-right{text-align:left;padding: 40px 15px;text-align:center;}
.section12 .ai-section-left{background-color: #fff6df;}
.section12 .ai-section-right{background-color: #fee7eb;}
.section13 .ai-section-left{background-color: #f6f6f6;}
.section13 .ai-section-right{background-color: #fae0ff;}
.section14 .ai-section-left{background-color: #ddfede;}
.section14 .ai-section-right{background-color: #d5fdf9;}
.section15 .ai-section-left{background-color: #dfedff;}
.section15 .ai-section-right{background-color: #e0e1ff;}
.importfrom-ai{max-width: 115%;position: relative;left: -22%; }
.mybutton1 a , .mybutton1b a {width: 95%;padding: 14px 5px 16px 5px; }
.mybutton1 span, .mybutton1b span {
font-size: 24px;
top: 6px;
left: 4px;
}
.payment1 {max-width:80%;}
.elements-details-box {width: 87%; padding: 4% 0 6% 6%;}
.elements-img-box { left: -11%;}
.elements-details-box h4 {margin-top: 4px;}
.elements-details-box p {margin-top: 8px;}
.easy-box p {margin-bottom: 20px;}
.checklist2 li {padding-bottom: 10px; }
.easy-box3 .checklist2 li {padding-bottom: 5px;}
.getlink{margin-left: 0; }
#video2 {margin-left: 0 !important;width: 100% !important;}
.video-wrapper:hover {transform: scale(1.05) !important;}
.video-wrapper { padding: 15px;}
.entrepreneurs-row1, .entrepreneurs-row2, .entrepreneurs-row3, .entrepreneurs-row4, .entrepreneurs-row5{padding:0 10px;}
.entrepreneurs-profile { padding: 0; }
.entrepreneurs-comment{padding: 0 5px;}
.elements-img {margin-top: 0;}
.elements {width: 90%;}
.same-section h4 {margin-top: 20px;}
.social-icons {
margin: 25px 0 36px 0;
}
.social-icons .social-icons-item {
padding: 12px;
width: 50px;
margin-right: 6px;
}
.testimonial-box-out{padding: 6px 15px;}
.introLogo{max-width:100%;}
.introducing-block {
border-radius: 30px;
padding: 30px 31px 30px 40px;
}
.arrow-img{
top: 86%;
right: 0;
rotate: 110deg;
z-index: 1;
max-width: 60px;
}
.url-img{
margin-top: 0;
left: 0;
top: 0;
margin-bottom: 20px;
}
.clip-left {
padding: 0px 13px 0px 3px;
}
.frist-vid {
margin-bottom: 8px;
}
.clip-box{margin:8px 0;}
.clip-icon{padding: 9px; width: 40px;}
.fb-icon, .yt-icon{right: -9px;}
.faded:after {
box-shadow: inset 0px -22px 22px 0px, inset 0px 0px 0px 0px;
}
.section3-div {
-ms-flex-item-align: end;
align-self: end;
padding: 0 4px;
}
.videoclips-img{display:none !important;}
}
@media (min-width: 240px){
.navbar-nav{font-size:15px;}
.step-details h4{font-size: 22px;}
.step-details h2{font-size: 28px;}
.step-details p{font-size: 16px;}
.section3-box h2{font-size: 20px;}
.section3-box p{font-size: 14px;}
.ai-section h2{font-size: 26px;}
.ai-section h4{font-size: 18px;}
.ai-section p{font-size: 16px;}
.easy-box{width: 100%;padding: 15px;}
.easy-box3{width: 100%;}
.ai-img{margin-top:20px;}
.fonts-ai{margin-top: 20px;}
.design-ai{max-width: 100%;margin-top: 20px;}
.lightening-ai{margin-top: 20px;}
.nowatermark-ai{margin-top: 20px;}
.entrepreneurs-profile{width: 15%;}
.entrepreneurs-comment{width: 85%;}
.easy-box{width: 100%;padding: 15px;}
.easy-box3{width: 100%;}
#video2 {margin-left: -14%; width: 350px;}
}
@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){
.mainvideo {
position: static;
width: 100%;
height: 0px;
padding-bottom: 280px;
}
}
@media only screen and (min-width: 768px) {
.lappy {
position: relative;
right: 0;
bottom: -50px;
}
.videosection {
position: relative;
right: 0;
bottom: 0px;
}
.mainvideo {
position: absolute;
width: 504px;
height: 271px;
top: 18px;
left: 31px;
padding-bottom: 0;
}
.navbar-nav{font-size:15px;}
.step-details h4{font-size: 21px;}
.step-details h2{font-size: 28px;}
.step-details p{font-size: 14px;}
.section3-box h2{font-size: 28px;}
.section3-box p{font-size: 15px;}
.ai-section h2{font-size: 27px;}
.ai-section h4{font-size: 17px;}
.ai-section p{font-size: 14px;}
.easy-box{width: 33.55%;padding: 12px;}
.easy-box3{width: 32.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 14.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -4%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 15%;}
.entrepreneurs-comment{width: 77%;}
#video2 {margin-left: -14%; width: 350px;}
.videoclips-img {right: -7%;top: 18%;max-width: 38%;}
}
@media only screen and (min-width: 800px) {
}
@media only screen and (min-width: 860px) {
}
@media only screen and (min-width: 892px) {
}
@media only screen and (min-width: 992px) {
.mainvideo {
position: absolute;
width: 543px;
height: 292px;
top: 18px;
left: 33px;
}
.navbar-nav{font-size:15px;}
.step-details h4{font-size: 22px;}
.step-details h2{font-size: 32px;}
.step-details p{font-size: 12px;}
.section3-box h2{font-size: 30px;}
.section3-box p{font-size: 16px;}
.ai-section h2{font-size: 33px;}
.ai-section h4{font-size: 21px;}
.ai-section p{font-size: 17px;}
.easy-box{width: 33.55%;padding: 10px;}
.easy-box3{width: 32.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 14.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -4%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 17%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -19%;width: 230px;}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1050px;}
.mycontainer2{}
.mycontainer3{width: 1020px;}
.step-details h4{font-size: 22px;}
.step-details h2{font-size: 35px;}
.step-details p{font-size: 13px;}
.section3-box h2{font-size: 27px;}
.section3-box p{font-size: 15px;}
.ai-section h2{font-size: 33px;}
.ai-section h4{font-size: 19px;}
.ai-section p{font-size: 18px;}
.easy-box{width: 32.55%;padding: 15px;}
.easy-box3{width: 33.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 13%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 16%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 250px;}
.videoclips-img {right: -7%;top: 12%;max-width: 42.5%;}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width: 1110px;}
.mycontainer2{}
.mycontainer3{width: 1160px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.navbar-nav{font-size: 13px;}
.step-details h4{font-size: 23px;}
.step-details h2{font-size: 41px;}
.step-details p{font-size: 15px;}
.section3-box h2{font-size: 31px;}
.section3-box p{font-size: 17px;}
.ai-section h2{font-size: 38px;}
.ai-section h4{font-size: 22px;}
.ai-section p{font-size: 16px;}
.easy-box{width: 33.55%;padding: 12px;}
.easy-box3{width: 32.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 13.2%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 15%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 270px;}
.videoclips-img {right: -7%;top: 12%;max-width: 44%;}
}
@media (min-width:1300px) {
.mycontainer{width: 1180px;}
.mycontainer2{width:1180px;}
.mycontainer3{width:1180px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.navbar-nav{font-size: 12px;}
.step-details h4{font-size: 24px;}
.step-details h2{font-size: 41px;}
.step-details p{font-size: 15px;}
.section3-box h2{font-size: 32px;}
.section3-box p{font-size: 17px;}
.ai-section h2{font-size: 38px;}
.ai-section h4{font-size: 22px;}
.ai-section p{font-size: 16px;}
.easy-box{width: 33.55%;padding: 15px;}
.easy-box3{width: 31.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 12.7%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 14%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 280px;}
.videoclips-img {right: -7%;top: 12%;max-width: 43.5%;}
}
@media (min-width:1400px) {
.mycontainer{width:1370px;}
.mycontainer2{width:1200px;;}
.mycontainer3{width: 1240px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 90px;
}
.navbar-nav{font-size: 13px;}
.step-details h4{font-size: 24px;}
.step-details h2{font-size: 43px;}
.step-details p{font-size: 15px;}
.section3-box h2{font-size: 34px;}
.section3-box p{font-size: 17px;}
.ai-section h2{font-size: 42px;}
.ai-section h4{font-size: 22px;}
.ai-section p{font-size: 15px;}
.easy-box{width: 32.55%;padding: 15px;}
.easy-box3{width: 32.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 13.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3.7%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 14%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 290px;}
.videoclips-img {right: -7%;top: 12%;max-width: 44%;}
}
@media (min-width:1500px) {
.mycontainer{width: 1400px;}
.mycontainer2{width:1200px;}
.mycontainer3{width: 1340px;}
.navbar-nav{font-size: 13px;}
.step-details h4{font-size:26px;}
.step-details h2{font-size: 46px;}
.step-details p{font-size: 16px;}
.section3-box h2{font-size: 36px;}
.section3-box p{font-size: 18px;}
.ai-section h2{font-size: 43px;}
.ai-section h4{font-size: 25px;}
.ai-section p{font-size: 17px;}
.easy-box{width: 30.55%;padding: 15px;}
.easy-box3{width: 30.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 13%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 13%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 310px;}
.videoclips-img {right: -7%;top: 12%;max-width: 44%;}
}
@media (min-width:1600px){
.mycontainer{width: 1450px;}
.mycontainer2{width:1200px;}
.mycontainer3{width: 1250px;}
.navbar-nav{font-size: 13px;}
.step-details h4{font-size:26px;}
.step-details h2{font-size: 43px;}
.step-details p{font-size: 16px;}
.section3-box h2{font-size: 34px;}
.section3-box p{font-size: 18px;}
.ai-sectionai-sectionai-section h2{font-size: 42px;}
.ai-sectionai-section h4{font-size: 23px;}
.ai-section p{font-size: 17px;}
.easy-box{width: 32.55%;padding: 20px;}
.easy-box3{width: 33.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 13.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -4%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 14%;}
.entrepreneurs-comment{width: 67%;}
.section10-title{width: 104%;position: relative;left: -2%;}
#video2 {margin-left: -14%;width: 290px;}
.videoclips-img {right: -7%;top: 12%;max-width: 44%;}
}
@media (min-width:1700px){
.mycontainer{width: 1520px;}
.mycontainer2{width:1200px;}
.mycontainer3{width: 1350px;}
.navbar-nav{font-size: 14px;}
.step-details h4{font-size:26px;}
.step-details h2{font-size: 47px;}
.step-details p{font-size:18px;}
.section3-box h2{font-size: 37px;}
.section3-box p{font-size:19px;}
.ai-sectionai-sectionai-section h2{font-size: 46px;}
.ai-sectionai-section h4{font-size: 24px;}
.ai-section p{font-size: 18px;}
.easy-box{width: 30.55%;padding: 25px;}
.easy-box3{width: 30.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 12.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 13%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 315px;}
.videoclips-img {right: -7%;top: 12%;max-width: 44%;}
}
@media (min-width:1800px){
.mycontainer{width: 1540px;}
.mycontainer2{width:1200px;}
.mycontainer3{width: 1410px;}
.navbar-nav{font-size:15px;}
.step-details h4{font-size:26px;}
.step-details h2{font-size: 49px;}
.step-details p{font-size:18px;}
.section3-box h2{font-size: 38px;}
.section3-box p{font-size:19px;}
.ai-sectionai-sectionai-section h2{font-size: 49px;}
.ai-sectionai-section h4{font-size: 26px;}
.ai-section p{font-size: 19px;}
.easy-box{width: 30.55%;padding: 25px;}
.easy-box3{width: 30.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 11.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -3%;}
.nowatermark-ai{margin-top: 11%;}
.entrepreneurs-profile{width: 12%;}
.entrepreneurs-comment{width: 67%;}
#video2 {margin-left: -14%;width: 320px;}
.videoclips-img {right: -7%;top: 12%;max-width: 45%;}
}
@media (min-width:1900px){
.mycontainer{width:1660px;}
.mycontainer2{width:1200px;}
.mycontainer3{width:1540px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 104px;
}
.navbar-nav{font-size:16px;}
.step-details h4{font-size:26px;}
.step-details h2{font-size:50px;}
.step-details p{font-size:18px;}
.section3-box h2{font-size:39px;}
.section3-box p{font-size:19px;}
.ai-section h2{font-size:51px;}
.ai-section h4{font-size:27px;}
.ai-section p{font-size:20px;}
.easy-box{width: 30.55%;padding: 25px;}
.easy-box3{width: 30.82%;}
.ai-img{margin-top:4%;}
.fonts-ai{margin-top: 14.5%;}
.design-ai{max-width: 112%;}
.lightening-ai{margin-top: -5%;}
.nowatermark-ai{margin-top: 11%;}
.step1-row, .step2-row, .step3-row{padding: 0 3%;}
.entrepreneurs-profile{width: 12%;}
.entrepreneurs-comment{width: 67%;}
.section3-box{max-width: 95.5%;}
#video2 {margin-left: -14%; width: 350px;}
.videoclips-img {right: -7%;top: 12%;max-width:100%;}
}
@media (min-width:2000px){
}
.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;}
.top-title2 {
padding: 10px 50px;
display: table;
margin: 1% auto 0% auto;
background: rgba(17, 17, 17, .8);
border: 1px solid rgba(255, 255, 255, .1);
box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
backdrop-filter: blur(40px);
border-radius: 60px;
}
.videoElement{position:absolute;}
.videoElement-1{position:absolute;}
.videoElement{max-width: 12%;right: 92%;top: 15%;}
.videoElement-1{max-width: 27%;left: 83%;bottom: -7%;}
.videoclips-img {
position: absolute;
}
.floating-bar {
bottom: 10px;
background: rgba(17, 17, 17, .8);
border: 1px solid rgba(255, 255, 255, .1);
box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
position: fixed;
z-index: 999;
width: 80%;
backdrop-filter: blur(40px);
border-radius: 60px;
left: 50%;
transform: translateX(-50%);
padding: 10px 10px 10px 10px;
}
.buynow_sticky {
background: #0099ff;
padding: 10px 20px;
border-radius: 8px;
text-decoration: none;
color: #fff;
}
.buynow_sticky:hover {
color: #fff;
text-decoration: none !important;
}
.social-container {
position: relative;
}
.social-ready {
position: relative;
z-index: 1;
}
.madewith {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.67843) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.67843) 100%);
background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.67843) 100%);
padding: 4% 4%;
border-radius: 38px;
backdrop-filter: blur(10px);
width: 60%;
box-shadow: 0 5.038813659542939px 5.038813659542939px -0.3125px #00000040, 0 11.942878102854593px 11.942878102854593px -0.625px #00000040, 0 21.785044137941437px 21.785044137941437px -0.9375px #00000040, 0 36.21759214656777px 36.21759214656777px -1.25px #00000040, 0 58.488458165869815px 58.488458165869815px -1.5625px #00000040, 0 95.73980282226692px 95.73980282226692px -1.875px #00000040, 0 164.85747529010405px 164.85747529010405px -2.1875px #00000040, 0 300px 300px -2.5px #00000040;
}
.top_icon {
background-color: rgb(26 26 26);
border: 1px solid rgba(255, 255, 255, .1);
padding: 20px;
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 75%;
}
.section12-box-inn {
background: url(../images/section12Bg.png) no-repeat center center;
background-size: cover;
background-color: #1a1815;
border-radius: 25px;
padding: 28% 1% 13% 0%;
margin-top: -25%;
}
.creator {
border-radius: 100%;
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.22);
position: relative;
}
.section12 {
background: url(../images/section12.png) no-repeat center top;
background-size: cover;
padding: 2.5% 0 6% 0;
position: relative;
}
.stepbg {
background: #0E1016;
padding: 7% 0 7% 0;
}
.sticky-text {
position: sticky;
top: 30vh;
}
.text-content {
display: none;
}
.content-section {
height: 100vh;
}