html {scroll-behavior: smooth;}
/*Fonts*/
.golostext{font-family: "Golos Text", sans-serif;}
.anton{font-family: "Anton", sans-serif;}
.liningNums{font-variant-numeric: lining-nums;}

/*Common*/
body {font-family: "degular", sans-serif;font-size: 14px;line-height: 1.42857143;color: #000000;background-color: #fff;}

/*Common*/
 
 
.ls25-20f{letter-spacing:-0.5px}
.ls25-64f{letter-spacing:-1.6px}
.ls25-34f{letter-spacing:-0.85px}

.f60-ls25{letter-spacing:-1.5px}
.f30-ls25{letter-spacing:-0.75px}
.f24-ls25{letter-spacing:-0.6px}

.ls-016{letter-spacing:-0.16px} 
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}

.padding0 {padding: 0;}
.padding3 {padding: 0 3%;}
.paddingR{padding: 0 0 0 3%;}


a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}

@media (min-width:240px) {
.absimage{position:static; top:20px; width:100%;}
.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%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.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-5{margin-top:-5%;}

.mycontainer{width:100%;}
.mycontainer2{width:100%;margin:auto;}

.time sup{top: -2.4em;}
.mycontainer,.mycontainer2,.mycontainer3{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
 
}


@media (min-width:768px) {
.rectangle{background: url(../images/rectangle.webp) no-repeat center center; border:0; background-size: contain; padding: 1% 1%;}	
	
.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;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm50 {font-size: 50px;}.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%;}
 
.lappysection {position: relative;bottom: -113px;margin-top: -90px !important;}

.lappysection2{    position: relative;bottom: -480px;margin-top: -566px !important;}

.mycontainer{width:750px;}
.mycontainer2{width:750px;}

.time sup{top: -2.4em;}
 

}

@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;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.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;}

.lappysection {position: relative;bottom: -112px;margin-top: -90px !important;}

.time sup{top: -2.4em;}

}

@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: 43px;}.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;}.lg54 {font-size: 54px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg60{font-size: 60px;}.lg62{font-size: 62px;}.lg64 {font-size: 64px;}.lg65 {font-size: 65px;}.lg66 {font-size: 66px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg95 {font-size: 95px;}.lg101 {font-size: 101px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}

.lappysection {position: relative;bottom: -125px;margin-top: -90px !important;}


.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%;}

.time sup{top: -2.8em;} 
}

@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;}.xl63{font-size: 63px;}.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: 20px;background-color: #000000;}

.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%;}

.video-box-main{border-radius: 40px;overflow: hidden;padding: 1px;/* background-image: linear-gradient(to right, hsl(0deg 0% 46% / 24%), rgb(255 255 255 / 24%)); */margin: auto;width: 94.3%;margin-top: 10px;}
.video-box{background-color: #ffffff0d;backdrop-filter: blur(10px);border-radius: 40px;overflow: hidden;padding: 16px;border: 1px solid hsl(0deg 0% 72.55% / 9%);}
.video-box-inner{border-radius: 30px;overflow: hidden;}

.white{color:#fff;}
.black{color:#000;}
.black2{color:#4b4b4b;}
.black3{color:#242424;}
.black4{color:#434343;}
.black5{color:#282828;}
.yellow{color:#f4ca08;}
.green{color:#79c932;}
.green2{color:#69ab39;}
.blue{color:#329cff;}
.blue2{color:#23a2fc;}
.purple2{color:#1a1634;}
.gray{color:#808080;}
.purple{color:#644ded;}
.red{color:#f61414;}

.mycontainer{margin:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.underline {text-decoration: underline;}
.underline1{border-bottom:1px solid;}


/*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;}.w710{font-weight: 710;}.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%;}

.clear {clear: both;}
 

/*top*/
.gradient-text1{}
 

.mybutton{margin-top: 1.5%;}
.mybutton a {background-image: -moz-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);background-image: -ms-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);color: #fff;padding: 2.8% 4.4%;display: table;border-radius: 30px;transition: all 0.5s;position: relative;margin: auto;transition: transform .2s;}
.mybutton a:hover {background-image: -moz-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);background-image: -ms-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);transform: scale(1.03);}
.mybutton a .arrow{border-radius: 50px;box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.18);margin-left: 8px;}
.payment{margin-top: 6px;}

/*top*/
.navbar{width: 100%;} 
nav{width:100%;}
.navbar-brand {margin-right: 0rem;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 16px;padding-right: 16px;padding-top: 7px;padding-bottom: 7px;border-radius: 50px;position: relative;}
.navbar-light .nav-item{display: contents;line-height: 170%;}
.navbar-light .navbar-nav .nav-link {color: #ffffff;letter-spacing:-0.45px;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff;background-color: #ffffff12;transition: 0.4s ease;}

.navbar-light .navbar-nav .nav-link span{transition: 0.4s ease;}
.navbar-light .navbar-nav .nav-link:hover span{color: #ffffff00;background: -webkit-linear-gradient(0deg, #ffee68 28%, #f870d0 78%);-webkit-background-clip: text;}

  
.navbar-toggler {background-color: white;}
.logo-img{width: 202px;}
.menu {background-color: #ffffff0d;padding: 11px 20px 11px 42px;border-radius: 50px;border: 1px solid rgb(255 255 255 / 16%);backdrop-filter: blur(16px);}

/* Default navbar styling */
#nav-bar {position: fixed;bottom: 12px;left: 0;right: 0;margin: 0 auto;width: 68.9%;background-color: #00000073;float: none;transition: width 0.4s ease,padding 0.4s ease,background-color 0.4s ease,box-shadow 0.3s ease;z-index: 999;box-shadow: none;display: flex;align-items: center;justify-content: space-between;}
#nav-bar.scrolled {position: fixed;top: 30px;left: 0;right: 0; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);backdrop-filter: blur(16px);background-color: rgba(13, 13, 13, 0.2);}

.nav-link.getlink {
    color: #004342;
    border-radius: 50px;
    background-color: rgb(209, 254, 23);
    font-weight: 700;
    padding: 8px 24px;
    letter-spacing: -0.18px;
    transition: 0.5s;
}
.nav-link.getlink:hover {
    background-color: rgb(176 218 0);
    transform: scale(1.03);
}

/**/
.SMN_effect-21 a:after {content: "";width: 0;height: 1px;background: rgba(255, 255, 255, 0.4);position: absolute;top: 0;left: 50%;right: 50%;transition: all 0.3s ease 0s;}
.SMN_effect-21 a:after {top: auto;bottom: 1px;background: linear-gradient(90deg, #ffee68 28%, #f870d0 78%);}
.SMN_effect-21 a:hover:after {width: 70%;left: 0;right: 0;margin: auto;}

/* Full gradient overlay */
.btn-links a.gradient-shrink-btn::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #ffee68 28%, #f870d0 78%);border-radius: inherit;z-index: 0;transition:width 0.3s ease,height 0.3s ease,top 0.3s ease,left 0.3s ease,transform 0.3s ease,border-radius 0.3s ease;}
/* On hover, shrink gradient into a small dot */
.btn-links a.gradient-shrink-btn:hover::before {width: 0px;height: 0px;top: 50%;left: calc(100% - 40px);transform: translateY(0%);border-radius: 50%;}
/* Text stays above gradient */
.btn-links a.gradient-shrink-btn .text, .btn-links a.jv-link .text {position: relative;z-index: 1;transition: color 0.6s ease;}
.btn-links a.jv-link .text{color: #ffffff;}
/* Arrow: hidden initially */
.btn-links a .btn-arrow1 {position: relative;z-index: 1;width: 25px;height: auto;margin-left: 20px;transition: transform 0.6s ease, opacity 0.6s ease;}
/* On hover: text light, arrow slides in */
.btn-links a.gradient-shrink-btn:hover { }
.btn-links a.gradient-shrink-btn:hover .text, .btn-links a.jv-link:hover .text {color: #fff;}
.btn-links a:hover .btn-arrow1 {transform: translateX(0);fill: url(#arrowGradient);}

/* Gradient border effect */
.btn-links a.gradient-shrink-btn::after, .btn-links a.jv-link::after {content: "";  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;padding: 1px;background: linear-gradient(90deg, hsl(0deg 0% 46% / 24%), rgb(255 255 255 / 24%));mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;-webkit-mask-composite: destination-out;opacity: 0;transition: opacity 0.4s ease;pointer-events: none;z-index: 1;box-sizing: border-box;}
.btn-links a.gradient-shrink-btn:hover::after , .btn-links a.jv-link:hover:after{opacity: 1;}
.btn-links a.gradient-shrink-btn .noise-overlay,
.getlink .noise-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/noise.webp');background-size: cover;background-repeat: no-repeat;opacity: 0.1; /* Adjust as needed */z-index: 0.5;pointer-events: none;border-radius: inherit;transition: opacity 0.4s ease;}
.btn-links a.gradient-shrink-btn:hover .noise-overlay,
.getlink:hover .noise-overlay{ opacity: 0;}
.btn-links a.jv-link{background-color: rgb(29 29 29);padding: 16.8px 59px;color: #ffffff;}
.btn-links a.jv-link:hover{}

/* Full gradient overlay */
.btn-links a.jv-link::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, hsl(0deg 0% 9.8%) 28%, #191919 78%);border-radius: inherit;z-index: 0;transition:width 0.3s ease,height 0.3s ease,top 0.3s ease,left 0.3s ease,transform 0.3s ease,border-radius 0.3s ease;}
.btn-links a.jv-link:hover::before {width: 0px;height: 0px;top: 50%;left: calc(100% - 40px);transform: translateY(0%);border-radius: 50%;}
.btn-links a.jv-link {}

.payment-img-1{margin-top: 16px;} 
.window-img-1{margin-top: 16px;}


.btn-links{margin-top: 4%;}
.btn-links a{display: table;transition: .5s;position: relative;border-radius: 50px;font-size: 28px;letter-spacing: -0.7px;margin: 0;width: auto;text-align: center;padding: 16px 28px;}
.btn-links a.gradient-shrink-btn {display: inline-flex;align-items: center;justify-content: center;padding: 28px 56.5px;color: #111;background-color: rgb(25, 25, 25);overflow: hidden;text-decoration: none;transition: background-color 0.4s ease, color 0.4s ease, padding-right 0.4s ease;gap: 0;background-color: rgb(25, 25, 25);border: 0;}
.btn-links-span{display: inline-block;background-color: #323232;padding: 7px 7px;border-radius: 100px;box-shadow: inset -2px 2px 0px 0px #b7b7b794;}

.proof-section .btn-links-span {background-color: #ffffff;}
.btn-text-1{}
.btn-text-1 h3{color: #fff;letter-spacing: -0.55px;margin-top: 5.1%;}
.btn-text-1 h4{color: #fff;letter-spacing: -0.85px;margin-top: 7px;}

  
.payment-img {
    margin-top: 18px;
}


/*banner*/  

 
.highlight1{background-color: rgb(255, 217, 100);color: #000000;padding: 0 5px;} 
 
.video-div{background: url(../images/videobg.webp) no-repeat center top;background-size: cover;padding: 1% 0 3% 0;}
.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25%!important;
}
.videoBg {position: absolute;width: 100%;}
.mainvideo-section {margin: auto;width: 91%;padding-top: 1.8%;}
.video-box-section{position:relative;margin: auto;margin-top: 6%;}

.unlimited-box{padding: 8px;width: 11.9%;}
.unlimited-box-inn{}

.brand-box{padding: 14px;width: 18.2%;}
.brand-box-inn{}

.coupon-off-1 {
  border-width: 1px;
  border-color: rgb(255, 217, 100);
  border-style: dashed;
  border-radius: 5px;
  display: inline-block;
  padding: 1px 10px;
  color: rgb(255, 217, 100);
  font-weight: 600;
}
.coupon-off {
  border-width: 1px;
  border-color: rgb(0 0 0);
  border-style: dashed;
  border-radius: 5px;
  display: inline-block;
  padding: 1px 10px;
  color: rgb(0 0 0);
  font-weight: 700;
}

.moneyback-coupon-off{
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  padding: 0px 10px 4px 10px;
  }

.element1-img, .element2-img, .element3-img, .element4-img{position: absolute;}
.element1-img{bottom: 100%;right: 100%;}
.element2-img{bottom: 100%;left: 100%;transform: rotate(90deg);}
.element3-img{top: 100%;right: 100%;transform: rotate(-90deg);}
.element4-img{top: 100%;left: 100%;transform: rotate(180deg);}
.bannerimg{margin-bottom: -0.3%;cursor: pointer;}
 
.automated-box-out{padding: 7px;width: 14.5%;}
.automated-box{box-shadow: 0px 6px 29px 0px rgba(82, 47, 113, 0.14);border-radius: 10px;background-image: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);padding: 3px;position: relative;height: 60px;}
.automated-box-inn {background-color: #ffffff;border-radius: 8px;padding: 0px 0px 0px 8px;height: 100%;display: -webkit-flex;display: flex;align-items: center;justify-content: flex-start;width: 100%;max-width: 100%;}
.automated-box .row{align-items: center;width: 100%;}
 
.automated-box div.automated-img{width: 20%;}
.automated-box div.automated-detail{width: 80%;padding-left: 7px;}
.automated-box div img{}
.automated-box p{padding-right: 0;line-height: 100%;letter-spacing: -0.27px;}

.highlight2{background-color: rgb(255, 217, 100);color: #000000;font-weight: 700;padding: 0px 3px 5px 3px;display: inline-block;line-height: 67%;} 
 

.lg66-ls25{letter-spacing:-1.65px}
.lg70-ls25{letter-spacing:-1.75px}

.mybutton1{margin-top: 20px;}
.mybutton1 a{
    color: #ffffff;
    display:table;
    transition:0.5s;
    position:relative;
    letter-spacing:  -0.56px;
    margin: auto;
    border-radius: 22px;
    background-image: -moz-linear-gradient( 0deg, rgb(0,84,61) 0%, rgb(36,121,53) 63%, rgb(53,131,48) 85%, rgb(69,141,43) 100%);
    background-image: -webkit-linear-gradient(0deg, #005956 0%, rgb(36, 121, 53) 63%, rgb(53, 131, 48) 85%, rgb(69, 141, 43) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(0,84,61) 0%, rgb(36,121,53) 63%, rgb(53,131,48) 85%, rgb(69,141,43) 100%);
    box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.36);
    letter-spacing: -0.37px;
    padding: 28px 65px;
    }
.mybutton1 a:hover{-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1;text-decoration:none!important;background-color: rgb(165 206 0);transform: scale(1.05);}
.mybutton1 .arrow-img{position: relative;margin-left: 15px;top: -2px;} 
.mybutton1 a:hover .arrow-img{}

/*section2*/
.unlock-img{position: absolute;right: 102%;top: 12px;}

/*section3*/
.step-box-out{position: relative;}
.step-box{background-color: rgb(255, 255, 255);box-shadow: 0px 7px 57px 0px rgba(0, 0, 0, 0.23);height: 100%;display: -webkit-flex;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.step-details{width: 43%;padding: 0 16px 0 0;}
.step-details h4{text-transform: uppercase;}
.step-details h4 span{display: inline-block;padding: 00px 14.4px 0.2px 14.4px;border-radius: 50px;}
.step1-title{background-color: rgb(255, 197, 154);}
.step2-title{background-color: rgb(216, 187, 253);}
.step3-title{background-color: rgb(187, 253, 199);}
.step-details h2{}
.step-details p{}
.step-img-div{width: 57%;}

.step1-img{position: relative;left: -3%;}
.step2-img{max-width: 105%;position: relative;left: -4%;}
.step3-img{max-width: 110%;position: relative;left: -7%;}

.connection1-img{position: absolute;bottom: 94%;left: 86%;}

/*section4*/
.section4-box-out{padding: 0 15px;width: 88%;margin-top: 3%;} 
.section4-box{border-radius: 31px;background-color: rgb(231, 228, 255);padding: 3% 1% 4% 1%;}
.section4-box hr{border-top: 1px solid transparent;border-image: linear-gradient(to right, #e7e4ff, #dbd7fa, #e7e4ff) 1;margin: 1% 0 0 0;}
.shadowimg{margin-top: -5%;}

/*section5*/ 
.section5-main-box{padding: 0 3.2%;margin-top: 3%;}
.section5-box-out{padding: 16px;}
.section5-box{border: 1px solid rgb(12, 35, 19);border-radius: 36px;background-color: rgb(255, 255, 255);box-shadow: 0px 8px 49px 0px rgba(12, 35, 19, 0.1);padding: 4% 1% 10% 1%;text-align: center;height: 100%;}
.section5-box h4{margin-top: 5px;}
.section5-box p{padding: 0 9%;margin-top: 5px;}
.icon2-img {position: absolute;right: 104%;bottom: 0;}

.highlight3{display: inline-block;background-color: #fff;border: 1px solid #000;border-radius: 50px;padding: 6px 30px 11px 30px;margin-top: 8px;} 
 
.section11-box{padding:1% 0;overflow:hidden;margin-top: 1.5%;}
.slider1{position:relative;width:100%;top:0;overflow:hidden}
.slider1 .slider-row{width:1920px;height:868px;background-image:url(../images/collage.webp);background-size:1920px 868px;animation:50s linear infinite slide1;background-repeat:repeat-x;margin:auto}
@keyframes slide1{from{background-position-x:0}to{background-position-x:-1920px}}
.graphics-img {position: absolute;top: 51%;left: 51%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);filter: drop-shadow(0 14px 95px #000000e6);}
 
 
/*slider-section*/
.slider-section{padding: 5% 0;}
.swiper-container {width: 100%;height: 100%;}

.swiper-slide-box{text-align: center;background-color: rgb(2, 3, 16);overflow: hidden;padding-top: 15.5%;}
.talent-name{font-weight: 600;color: #fff;text-transform: uppercase;line-height: 100%;font-family: "degular", sans-serif;}
.talent-post{font-weight: 400;color: #868689;line-height: 100%;margin-top: 14px;}
.talent-post span{display: inline-block;border: 1px solid rgb(255 255 255 / 14%);border-radius: 50px;padding: 2px 18px;letter-spacing: -0.2px;}
.talent-img{margin-top: 6.5%;}

.slide-box1{background:url(../images/slidebg1.webp) no-repeat center top;background-size: cover;}
.slide-box2{background:url(../images/slidebg2.webp) no-repeat center top;background-size: cover;}
.slide-box3{background:url(../images/slidebg3.webp) no-repeat center top;background-size: cover;}
.slide-box4{background:url(../images/slidebg4.webp) no-repeat center top;background-size: cover;}
.slide-box5{background:url(../images/slidebg5.webp) no-repeat center top;background-size: cover;}
.slide-box6{background:url(../images/slidebg6.webp) no-repeat center top;background-size: cover;}
.slide-box7{background:url(../images/slidebg7.webp) no-repeat center top;background-size: cover;}
.slide-box8{background:url(../images/slidebg8.webp) no-repeat center top;background-size: cover;}
.slide-box9{background:url(../images/slidebg9.webp) no-repeat center top;background-size: cover;}
.slide-box10{background:url(../images/slidebg10.webp) no-repeat center top;background-size: cover;}
.slide-box11{background:url(../images/slidebg11.webp) no-repeat center top;background-size: cover;}

.swiper-button-next, .swiper-button-prev{background-image: none !important;height: 100% !important;top: 0 !important;display: -webkit-flex;display: flex;align-items: center;bottom: 0 !important;margin-top: 0 !important;width: 130px !important;padding: 21px;}
.swiper-button-next{right: 0 !important;justify-content: flex-end;background-image: linear-gradient(to right, transparent, #ffffff 90%) !important;background-size: cover !important;} 
.swiper-button-prev{left: 0 !important;background-image: linear-gradient(to right, #ffffff 10%, transparent) !important;background-size: cover !important;justify-content: flex-start;}
.sliderarrow-img{}
.sliderarrow-left{}
.sliderarrow-right{transform: rotate(180deg);}
.playicon{position: absolute;top: 55%;left: 50%;transform: translate(-50%, 0%);-ms-transform: translate(-50%, -50%);}

.video-card{position: absolute;border: 0;left: 0;opacity: 0;transition: opacity 0.3s ease-in-out;margin-top: 2px;}
.swiper-slide-box:hover .video-card {opacity: 1;}

.swiper-slide-box p{}
.swiper-slide-box:hover p {position: relative;z-index: 1;box-shadow: 0px 0px 20px 28px #020310;}
/*section6*/
.revolution{max-width: 109%;}

/*section7*/ 
.section7-shap1, .section7-shap2, .section7-shap3{border-radius: 25px;font-size: 120px;font-family: "Anton", serif;display: inline-block;line-height: 90%;padding: 0 22px 0 24px;letter-spacing: -1.1px;}
.section7-shap1{background-color: rgb(218, 48, 48);color: #fff;padding: 12px 33px 11px 33px;}
.section7-shap2{background-color: rgb(255, 224, 50);color: #000;padding: 8px 22px 3px 16px;position: relative;margin: 15px 0 25px 0;} 

.emoji1-img{position: relative;margin-top: 0;margin-right: 8px;} 
.emoji2-img{position: relative;top: 3px;}  

.section7-box-out{padding: 2.5px;margin-top: 36px;}
.section7-box{border-radius: 36px;background-color: rgb(255, 255, 255);padding: 23px;position: relative;}

.problem-img-div{padding: 0;}
.problem-detail-div{padding: 0 2% 0 2%;}
.section7-box h2{margin-top: 12px;}
.section7-box p{}

.problem-img-div2{padding: 0;text-align: right;}
.problem-detail-div2{padding: 0 0% 0 4%;}

.problem1{border-radius: 20px;width: 89%;}
 

.section7-shap1 span{position: relative;top: 3px;}
.section7-shap2 span{position: relative;top: 3px;}
.section7-shap3 span{position: relative;top: 3px;}

/*section8*/
/*section8*/
.section8-box-out{padding: 0;}
.section8-box{background:url(../images/section8bg.webp) no-repeat center top;background-size: cover;padding: 4.5% 0 1% 0;width: 92%;border-radius: 36px;margin: auto;text-align: center;position: relative;z-index: 1;} 
.section8-titile-1{} 
.section8-titile-1 span{background: linear-gradient(-90deg, #011c2f 0%, #ffffff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section8-video-box{background-color: #ffffff30;backdrop-filter: blur(10px);border-radius: 40px;overflow: hidden;padding: 16px;width: 58.4%;margin-top: 3%;}
.elementbg1-img{position: absolute;bottom: -4.1%;z-index: 1;left: 3%;} 

 
.section8 .btn-links {margin-top: 2%;}
  .section8-video-box {width: 58.4%;}


.commercial-hightlight{/* padding: 1px; *//* border-radius: 50px; *//* overflow: hidden; *//* background-image: linear-gradient(to right, #f870d0, #ffee68); */display: inline-flex;/* box-shadow: 0px 5px 46px 0px rgba(113, 27, 88, 0.2); *//* text-transform: uppercase; */}
.commercial-hightlight-inn{display: inline;background-color: #000000;width: 100%;border-radius: 50px;padding: 20px 62px;color: #fff;border: 1px solid #d1fe17;}
.commercial-arrowdown-img{margin-top: -5%;}

.commercial-hightlight-inn span{
    /* background: linear-gradient(90deg, #ffee68 10%, #f870d0 100%); */
    /* background: linear-gradient(90deg, #f870d0 10%, #ffe200 100%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    }

/*section9*/
.section9-box2{width: 65%;margin: auto;margin-top: 3%;} 
.future-img{ }
.labels-img{max-width: 108%;} 

.future-box{border-radius: 30px;background-color: rgb(255, 255, 255);padding: 34px 20px 20px 20px;margin-top: -23px;margin-bottom: 30px;}
 
.future-div-1{width: 47%;}
.future-div-2{width: 9%;margin-left: -6px;z-index: 1;}
.future-div-3{width: 43%;margin-left: 4px;text-align: right;}
.future1a-img{width: 100%;transition: transform .2s;}
.future1conn-img{width: 100%;}
.future1b-img{width: 100%;}

.modal-content{padding: 10px 15px 15px 15px;}
.future1a-img:hover{transform: scale(1.05);cursor: pointer;} 
.future1afull-img{border: 1px solid rgb(186, 186, 186);border-radius: 12px;background-color: rgb(255, 255, 255);margin-top: 5px;}

.phase-title{background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);border-radius: 50px;display: inline-block;padding: 1px;position: relative;z-index: 1;box-shadow: 0px 4px 16px 0px rgba(34, 34, 125, 0.17);}
.phase-title-inn{background-color: #ffffff;border-radius: 50px;display: inline-block;padding: 7px 35px;}

/*section10*/ 
.section10-box{    padding: 15px;
  width: 85.7%;}
.section10-box-inn{border: 1px solid rgb(12, 35, 19);border-radius: 36px;background-color: rgb(255, 255, 255);box-shadow: 0px 8px 49px 0px rgba(12, 35, 19, 0.1);padding: 5% 1% 3.5% 6%;}

.section10-img{width: 36%;}
.section10-detail{width: 64%;margin-top: 1.5%;}
.section10-detail h3{margin-top: 3%;padding-right: 9%;}

 
.highlight{background-color: rgb(255, 231, 120);padding: 0 4px;} 

.comaleft-img{position: absolute;right: 101%;} 
.comaright-img{position: absolute;left: 103%;top: 73%;}
.ceo-div{width: 67%;margin: auto;position: relative;padding-top: 21px;}
.ceo-box{box-shadow: 0px 6px 29px 0px rgba(82, 47, 113, 0.14);border-radius: 33px;background-image: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);padding: 2px;position: relative;}
.ceo-box-inn {background-color: #ffffff;border-radius: 31px;padding: 4% 4% 3.6% 4%;}
.ceobg1-img{position: absolute;top: 0;left: -34px;}
.ceobg2-img{position: absolute;top: 0;right: -29px;}

/*section11*/
.no-thanks{color: #5970ff;}
.no-thanks:hover{text-decoration: underline;}

.section11 hr{border-top: 1px solid transparent;border-image: linear-gradient(to right, #ffffff, #e2e0e0, #ffffff) 1;margin: 3% 0 4% 0;}


.graphic-box-out{width: 44%;text-align: center;padding: 20px 17px;position: relative;}
.graphic-box{background-color: rgb(250 250 250 / 7%);border-radius: 25px; padding: 25px 0 22px 0;}
.graphic-box1{transform: rotate(-2deg);}
.graphic-box2{transform: rotate(2deg);}
.graphic1-img{transform: rotate(2deg);position: relative;right: -11px;}
.graphic2-img{transform: rotate(-2deg);position: relative;right: -3px;}

.graphic-box p{margin-bottom: 10px;}
 
.element5-img{position: absolute;right: 94.5%;top: 60%;}
.element6-img{position: absolute;left: 95%;top: 26%;}
.element7-img{position: absolute;right: 94.5%;top: 31%;}
 
/*section12*/
.section12-box{padding: 12px;}
.doit-img{border: 1px solid rgb(203, 203, 203);border-radius: 10px;background-color: rgb(255, 255, 255);box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.11);}
 
/*section13*/
.section13-box{padding: 17px;}
.section13-box-inn{background-color: #0d0b19;padding: 7% 0 8.5% 0;position: relative;border-radius: 30px;text-align: center;height: 100%;}
.section13-box1-inn{background: url(../images/fasterbg1.webp) no-repeat center top;background-size: cover;}
.section13-box2-inn{background: url(../images/fasterbg2.webp) no-repeat center top;background-size: cover;}
.section13-box3-inn{background: url(../images/fasterbg3.webp) no-repeat center top;background-size: cover;}

 /*section14*/
.highlight11{background-color: #ffe8a2;padding: 0px 10px 5px 10px;position: relative;}

.table-box{padding: 20px;margin-top: 0;width: 26.7%;}
.table-box1-inn {
  padding: 0 0 8% 0;
  border: 1px solid  rgb(214, 214, 214);
  border-radius: 36px;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.col-12.table-box1-inn.table-box-1 {
    margin-bottom: 10px;
}
.table-box-2{
    padding-bottom: 16.5%;
}
.table-studio-edition.table-box-3{}
.table-box-top {background: url(../images/tablebg1.webp) no-repeat center top;background-size: cover;border-radius: 0;padding: 7% 1% 0 1%;}
 
.table-name{}
.table-name-inn{background-color: rgb(0 0 0 / 37%);border-radius: 50px;display: inline-block;padding: 9px 23px;color: #fff;font-weight: 700;font-size: 29px;text-transform: capitalize;letter-spacing: -0.8px;border: 1px solid #d1fe17;}

.cover {
  position: relative;
  z-index: 2;
  margin-top: 5%;
  margin-bottom: -6%;
}
.price-checklist2 {
  padding: 15% 7% 0 7%;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.price-checklist2-2{padding: 1% 7% 0 7%;}
.price-checklist2-3{padding: 0.5% 7% 0 7%;}
.price-checklist2 li {
  background: url(../images/pricecheck2.webp) no-repeat left 4px;
  padding-left: 32px;
  list-style: none;
  margin-left: 0px;
  padding-top: 0;
  padding-bottom: 1.4%;
  margin-top: 1.4%;
  text-align: left;
}
.price-checklist2-list{
  margin-bottom: 2px;
}
.price-checklist2-list li {
  background: url(../images/pricecheck2list.webp) no-repeat 4px 11px;
  padding-left: 26px;
  list-style: none;
  margin-left: 0px;
  padding-top: 0;
  padding-bottom: 0%;
  margin-top: 3%;
  text-align: left;
}
.price-checklist3-list li {
  background: url(../images/pricecheck2list.webp) no-repeat 4px 11px;
  padding-left: 26px;
  list-style: none;
  margin-left: 0px;
  padding-top: 0;
  padding-bottom: 0%;
  margin-top: 3%;
  text-align: left;
}

.table-text {
  padding: 0 7%;
  margin-top: 1.5%;
}
.list-title {
  color: #fff; 
  background-image: -moz-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(8,148,255) 0%, rgb(201,89,221) 32%, rgb(255,46,84) 73%, rgb(255,144,4) 100%);
  padding: 2% 0;
  margin: auto;
  margin-top: 3%;
  width: 100%;
  position: relative;
  left: 0;margin-bottom: 4%;
}




/*====================== table adding_code*/


.tb2222 {
    padding: 4% 0 5% 0;
}

.tb2222 .pricing-section {
    background: url(../images/pricingbg.webp) no-repeat center top;
    background-size: cover;
    padding: 4.5% 0 5% 0;
    position: relative;
    z-index: 1;
}
.tb2222 .table-box {
    padding: 0 1.2%;
    margin-top: 5%;
}
.tb2222 .table-box1-inn {
    padding: 1px;
    overflow: hidden;
    border-radius: 30px;
    background-image: -webkit-linear-gradient(90deg, rgb(248, 112, 208) 15%, rgb(255, 238, 104) 100%);
}
.tb2222 .table-box1-inn-2 {
    padding: 0 0 12% 0;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.tb2222 .table-box2-top {
    background: url(../images/tablebg1.webp) no-repeat center top;
    background-size: cover;
    border-radius: 0;
    padding: 8% 1% 0% 1%; 
    background-color: #13191c;
}

 .coupon-off.coupon-off-tb2222 {
        color: #000;
    border-color: #000;
    background-color: rgb(255, 228, 45);
}

.tb2222 .pricing-img {
    max-width: 65%;
}

.tb2222 .cover2 {
    position: relative;
    z-index: 2;
    margin-top: 6%;
    margin-bottom: -7%;
}


.footer {
    background: url(../images/footer.webp) no-repeat center bottom;
    background-size: cover;
    padding: 4% 0 2% 0;
    z-index: 1;
    background-color: #030303;
}



.mybutton2{margin-top: 1.5%;}
.mybutton2 a {background-image: -moz-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);background-image: -ms-linear-gradient( 0deg, rgb(250,140,33) 0%, rgb(248,57,0) 100%);color: #fff;padding: 4.5% 1%;display: table;border-radius: 30px;transition: all 0.5s;position: relative;margin: auto;transition: transform .2s;width: 98%;}
.mybutton2 a:hover {background-image: -moz-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);background-image: -ms-linear-gradient( 0deg, rgb(248,57,0) 0%, rgb(250,140,33) 100%);transform: scale(1.03);}
.mybutton2 a .arrow{border-radius: 50px;box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.18);margin-left: 8px;position: relative;top: -1px;}
.payment3{margin-top: 6px;    width: 80%;}



.highlight5{border: 1px solid rgb(255 255 255 / 25%);display: inline-block;padding: 5px 25px 12px 25px;border-radius: 50px;color: #fff;position: relative;}
.check-list-pra{position: relative;margin: 28px 0;}
.check-list{color: #fff;border-radius: 10px;background-color: rgb(255 255 255 / 7%);padding: 8px 4% 12px 12px;}
.check-icon{margin-right: 6px;} 

.section14-row{margin: 0;}

.section14-left{padding: 0 15px;}
.section14-right{padding: 0 15px 0 2%;}

.crush{max-width: 123%;position: relative;left: -7%;top: 17px;}

.logoDarkBG{max-width: 190px;margin-bottom: 25px;}
.box-img{
    margin-top: 35px;
    margin-bottom: -29px;
    position: relative;
    z-index: 2;
    width: 380px;
}

    .testi-box-1{
  padding: 6px;
  width: 33.33%;
} 
.testi-box-inn{
  background:url(../images/testibg.png) no-repeat center top;
  background-size: cover;
  position: relative;
  height: 100%;
  padding: 30px;
  text-align: left;
  border-radius: 20px;
  background-color: rgb(26, 35, 42);
  box-shadow: 0px 8px 90px 0px rgba(0, 0, 0, 0.07);
  background-color: rgb(15, 15, 15);
  box-shadow: 0px 37px 59px 0px rgba(0, 0, 0, 0.05);
  }
.testi-box-detail{display: flex;align-items: center;margin-bottom: 18px;}
.testi-img{border-radius: 50%;max-width: 58px;margin-right: 12px;box-shadow: 0px 3px 13px 0px rgba(16, 22, 45, 0.21);}
.testi-box-detail h4{
    margin-bottom: 6px;
    color: #fff !important;
}
.testi-box-inn p{
    color: #cdcdcd !important;
    line-height: 150%;
}
.section2-box-inn-vid{
  padding: 15px 15px 25px 15px;
}


.testi-box-1-out{
    padding: 8px;
    margin-top: 3%;
}

.testi-box-1-out .testi-box-1 {
    height: 100%;
    width: 100%;
}
.testi-box-1-out .testi-box-1{
  padding: 9px 0;
  width: 100%;
}
.testi-box-1-out .testi-box-inn{position: relative;height: 100%;padding: 23px 25px;text-align: left;border-radius: 20px;background-color: rgb(255 255 255);/* box-shadow: 0px 8px 90px 0px rgba(0, 0, 0, 0.07); */border: 1px solid #d3d3d3;background-image: none;}
.testi-box-1-out .testi-box-detail{display: flex;align-items: center;margin-bottom: 18px;}
.testi-box-1-out .testi-img{border-radius: 50%;max-width: 56px;margin-right: 12px;box-shadow: 0px 3px 13px 0px rgba(16, 22, 45, 0.21);border: 3px solid #FFF;}
.testi-box-1-out .testi-box-detail h4{
    margin-bottom: 6px;
    color: #000 !important;
}
.testi-box-1-out .testi-box-inn p{
    color: #000000 !important;
    line-height: 150%;
}

.testi-box-1-out{
    padding: 8px;
    margin-top: 3%;
}

.testi-box-1-out .testi-box-1 {
     
    height: 100%;
}

.testi-box-1-out .testi-box-inn{}


.testi-box-1-out .testi-box-inn{}


.table-box .testi-box-1{
  padding: 9px 0;
  width: 100%;
}
.table-box .testi-box-inn{position: relative;height: 100%;padding: 23px 25px;text-align: left;border-radius: 20px;background-color: rgb(247 247 247);/* box-shadow: 0px 8px 90px 0px rgba(0, 0, 0, 0.07); */border: 1px solid #d3d3d3;background-image: none;}
.table-box testi-box-detail{display: flex;align-items: center;margin-bottom: 18px;}
.table-box .testi-img{border-radius: 50%;max-width: 56px;margin-right: 12px;box-shadow: 0px 3px 13px 0px rgba(16, 22, 45, 0.21);border: 3px solid #FFF;}
.table-box .testi-box-detail h4{
    margin-bottom: 6px;
    color: #000 !important;
}
.table-box .testi-box-inn p{
    color: #000000 !important;
    line-height: 150%;
}
 



.check-text{margin-top: 7px;}
.check-text span{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    background-color: rgb(255 255 255 / 50%);
    padding: 3px 11px;
    margin: 0 1px;
}
.check-text span .check-img{}

.check-text-light{margin-top: 7px;}
.check-text-light span{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    background-color: transparent;
    padding: 3px 11px;
    margin: 0 1px;
    color: #fff;
    border: 1px solid #86c435;
}

/*section15*/
.click-box-pc, .intro-box-pc{}
.click-box-mob, .intro-box-mob{display: none;}

.click-img{margin-top: 1%;}
.design1-img, .design2-img, .design3-img, .design4-img, .design5-img, .design6-img, .design7-img, .design8-img, .design9-img, .design10-img, .design11-img, .design12-img{position: absolute;}
.design1-img{top: 20%;left: 16%;filter: drop-shadow(0 11px 32px #292a443d);}
.design2-img{top: 18%;left: 25.5%;filter: drop-shadow(0 11px 32px #292a443d);}
.design3-img{top: 27.5%;left: 32.3%;filter: drop-shadow(0 11px 32px #292a443d);}
.design4-img{top: 54%;left: 14.3%;filter: drop-shadow(0 11px 32px #292a443d);}
.design5-img {top: 50%;left: 21.8%;filter: drop-shadow(0 11px 32px #292a443d);}
.design6-img{top: 53%;left: 32.4%;filter: drop-shadow(0 11px 32px #292a443d);}
.design7-img{top: 27.5%;right: 32.3%;filter: drop-shadow(0 11px 32px #292a443d);}
.design8-img{top: 17.5%;right: 25.6%;filter: drop-shadow(0 11px 32px #292a443d);}
.design9-img{top: 24%;right: 18.3%;filter: drop-shadow(0 11px 32px #292a443d);}
.design10-img{top: 53%;right: 32.4%;filter: drop-shadow(0 11px 32px #292a443d);}
.design11-img{top: 50%;right: 21.8%;filter: drop-shadow(0 11px 32px #292a443d);}
.design12-img{top: 51%;right: 13%;filter: drop-shadow(0 11px 32px #292a443d);}
.start1-img {position: absolute;top: 25%;left: 37%;opacity: 0;}
.start2-img {position: absolute;top: 76%;left: 20.9%;opacity: 0;}
.start3-img {position: absolute;top: 71%;left: 39%;opacity: 0;}
.start4-img {position: absolute;top: 24%;right: 34%;opacity: 0;}
.start5-img {position: absolute;top: 74%;right: 31.9%;opacity: 0;}
.start6-img {position: absolute;top: 14%;left: 29%;opacity: 0;}
.element7-img{position: absolute;right: 13.5%;top: 51%;opacity: 0;animation: floatUpDown2 2s ease-in-out infinite alternate;}
@keyframes floatUpDown2 {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}


.glow { 
    animation: glow 2s ease-in-out infinite;
            animation-delay: calc(var(--box-index) * 0.2s); /* Adjust 0.2s for desired offset */
        }
@keyframes glow {
     0% {
        filter: drop-shadow(0 0 -10px #464a997a);
        transform: scale(0.7);
     }
     40% {
         filter: drop-shadow(0 0 10px #464a997a);
        transform: scale(1);
    }
    60% {
        filter: drop-shadow(0 0 10px #464a997a);
        transform: scale(1);
    }
    100% {
        filter: drop-shadow(0 0 -10px #464a997a);
        transform: scale(0.7);
    }
}
  
.generatearrow {
    position: absolute;
    bottom: 5%;
    left: 59%;
    animation: zoom-in-zoom-out 1.5s ease-out infinite, imageGlow 1s infinite alternate;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(0.9, 0.9);
    }
    50% {
      transform: scale(1, 1);
    }
    100% {
      transform: scale(0.9, 0.9);
    }
  }
  
  @keyframes imageGlow {
    from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }
    to { filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); }
  }
 


.section5 .parallax-container {
    overflow: hidden; /* make sure that the content does not overflow */
    position: relative;
    height: 100%;
 }
 
.section5 .parallax-element {
    transform: translateY(0);
    transition: transform 0.1s ease; /* Added for smooth transition*/
    will-change: transform;
}
.element8-img {
    position: absolute;
    top: 36%;
    left: 14.6%;
    animation: floatUpDown 2s ease-in-out infinite alternate;
}
@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}
/*section16*/
.section16-subheadline{background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);border-radius: 50px;display: inline-block;padding: 3px;}
.section16-subheadline-inn{background-color: rgb(255, 255, 255);border-radius: 50px;display: inline-block;padding: 3px 23px 7px 23px;}
.intro{margin-top: -4%;}

.logointro-img{margin-top: -0.5%;}
.section16-subtitle{border: 1px solid #646875;display: inline-block;padding: 9px 20px;position: relative;}

.section16-div2{background:url(../images/section6bg.webp) no-repeat center top;background-size: auto;padding: 1.7% 0 2% 0;margin-top: 2%;position: relative;z-index: 1;}
.section16-box{/* box-shadow: 0px 12px 49px 0px rgba(0, 0, 0, 0.15); *//* border-radius: 30px; *//* background-image: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004); *//* padding: 2px; *//* background-size: 200% 100%; *//* animation: movinggradient ease-in-out 5s infinite alternate; */padding: 9px;}
.section16-box-inn {background-color: #ffffff;border-radius: 30px;padding: 3.9% 3%;border: 1px solid rgb(217, 217, 217);text-align: center;padding: 15px 15px 40px 15px;border-radius: 25px;background-color: rgb(255, 255, 255);height: 100%;box-shadow: 0px 11px 70px 0px rgba(0, 0, 0, 0.08);}
.section16-highlight-span {background-image: linear-gradient(#ffffff00 60%, #d7d1fc 60%);} 

.reveal{position: absolute;opacity: 1;} 
.reveal-1{top: 8%;left: 11%;} 
.reveal-2{top: 42.5%;left: 5.5%;}
.reveal-3{top: 63%;left: 10.5%;} 
.reveal-4{top: 10.5%;right: 11.5%;} 
.reveal-5{top: 42.5%;right: 5.5%;} 
.reveal-6{top: 64.5%;right: 11%;}

.generatearrow3 {
    position: absolute;
    top: 50%;
    right: 21.5%;
    animation: zoom-in-zoom-out 1.5s ease-out infinite, imageGlow 1s infinite alternate;
    z-index: 1;
}
.star7, .star8, .star9{}
.star7{} 
.star8{} 
.star9{}

.logointro-img{width: 400px;}

 /*section17*/
 .section17-title {-moz-text-fill-color: transparent;color: #000;letter-spacing: 3px;text-transform: uppercase;display: inline-block;color: #ffffff;text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;}

 .section17-row1{margin-top: 5%;}
 .step-details2{ }
 .step2-details2{padding-left: 5%;}
 .step2-img2{position: relative;left: -6%;}
 .step-details2 h4{text-transform: uppercase;}
 .step-details2 h3{margin-top: 20px;}
 .step-details2 p{color: #636168;margin-top: 8px;}
 
 .step-details2 .step-1-text{background-color: #e6ddff;display: inline-block;padding: 2px 11px;border: 1px solid #646875;position: relative;}
 .step-details2 .step-2-text{background-color: #d4f3ff;display: inline-block;padding: 2px 11px;border: 1px solid #646875;position: relative;}
 .step-details2 .step-3-text{background-color: #dbfde1;display: inline-block;padding: 2px 11px;border: 1px solid #646875;position: relative;}
 
 .stepconnection-img1{margin-top: -4%;margin-bottom: -3%;}
 .stepconnection-img2{transform: rotateY(180deg);margin-top: -3%;margin-bottom: -4%;}
 
 .shadow {
     display: flex;
     position: relative;
     color: #fff;
     border-radius: 50px;
     align-content: flex-end;
     align-items: center;
     justify-content: center;
     width: fit-content;
     position: absolute;
     top: 45%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
 }
 .shadow:before,
 .shadow:after {
     content: "";
     position: absolute;
     top: -2px;
     left: -2px;
     background: var(--gradient-shadow);
     background-size: 400%;
     width: calc(100% + 4px);
     height: calc(100% + 4px);
     z-index: 0;
     animation: animate 20s linear infinite;
     border-radius: 10px;box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.8);
 
 }
 .shadow:after {
     filter: blur(20px);
 }
 
 .shadow span{
     background-color: black;
     text-align: center;
     position: relative;
     z-index: 1;
     border-radius: 12px;
 }
 
 @keyframes animate {
     0% {
         background-position: 0 0;
     }
     50% {
         background-position: 300% 0;
     }
     100% {
         background-position: 0 0;
     }
 }
 
 .generatearrow2 {
     position: absolute;
     bottom: 22%;
     left: 60%;
     animation: zoom-in-zoom-out 1.5s ease-out infinite, imageGlow 1s infinite alternate;
 }
 
 @keyframes zoom-in-zoom-out {
   0% {
     transform: scale(0.9, 0.9);
   }
   50% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(0.9, 0.9);
   }
 }
 
 @keyframes imageGlow {
   from { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }
   to { filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)); }
 }
 
 .section17 .parallax-container {overflow: hidden;  position: relative;height: 100%;padding: 40px 0 0 0 ;} 
 .section17 .parallax-bg { 
     top: 0;
     left: 0;
     width: 100%;
     height: auto;
     transform: translateY(0);
     transition: transform 0.1s ease; /* Transition for smoothness*/
     will-change: transform; /* Help performance when transform is animated*/
 }
 .social-media-card {transition: transform 0.1s ease;}

/*section18*/
.demoframe-out{margin: auto;padding: 0 15px;margin-top: 3.5%;}
.demoframe{padding: 4px;border-radius: 23px;background-color: rgb(209, 254, 23);box-shadow: 0px 6px 4px 0px rgba(18, 27, 51, 0.38);}

.section18 .my-btn-box{margin-top: 2%;padding: 2% 15px 2.5% 15px;}

/*section19*/
.section19 .highlight8{margin-top: 1.5%;}

.section19-box{border-radius: 36px;padding: 15px;margin-top: 3.5%;}
.section19-box1{margin-top: 2%;}
.section19-box .section19-box-inn{border-radius: 36px;padding: 0;}
.section19-box1 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(243,242,252) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(243,242,252) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(243,242,252) 0%, rgb(255,255,255) 100%);
}
.section19-box2 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(255,236,233) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(255,236,233) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(255,236,233) 0%, rgb(255,255,255) 100%);
}
.section19-box3 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(229,246,240) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(229,246,240) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(229,246,240) 0%, rgb(255,255,255) 100%); 
}
.section19-box4 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(244,241,229) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(244,241,229) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(244,241,229) 0%, rgb(255,255,255) 100%);
}
.section19-box5 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(249,234,250) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(249,234,250) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(249,234,250) 0%, rgb(255,255,255) 100%);
}
.section19-box6 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(232,245,255) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(232,245,255) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(232,245,255) 0%, rgb(255,255,255) 100%);
}
.section19-box7 .section19-box-inn{
  background-image: -moz-linear-gradient( -97deg, rgb(255,242,223) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(255,242,223) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(255,242,223) 0%, rgb(255,255,255) 100%);
}

.person-detail{ }
.person-name{font-family: "Anton", serif;text-transform: uppercase;}
.person-post{margin-top: 13px;margin-bottom: 11px;}
.section19-box .person-post span{border-radius: 6px;background-color: rgb(255, 255, 255);display: inline-block;padding: 3px 9px 5px 9px;}
.section19-box1 .person-post span{color: #7b53fa;border: 1px solid rgb(123, 83, 250);}
.section19-box2 .person-post span{color: rgb(204, 71, 58);border: 1px solid rgb(204, 71, 58);}
.section19-box3 .person-post span{color: #26af81;border: 1px solid #26af81;}
.section19-box4 .person-post span{color: #a8904c;border: 1px solid #a8904c;}
.section19-box5 .person-post span{color: #af5ab4;border: 1px solid #af5ab4;}
.section19-box6 .person-post span{color: #2d94e3;border: 1px solid #2d94e3;}
.section19-box7 .person-post span{color: #db9636;border: 1px solid #db9636;}
.person-pra{color: #646571;margin-top: 18px;}

.person-detail{padding: 0 15px;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{padding: 0 15px;} 
.person1-img{max-width: 111%;position: relative;left: -9%;margin-top: -9%;} 
.person2-img{position: relative;max-width: 123%;left: -13%;margin-top: -10%;margin-bottom: 15px;} 
.person3-img{max-width: 105%;position: relative;left: -3%;margin-top: 3%;margin-bottom: 4px;} 
.person4-img{position: relative;max-width: 123%;left: -13%;margin-top: -10%;margin-bottom: 7px;} 
.person5-img{max-width: 111%;position: relative;left: -7%;margin-top: -11%;} 
.person6-img{position: relative;max-width: 123%;left: -13%;margin-top: -10%;margin-bottom: 5px;} 
.person7-img{max-width: 105%;position: relative;left: -2%;margin-top: 3%;} 
 
.slider-img{margin-top: -18px;}

.create-box{box-shadow: 0px 12px 49px 0px rgba(0, 0, 0, 0.15);border-radius: 15px;background-image: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);padding: 2px;width: 558px;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.create-box-inn {background-color: #ffffff;border-radius: 13px;padding: 7px;display: flex;align-items: center;width: 100%;}
.create-img{border-radius: 10px;background-color: rgb(12, 13, 26);position: relative;display: block;width: 49px;height: 49px;margin-right: 15px;}
.create-text{font-size: 26px;font-weight: 600;font-family: "degular", sans-serif;letter-spacing: -0.4px;}
.createle1-img{position: relative;left: 10px;top: 8px;}
.createle2-img{position: relative;left: 17px;top: 5px;}
.createle3-img{position: relative;top: 20px;left: -13px;}

span.cursor {
  display: inline-block;
  background-color: #000;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}
span.cursor.typing {
  animation: none;
}
@keyframes blink {
  0%  { background-color: #000; }
  49% { background-color: #000; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #000; }
}

.gloweffect {animation: glow 2s ease-in-out infinite;}
/* Different delays and durations */
.glow-1 {animation-duration: 2s;animation-delay: 0s;}
.glow-2 {animation-duration: 2.5s;animation-delay: 0.5s;}
.glow-3 {animation-duration: 3s; animation-delay: 1s;}

@keyframes glow {
  0% {
      filter: drop-shadow(0 0 -10px #464a997a);
      transform: scale(0.7);
  }
  40% {
      filter: drop-shadow(0 0 10px #464a997a);
      transform: scale(1);
  }
  60% {
      filter: drop-shadow(0 0 10px #464a997a);
      transform: scale(1);
  }
  100% {
      filter: drop-shadow(0 0 -10px #464a997a);
      transform: scale(0.7);
  }
}

.new-img{margin-bottom: 10px;}

/*section20*/ 
.section20-box-out{padding: 9px;}
.section20-box{
  border-width: 1px;
  border-color: rgb(205, 203, 209);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  padding: 17px 20px;
  height: 100%;
}
.section20-img{width: 43px;}
.section20-text{}

/*section21*/
.textarrow-img1{}
.textarrow-img2{position: relative;transform: rotateY(180deg);margin-left: 4px;}

.create2-box{box-shadow: 0px 10px 35px 0px rgba(20, 40, 105, 0.18);border-radius: 22px;background-image: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);padding: 2px;width: 835px;margin: auto;margin-top: 6px;position: relative;}
.create2-box-inn {background-color: #ffffff;border-radius: 20px;padding: 7px;display: flex;align-items: center;width: 100%;}
.create2-img{border-radius: 14px;background-color: rgb(12, 13, 26);position: relative;display: block;width: 68px;height: 68px;margin-right: 20px;}
.create2-text{font-size: 20px;font-weight: 500;letter-spacing: -0.5px;width: 729px;}
.createle4-img{position: relative;left: 12px;top: 8px;}
.createle5-img{position: relative;left: 22px;top: 5px;}
.createle6-img{position: relative;top: 26px;left: -20px;}

.connection6-img{position: absolute;right: 100%;top: 50%;}
.connection7-img{position: absolute;left: 100%;top: 50%;}

.otherai-img{max-width: 132%;position: relative;left: -27%;}
.magicai-img{max-width: 140%;position: relative;left: -11%;}
.connection8-img{max-width: 237%;position: relative;z-index: 1;left: -135%;}

/*feature-section*/
.feature-row{margin-top: 10%;}

.feature-section-video-main{
    width: 96%;
    padding: 26px;
    border-radius: 25px;
    background-color: rgb(25, 25, 27);
    margin: auto;
    margin-top: 5.5%;
}

.feature-section-video-main .video-wrapper {
    margin: 0;
    border-radius: 0;
    border: 0;
}

.feature-detail-div{padding: 0 5px;} 
.feature-img-div-1{padding: 0 5px 0 5%;}
.feature-img-div-2{padding: 0 5% 0 5px;}
.feature-img-div-inn{padding: 10px;border-radius: 40px;}
.feature-detail-div h2{color: #000000;line-height: 110%;position: relative;} 
.feature-detail-div p{color: #434343;line-height: 160%;margin-top: 10px;} 
.feature-img {width: 100%;}
 
/* left line before text*/
 

.feature-img-div .feature-img-div-inn{background:url(../images/vidbg1a.png) no-repeat center center;background-size: cover;} 


.vidbtn-img{
    margin-bottom: 19px;
}

/*section7*/
.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0;
    margin: auto;
    border: 1px solid #4b4b4b;
    border-radius: 36px;
    margin-top: 6%;
}
.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section7-title-1{letter-spacing:-3.05px;margin-top: -5px;}
.section7-title-1 span{background: linear-gradient(0deg, #ffffff 10%, #000000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section7-main-box{padding: 0;margin-top: 3.8%;}
.ground-breaking-feature-box{padding: 15px;text-align: center;}
.ground-breaking-feature-box-inn{padding: 8% 0 3.8% 0;overflow: hidden;border-radius: 30px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background-color: #000;text-align: left;}

.ground-breaking-feature-box-1 .ground-breaking-feature-box-inn{background-color: #fcf5ce;padding: 4% 1%;}
.ground-breaking-feature-box-2 .ground-breaking-feature-box-inn{background-color: #e0f9e6;padding: 8% 0 3.8% 0;background-image: -moz-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);background-image: -ms-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);}
.ground-breaking-feature-box-3 .ground-breaking-feature-box-inn{background-color: #ffeaf9;padding: 8% 0 3.8% 0;background-image: -moz-linear-gradient( 90deg, rgb(237,211,230) 0%, rgb(255,247,253) 99%);background-image: -webkit-linear-gradient( 90deg, rgb(237,211,230) 0%, rgb(255,247,253) 99%);background-image: -ms-linear-gradient( 90deg, rgb(237,211,230) 0%, rgb(255,247,253) 99%);}
.ground-breaking-feature-box-4 .ground-breaking-feature-box-inn{background-color: #fde9de;padding-bottom: 0;background-image: -moz-linear-gradient( 90deg, rgb(251,224,209) 0%, rgb(255,243,237) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(251,224,209) 0%, rgb(255,243,237) 100%);background-image: -ms-linear-gradient( 90deg, rgb(251,224,209) 0%, rgb(255,243,237) 100%);padding: 8% 0 4% 0;}
.ground-breaking-feature-box-5 .ground-breaking-feature-box-inn{background-color: #dffbff;padding: 8% 0 1% 0;background-image: -moz-linear-gradient( 90deg, rgb(191,247,255) 0%, rgb(235,253,255) 99%);background-image: -webkit-linear-gradient( 90deg, rgb(191,247,255) 0%, rgb(235,253,255) 99%);background-image: -ms-linear-gradient( 90deg, rgb(191,247,255) 0%, rgb(235,253,255) 99%);}
.ground-breaking-feature-box-6 .ground-breaking-feature-box-inn{background-color: #edfbca;padding: 8% 0 5% 0;background-image: -moz-linear-gradient( 90deg, rgb(229,255,163) 0%, rgb(250,255,236) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(229,255,163) 0%, rgb(250,255,236) 100%);background-image: -ms-linear-gradient( 90deg, rgb(229,255,163) 0%, rgb(250,255,236) 100%);}
.ground-breaking-feature-box-7 .ground-breaking-feature-box-inn{background-color: #dcf8e7;padding: 8% 0 5% 0;background-image: -moz-linear-gradient( 90deg, rgb(203,255,223) 0%, rgb(237,255,244) 98%);background-image: -webkit-linear-gradient( 90deg, rgb(203,255,223) 0%, rgb(237,255,244) 98%);background-image: -ms-linear-gradient( 90deg, rgb(203,255,223) 0%, rgb(237,255,244) 98%);}
.ground-breaking-feature-box-8 .ground-breaking-feature-box-inn{background-color: #eee6ff;padding: 8% 0 4% 0;background-image: -moz-linear-gradient( 90deg, rgb(217,205,241) 0%, rgb(245,240,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(217,205,241) 0%, rgb(245,240,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(217,205,241) 0%, rgb(245,240,255) 100%);}
.ground-breaking-feature-box-9 .ground-breaking-feature-box-inn{background-color: #ffe6e6;padding: 8% 0 0% 0;background-image: -moz-linear-gradient( 90deg, rgb(244,208,208) 0%, rgb(255,246,246) 99%);background-image: -webkit-linear-gradient( 90deg, rgb(244,208,208) 0%, rgb(255,246,246) 99%);background-image: -ms-linear-gradient( 90deg, rgb(244,208,208) 0%, rgb(255,246,246) 99%);padding: 8% 0 3% 0;}
.ground-breaking-feature-box-10 .ground-breaking-feature-box-inn{background-image: -moz-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(173,247,222) 0%, rgb(235,255,248) 100%);
 }
.ground-breaking-feature-box-11 .ground-breaking-feature-box-inn{
  background-image: -moz-linear-gradient( 90deg, rgb(255,246,194) 0%, rgb(255,252,236) 98%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,246,194) 0%, rgb(255,252,236) 98%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,246,194) 0%, rgb(255,252,236) 98%);
  padding: 8% 0 8% 0;
 }
 


.ground-breaking-feature-box-3 .ground-breaking-feature-box-inn{ }
.ground-breaking-feature-box-4 .ground-breaking-feature-box-inn{ }
.ground-breaking-feature-detail{
    padding: 0 8% 0 10%;
    margin-bottom: 20px;
}
.ground-breaking-feature-box h3{letter-spacing:-0.75px;margin-bottom: 12px;padding: 0;line-height: 120%;}
.ground-breaking-feature-box p{letter-spacing:-0.425px;margin-top: 8px;margin-bottom: 0;padding: 0;}
.ground-breaking-feature-box-1 .ground-breaking-feature-detail{
    padding: 0 17%;
}
.ground-breaking-feature-box-1 .ground-breaking-feature-detail p{
    margin-top: 22px;
}
 
.ground-breaking-feature-box-27 p{margin-bottom:18px;}

.ipad10-img{margin-top: -30px;}
.ipad7-img{position: relative;left: -7%;}
.ipad11-img{margin-top: -32px;}

.feature-box-other{padding: 0 5px;}
.feature-box-other .ground-breaking-feature-box{padding: 10px;}
.feature-box-other .ground-breaking-feature-box-inn {justify-content: flex-start;padding: 18px;padding-bottom: 10%;}
.feature-box-other .ground-breaking-feature-box h3{letter-spacing:-0.6px;margin-top: 35px;margin-bottom: 0;}
.feature-box-other .ground-breaking-feature-box p{letter-spacing:-0.425px;margin-top: 8px;padding: 0 10%;margin-bottom: 0;}

.ground-breaking-feature-box-4 .ground-breaking-feature-box-inn .my-video{
    width: 95%;
    margin: auto;
}
.ground-breaking-feature-box-6 .ground-breaking-feature-box-inn .my-video
{
    width: 90%;
    margin: auto;
}

/**/ 
.feature-element-1{position: absolute;border: 1px solid rgb(25 25 25 / 16%);border-radius: 78px;padding: 4px;left: 4.1%;width: 135px;height: 203px;margin-top: 3%;}
.feature-element-inn-1{background:url(../images/featureele1bg.webp) no-repeat center center;background-size: cover;border-radius: 78px;position: relative;left: 0;top: 0;height: 100%;width: 100%;}
.featureele1{margin-top: -9px;max-width: 110%;filter: gray;-webkit-filter: grayscale(1);-webkit-transition: all .4s ease-in-out;}
.featureele1:hover{filter: none;-webkit-filter: grayscale(0);}
.feature-element-2{position: absolute;border: 1px solid rgb(25 25 25 / 16%);border-radius: 78px;padding: 4px;right: 2.7%;width: 136px;height: 201px;margin-top: 3%;}
.feature-element-inn-2{background:url(../images/featureele2bg.webp) no-repeat center center;background-size: cover;border-radius: 78px;position: relative;left: 0;top: 0;height: 100%;width: 100%;}
.featureele2{margin-top: -6px;max-width: 100%;filter: gray;-webkit-filter: grayscale(1);-webkit-transition: all .4s ease-in-out;}
.featureele2:hover{filter: none;-webkit-filter: grayscale(0);} 
/****/
@-webkit-keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@keyframes quiet {
  25% {
    transform: scaleY(0.6);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.8);
  }
}
@-webkit-keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.6);
  }
}
@keyframes normal {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(0.6);
  }
}
@-webkit-keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(1.2);
  }
}
@keyframes loud {
  25% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.4);
  }
  75% {
    transform: scaleY(1.2);
  }
} 
.boxContainer {display: flex;justify-content: space-between;align-items: flex-end;height: 36px;gap: 4px;position: absolute;bottom: 39px;right: -35px;width: 68px;}
.boxContainer-1 {display: flex;justify-content: space-between;align-items: flex-end;height: 36px;gap: 4px;position: absolute;bottom: 30px;left: -16px;width: 68px;}

.my-video{width: 100%;height: auto;display: block;object-fit: cover;border-radius: 30px;}
.my-video-2{width: 100%;height: auto;display: block;object-fit: cover;border-radius: 24px;}
.my-video-3{width: 100%;height: auto;display: block;object-fit: cover;}
.my-video-4{width: 100%;height: auto;display: block;object-fit: cover;}
.my-video-5{width: 100%;display: block;object-fit: cover;position: relative;margin-top: -25%;margin-bottom: -25%;}
.my-video-6, .my-video-6-1{width: 77.7%;display: block;object-fit: cover;position: absolute;top: 19%;left: 12.7%;}

.flaunt-img{
    margin-top: 4%;
}

.feature1-vid-box{
    position: relative;
}
.feature1-img{}
.my-video-feature1{
    width: 74%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 0;
    position: absolute;
    right: 32px;
    bottom: 52px;
}

.feature1-img{}
.feature2-img{
    max-width: 103%;
    position: relative;
    left: -7%;
}
.feature3-img{
    max-width: 103%;
}
.feature4-img{
    position: relative;
    left: -7%;
}
.feature5-img{
    max-width: 107%;
    position: relative;
    left: -4%;
}
.feature6-img{}
.feature7-img{
    max-width: 106%;
    position: relative;
    left: -2%;
}
.feature8-img{}
.feature9-img{
    max-width: 103%;
    position: relative;
    left: -3%;
}
.feature10-img{}
.feature11-img{}
.feature12-img{}



/*section23*/
.section23-box-out{padding: 9px;width: 21%;}
.section23-box{border-radius: 15px;background-color: rgb(29, 29, 31);color: #fff;padding: 10px;text-align: center;height: 100%;}
.worry-img{width:100%;}
.section23-box p{margin-top: 7%;margin-bottom: 5%;letter-spacing: -0.2px;padding: 0 7%;}
.worry-highlights{background-color: rgb(255, 242, 170);color: rgb(29, 29, 31);font-weight: 700;padding: 0 3px;}

/*section26*/
.highlight10{background-color: #ffe8a2;padding: 0px 15px 5px 15px;position: relative;}
.arrow4-img{position: absolute;left: 105%;top: 25%;}

.turn-detail{padding: 0 1.2%;}

.turn-title{border-radius: 8px;background-color: #00c04d;color: #fff;display: inline-block;padding: 5px 12px;}


.turn-img{max-width: 103%;position: relative;left: 4%;}
.turn2-img{position: relative;left: -4%;}

.highlight6{
  background-color: #ffe8a2;
  position: relative;
  display: inline-block;
  padding: 2px 3% 8px 3%;
  margin-top: 10px;
}
.emoji4-img1{
  position: absolute;
  right: 95%;
  top: -3px;
}
.emoji4-img2{
  position: absolute;
  left: 95%;
  top: -3px;
  transform: rotate(25deg);
}
.section26-box{border-radius: 36px;padding: 15px 15px 0 15px;margin-top: 3.5%;text-align: center;}
.section26-box1{margin-top: 2%;}
.section26-box .section26-box-inn{border-radius: 36px;padding: 54px 0 1% 0;}
.section26-box1 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(244,242,252) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(244,242,252) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(244,242,252) 0%, rgb(255,255,255) 100%);
}
.section26-box2 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(255,239,235) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,239,235) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,239,235) 0%, rgb(255,255,255) 100%);
}
.section26-box3 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(233,248,243) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(233,248,243) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(233,248,243) 0%, rgb(255,255,255) 100%);
}
.section26-box4 .section26-box-inn{ 
  background-image: -moz-linear-gradient( -90deg, rgb(245,242,232) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(245,242,232) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(245,242,232) 0%, rgb(255,255,255) 100%);
}
.section26-box5 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(250,237,250) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(250,237,250) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(250,237,250) 0%, rgb(255,255,255) 100%);
}
.section26-box6 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(234,246,255) 48%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(234,246,255) 48%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(234,246,255) 48%, rgb(255,255,255) 100%);
}
.section26-box7 .section26-box-inn{
  background-image: -moz-linear-gradient( -90deg, rgb(255,243,225) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,243,225) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,243,225) 0%, rgb(255,255,255) 100%);
}


.section26-box h2{}
.section26-box h1{font-family: "Anton", serif;text-transform: uppercase;margin-top: 11px;}
.section26-box h4{margin-top: 10px;}
.section26-box p{margin-top: 25px;margin-bottom: 50px;}
.turn-title2{
    border-width: 1px;
    border-color: rgb(198, 182, 255);
    color: #7f68ce;
    border-style: solid;
    border-radius: 5px;
    background-color: #fff;
    display: inline-block;
    padding: 2px 12px;
}
.section26-box5 h1, .section26-box6 h1{margin-top: 0;}

.section26-box1 .turn-title2{border-color: rgb(198, 182, 255);color: #7f68ce;}
.section26-box2 .turn-title2{border-color: #cc473a;color: #cc473a;}
.section26-box3 .turn-title2{border-color: rgb(198, 182, 255);color: #7f68ce;}
.section26-box4 .turn-title2{border-color: #a8904c;color: #a8904c;}
.section26-box5 .turn-title2{border-color: #af5ab4;color: #af5ab4;}
.section26-box6 .turn-title2{border-color: #2d94e3;color: #2d94e3;}
.section26-box7 .turn-title2{border-color: rgb(219, 150, 54);color: #db9636;}

/*section27*/
.section27-box2{margin: auto;margin-top: 1%;}

/*footer*/
.foot-logo-img{width: 260px;}
.copyright-link{text-align:center;color: #ffffff;}
.footer a {color: #9595A0;margin: 0 3%;}
.footer a:hover {text-decoration: underline;color: #9595A0;}
.footer hr{border-top: 1px solid rgb(255 255 255 / 10%);margin-top: 3%;margin-bottom: 1.5%;}
 
.arrow1-img, .arrow2-img {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;position: relative;z-index: 1;
  }
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
  
  .click-box-mob, .intro-box-mob {display: none;}

.section19-img{position: relative;margin-top: -8%;z-index: 1;}


.section31-text {
  background: linear-gradient(to right, #0894ff, #c959dd, #ff2e54, #ff9004);
  border-radius: 50px;
  display: inline-block;
  padding: 15px 40px;
}
.b1-box{
    border-radius: 50px;
    background-color: rgb(3 3 3);
    padding: 4% 4% 2% 4%;
    display: block;
    border: 1px solid #122d70;
    box-shadow: inset 0 0 50px #122d70db;
}
.valuet1-img{margin-top: 10px;}
.featurs-detail h5{}
.featurs-detail h2{margin-top: 18px;padding-right: 0;}
.featurs-detail p{margin-top: 25px;padding-right: 5%;}
.featurs-detail h3{margin-top: 25px;}
.b1-img{
    position: relative;
    left: -12%;
    margin-bottom: 0;
}
.featurs-detail {
    padding: 0;
}
.moneyback-box{padding: 1% 4%;}
.moneyback-img {
  max-width: 108%;
  position: relative;
  left: -2%;
}

.featurs-title1{/* background-color: #434349; *//* border-radius: 50px; *//* display: inline-block; *//* padding: 1px; */background-image: -moz-linear-gradient(31deg, rgb(8, 148, 255) 0%, rgb(201, 89, 221) 32%, rgb(255, 46, 84) 73%, rgb(255, 144, 4) 100%);/* background-image: linear-gradient(to right, #f870d0, #ffee68); */background-image: -ms-linear-gradient(31deg, rgb(8, 148, 255) 0%, rgb(201, 89, 221) 32%, rgb(255, 46, 84) 73%, rgb(255, 144, 4) 100%);/* display: inline-block; */}
.featurs-title1-inn{
    background-color: rgb(209, 254, 23);
    border-radius: 50px;
    display: inline-block;
    padding: 7px 20px 6px 20px;
    text-transform: uppercase;
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
}

.b1-box-list{
    padding: 0;
    border-width: 1px;
    border-color: #4d4d4d;
    border-style: solid;
    border-radius: 25px;
    padding: 2% 2%;    margin-top: 50px;
}
.b2-box{border: 0;box-shadow:none;background-color: #000000;padding: 2% 4% 2% 4%;}
.b-checklist1{
  
    padding: 0 4px;
}
.b-checklist1 li {
  background: url(../images/pricecheck2.webp) no-repeat left 4px;
  padding-left: 30px;
  list-style: none;
  margin-left: 0px;
  padding-top: 0;
  padding-bottom: 1.5%;
  margin-top: 1.5%;
  text-align: left;
  color: #88898e;
}

.video-container{
  border-radius: 10px;
}
.video-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;  
  border-radius: 20px;
  overflow: hidden;margin: auto;
}
.video-container iframe {
  width: 100%;
  height: 100%;
}

.video-box-border-2 {border-radius: 15px;background: url(../images/slidevid.webp) no-repeat center center;background-size: cover;padding: 10px;overflow: hidden;border-width: 1px;border-color: rgb(209, 209, 209);border-style: solid;border-radius: 32px;background-color: rgb(2, 2, 15);box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.26);position: relative;z-index: 111111;}
.video-box-2 {
  width: 100%;
  margin: auto;
  border-radius: 32px;
}
.video-box-2 .video-container { 
  aspect-ratio: 17 / 9; 
}
 
.table-studio-edition, .table-social-automation{margin-top: 40px;}

/**/
/*pricing-section*/
.funnel-detail-box-inn {
	background: url(../images/table1.webp) no-repeat center top;
	background-size: cover;
	margin: auto;
	border-radius: 30px;
	padding: 8% 3.5% 3% 3.5%;    background-color: #0e041c;
}

.funnel-detail-box-list {
	border-radius: 20px;
	background-color: #fff;
	margin-top: -10%; 
}

.tableChecklist li.title {
	background: transparent !important;
	padding-left: 0;
	font-weight: 700;
}
 
.tableChecklist li {
	background: url(https://assets.rocketvideos.pro/bundle/images/tablechecklist.webp) no-repeat left 13px;
	padding-left: 36px;
	padding-right: 0%;
	list-style: none;
	margin-left: 0px;
	padding-top: 9px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	text-align: left;
}

.pricing-subtitle{color: #494949;margin-top: 25px;}

.tableCover{
    position: relative;
    width: 90%;
}

.table-title{
	background-color: white;
	display: inline-block;
	padding: 2px 20px;
	border-radius: 50px;text-transform: uppercase; 
 }  
.funnel-detail-box-list {
        padding: 14% 14% 8% 14%;
    }

.tableChecklist{padding: 0;}
/**/
.section3{background: url(../images/section3.webp) repeat-y center top; z-index: 1;padding: 4% 0 1% 0;}
.upgrade-title {
    background: #ffffff;
    display: inline-block;
    padding: 10px 55px;
    border-radius: 50px;
    border: 1px solid rgb(0, 0, 0);
}
.section16-box h3{letter-spacing: -0.65px;margin-top: 18px;} 
.section16-box p{letter-spacing: -0.4px;margin-top: 8px;color:#666666;padding: 0 6%;line-height: 140%;}

/*faq*/
.accordion_container {width: 95%;margin: auto;margin-top: 4.7%;}
.accordion_div{padding: 0;border-radius: 0;margin: 0;border-bottom: 1px solid #000;}
.accordion_head {cursor: pointer;margin: 0;padding: 35px 0;font-size: 25px;font-style: normal;font-weight: 700;line-height: 100%; /* 100% */letter-spacing: -0.52px;font-family: "Golos Text", sans-serif;}
.accordion_body {padding-right: 10%;margin-top: -10px;}
.accordion_body p {padding: 0 0 34px 0;margin: 0px;margin-top: 0;font-size: 20px;font-style: normal;font-weight: 400;line-height: 140%; /* 135% */letter-spacing: -0.4px;color: #5a5a5a;font-family: "Golos Text", sans-serif;}
.plusminus {float:right;margin-top: -1px;font-size: 20px;}

.accordion_div:last-child{border:0;}


/*f-dark-section*/
.f-dark-section{/* background:url(../images/fdarkbg.webp) no-repeat center top; *//* background-color:#02020f; */background-size: cover;padding: 0 0 0 0;position: relative;}
.f-dark-section-box{background:url(../images/fdarkbg.png) no-repeat center top;background-size: cover;padding: 5% 0 1% 0;width: 92%;border-radius: 40px;margin: auto;text-align: center;position: relative;z-index: 1;margin-bottom: 0;}
.f-dark-row{margin: 0;}
.f-dark-box{padding: 9px;width: 28.15%;}
.section16-box{width: 28.15%;}
.f-dark-box-inn{
    text-align: center;
    padding: 15px 15px 40px 15px;
    border-radius: 25px;
    background-color: rgb(23, 23, 23);
    height: 100%;
    box-shadow: 0px 11px 70px 0px rgba(0, 0, 0, 0.08);
    }
.f-dark-box h3{
    letter-spacing: -0.65px;
 
    margin-top: 18px;
    color: #fff;
    padding: 0 6%;
    }
.f-dark-box p{
    letter-spacing: -0.4px;
    margin-top: 8px;
    color: #c4c4c4;
    padding: 0 5%;
    line-height: 140%;
    }

.upgrade4-img{max-width: 60%;margin-bottom: 4%;}
 
.update-title{
    margin-bottom: 5px;
}
.update-title span{
    background-color: #000;
    color: #000000;
    border-radius: 50px;
    background-color: rgb(209, 254, 23);
    font-weight: 700;
    padding: 4px 30px 8px 30px;
    letter-spacing: -0.18px;
    transition: 0.5s;
    display: inline-block;
}


.f-dark-section.up1{}
.f-dark-section.up1 .f-dark-section-box-out, .f-dark-section-box-out{
    padding: 0;
}
.f-dark-section.up1 .f-dark-section-box{
    background: url(../images/flightbg.webp) no-repeat center top;
    background-size: cover;
}
.f-dark-section.up1 .f-dark-box-inn{
    background-color: #ffffff;
}

.up1text{
    box-shadow: 0px 11px 51px 0px rgba(0, 0, 0, 0.26);
    border-radius: 50px;
    margin-bottom: 30px;
}

.f-dark-section.up1 .f-dark-box h3{ 
    color: #000000; 
    }
.f-dark-section.up1 .f-dark-box p{
    color: #818181;
    }

/*warning*/
 
.warning-box{ border-radius: 30px;overflow: hidden; width: 96%;margin: auto;margin-top: 0;position: relative;z-index: 2;} 
.warning-box-inn{border-radius: 30px;background-color: #0a0907;overflow: hidden;padding: 56px 15px; text-align: center;}

.warning-box h4{
    margin-top: 4%;
}
.warning-box p{
    color: #989898;
    margin-top: 3%;
    padding: 0;
}

.section31-a{padding: 3% 0 0% 0;}

.arrowdown-img{
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;	
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.banner-subtitle-heighlight {
    color: #000000;
    background-color: #fff;
    display: inline-block;
    padding: 2px 20px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
}
.banner-headline{letter-spacing:-1.625px;line-height: 115%;margin-top: 21px;font-weight: 710;}
.banner-headline-span{background-image: linear-gradient(to right, #ffffff00, lch(94.01 93.27 110.92 / 0.50), #ffffff00);display: inline-block;border-radius: 50px;padding: 1px;}
.banner-headline-span-inn{
    background-color: #175656;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 50px;
}
.banner-headline-span-inn span{
    background-color: rgb(0 46 49 / 51%);
    border-radius: 50px;
    padding: 8px 14px;
    display: inline-block;
    margin-right: 4px;
}
.mic-img{margin-top: -19px;}
.banner-subheadline{letter-spacing: -0.4px;margin-top: 2.1%;color: #bfbfbf;}

.top-img{width: 60%;position: relative;left: -2%;}

.section14 .btn-links-span {
    background-color: #ffffff;
}

.coupon-off--2{border-width: 1px;
  border-color: rgb(255, 217, 100);
  border-style: dashed;
  border-radius: 5px;
  display: inline-block;
  padding: 2px 7px;
  color: rgb(255, 217, 100);
  font-weight: 600;
}
#nav-bar iframe{
    margin: auto;
    position: relative;
    left: 0;
    width: 100%;
}

.banner-logo{
    width: 170px;
    margin-bottom: 25px;
}

.timer-text{
    position: relative;
    left: -7%;
}
#nav-bar span.timer-text span{
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-bottom: -8px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.banner-points{letter-spacing:-0.36px;color: #fff;display: flex;justify-content: center;margin-top: 2%;}
.banner-points-list{
    display: flex;
    align-items: center;
    width: auto;
    gap: 9px;
    border-radius: 10px;
    background-color: rgb(178 178 178 / 12%);
    padding: 9px 15px;
    margin: 10px 8px;
}
.banner-points-list img{position: relative;top: 1px;}

.video-title{
    margin-top: 20px;
}

/*section2*/
.section2-row{margin-top: 20px;}
.section2-point{padding: 11px;}
.section2-point-inn{}
 
 

.section2-point-inn{
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    background-color: rgb(255 255 255 / 46%);
    box-shadow: 0px 37px 24px 0px rgb(0 0 0 / 10%);
    border-radius: 24px;
    padding: 28px;
}
.section2-point-inn p{
    letter-spacing: -0.55px;
    color: #000000;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    width: 100%;
}
.section2-point-inn h6{
    color: #0b4142;
    width: 100%;
    margin-top: 3px;
    }

    .point-div{
    width: 44px;
    margin-top: 4px;
}
    .point-div-detail{}

.table-new-title{padding: 22px 0;display: inline-flex;text-align: center;margin-top: 25px;width: 138.9%;position: relative;left: -19.5%;margin-bottom: 20px;background-color: #d1fe17;}
.table-hightlight{padding: 1px;border-radius: 50px;overflow: hidden;/* background-image: linear-gradient(to right, #f870d0, #ffee68); *//* display: inline-flex; *//* box-shadow: 0px 5px 46px 0px rgba(113, 27, 88, 0.2); */text-align: center;text-transform: uppercase;}
.table-new-title h3{
    width: 100%;
}



.smartest-section{
    padding: 2% 0 2% 0;
}
.megabonusimg-img{margin-top: -20px;}

.megabonus-main-div{
    padding: 0;
    margin-top: 30px;
}
.megabonus-div{
    padding: 10px;
}
.megabonus-div-inn{
    border-radius: 10px;
    background-color: #eeeeee;
    padding: 25px 38px 23px 35px;
    height: 100%;
}
.megabonus-points-list{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 140%;
}
.megabonus-points-list img{
    position: relative;
    margin-top: 5px;
}

.megabonus-bottom{text-align: center;}
.megabonus-bottom h4{
    letter-spacing: -0.7px;
    margin-top: 4%;
}
.megabonus-bottom h3{
    margin-top: 1.5%;
    letter-spacing: -0.95px;
}

.megabonus-bottom h4 span{
    border-width: 1px;
    border-color: rgb(255 255 255 / 16%);
    border-style: solid;
    display: inline-block;
    border-radius: 51px;
    padding: 1px 26px;
} 


.top{padding: 15px 0;background-color: #020210;}
.banner{background:url(../images/banner.webp) no-repeat center top;background-color:#02020f;background-size: cover;padding: 35px 0 1% 0;position: relative;}
.section6{background:url(../images/section6.webp) no-repeat center top;background-size: cover;padding: 9% 0 1% 0;position: relative;margin-top: -6%;z-index: 1;overflow: hidden;}
.section2{background:url(../images/section2.webp) no-repeat center top;background-size: cover;padding: 3.5% 0 6% 0;} 
.section16{background:url(../images/section16.webp) no-repeat center top;background-size: cover;padding: 3% 0 3% 0;position: relative;margin-top: -5%;}
.section26{background: url(../images/section26.webp) no-repeat center top;background-size: cover;padding: 3.5% 0 0 0;margin-top: -2%;position: relative;}
.section19{background: url(../images/section19.webp) no-repeat center top;background-size: cover;padding: 6% 0 0 0;position: relative;z-index: 1;}
.section7{background:url(../images/section7.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;position: relative;}
.section4{background:url(../images/section4.webp) no-repeat center top;background-size: cover;padding: 4% 0 2% 0;margin-top: -35px;} 
.section4bg{background:url(../images/section4bg.webp) no-repeat center top;background-size: cover;padding: 0;}
.section8{ margin-top: -30px;padding: 1% 0 5% 0;overflow: hidden;}
.section5{background:url(../images/section5.webp) no-repeat center top;background-size: cover;padding: 3% 0 1% 0;position: relative;z-index: 1;border-radius: 0 0 80px 80px;background-color: #05030d;}
.section10{background: url(../images/section10.webp) no-repeat center top;background-size: cover;padding: 10% 0 1.5% 0;margin-top: -5.5%;position: relative;z-index: 1;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;margin-top: 0;position: relative;background-image: linear-gradient(to bottom, #ffffff 70%, #daf5cc 100%);}
.section14-row{} 
.section31{background: url(../images/moneybackbg.webp) no-repeat center top;background-size: cover;padding: 6% 0 2% 0;margin-top: 0;position: relative;margin-top: 0;}

.feature-section{background:url(../images/featurebg.png) no-repeat center top;background-size: cover;padding: 0 0 1% 0;position: relative;z-index: 1;}
.feature-section-vid-div{background:url(../images/featurebgvid.webp) no-repeat center top;background-size: cover;padding: 4.5% 0 2% 0;position: relative;z-index: 1;}
.feature-section-2{background:url(../images/featurebg2.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;position: relative;z-index: 1;}

.tools-section{background:url(../images/toolsbg.webp) no-repeat center top;background-size: cover;padding: 5% 0 2% 0;position: relative;z-index: 1;}

.section11{padding: 2% 0 2.5% 0;margin-top: 0;}
.faq-section{padding: 7.7% 0 5% 0;}

.reasons-section{padding: 0% 0 1% 0;position: relative;margin-top: 0;}


 
@media only screen and (max-width: 991px){	
.top{padding: 15px 0;}
.banner{padding: 110px 0 30px 0;}
.section6{padding: 11% 0 2% 0;margin-top: -7%;}
.section2{padding: 4.5% 0 6% 0;} 
.section16{padding: 3% 0 3% 0;margin-top: -5%;}
.section26{background-size: cover;padding: 5.5% 0 0 0;margin-top: -2%;}
.section19{padding: 6% 0 0 0;}
.section7{padding: 8.5% 0 3% 0;margin-top: -10px;}
.section4{padding: 4% 0 2% 0;margin-top: -7px;} 
.section4bg{padding: 0;}
.section8{margin-top: -8px;padding: 6% 0 1% 0;}
.section5{padding: 6% 0 4% 0;margin-top: -1%;}
.section10{padding: 10% 0 1.5% 0;margin-top: -5.5%;}
.section14{margin-top: -10px;padding: 40px 0 0px 0;}
.section14-box{padding: 3% 0 5% 0;border-radius: 36px;width: 93%;}
.section11{padding: 2% 0 2.5% 0;margin-top: 0;}
.section10-box{}
.unlock-img{
    width: 60px;
}

.section14-row {
    margin: 0;
    background-color: #02020f;
    padding: 10px 0;        background: url(../images/tablebg1.webp) no-repeat center top;
        background-size: cover;
                border-radius: 15px;
}

  .table-box1-inn {
    border-radius: 18px;
}
  .intrologo-img{
    width: 80%;
}
  .intro{
    margin-top: 0px;
}
  .section26-box .section26-box-inn{
    padding: 34px 0 1% 0;
}
  .section26-box p {
    margin-top: 15px;
    margin-bottom: 30px;padding: 0 7%;
}
  .automated-box-out {padding: 6px;}
.section7-box-out{
    margin-top: 20px;
}
  .section7-box{
    border-radius: 20px;
}

  .designers-img{
    width: 170px;
    right: -2%;
}
  .icon2-img{
    width: 80px;
}
.section5-box-out{padding: 8px;}
.section5-box{
    border-radius: 15px;
}
  .section5-box p{
    padding: 0 6px;
}
.section10-detail h3{
    padding: 0;
}
  .section10-detail{margin:0}
  
    .testielement1-img{left: 99%;top: 45%;width: 50px;}
.testielement2-img{top: 97%;right: 15%;width: 80px;}
.testielement3-img{bottom: 97%;left: 16%;width: 100px;}
.testielement4-img{right: 99%;bottom: 47%;width: 40px;}

.mybutton1 a {padding: 12px 8px;border-radius: 5px;}
.automated-box p {padding-right: 0;padding-left: 2px;}

.mybutton a {border-radius: 15px;}
.step-box { padding: 0 0 0 15px;}
.step-details {padding: 0 0px 0 0;}

.checklist1 li { padding-top: 0;padding-bottom: 10px; }
.section8-box {border-radius: 25px;padding: 14px 0 20px 29px;}
.checklist1 {padding-right: 3%;}
.arrow3-img {width: 50px;}
.future-img {  }
.step-box2-out .connection1-img {bottom: 0%;transform: rotate(95deg);left: 85%;}

.headline::after{display:none !important;}

  .click-text {font-size: 20px;text-align: center;}
  .clickarrow {left: 40px;top: 4px;width: 35px;}

  .person-pra {margin-top: 0px;}

  .shadow {width: 30%;}
 .generatearrow2 {width: 26px;}

 .section19-box .section19-box-inn {border-radius: 25px;padding: 25px 0 0 0;}
 .slider-img{margin-top: 20px;}

  .create-box {width: 380px;}
  .create-text{font-size: 20px;}


  .badge-img{max-width: 95%;}
   
  .section10-box-inn{border-radius: 15px;}
  .mybutton2 a{width: 100%;border-radius: 15px;}
  .mybutton2 a .arrow{width: 25px;}
  
  .table-studio-edition, .table-social-automation{margin-top: 20px;}

  #nav-bar {width: 88%;}
  .btn-links a.gradient-shrink-btn {padding:22px 18px;} 
  .btn-links a {font-size: 26px;}
  .f-dark-section-box {width: 92%;}
  .section31 {padding: 9% 0 4% 0;}

  .price-checklist2 {padding: 8% 7% 0 7%;}
  .tb2222 .table-box1-inn-2 {padding: 0 0 8% 0;}
  .payment2 {max-width: 80%;}
  .accordion_head {padding: 30px 0;font-size: 20px;}

.table-box-1 .table-name{    background: linear-gradient(to right, #f870d0, #ffee68);}
.table-box-2 .table-name{    background: linear-gradient(to right, #f870d0, #ffee68);}
.table-box-3 .table-name{    background: linear-gradient(to right, #f870d0, #ffee68);}
.table-box-4 .table-name{    background: linear-gradient(to right, #f870d0, #ffee68);}
.table-box-5 .table-name{    background: linear-gradient(to right, #f870d0, #ffee68);}

.logoDarkBG {
    max-width: 170px;     margin-bottom: 16px;
}
.table-name-inn { 
    padding: 5px 12px;
}
.table-name { 
    padding: 1px;
}
 .table-box-top {  
    padding: 20px 0 0px 0;
}
.box-img {
    margin-top: 18px;
    margin-bottom: 0; 
}
.feature-img-div-inn {
    padding: 10px;
    border-radius: 20px;
}
.my-video { 
    border-radius: 15px;
}
.up1text { 
    width: 300px;
}
.f-dark-box , .section16-box{
    padding: 12px;
    width: 45%;
}
.commercial-hightlight-inn { 
    padding: 15px 20px;
}
}
@media only screen and (max-width: 767px){
  .top{padding: 15px 0;}
  .banner{background-image: none; padding: 30px 0 10px 0}
  .section6{padding: 8% 0 2% 0;margin-top: -5px;background-image: none;background-color: #f5f5f5;text-align: center;}
  .section2{padding: 7.5% 0 2% 0;background-image: none;background-color: #fff;} 
  .section16{padding: 5% 0 3% 0;margin-top: 0;}
  .section26{background-size: cover;padding: 8% 0 0 0;margin-top: 0;}
  .section19{padding: 11% 0 2% 0;}
  .section7, .tools-section{padding: 40px 0 10px 0;margin-top: 0;}
  .section4{padding: 9% 0 0% 0;margin-top: -7px;} 
  .section4bg{padding: 0;}
  .section8{margin-top: 0;padding: 0px 0 40px 0;}
  .section8-video-box { width: 100%;}
  .section8-video-box {background-color: #ffffff30;border-radius: 20px;padding: 10px;width: 90%;margin-top: 22px;margin-bottom: 10px;}
  .section5{padding: 13% 0 4% 0;margin-top: 0;background-color: #2e0222;}
  .section10{padding: 8% 0 0% 0;margin-top: 0;background-image: none;}
  .section14{padding: 40px 0 10px 0;margin-top: 0;}
  .section14-box{padding: 7% 0 5% 0;border-radius: 15px;width: 93%;}
  .section11{padding: 2% 0 2.5% 0;margin-top: 0;}
  .section10-box {padding: 15px;width: 100%;}
  .section3 {padding: 4% 3% 1% 3%;}
  .f-dark-section-box {padding: 40px 10px 10px 10px;border-radius: 20px;}
  .f-dark-box, .section16-box {width: 100%;}
  .accordion_head {padding: 20px 0;font-size: 18px;}
  #nav-bar, #nav-bar.scrolled {}
  .feature-img-div-inn {padding: 15px;border-radius: 15px;}
.my-video{border-radius: 15px;}
  .menu {padding: 5px 5px 5px 15px; }
#nav-bar {width: 95%;}
.getlink {margin-left: 0;}
    .f-dark-section.up1 .f-dark-section-box-out, .f-dark-section-box-out {
    padding: 0 0 0 0;
}
.up1text{
    width: 280px;
    margin-bottom: 10px;
}
    .upgrade4-img {
    max-width: 98%;
    margin-bottom: 30px;
    margin-top: 20px !important;
}
    .commercial-hightlight{
    margin-bottom: 10px;
}
.commercial-hightlight-inn {
    display: inline;
    background-color: #ffffff;
    width: 100%;
    border-radius: 50px;
    padding: 10px 20px;
}
    .valuet1-img{
    max-width: 220%;
    position: relative;
    left: -60%;
}
    .b1-box-list {
    margin-top: 20px;
}
    .section31-a {
    padding: 10px 0 20px 0;
}
.feature-row {
        margin-top: 40px;
        border-top: 1px solid #ffffff26;
        padding-top: 40px;
    }
.video-box-inner, .video-box, .video-box-main {border-radius: 10px; }
.video-box { padding: 10px; }
.video-box-main{margin-bottom: 15px;}

.f-dark-box h3,.f-dark-box p{
   padding:0;
    }

.table-studio-edition.table-box-3 {
    padding-bottom: 8%;
}

.megabonus-div {
    padding: 5px 15px;
}
.megabonus-main-div {
    padding: 0;
    margin-top: 20px;
}
.smartest-section {
    padding: 0px 0 40px 0;
}
.point-div {
    width: 32px;
    margin-top: 4px;
}
  .price_img {max-width: 70%;}
  .box-img {margin-top: 20px;margin-bottom: -30px;}
  .logoDarkBG {max-width: 70%;margin-bottom: 15px;}
  .feature-detail-div {padding: 0 3.5%;margin-bottom: 5%;}
  .ground-breaking-feature-box-2 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-3 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-4 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-5 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-6 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-7 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-8 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-9 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-10 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-1 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}

  .btn-links a.gradient-shrink-btn {padding: 8px 20px;font-size: 18px;line-height: 120%;}

  .tools-feature-detail {
    padding: 0 5%;
    margin-top: 5%;
  }
.ground-breaking-feature-box-inn {padding: 30px 25px; border-radius: 15px; }
.ground-breaking-feature-box-2 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-3 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-4 .ground-breaking-feature-box-inn {padding: 6% 2% 0 2%;text-align: center;}
  .ground-breaking-feature-box-5 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-6 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-7 .ground-breaking-feature-box-inn {padding: 6% 2% 0 2%;text-align: center;}
  .ground-breaking-feature-box-8 .ground-breaking-feature-box-inn {padding: 6% 2% 0 2%;text-align: center;}
  .ground-breaking-feature-box-9 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-10 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .ground-breaking-feature-box-1 .ground-breaking-feature-box-inn {padding: 6% 2% 3.8% 2%;text-align: center;}
  .f-dark-box-inn {
    text-align: center;
    padding: 15px 15px 25px 15px;
  }
    .ground-breaking-feature-box-1 .ground-breaking-feature-detail {
    padding: 0 0;
}

.table-new-title { 
    width: 109%; 
    left: -15px; 
}

#nav-bar{display: none !important;}

  .tools-main-box {margin-top: 0%;}

    .ground-breaking-feature-box {
    padding: 9px 15px; 
}
    .tools-feature-box-inn{
    border-radius: 15px;
}
 
  .logo-img {width: 150px;}

  .section31{
    background-color: #051221;
    background-image: none;
    text-align: center;
    padding: 8% 10px 4% 10px;
}
.section31-text {
    padding: 6px 10px 12px 10px;
}
    .logo3{
    width: 240px !important;
}
.funnel-detail-box-list {
    padding: 40px 15px 20px 15px;
}
.section14-row {
    margin: 0;
    background-color: #02020f;
    padding: 10px 0;
}


  .b-checklist1{
    padding: 0;
}
  .b1-box{
    text-align: center;
    border-radius: 30px;
    padding: 25px 15px;
    overflow: hidden;        width: 97%;
}
    .tb2222 {
    padding: 30px 0 20px 0;
}
.warning-box-inn{
    padding: 35px 15px;
    background-image: none;
    background-color: #000;
}
    .warning-img{
    width: 230px;
}
  .moneyback-img{
    margin-top: 0px;
    margin-bottom: 15px;
}
  .video-div{background-image: none;}

  .footer {padding: 25px 0 18px 0;}

  .testielement1-img, .testielement2-img, .testielement3-img, .testielement4-img, .connection1-img, .stepconnection-img1, .stepconnection-img2, .click-box-pc, .intro-box-pc, .element5-img, .element6-img, .element7-img{display:none !important;}
 
  .click-box-mob, .intro-box-mob {display: block;} 

  .mybutton a .arrow{
    width: 28px;
    margin-top: -4px;
}
  .my-btn-box { 
    border-radius: 15px; 
    max-width: 95%; 
    padding: 3.9% 15px 4.5% 15px;
}
.section26-box .section26-box-inn{
    border-radius: 15px;
}

  .problem1{
    width: 100%;
}
  .problem-detail-div2, .problem-detail-div{
    padding: 0;
}
  .section4-box-out{
    padding: 0;
}
  .section4-box{
    border-radius: 10px;
}
  .section8-box{
    padding: 30px 0 10px 0;
    text-align: center;
}
    .payment-img-1{width: 260px;} 
.window-img-1{width: 260px;}

  .designers-img{
    max-width: 100%;
    position: relative;
    margin: 4% 0 0 0;
    right: 0;
    left: 0;
}
  .icon2-img{
    width: 55px;
}
  .section5-box-out{
    padding: 8px 15px;
}
  .fast-img{
    width: 67%;
}

  .section10-box-inn{
    text-align: center;
    padding: 30px 15px;
}
  .highlight11{
    display: inline-block;
    padding: 9px 0px;
}
  .table-box1-inn{
    border-radius: 20px;
}


.feature-section {background-image: none;background-color: #000000;padding: 40px 0 10px 0;}


.arrowdown-img { 
    width: 30px;
}


  .section10-img{width: 100%;}
.section10-detail{width: 100%;margin-top: 10px;}
  .emoji1-img{margin-right: 8px;} 
  .emoji2-img{margin-bottom: 0;} 
  .emoji3-img{margin-top: -9px;margin-bottom: -14px;}
  .section7-shap1, .section7-shap2, .section7-shap3{border-radius: 10px;padding: 6px 15px;margin: 8px 0;}
  .section7-shap1 span, .section7-shap2 span, .section7-shap3 span{top: 3px;}
  .connection2-img{top: -11%;width: 50px;}
  .connection3-img{top: 47%;width: 50px;} 

  .section7-shap1{} .section7-shap2{padding: 3px 15px 3px 8px;} 
  .section7-shap3{padding: 10px 0 12px 12px;}
  .mybutton1 a { margin: auto;padding: 12px 15px;}

  .step2-img, .step3-img {margin: 30px 0;}
  .swiper-button-next, .swiper-button-prev {width: 25px !important;padding: 0;}
  .swiper-button-next, .swiper-button-prev{background-image: none !important;} 
  .timer{margin: 10px 0;}
   
  .section7-box-out{padding: 10px 15px;margin-top: 0;}
 .section7-box{border-radius: 15px;padding: 15px 15px 20px 15px;}
  .problem-img-div{margin-bottom: 15px;}
   .arrow3-img {width: 32px;}
   .section8-box-out{padding: 0 0px;}
    .checklist1{padding:0;}
    
    .labels-img{width: 100%;}
    .section9-box2 {width: 90%;}
    .future-box{border-radius: 10px;}
    .future-img{}
  .intromob-img{margin: 10px 0 10px 0;position: relative;left: -15px;}

  .section6-box{border-radius: 20px;}
  .section6-box-inn{border-radius: 19px;}

  .stepconnection-img1, .stepconnection-img2{width: 400px;}
  .step2-details{padding-left: 15px;}

  .stepconnection-img1, .stepconnection-img2{max-width: 70%;margin-top: 0;margin-bottom: 0;}
  .step2-img { left: 0;}
  .step1-img, .step2-img,.step3-img{margin-top: 20px;}
  .section7-row1 {margin-top: 40px;}
  .step1-img{margin-bottom: 20px;margin-top: 10px;} .step2-img{margin-bottom: 50px;}

  .demoframe {border-radius: 15px;}
 
  .graphic-box-out {width: 100%; }

    .person-pra {margin-top: 8px;}
  .person-detail{text-align: center;}
    .section19-box .section19-box-inn{padding: 25px 0 0 0;border-radius: 15px;}
  .person1-img, .person2-img, .person3-img, .person4-img, .person5-img, .person6-img, .person7-img{width: 100%;left: 0;right: 0;}

  .clickmob-img{margin-top: -15px;}
  .slider-img {margin-top: 10px;}

  .create-box{border-radius: 5px;}
  .create-box-inn {border-radius: 6px;padding: 4px;}
  .create-img {border-radius: 6px;width: 30px;height: 30px;margin-right: 8px;}
  .create-box {width: 220px;}
  .create-text{font-size: 10px;}
  .createle1-img{position: relative;left: 6px;top: 1px;width: 5px;}
  .createle2-img{position: relative;left: 8px;top: 0px;width: 6px;}
  .createle3-img{position: relative;top: 9px;left: -9px;width: 10px;}

 .video-wrapper {border-radius: 15px;}
  .feature-detail-div h2 { 
    padding: 0 0 0 12px;
    margin-left: 0; 
}.feature-img-div-inn {
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}
.feature-detail-div p { 
    margin-top: 8px;
}
.tools-feature-box {
    padding: 10px 5px;
}
  .featur1, .featur2, .featur3, .featur4, .featur5, .featur6, .featur7, .featur8, .featur9, .featur10, .featur11, .featur12{width: 100%;left: 0;right: 0;top: 0;margin-bottom: 0;margin-top: 20px;}

  .feature-detail p {margin-top: 15px;}

  .feature-title-inn {padding: 9px 15px;}
  .feature-pc, .emoji4-img1, .emoji4-img2, .unlock-img{display: none !important;}
  .feature-mob{display: block !important;}

  .revolution{max-width: 100%;margin-bottom: 14px;}

  .highlight10{
    display: inline-block;
    padding: 8px 1px;
}

.banner-points { flex-direction: column;}
.banner-points-list {margin: 5px 8px;}
.banner-points-list img {width: 19px;}

}
@media (min-width: 240px){
  .lappy {
      position: static;
      right: 0;
      bottom: 0px;
  }
  .videosection {
      position: static;
      right: 0;
      bottom: 0px;
  }
  .mainvideo {
      position: static;
      width: 100%;
      height: auto;
  }
  
  .video {
      width: 485px;
      height: 231px;
      top: 23px;
      left: 0px;
      margin-bottom: 8%;
  }
  
  .video-box-section{width: 84.22%; }
  
 .videoele2{height: 105.3%;top: -15px;}
 .videoele4{height: 105.4%;top: -16px;}

 .talent-name{font-size: 40px;}
 .talent-post{font-size: 12px;}

 .graphics-img{width: 220px;}
 .swiper-slide-box{border-radius: 35px;}

 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 35px;}
 .emoji1-img{width: 35px;} 
 .emoji2-img{width: 50px;}  

 .automated-box-out{padding: 6px 15px;width: 80%;}
.brand-box{padding: 5px;width: 38%;}
.unlimited-box{padding: 5px;width: 42%;}
 .step-box{padding: 0 0 0 15px;border-radius: 20px;}
 .step-box-out{padding: 6px 15px;}
 .step-details {padding: 0 5px 0 0;}
 .step-details h2{margin-top: 10px;}
 .step-details p{margin-top: 9px;} 

 .click-text { top: 25%;left: 10%;  }

  .reveal-1{top: -8%;left: 5%;width: 90px;} 
  .reveal-2{top: 42.5%;left: 0.5%;width: 100px;}
  .reveal-3{top: 66%;left: 3.5%;width: 100px;} 
  .reveal-4{top: -2%;right: 5%;width: 60px;} 
  .reveal-5{top: 41.5%;right: 0.5%;width: 98px;} 
  .reveal-6{top: 72%;right: 3.5%;width: 80px;}
  
  .section14-left{width: 100%;}
  .section14-right{width: 100%;}

  .demoframe-out {}	 

  .section19-box, .section26-box{width: 100%;}
  .person-detail{width: 100%;}
  .person-detail1{padding: 0 15px;}
  .person-img-div{width: 100%;} 

  .feature-row1{margin-top: 40px;}
  .feature-row2{margin-top: 40px;}
  .feature-row3{margin-top: 40px;}
  .feature-row4{margin-top: 40px;}
  .feature-row5{margin-top: 40px;}
  .feature-row6{margin-top: 40px;}
  .feature-row7{margin-top: 40px;}
  .feature-row8{margin-top: 40px;}
  .feature-row9{margin-top: 40px;}
  .feature-row10{margin-top: 40px;}
  .feature-row11{margin-top: 40px;}
  .feature-row12{margin-top: 40px;}
  .feature-row13{margin-top: 40px;}
  .feature-row14{margin-top: 40px;}
  .feature-row15{margin-top: 40px;}
  .feature-row16{margin-top: 40px;}
  .feature-row17{margin-top: 40px;}
  .feature-row18{margin-top: 40px;}

  .table-box{padding: 10px;width: 100%;}
 
}
@media (min-width: 480px){
  .mainvideo {
      position: static;
      width: 100%;
      height: 0px;
  }
  .video {
      width: 485px;
      height: 273px;
      top: 23px;
      left: 28px;
      margin-bottom: 8%;
  } 
 
}
@media only screen and (min-width: 768px) {
     #nav-bar{width: 94%;}
  .lappy {
      position: relative;
      right: 0;
      bottom: -50px;
  }
  .videosection {
      position: relative;
      right: 0;
      bottom: 0px;
  }
  .mainvideo {
      position: absolute;
      width: 402px;
      height: 227px;
      top: 40px;
      left: 24px;
  }
  .video {
      width: 315px;
      height: 117px;
      top: 15px;
      left: 7px;
      margin-bottom: 12%;
  }
  
  .video-box-section{width: 74%;}
  
 .videoele2{height: 105.5%;top: -9px;}
 .videoele4{height: 105.4%;top: -9px;}
 

 .talent-name{font-size: 38px;}
 .talent-post{font-size: 14px;}

 .graphics-img{width: 490px;}
 .swiper-slide-box{border-radius: 25px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 5px;width: 19%;}
.brand-box{padding: 6px;width: 20.2%;}
.unlimited-box{padding: 4px;width: 13%;}
 .step-box{padding: 0 0 0 5%;border-radius: 20px;}
 .step-box-out{padding: 9px;}
 .step-details {padding: 0 5px 0 0;}
 .step-details h2{margin-top: 8px;}
 .step-details p{margin-top: 8px;}
 .connection1-img{width: 90px;}
 .checklist1{padding-right: 22%;}
  

  .click-text {top: 32%;left: 29%;}    
  .design1-img{top: 18%;left: 4%;width: 94px;}
  .design2-img{top: 17%;left: 17.5%;width: 59px;}
  .design3-img{top: 27%;left: 27%;width: 97px;}
  .design4-img{top: 53%;left: 3.3%;width: 70px;}
  .design5-img {top: 51%;left: 13.5%;width: 95px;}
  .design6-img{top: 54.5%;left: 27%;width: 71px;}
  .design7-img{top: 26.5%;right: 27%;width: 98px;}
  .design8-img{top: 16.5%;right: 18%;width: 62px;}
  .design9-img{top: 23%;right: 8.3%;width: 65px;}
  .design10-img{top: 55%;right: 28%;width: 71px;}
  .design11-img{top: 52%;right: 14%;width: 95px;}
  .design12-img{top: 49%;right: 1%;width: 99px;}
  .start1-img {top: 24%;left: 32%;}
  .start2-img {top: 74%;left: 11%;width: 37px;}
  .start3-img {top: 70%;left: 35%;}
  .start4-img {top: 21%;right: 28%;width: 26px;}
  .start5-img {top: 69%;right: 26.9%;}
  .start6-img {top: 22%;left: 32%;width: 25px;}
  .element7-img{top: 49%;right: 1%;width: 34px;}

  .reveal-1{top: 6%;left: 5%;width: 161px;} 
  .reveal-2{top: 46.5%;left: 0.5%;width: 200px;}
  .reveal-3{top: 68%;left: 3.5%;width: 200px;} 
  .reveal-4{top: 11%;right: 5%;width: 118px;} 
  .reveal-5{top: 47%;right: 0.5%;width: 185px;} 
  .reveal-6{top: 72%;right: 4.5%;width: 145px;}

  .intro-img{max-width: 90%;}
  
  .section14-left{width: 48%;}
  .section14-right{width: 44%;}

  .demoframe-out {} 

  .section19-box, .section26-box{width: 95%;}
  .person-detail{width: 50%;}
  .person-detail1{padding: 0 15px;}
  .person-img-div{width: 46%;}  
    
  .feature-row1{margin-top: 4%;}
  .feature-row2{margin-top: 4%;}
  .feature-row3{margin-top: 5%;}
  .feature-row4{margin-top: 6%;}
  .feature-row5{margin-top: 7%;}
  .feature-row6{margin-top: 8%;}
  .feature-row7{margin-top: 6%;}
  .feature-row8{margin-top: 8%;}
  .feature-row9{margin-top: 8%;}
  .feature-row10{margin-top: 7%;}
  .feature-row11{margin-top: 8%;}
  .feature-row12{margin-top: 5%;}
	.feature-row13{margin-top: 6%;}
	.feature-row14{margin-top: 5%;}
	.feature-row15{margin-top: 7%;}
	.feature-row16{margin-top: 7%;}
	.feature-row17{margin-top: 6%;}
	.feature-row18{margin-top: 8%;}

   .feature-img-div{width: 47%;}
   .feature-detail{width: 50%;}
   .feature-detail-right{margin-left: 3%;}
   .feature-detail-left{margin-right: 1%;}

   .section27-box2{width: 95%;}

   .table-box{padding: 10px;width: 33%;}
}
@media only screen and (min-width: 992px) {
   
  .mainvideo {
      position: absolute;
      width: 551px;
      height: 327px;
      top: 40px;
      left: 30px;
  }
  .video {
      width: 429px;
      height: 162px;
      top: 21px;
      left: 11px;
      margin-bottom: 10%;
  }
  
  .video-box-section{width: 72.22%;}
  
 .videoele2{height: 105.3%;top: -11px;}
 .videoele4{height: 105.3%;top: -11px;}
 
 .talent-name{font-size: 40px;}
 .talent-post{font-size: 15px;}

 .graphics-img{width: 570px;}
 .swiper-slide-box{border-radius: 35px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}

 .modal-lg {max-width: 1000px;}
 .step-box{padding: 0 0 0 5%;border-radius: 20px;}
 .step-box-out{padding: 6px;}
 .step-details {padding: 0 5px 0 0;}
 .step-details h2 {margin-top: 10px;} 
 .step-details p{margin-top: 13px;}
 .connection1-img{width: 153px;}
 .checklist1{padding-right: 8%;}
  

  .design1-img{top: 18%;left: 5%;width: 123px;}
  .design2-img{top: 17%;left: 18%;width: 77px;}
  .design3-img{top: 27%;left: 27%;width: 123px;}
  .design4-img{top: 53%;left: 3.3%;width: 87px;}
  .design5-img {top: 49%;left: 13%;width: 129px;}
  .design6-img{top: 52.5%;left: 27%;width: 92px;}
  .design7-img{top: 26.5%;right: 27%;width: 126px;}
  .design8-img{top: 16.5%;right: 18%;width: 78px;}
  .design9-img{top: 23%;right: 8.3%;width: 86px;}
  .design10-img{top: 52%;right: 27%;width: 94px;}
  .design11-img{top: 49%;right: 12.8%;width: 128px;}
  .design12-img{top: 49%;right: 0.5%;width: 132px;}
  .start1-img {top: 24%;left: 32%;}
  .start2-img {top: 74%;left: 11%;width: 37px;}
  .start3-img {top: 70%;left: 35%;}
  .start4-img {top: 22%;right: 28%;width: 27px;}
  .start5-img {top: 69%;right: 25.9%;}
  .start6-img {top: 13%;left: 22%;width: 27px;}
  .element7-img{top: 47%;right: 1.5%;width: 40px;}

  .reveal-1{top: 16%;left: 6%;width: 160px;} 
  .reveal-2{top: 47.5%;left: 1.5%;width: 208px;}
  .reveal-3{top: 66%;left: 6.5%;width: 197px;} 
  .reveal-4{top: 15.5%;right: 8.5%;width: 124px;} 
  .reveal-5{top: 46.5%;right: 2.5%;width: 200px;} 
  .reveal-6{top: 68%;right: 9%;width: 143px;}

  .intro-img{max-width: 90%;}
  
  .section14-left{width: 48%;}
  .section14-right{width: 40%;}

  .demoframe-out {} 

  .section19-box, .section26-box{width: 96%;}
  .person-detail{width: 46%;}
  .person-detail1{padding: 0 15px;}
  .person-img-div{width: 49%;} 
    
  .feature-row1{margin-top: 4%;}
  .feature-row2{margin-top: 4%;}
  .feature-row3{margin-top: 5%;}
  .feature-row4{margin-top: 6%;}
  .feature-row5{margin-top: 7%;}
  .feature-row6{margin-top: 8%;}
  .feature-row7{margin-top: 6%;}
  .feature-row8{margin-top: 8%;}
  .feature-row9{margin-top: 8%;}
  .feature-row10{margin-top: 7%;}
  .feature-row11{margin-top: 8%;}
  .feature-row12{margin-top: 5%;}
	.feature-row13{margin-top: 6%;}
	.feature-row14{margin-top: 5%;}
	.feature-row15{margin-top: 7%;}
	.feature-row16{margin-top: 7%;}
	.feature-row17{margin-top: 6%;}
	.feature-row18{margin-top: 8%;}

 .feature-img-div{width: 49%;}
 .feature-detail{width: 48%;}
 .feature-detail-right{margin-left: 3%;}
 .feature-detail-left{margin-right: 1%;}
    
  .section27-box2{width: 92%;}

  .table-box{padding: 20px;width: 26.7%;}
}
@media only screen and (min-width: 1100px) {
   
  .mainvideo {
      position: absolute;
      width: 551px;
      height: 327px;
      top: 40px;
      left: 30px;
  }
  .video {
      width: 429px;
      height: 162px;
      top: 21px;
      left: 11px;
      margin-bottom: 10%;
  }
  
  .video-box-section{width: 78%;}
  
 .videoele2{height: 105.2%;top: -12px;}
 .videoele4{height: 105.2%;top: -12px;}
 

 .talent-name{font-size: 40px;}
 .talent-post{font-size: 15px;}

 .graphics-img{width: 650px;}
 .swiper-slide-box{border-radius: 30px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
 .step-box{padding: 0 0 0 6%;border-radius: 25px;}
 .step-box-out{padding: 6px;}
 .step-details {padding: 0 10px 0 0;}
 .step-details h2 {margin-top: 18px;} 
 .step-details p{margin-top: 13px;}
 .connection1-img{width: 153px;}
 .checklist1{padding-right: 8%;}
  
  .design1-img{top: 18%;left: 4.7%;width: 142px;}
  .design2-img{top: 16.3%;left: 17.7%;width: 89px;}
  .design3-img{top: 27.2%;left: 26.8%;width: 138px;}
  .design4-img{top: 53%;left: 3%;width: 99px;}
  .design5-img {top: 49%;left: 13%;width: 140px;}
  .design6-img{top: 52.9%;left: 26.9%;width: 102px;}
  .design7-img{top: 27.2%;right: 26.8%;width: 140px;}
  .design8-img{top: 16.7%;right: 17.8%;width: 88px;}
  .design9-img{top: 23.5%;right: 8.2%;width: 96px;}
  .design10-img{top: 53%;right: 27%;width: 104px;}
  .design11-img{top: 50%;right: 13.1%;width: 141px;}
  .design12-img{top: 49.5%;right: 1%;width: 145px;}
  .start1-img {top: 25%;left: 33%;}
  .start2-img {top: 78%;left: 11.6%;width: 37px;}
  .start3-img {top: 71%;left: 35%;}
  .start4-img {top: 24%;right: 28%;width: 29px;}
  .start5-img {top: 72%;right: 26%;}
  .start6-img {top: 12%;left: 22%;width: 32px;}
  .element7-img{top: 50%;right: 1.5%;width: 49px;}

  .reveal-1{top: 16%;left: 6%;width: 180px;} 
  .reveal-2{top: 47.5%;left: 1.5%;width: 228px;}
  .reveal-3{top: 66%;left: 6.5%;width: 217px;} 
  .reveal-4{top: 19.5%;right: 7.5%;width: 129px;} 
  .reveal-5{top: 47.5%;right: 1.5%;width: 224px;} 
  .reveal-6{top: 68%;right: 8%;width: 163px;}

  .intro-img{max-width: 95%;}
  
  .section14-left{width: 46%;}
  .section14-right{width: 40%;}

  .demoframe-out {}

  .section19-box{width: 94%;}
  .section26-box{width: 94%;}
  .person-detail{width: 43%;}
  .person-detail1{padding: 0 15px;}
  .person-img-div{width: 50%;} 
    
  .feature-row1{margin-top: 4%;}
  .feature-row2{margin-top: 4%;}
  .feature-row3{margin-top: 3%;}
  .feature-row4{margin-top: 4%;}
  .feature-row5{margin-top: 5%;}
  .feature-row6{margin-top: 6%;}
  .feature-row7{margin-top: 4%;}
  .feature-row8{margin-top: 6%;}
  .feature-row9{margin-top: 6%;}
  .feature-row10{margin-top: 5%;}
  .feature-row11{margin-top: 6%;}
  .feature-row12{margin-top: 3%;}
	.feature-row13{margin-top: 4%;}
	.feature-row14{margin-top: 3%;}
	.feature-row15{margin-top: 5%;}
	.feature-row16{margin-top: 5%;}
	.feature-row17{margin-top: 4%;}
	.feature-row18{margin-top: 7%;}

  .feature-img-div{width: 48%;}
  .feature-detail{width: 48%;}
  .feature-detail-right{margin-left: 3%;}
  .feature-detail-left{margin-right: 1%;}
  
  .section27-box2{width: 92%;}

  .table-box{padding: 10px;width: 29%;}

}
@media only screen and (min-width: 1200px) {
  #nav-bar{width: 90%;} 
  .mainvideo {
      position: absolute;
      width: 655px;
      height: 382px;
      top: 70px;
      left: 38px;
  }
  .video {
      width: 403px;
      height: 196px;
      top: 1px;
      left: 0px;
      margin-bottom: 0px;
  }
  
  .video-box-section{width: 72%;}
  
 .videoele2{height: 105.3%;top: -13px;}
 .videoele4{height: 105.6%;top: -14px;}

 

 .talent-name{font-size: 40px;}
 .talent-post{font-size: 14px;}

 .graphics-img{width: 720px;}
 .swiper-slide-box{border-radius: 40px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
 .step-box{padding: 0 0 0 4%;border-radius: 30px;}
 .step-box-out{padding: 6px;}
 .step-details {padding: 0 0px 0 0;}
 .step-details h2{margin-top: 10px;}
 .step-details p{margin-top: 13px;}
 .connection1-img{width: 153px;}
 .checklist1{padding-right: 6%;}
  

  .design1-img{top: 18%;left: 4.7%;width: 154px;}
  .design2-img{top: 16.3%;left: 17.7%;width: 99px;}
  .design3-img{top: 27.2%;left: 26.8%;width: 150px;}
  .design4-img{top: 53%;left: 3%;width: 109px;}
  .design5-img {top: 49.3%;left: 13%;width: 157px;}
  .design6-img{top: 52.1%;left: 26.9%;width: 116px;}
  .design7-img{top: 27.2%;right: 26.8%;width: 154px;}
  .design8-img{top: 16.7%;right: 17.8%;width: 96px;}
  .design9-img{top: 23.5%;right: 8.2%;width: 104px;}
  .design10-img{top: 51.7%;right: 27%;width: 116px;}
  .design11-img{top: 48%;right: 12.8%;width: 160px;}
  .design12-img{top: 49.5%;right: 1%;width: 156px;}
  .start1-img {top: 25%;left: 33%;}
  .start2-img {top: 76%;left: 11.6%;width: 37px;}
  .start3-img {top: 71%;left: 35.5%;}
  .start4-img {top: 24%;right: 28%;width: 37px;}
  .start5-img {top: 71%;right: 26.2%;}
  .start6-img {top: 13%;left: 22%;width: 37px;}
  .element7-img{top: 50%;right: 1.5%;width: 49px;}

  .reveal-1{top: 16%;left: 6%;width: 195px;} 
  .reveal-2{top: 47.5%;left: 1.5%;width: 243px;}
  .reveal-3{top: 66%;left: 6.5%;width: 232px;} 
  .reveal-4{top: 19.5%;right: 7.5%;width: 144px;} 
  .reveal-5{top: 47.5%;right: 1.5%;width: 239px;} 
  .reveal-6{top: 68%;right: 8%;width: 178px;}

  .intro-img{max-width: 100%;}
  
  .section14-left{width: 46%;}
  .section14-right{width: 40%;}

  .demoframe-out {}   
 
  .section19-box{width: 94%;}
  .section26-box{width: 94%;}
  .person-detail{width: 43%;}
  .person-detail1{padding: 0 15px;}
  .person-img-div{width: 48%;} 

  .feature-row1{margin-top: 3%;}
  .feature-row2{margin-top: 3%;}
  .feature-row3{margin-top: 2%;}
  .feature-row4{margin-top: 1%;}
  .feature-row5{margin-top: 2%;}
  .feature-row6{margin-top: 2%;}
  .feature-row7{margin-top: 1%;}
  .feature-row8{margin-top: 4%;}
  .feature-row9{margin-top: 3%;}
  .feature-row10{margin-top: 2%;}
  .feature-row11{margin-top: 3.5%;}
  .feature-row12{margin-top: 0%;}
  .feature-row13{margin-top: 2%;}
  .feature-row14{margin-top: 2%;}
  .feature-row15{margin-top: 5%;}
  .feature-row16{margin-top: 3%;}
  .feature-row17{margin-top: 3%;}
  .feature-row18{margin-top: 4%;}

  .feature-img-div{width: 47%;}
  .feature-detail{width: 44%;}
  .feature-detail-right{margin-left: 3%;}
  .feature-detail-left{margin-right: 1%;}
    
  .section27-box2{width: 90%;}

  .table-box{padding: 10px;width: 30%;}
}
@media (min-width:1300px) {
    #nav-bar{width: 86%;}  
    .mycontainer{width:1219px;}
  .mycontainer2{width:1180px;}	
  
  .video-box-section{width: 78%;} 
  
 .videoele2{height: 105.4%;top: -14px;}
 .videoele4{height: 105.6%;top: -15px;}
 
 .talent-name{font-size: 40px;}
 .talent-post{font-size: 15px;}

 .graphics-img{width: 760px;}
 .swiper-slide-box{border-radius: 30px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
 .step-box{padding: 0 0 0 5.5%;border-radius: 30px;}
 .step-box-out{padding: 9px;}
 .step-details {padding: 0 12px 0 0;}
 .step-details h2{margin-top: 18px;}
 .step-details p{margin-top: 13px;}
 .connection1-img{width: 153px;}
 .checklist1{padding-right: 10%;}
  

  .design1-img{top: 18%;left: 4.7%;width: 166px;}
  .design2-img{top: 16.3%;left: 17.7%;width: 105px;}
  .design3-img{top: 27.2%;left: 26.8%;width: 165px;}
  .design4-img{top: 53%;left: 3%;width: 116px;}
  .design5-img {top: 49.3%;left: 13%;width: 168px;}
  .design6-img{top: 52.1%;left: 26.9%;width: 125px;}
  .design7-img{top: 27.2%;right: 26.8%;width: 165px;}
  .design8-img{top: 16.7%;right: 17.8%;width: 104px;}
  .design9-img{top: 23.5%;right: 8.2%;width: 113px;}
  .design10-img{top: 52.7%;right: 26.8%;width: 123px;}
  .design11-img{top: 49%;right: 12.8%;width: 170px;}
  .design12-img{top: 49.5%;right: 1%;width: 167px;}
  .start1-img {top: 25%;left: 33%;}
  .start2-img {top: 78%;left: 11.6%;width: 37px;}
  .start3-img {top: 71%;left: 35.5%;}
  .start4-img {top: 24%;right: 28%;width: 37px;}
  .start5-img {top: 73%;right: 25.9%;}
  .start6-img {top: 13%;left: 22%;width: 37px;}
  .element7-img{top: 50%;right: 1.5%;width: 49px;}

  .reveal-1{top: 16%;left: 6%;width: 200px;} 
  .reveal-2{top: 47.5%;left: 1.5%;width: 248px;}
  .reveal-3{top: 66%;left: 6.5%;width: 237px;} 
  .reveal-4{top: 19.5%;right: 7.5%;width: 149px;} 
  .reveal-5{top: 47.5%;right: 1.5%;width: 244px;} 
  .reveal-6{top: 68%;right: 8%;width: 183px;}

  .intro-img{max-width: 98%;}
  
  .section14-left{width: 42%;}
  .section14-right{width: 35%;}

  .demoframe-out {}

  .section19-box{width: 90%;}
  .section26-box{width: 90%;}
  .person-detail{width: 44%;}
  .person-detail1{padding: 0 2.2%;}
  .person-img-div{width: 48%;}    

  .feature-img-div{width: 45%;}
  .feature-detail{width: 42%;}
  .feature-detail-right{margin-left: 3%;}
  .feature-detail-left{margin-right: 1%;}
    
  .section27-box2{width: 90%;}

  .table-box{padding: 10px;width: 27%;}
}
@media (min-width:1400px) {
    #nav-bar{width: 82%;} 
  .mycontainer{width:1370px;}
  .mycontainer2{width:1219px;;}  
  
  .video-box-section{width: 80%;}
  
 .videoele2{height: 105.3%;top: -15px;}
 .videoele4{height: 105.5%;top: -16px;}
 

 .talent-name{font-size: 42px;}
 .talent-post{font-size: 16px;}

 .graphics-img{width: 790px;}
 .swiper-slide-box{border-radius: 35px;}
 
 .section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
 .emoji1-img{width: 68px;} 
 .emoji2-img{width: 99px;}  

 .automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
 .step-box{padding: 0 0 0 5.5%;border-radius: 30px;}
 .step-box-out{padding: 9px;}
 .step-details {padding: 0 12px 0 0;}
 .step-details h2{margin-top: 18px;}
 .step-details p{margin-top: 13px;}
 .connection1-img{width: 153px;}
 .checklist1{padding-right: 14%;}

 .design1-img{top: 18%;left: 4.7%;width: 179px;}
  .design2-img{top: 16%;left: 17.5%;width: 116px;}
  .design3-img{top: 27.4%;left: 26.3%;width: 186px;}
  .design4-img{top: 53%;left: 2.8%;width: 129px;}
  .design5-img {top: 49.5%;left: 12.5%;width: 188px;}
  .design6-img{top: 52.1%;left: 26.6%;width: 138px;}
  .design7-img{top: 27.5%;right: 26.5%;width: 186px;}
  .design8-img{top: 16%;right: 17.6%;width: 116px;}
  .design9-img{top: 23.5%;right: 7.8%;width: 126px;}
  .design10-img{top: 52.7%;right: 26.8%;width: 135px;}
  .design11-img{top: 48%;right: 12.8%;width: 188px;}
  .design12-img{top: 49.5%;right: 1%;width: 181px;}
  .start1-img {top: 25%;left: 33%;}
  .start2-img {top: 78%;left: 11.6%;width: 37px;}
  .start3-img {top: 71%;left: 35%;}
  .start4-img {top: 24%;right: 28%;width: 37px;}
  .start5-img {top: 70%;right: 26%;}
  .start6-img {top: 13%;left: 22%;width: 37px;}
  .element7-img{top: 50%;right: 1.5%;width: 49px;}

  .reveal-1{top: 16%;left: 6%;width: 220px;} 
  .reveal-2{top: 47.5%;left: 1.5%;width: 268px;}
  .reveal-3{top: 66%;left: 6.5%;width: 257px;} 
  .reveal-4{top: 19.5%;right: 7.5%;width: 169px;} 
  .reveal-5{top: 47.5%;right: 1.5%;width: 264px;} 
  .reveal-6{top: 68%;right: 8%;width: 203px;}

  .intro-img{max-width: 97%;}
  
  .section14-left{width: 41%;}
  .section14-right{width: 34%;}

  .demoframe-out {} 

  .section19-box{width: 88%;}
  .section26-box{width: 88%;}
  .person-detail{width: 43%;}
  .person-detail1{padding: 0 2.2%;}
  .person-img-div{width: 48%;} 

  
  .feature-img-div{width: 44%;}
  .feature-detail{width: 46%;}
  .feature-detail-right{margin-left: 3%;}
  .feature-detail-left{margin-right: 1%;}
  
.section27-box2{width: 84%;}

.table-box{padding: 14px;width: 27%;}
}
@media (min-width:1500px) {
   #nav-bar{width: 80%;}  
  .mycontainer{width:1400px;}
  .mycontainer2{width:1219px;}

.video-box-section{width: 82%;}

.videoele2{height: 105.3%;}
.videoele4{height: 105.6%;}
 

.talent-name{font-size: 42px;}
.talent-post{font-size: 17px;}

.graphics-img{width: 780px;}
.swiper-slide-box{border-radius: 30px;}

.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;} 
.emoji2-img{width: 99px;}  

.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 6.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 14px 0 0;}
.step-details h2{margin-top: 16px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}

.design1-img{top: 19%;left: 6.8%;width: 179px;}
.design2-img{top: 17%;left: 19%;width: 116px;}
.design3-img{top: 27.2%;left: 27.6%;width: 186px;}
.design4-img{top: 53.2%;left: 4.8%;width: 129px;}
.design5-img {top: 49.3%;left: 14.2%;width: 188px;}
.design6-img{top: 52.9%;left: 27.5%;width: 138px;}
.design7-img{top: 27.5%;right: 27.5%;width: 186px;}
.design8-img{top: 17%;right: 19%;width: 116px;}
.design9-img{top: 23.4%;right: 9.7%;width: 126px;}
.design10-img{top: 52.9%;right: 27.5%;width: 138px;}
.design11-img{top: 49.5%;right: 14.2%;width: 188px;}
.design12-img{top: 50.4%;right: 3%;width: 181px;}
.start1-img {top: 25%;left: 34.5%;}
.start2-img {top: 76%;left: 13%;width: 37px;}
.start3-img {top: 71%;left: 36%;}
.start4-img {top: 24%;right: 30%;width: 37px;}
.start5-img {top: 74%;right: 27%;}
.start6-img {top: 13%;left: 23%;width: 37px;}
.element7-img{top: 50%;right: 4.2%;width: 49px;}

.reveal-1{top: 16%;left: 6%;width: 240px;} 
.reveal-2{top: 47.5%;left: 1.5%;width: 288px;}
.reveal-3{top: 66%;left: 6.5%;width: 277px;} 
.reveal-4{top: 19.5%;right: 7.5%;width: 189px;} 
.reveal-5{top: 47.5%;right: 1.5%;width: 284px;} 
.reveal-6{top: 68%;right: 8%;width: 223px;}

.intro-img{max-width: 97%;}

.section14-left{width: 41%;}
.section14-right{width: 30%;}

.demoframe-out {}  

.section19-box{width: 85%;}
.section26-box{width: 85%;}
.person-detail{width: 43%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 46%;} 

  .slider-img{margin-top: -18px;}

  .feature-img-div{width: 42%;}
  .feature-detail{width: 42%;}
  .feature-detail-right{margin-left: 3%;}
  .feature-detail-left{margin-right: 1%;}

  .section27-box2{width: 80%;}
  
.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1600px) { 
    #nav-bar{width: 76%;}  
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}  

.video-box-section{width: 83%;}

.videoele2{height: 105.3%;}
.videoele4{height: 105.5%;}
 

.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}

.graphics-img{width: 780px;}
.swiper-slide-box{border-radius: 40px;}

.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;} 
.emoji2-img{width: 99px;}  

.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 6%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}

.design1-img{top: 19%;left: 9.5%;width: 179px;}
.design2-img{top: 17%;left: 21%;width: 116px;}
.design3-img{top: 27.5%;left: 29%;width: 186px;}
.design4-img{top: 54%;left: 7.6%;width: 129px;}
.design5-img {top: 49.5%;left: 16.5%;width: 188px;}
.design6-img{top: 52.9%;left: 29%;width: 138px;}
.design7-img{top: 27.5%;right: 29%;width: 186px;}
.design8-img{top: 17%;right: 20.9%;width: 116px;}
.design9-img{top: 23.9%;right: 12.3%;width: 126px;}
.design10-img{top: 52.9%;right: 29%;width: 138px;}
.design11-img{top: 49.5%;right: 16.5%;width: 188px;}
.design12-img{top: 51%;right: 6%;width: 181px;}
.start1-img {top: 25%;left: 34.5%;}
.start2-img {top: 76%;left: 15.5%;width: 37px;}
.start3-img {top: 71%;left: 37%;}
.start4-img {top: 24%;right: 30%;width: 37px;}
.start5-img {top: 74%;right: 28.5%;}
.start6-img {top: 14%;left: 25%;width: 37px;}
.element7-img{top: 50%;right: 6.2%;width: 49px;}

.reveal-1{top: 16%;left: 6%;width: 251px;} 
.reveal-2{top: 47.5%;left: 1.5%;width: 299px}
.reveal-3{top: 66%;left: 6.5%;width: 288px} 
.reveal-4{top: 19.5%;right: 7.5%;width: 200px} 
.reveal-5{top: 47.5%;right: 1.5%;width: 295px} 
.reveal-6{top: 68%;right: 8%;width: 234px}

.intro-img{max-width: 98%;}

.section14-left{width: 38%;}
.section14-right{width: 27%;}

.demoframe-out {}  

.section19-box{width: 85%;}
.section26-box{width: 85%;}
.person-detail{width: 40%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 47%;} 

.feature-img-div{width: 42%;}
.feature-detail{width: 42%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}

.section27-box2{width: 74%;}

.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1700px) { 
    #nav-bar{width: 71%;}  

  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}

.video-box-section{width: 84%;}

.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
 

.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}

.graphics-img{width: 800px;}
.swiper-slide-box{border-radius: 40px;}

.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;} 
.emoji2-img{width: 99px;}  

.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 7%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}
.design1-img{top: 20%;left: 12%;width: 179px;}
.design2-img{top: 17.4%;left: 22.5%;width: 116px;}
.design3-img{top: 27.5%;left: 30.3%;width: 186px;}
.design4-img{top: 53.8%;left: 10.1%;width: 129px;}
.design5-img {top: 49.3%;left: 18.5%;width: 188px;}
.design6-img{top: 52.9%;left: 30.3%;width: 138px;}
.design7-img{top: 27.5%;right: 30.3%;width: 186px;}
.design8-img{top: 17.2%;right: 22.6%;width: 116px;}
.design9-img{top: 23.9%;right: 14.4%;width: 126px;}
.design10-img{top: 52.5%;right: 30.2%;width: 138px;}
.design11-img{top: 49.1%;right: 18.5%;width: 188px;}
.design12-img{top: 51%;right: 8.5%;width: 181px;}
.start1-img {top: 25%;left: 35%;}
.start2-img {top: 76%;left: 17.9%;width: 37px;}
.start3-img {top: 71%;left: 37.5%;}
.start4-img {top: 24%;right: 32%;width: 37px;}
.start5-img {top: 72%;right: 29.9%;}
.start6-img {top: 14%;left: 26%;width: 37px;}
.element7-img{top: 51%;right: 9.5%;width: 49px;}

.reveal-1{top: 16%;left: 7%;width: 251px;} 
.reveal-2{top: 47.5%;left: 2.5%;width: 299px}
.reveal-3{top: 66%;left: 7.5%;width: 288px} 
.reveal-4{top: 19.5%;right: 9%;width: 200px} 
.reveal-5{top: 47.5%;right: 2.5%;width: 295px} 
.reveal-6{top: 68%;right: 9%;width: 234px}

.intro-img{max-width: 97%;}

.section14-left{width: 37%;}
.section14-right{width: 25%;}

.section19-box{width: 82%;}
.section26-box{width: 82%;}
.person-detail{width: 38%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;} 

.feature-img-div{width: 42%;}
.feature-detail{width: 40%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}

.section27-box2{width: 70%;}

.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1800px) { 
   #nav-bar{width: 69%;}
  .mycontainer{width:1440px;}
  .mycontainer2{width:1219px;}

.video-box-section{width: 84%;}

.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
 

.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}

.graphics-img{width: 820px;}
.swiper-slide-box{border-radius: 45px;}

.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;} 
.emoji2-img{width: 99px;}  

.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 7.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 16px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}

.design1-img{top: 20%;left: 14%;width: 179px;}
.design2-img{top: 18%;left: 24.2%;width: 116px;}
.design3-img{top: 27.5%;left: 31.3%;width: 186px;}
.design4-img{top: 54%;left: 12.3%;width: 129px;}
.design5-img {top: 49%;left: 20.4%;width: 188px;}
.design6-img{top: 52.9%;left: 31.4%;width: 138px;}
.design7-img{top: 27.5%;right: 31.2%;width: 186px;}
.design8-img{top: 17.3%;right: 24.1%;width: 116px;}
.design9-img{top: 24%;right: 16.4%;width: 126px;}
.design10-img{top: 52.9%;right: 31.4%;width: 138px;}
.design11-img{top: 49.5%;right: 20.2%;width: 188px;}
.design12-img{top: 51%;right: 10.8%;width: 181px;}
.start1-img {top: 25%;left: 37%;}
.start2-img {top: 76%;left: 19.5%;width: 37px;}
.start3-img {top: 71%;left: 38.5%;}
.start4-img {top: 24%;right: 34%;width: 37px;}
.start5-img {top: 74%;right: 30.9%;}
.start6-img {top: 14%;left: 28%;width: 37px;}
.element7-img{top: 50%;right: 11%;width: 49px;}

.reveal-1{top: 16%;left: 11%;width: 251px;} 
.reveal-2{top: 47.5%;left: 5.5%;width: 299px}
.reveal-3{top: 66%;left: 10.5%;width: 288px} 
.reveal-4{top: 19.5%;right: 11.5%;width: 200px} 
.reveal-5{top: 47.5%;right: 5.5%;width: 295px} 
.reveal-6{top: 68%;right: 11%;width: 234px}

.intro-img{max-width: 92%;}

.section14-left{width: 35%;}
.section14-right{width: 25%;}

 
.section19-box{width: 81.4%;}
.section26-box{width: 81.4%;}
.person-detail{width: 35%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;} 

.feature-img-div{width: 42%;}
.feature-detail{width: 36%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}

.section27-box2{width: 66%;}

.table-box{padding: 20px;width: 26.7%;}
}
@media (min-width:1900px) { 
    #nav-bar{width: 68.9%;} 
  .mycontainer{width:1440px;}
  .mycontainer2{width:1260px;}

.video-box-section{width: 84.22%; }

.videoele2{height: 105.3%;}
.videoele4{height: 105.4%;}
 

.talent-name{font-size: 42px;}
.talent-post{font-size: 18px;}

.graphics-img{width: 870px;}

.swiper-slide-box{border-radius: 45px;}

.section7-shap1, .section7-shap2, .section7-shap3{font-size: 88px;}
.emoji1-img{width: 68px;} 
.emoji2-img{width: 99px;}  

.automated-box-out{padding: 7px;width: 14.5%;}
.brand-box{padding: 14px;width: 18.2%;}
.unlimited-box{padding: 8px;width: 11.9%;}
.step-box{padding: 0 0 0 8.5%;border-radius: 30px;}
.step-box-out{padding: 9px;}
.step-details {padding: 0 18px 0 0;}
.step-details h2{margin-top: 18px;}
.step-details p{margin-top: 13px;}
.connection1-img{width: 153px;}
.checklist1{padding-right: 6%;}

.click-text { top: 36%;left: 41%;  }
 
.design1-img{top: 20%;left: 16.3%;width: 179px;}
.design2-img{top: 17.1%;left: 25.9%;width: 116px;}
.design3-img{top: 27.5%;left: 32.5%;width: 186px;}
.design4-img{top: 54%;left: 14.7%;width: 129px;}
.design5-img {top: 49.5%;left: 22.1%;width: 188px;}
.design6-img{top: 53%;left: 32.5%;width: 138px;}
.design7-img{top: 27.5%;right: 32.4%;width: 186px;}
.design8-img{top: 17.5%;right: 25.7%;width: 116px;}
.design9-img{top: 24%;right: 18.5%;width: 126px;}
.design10-img{top: 53%;right: 32.5%;width: 138px;}
.design11-img{top: 50%;right: 22%;width: 188px;}
.design12-img{top: 51%;right: 13.3%;width: 181px;}
.start1-img {top: 25%;left: 37%;}
.start2-img {top: 76%;left: 21.3%;width: 37px;}
.start3-img {top: 71%;left: 39%;}
.start4-img {top: 24%;right: 34%;width: 37px;}
.start5-img {top: 74%;right: 31.9%;}
.start6-img {top: 14%;left: 29%;width: 37px;}
.element7-img{top: 51%;right: 13.5%;width: 49px;}

.reveal-1{top: 16%;left: 11%;width: 251px;} 
.reveal-2{top: 47.5%;left: 5.5%;width: 299px}
.reveal-3{top: 66%;left: 10.5%;width: 288px} 
.reveal-4{top: 19.5%;right: 11.5%;width: 200px} 
.reveal-5{top: 47.5%;right: 5.5%;width: 295px} 
.reveal-6{top: 68%;right: 11%;width: 234px}

.intro-img{max-width: 100%;}

.section14-left{width: 33%;}
.section14-right{width: 25%;}

.section19-box{width: 81.4%;}
.section26-box{width: 81.4%;}
.person-detail{width: 34%;}
.person-detail1{padding: 0 2.2%;}
.person-img-div{width: 45%;} 
    
.feature-img-div{width: 42%;}
.feature-detail{width: 36%;}
.feature-detail-right{margin-left: 3%;}
.feature-detail-left{margin-right: 1%;}

.section27-box2{width: 63%;}
 
.table-box{padding: 20px;width: 26.7%;}
}


.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;}
.mtm10{margin-top: -10px;}

.mbm22{margin-bottom: -22px;}