html{scroll-behavior: smooth;}
/*Fonts*/
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-regular-webfont.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-bold-webfont.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-black-webfont.ttf') format('truetype');font-weight: 900;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-extrabold-webfont.ttf') format('truetype');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-light-webfont.ttf') format('truetype');font-weight: 100;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-semibold-webfont.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Avertape';src: url('../fonts/avertape-thin-webfont.ttf') format('truetype');font-weight: 100;font-style: normal;}
.avertapeBold{font-family: 'Avertape', sans-serif;font-weight:700;}
.avertapeBlack{font-family: 'Avertape', sans-serif;font-weight:900;}
.avertapeExtraBold{font-family: 'Avertape', sans-serif;font-weight:800;}
.avertapeLight{font-family: 'Avertape', sans-serif;font-weight:300;}
.avertapeRegular{font-family: 'Avertape', sans-serif;font-weight:400;}
.avertapeSemibold{font-family: 'Avertape', sans-serif;font-weight: 600;}
.avertapeThin{font-family: 'Avertape', sans-serif;font-weight:300;}
/*Common*/
body {font-family: 'Avertape', sans-serif;font-optical-sizing: auto;font-size: 14px;line-height: 1.42857143;color: #24242E;background-color: #ffffff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:0px;}
ul{padding:0px;list-style:none;margin:0px;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.padding0 {padding: 0;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs26 {font-size: 26px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs32 {font-size: 32px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt10{margin-top:10%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%}.xsmb2{margin-bottom:2%}.xsmb3{margin-bottom:3%}.xsmb4{margin-bottom:4%}.xsmb6{margin-bottom:6%}.xsmb7{margin-bottom:7%}.xsmb8{margin-bottom:8%}.xsmb10{margin-bottom:10%}.xsmb15{margin-bottom:15%}.xsmb0{margin-bottom:0}.xsmt-1{margin-top:-1%}.xsmt-3{margin-top:-3%}.xsmt-11{margin-top:-11%}
.mycontainer,.mycontainer2,.mycontainer3{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
}
@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm26 {font-size: 26px;}.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;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.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;}.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-1{margin-top:-1%}.lmt-2{margin-top:-2%}.lmt-3{margin-top:-3%}.lmt-4{margin-top:-4%}.lmt-5{margin-top:-5%}.lmt-6{margin-top:-6%}.lmt-7{margin-top:-7%}.lmt-8{margin-top:-8%}.lmt-9{margin-top:-9%}.lmt-11{margin-top:-11%}.lmt-13{margin-top:-13%}.lmt-20{margin-top:-20%}.lmb0{margin-bottom:0}.lmb1{margin-bottom:1%}.lmb2{margin-bottom:2%}.lmb7{margin-bottom:7%}.lmb10{margin-bottom:10%}.lmb15{margin-bottom:15%}.lmb30{margin-bottom:30%}.lmb-8{margin-bottom:-8%}.lmb-4{margin-bottom:-4%}.lml-2{margin-left:-2%}
.pc-right{text-align: right;}.mobile-center{text-align: left;} .mycontainer{width:750px;}.mycontainer2{width:750px;}.mycontainer3{width:750px;}
}
@media (min-width: 992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0}.mmb3{margin-bottom:3%}.mmb5{margin-bottom:5%}.mmb7{margin-bottom:7%}.mmb8{margin-bottom:8%}.mmb11{margin-bottom:11%}.mmb12{margin-bottom:12%}.mmb14{margin-bottom:14%}.mmb15{margin-bottom:15%}.mmb16{margin-bottom:16%}.mmb20{margin-bottom:20%}.mmb28{margin-bottom:28%}.mmb35{margin-bottom:35%}.mmt0{margin-top:0}.mmt1{margin-top:1%}.mmt2{margin-top:2%}.mmt3{margin-top:3%}.mmt4{margin-top:4%}.mmt5{margin-top:5%}.mmt6{margin-top:6%}.mmt7{margin-top:7%}.mmt8{margin-top:8%}.mmt10{margin-top:10%}.mmt11{margin-top:11%}.mmt12{margin-top:12%}.mmt13{margin-top:13%}.mmt14{margin-top:14%}.mmt15{margin-top:15%}.mmt18{margin-top:18%}.mmt11a{margin-top:11.6%}.mmt20{margin-top:20%}.mmt28{margin-top:28%}.mmt31{margin-top:31%}.mmt36{margin-top:36%}.mmt-2{margin-top:-2%}.mmt-3{margin-top:-3%}.mmt-4{margin-top:-4%}.mmt-5{margin-top:-5%}.mmt-8{margin-top:-8%}.mmt-9{margin-top:-9%}.mmt-9a{margin-top:-9.5%}.mmt-12{margin-top:-12%}.mmb-5{margin-bottom:-5%}.mmb-6{margin-bottom:-6%}.mml-4{margin-left:-4%}
.mycontainer{width:970px;}.mycontainer2{width:922px;}.mycontainer3{width:922px;}
}
@media (min-width:1100px){.mycontainer2{width:1080px;}}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 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;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg60{font-size: 60px;}.lg61 {font-size: 61px;}.lg62 {font-size: 62px;}.lg64{font-size: 64px;}.lg66{font-size: 66px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg82 {font-size: 82px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}
.lmtm-3{margin-top:-3%}.lgmb0{margin-bottom:0}.lgmb2{margin-bottom:2%}.lgmb3{margin-bottom:3%}.lgmb5{margin-bottom:5%}.lgmb11{margin-bottom:11%}.lgmb12{margin-bottom:12%}.lgmb22{margin-bottom:22%}.lgmb25{margin-bottom:25%}.lgmb-6{margin-bottom:-6%}.lgmt5{margin-top:5%}.lgmt18{margin-top:18%}.lgmt13{margin-top:13%}.lgmt15{margin-top:15%}.lgmt23{margin-top:23%}.lgmt26{margin-top:26%}.lgmt29{margin-top:29%}.mycontainer2,.mycontainer3{width:1125px}
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl66 {font-size: 66px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.responsive-video,.video-box,.video-box-inner{position:relative;overflow:hidden}
.responsive-video{padding-bottom:56.21%;z-index:0;box-shadow:0 19px 40px 0 rgba(0,0,0,.24);}
.video-box-main{padding:20px;margin-top:30px}
.vid-box{width: 99.6%;margin: auto;margin-top: 60px;}
.video-box{width: 100%;margin-left: auto;border: 6px solid #fff;border-radius: 24px;box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.15);z-index: 1;}
.video-box-inner{z-index:1;border-radius:35px;background-color:rgb(255 255 255 / 12%);padding:21px}
.video-box-inner .autoplayer-area{border-radius: 30px;overflow: hidden;}
.autoplayer-subarea-16-by-9{padding-bottom: 56.25%!important;border-radius: 0; }
.video-box iframe{border-radius: 15px; }
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.autoplayer-area{z-index: 2;}
.black{color:#000000;}
.mycontainer{margin:auto;}
.italic {font-style: italic;}
.upper{text-transform:uppercase}
u{text-decoration: underline;}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh126 {line-height: 126%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}
.mycontainer-left,.mycontainer-right{width:100%;padding-right:15px;padding-left:15px}.mycontainer-left{margin-right:auto}.mycontainer-right{margin-left:auto}
.clear {clear: both;}
.mybutton1{margin-top: 18px;margin-bottom: 18px;}
.mybutton1 a{color:#fff;display:table;padding: 2.31% 3.56% 2.31% 9.56%;transition:0.5s;position:relative;letter-spacing: -0.56px;margin: auto;border-radius: 25px;background: linear-gradient(180deg, #672DFF 0%, #4D1BCE 100%);box-shadow: 0 0 10.9px 0 #FFF inset, 1px 11px 14.7px 0 rgba(0, 0, 0, 0.19);}
.mybutton1 a:hover{-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1;background: linear-gradient(180deg, #4D1BCE 0%, #672DFF 100%);
text-decoration:none!important;}
.mybutton1 svg{position: relative;margin-left: 68px;top: 2px;}
.mybutton1 a:hover svg{
-moz-animation: bounce 0.6s ease;
-webkit-animation: bounce 0.6s ease;
animation: bounce 0.6s ease;
}
.mybutton2{margin-bottom: 18px;}
.mybutton2 a{color:#fff;display:table;padding: 28px 53.41px 30px 53.41px;transition:0.5s;position:relative;letter-spacing: -0.56px;margin: auto;border-radius: 25px;background: linear-gradient(180deg, #672DFF 0%, #4D1BCE 100%);box-shadow: 0 0 10.9px 0 #FFF inset, 1px 11px 14.7px 0 rgba(0, 0, 0, 0.19);}
.mybutton2 a:hover{-webkit-transition:.3s linear;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index:1;background: linear-gradient(180deg, #4D1BCE 0%, #672DFF 100%);text-decoration:none!important;}
.mybutton2 svg{position: relative;margin-left: 10px;top: 2px;}
.mybutton2 a:hover svg{
-moz-animation: bounce 0.6s ease;
-webkit-animation: bounce 0.6s ease;
animation: bounce 0.6s ease;
}
@keyframes bounce {
0% {
transform: translateX(0);
}
50% {
transform: translateX(14px); /* Move right */
}
100% {
transform: translateX(0); /* Back to original */
}
}
.videoframe{position: relative;}
.myvideo2{border:4px solid #1e9ae7;border-radius:17px;background-color:#000;box-shadow:14.913px 21.298px 36.12px 6.88px rgb(0 0 0 / 33%);padding:0;overflow:hidden}
.myvideo2 .responsive-video{box-shadow:none;margin-bottom:0;background-color:#000;padding-bottom:52.21%;border-radius:0}
.bottm-menu li{position:relative;display:inline-block;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-ms-transition:.3s;-o-transition:.3s;padding:0 20px}
.bottm-menu li a{color:#222d39;-webkit-transition-duration:.3s;transition-duration:.3s;font-weight:400;letter-spacing:1px;height:29px}
.bottm-menu li a:hover{color: #472ED1;}
.bottm-menu .getlink{background-color:#6b3df5;color:#fff!important;margin-left:0}
.bottm-menu .getlink:hover{background-color:#fff;box-shadow:-6.303px 7.37px 40px 0 rgba(0,0,0,.23);color:#222d39!important}
.navbar-dark .navbar-toggler{background-color:#2057ea;border:0}
.navbar-dark .navbar-nav .nav-link.active{color: #ffffff;}
/*header*/
.header{z-index: 111111;position: relative;margin: auto;width: 100%;}
nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}
.navbar-dark .navbar-nav .nav-link{color: #76728E;position: relative;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color: #ffffff;}
.navbar-dark .navbar-nav .nav-link.getlink{padding: 10.19px 20.34px!important;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:transform .3s ease-in-out;transition:.4s;margin-left:16px;background-color: #ffffff;border-radius: 15px;border: 1px solid #ffffff;color: #060414;}
.navbar-dark .navbar-nav .nav-link.getlink:hover{
background-color: #ffffff;
box-shadow: 4px 4px 0 0 #ffffff29;
}
.getbox{margin-left: 1%;}
.navbar-toggler {background-color: #a557df;}
.menu{padding: 28px 2%;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 11px 28px;margin-top: 1px;letter-spacing: -0.36px;}
a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after{color: transparent;text-shadow: 10px 0 transparent, -10px 0 transparent;opacity: 0;}
.navbar-dark .navbar-nav .nav-link svg{width: 17px;height: 17px;position: relative;top: 3px;}
.header .navbar{padding: 0;}
/**/
.navbar-dark .navbar-nav .nav-link.contact-link {display: flex;align-items: center;gap: 6px;}
.coccoc-alo-ph-circle {
width: 33px;
height: 33px;
top: -8px;
left: -8px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 1px solid rgba(30, 30, 30, 0.4);
opacity: .1;
-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: 1;
}
.coccoc-alo-phone {
background-color: transparent;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 200000 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
position: relative;
right: 0;
top: 1.1px;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {background-color: rgb(255 255 255 / 40%);opacity: .75 !important;}
.coccoc-alo-ph-circle-fill {
width: 23px;
height: 23px;
top: -2.5px;
left: -3.5px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.coccoc-alo-ph-img-circle {
width: 17px;
height: 17px;
top: 0;
left: 0;
position: absolute;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
font-size: 11px;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {background-color: #ffffff;color: #080415;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {border-color: #ffffff;}
@-moz-keyframes coccoc-alo-circle-anim {
0% {transform: rotate(0) scale(.5) skew(1deg);opacity: .1}
30% {transform: rotate(0) scale(.7) skew(1deg);opacity: .5}
100% {transform: rotate(0) scale(1) skew(1deg);opacity: .1}
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% {transform: rotate(0) scale(.5) skew(1deg);opacity: .1}
30% {transform: rotate(0) scale(.7) skew(1deg);opacity: .5}
100% {transform: rotate(0) scale(1) skew(1deg);opacity: .1}
}
@-o-keyframes coccoc-alo-circle-anim {
0% {transform: rotate(0) scale(.5) skew(1deg);opacity: .1}
30% {transform: rotate(0) scale(.7) skew(1deg);opacity: .5}
100% {transform: rotate(0) scale(1) skew(1deg);opacity: .1}
}
@keyframes coccoc-alo-circle-anim {
0% {transform: rotate(0) scale(.5) skew(1deg);opacity: .1}
30% {transform: rotate(0) scale(.7) skew(1deg);opacity: .5}
100% {transform: rotate(0) scale(1) skew(1deg);opacity: .1}
}
@-moz-keyframes coccoc-alo-circle-fill-anim {
0% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
50% {transform: rotate(0) scale(1) skew(1deg);opacity: .2}
100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
}
@-webkit-keyframes coccoc-alo-circle-fill-anim {
0% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
50% {transform: rotate(0) scale(1) skew(1deg);opacity: .2}
100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2}
}
@-o-keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes coccoc-alo-circle-fill-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-moz-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes coccoc-alo-circle-img-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
/*banner*/
.banner-subtitle{color: #472ED1;letter-spacing: -0.66px;}
.banner-headline{color: #ffffff;line-height: 110%;margin-top: 28px;letter-spacing: -3.72px;}
.banner-subheadline{color: #D0D0D0;letter-spacing: -0.6px;margin-top: 31px;padding-right: 0%;}
.banner-subheadline2{color: #24242E;letter-spacing: -0.6px;margin-top: 41px;}
.banner-subtitle-span{background-image: linear-gradient(to right, #1D1441, #ffffff, #1D1441);display: inline-block;border-radius: 13px;padding: 1px;}
.banner-subtitle-span-inn{display: inline-block;background-color: #080418;padding: 9px 41px;border-radius: 13px;}
.banner-subtitle span.banner-subtitle-text {position: relative;background: linear-gradient(90deg, #FFC78D 10.1%, #E772FF 49.77%, #9B3CFF 87.83%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.textborder{background: url(../images/textborder.webp) no-repeat center bottom;background-size: contain;padding-bottom: 10px;padding-right: 24px;margin-right: -24px;}
.mybutton-subheadlinebutton{color: #535353;letter-spacing: -0.14px;margin-top: 22px;}
.window-img{}
.payment-img{margin-top: 9px;}
.elebottom-img{
margin: auto;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, 0%);
}
.banner-section{}
/*section1*/
.points-main-div{background-color: rgba(0, 0, 0, 0.25);box-shadow: 0 16px 28.6px rgba(0, 0, 0, 0.13);border-radius: 34px;padding: 44px 55px;}
.points-div {}
.points-div-1{border-right: 1px solid rgba(255, 255, 255, 0.11);border-bottom: 1px solid rgba(255, 255, 255, 0.11);padding: 15px 3% 32px 1%;}
.points-div-2{border-right: 1px solid rgba(255, 255, 255, 0.11);border-bottom: 1px solid rgba(255, 255, 255, 0.11);padding: 15px 2.5% 32px 2.5%;}
.points-div-3{border-bottom: 1px solid rgba(255, 255, 255, 0.11);padding: 15px 1% 32px 3%;}
.points-div-4{border-right: 1px solid rgba(255, 255, 255, 0.11);padding: 32px 4% 15px 1%;}
.points-div-5{border-right: 1px solid rgba(255, 255, 255, 0.11);padding: 32px 2.5% 15px 2.5%;}
.points-div-6{
padding: 32px 1% 15px 3%;
}
.points-div p {display: flex;align-items: flex-start;gap: 6px;letter-spacing: -0.4px;line-height: 140%;color: #FFFFFF;}
.points-div .check1-img {margin-top: 3px;}
.section1-div{position: relative;margin-top: -4%;}
.agentcallicon-img{
position: relative;
right: 0;
z-index: 1;
}
.agentcall-img{
position: absolute;
left: 4%;
bottom: 0;
z-index: 1;
}
.connection-img{
position: absolute;
right: -24%;
top: 69%;
}
.section-title{letter-spacing: -4.8px;}
.section-title-2{letter-spacing: -5.28px;}
/**/
@keyframes show-shaking {
0% { opacity: 0; }
31% { opacity: 0;}
32% { opacity: 1;}
45% {opacity: 1; }
46% { opacity: 0; }
100% { opacity: 0;} /* Back to center */
}
@keyframes tilt-shaking {
0% { transform: translateY(0); }
25% { transform: translateY(-4px); }
27% { transform: rotate(2deg); }
28% { transform: rotate(1deg); }
35% { transform: rotate(3deg); }
36% { transform: rotate(0deg); }
37% { transform: rotate(-1deg); }
39% { transform: rotate(-2deg); }
43% { transform: rotate(1deg); }
45% { transform: rotate(0deg); }/* Move up */
50% { transform: translateY(0); } /* Back to center */
75% { transform: translateY(4px); } /* Move down */
100% { transform: translateY(0); } /* Back to center */
}
.form-outer {
animation: tilt-shaking 2.5s ease-in-out infinite;
}
.form-outer .shake-effect {
display:block;
opacity: 0;
animation: show-shaking 2.5s infinite;
position: absolute;
top: -15px;
left: 14%;
}
.form-outer {
background-image:url('../images/phone-banner-new.webp');
background-repeat: no-repeat;
background-size: 467px;
background-position: 50% center;
padding: 120px 0px 80px;
margin-top: 0;
}
#agent-demo-form {
position:relative;
max-width: 329px;
margin:0 auto;
z-index: 11;
}
.web-form-container {
margin-top: 0;
}
.form-call-agent {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin-bottom: 35px;
}
.form-call-img img.highlight {
width: 75px;
height: auto;
}
.agent-details {
text-align: left;
}
.agent-details p {
color: #24242D;
padding: 0;
font-size: 25px;
}
.agent-details h6 {
color: #4FAB00;
font-weight: 400;
font-size: 20px;
line-height: 150%;
}
.agent-demo-form input.form-control {
background: #FFFFFF;
border: 1px solid #D9D9F2;
border-radius: 20px;
padding: 21px 30px;
width: 100%;
max-width: 319px;
margin: 5px 0px;
font-weight: 400;
font-size: 20px;
line-height: 16px;
color: #888996;
display: inline-block;
}
.agent-demo-form input.form-control {
padding-top: 17.5px;
padding-bottom: 17.5px;
}
button.btn.primary_bg_btn {
background: #472ED1;
box-shadow: 0px 4px 4px 0px #00000040;
font-weight: 500;
font-size: 20px;
line-height: 16px;
color: #FFFFFF;
border: none;
width: 100%;
border-radius: 20px;
max-width: 319px;
padding: 25px 10px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 30px;
cursor: pointer;
position: relative;
}
button.btn.primary_bg_btn {
padding-top: 23.5px;
padding-bottom: 23.5px;
}
button.btn.primary_bg_btn img {
position: absolute;
left: 30px;
filter: invert(1) brightness(1000%);
}
.agent-form-step-2 {
position: absolute;
width: 100%;
transform: translate(-50%, 0%);
left: 50%;
top: 0;
margin: 0;
}
.callfluent_paper {
width: 400px;
margin: 0 auto;
}
.agent-demo-form .callfluent_paper {
max-width: 335px;
}
.callfluent_paper form {
justify-content: "space-between";
padding: 16px 20px;
margin: "0 auto 15px auto";
}
.inbound_call_name {
text-align: left;
}
.inbound_call_status {
text-align: left;
}
.callfluent_callbut button {
}
.agent-form-step-2 span {
color: #24242D;
font-weight: 400;
font-size: 25px;
line-height: 30px;
letter-spacing: -1.5px;
display: block;
text-align: center;
}
.agent-form-step-2 p {
font-weight: 500;
font-size: 25px;
line-height: 30px;
letter-spacing: -0.32px;
color: #24242D;
padding: 12px 0px;
text-align: center;
}
.banner-mobile-text span.banner-mobile-text-1,
.banner-mobile-text span.banner-mobile-text-2 {
box-shadow: 11px 14px 20.2px 0 rgba(0, 0, 0, 0.10);
background: #FEFBEF;
color: #24242D;
font-weight: 400;
font-size: 20px;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
padding: 14px 18px;
position: absolute;
left: 45px;
transform: translate(0%, -50%);
top: 50%;
z-index: 9;
line-height: 24px;
}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.try-demo-call {
position: absolute;
right: 44px;
top: 110px;
z-index: 9;
}
.banner-section{background: url(../images/bannerbg.webp) no-repeat center center;background-size: cover;}
/**/
/* glass orb */
.orb {
position: relative;
width: 235px;
height: 235px;
border-radius: 50%;
margin: auto;
background: #3c25b2;
background-image: radial-gradient(farthest-corner at 34px 14px, #4e30e0 25%, #3c25b2 35%, #4f30e1 100%);
box-shadow: 0 0 20px 5px #472ed1;
-webkit-animation: orb 1.8s infinite;
animation: orb 1.8s infinite;
right: -10%;
}
.orb:before {
content: '';
display: block;
position: absolute;
width: 235px;
height: 235px;
top: 0;
left: 0;
background-image: radial-gradient(farthest-corner at 14px 14px, #6443ff 15%, #4b2dd9 50%, rgba(192, 255, 228, 0) 100%);
border-radius: 50%;
}
/* star shaped shine pattern */
.shine {
position: absolute;
top: 3px;
left: 6px;
width: 1px;
height: 16px;
background: #fff;
transform: rotate(15deg);
box-shadow: 0 0 8px rgba(255,255,255,0.75);
-webkit-animation: shine 10s infinite;
animation: shine 10s infinite;
}
.shine:before, .shine:after {
content:'';
display: block;
position: absolute;
}
.shine:before {
top: 2px;
left: -2px;
width: 1px;
height: 16px;
background: #fff;
transform: rotate(-90deg);
box-shadow: 0 0 8px rgba(255,255,255,0.75);
}
.shine:after {
top: 6px;
left: -2px;
width: 5px;
height: 5px;
background: #fff;
transform: rotate(45deg);
box-shadow: 0 0 8px 5px rgba(255,255,255,0.75);
}
/* reflective line */
.light {
position: absolute;
width: 48px;
height: 48px;
border-radius: 100%;
overflow: hidden;
}
.light:before {
content:'';
display: block;
position: absolute;
width: 2px;
height: 80px;
top: -75%;
left: 0;
transform: rotate(45deg);
background: rgba(255,255,255,0.5);
-webkit-animation: sheen2 7s infinite;
animation: sheen2 7s infinite;
}
/* animates orb glow */
@-webkit-keyframes orb {
0%,100% {
box-shadow: 0 0 5px 2px #4b2dd9;
}
50% {
box-shadow: 0 0 24px 4px #4b2dd9;
}
}
@keyframes orb {
0%,100% {
box-shadow: 0 0 5px 2px #4b2dd9;
}
50% {
box-shadow: 0 0 24px 4px #4b2dd9;
}
}
/* rotates shine */
@-webkit-keyframes shine {
0% {
opacity: 0;
}
34% {
opacity: 0;
transform: rotate(15deg);
}
40% {
opacity: 0.6;
transform: rotate(620deg);
}
48%,100% {
opacity: 0;
transform: rotate(635deg);
}
}
@keyframes shine {
0% {
opacity: 0;
}
34% {
opacity: 0;
transform: rotate(15deg);
}
40% {
opacity: 0.6;
transform: rotate(620deg);
}
48%,100% {
opacity: 0;
transform: rotate(635deg);
}
}
/* moves light reflection */
@-webkit-keyframes sheen2 {
0%,100% {
top: -75%;
left: 15%;
opacity: 0;
width: 2px;
}
1% {
opacity: 1;
}
10% {
width: 24px;
}
11%,18% {
top: 75%;
left: 50%;
width: 2px;
opacity: 0;
}
20% {
top: -75%;
left: 15%;
opacity: 0;
width: 1px;
}
21% {
opacity: 0.75;
}
30% {
width: 6px;
}
31%,98% {
top: 75%;
left: 50%;
width: 2px;
opacity: 0;
}
}
@keyframes sheen2 {
0%,100% {
top: -75%;
left: 15%;
opacity: 0;
width: 2px;
}
1% {
opacity: 1;
}
10% {
width: 24px;
}
11%,18% {
top: 75%;
left: 50%;
width: 2px;
opacity: 0;
}
20% {
top: -75%;
left: 15%;
opacity: 0;
width: 1px;
}
21% {
opacity: 0.75;
}
30% {
width: 6px;
}
31%,98% {
top: 75%;
left: 50%;
width: 2px;
opacity: 0;
}
}
/*section2*/
.gradient-text{
position: relative;
background: linear-gradient(90deg, #BE73FF 0%, #8158FF 80%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative; padding-right: 8px;
margin-right: -8px;
}
.textborder-2{
background: url(../images/textborder2.webp) no-repeat center bottom;
background-size: contain;
padding-bottom: 15px;
padding-right: 24px;
margin-right: -24px;position: relative;
}
.for-arrow{position: relative;}
.element1-img{
position: absolute;
right: 0;
bottom: 103%;
}
.emoji1-img{
position: absolute;
right: 106%;
top: 10px;
}
.arrow2-img{
position: absolute;
right: -32px;
top: 20px;
}
.gradient-text-2{background: linear-gradient(90deg, #b462ff 0%, #9556ff 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.element2-img{
position: absolute;
right: 103%;
top: 3px;
}
.arrow3-img{
position: absolute;
bottom: 100%;
left: -20px;
}
.section2-div{padding: 0 0;margin-top: 5.5%;position: relative;z-index: 2;}
.ai-voices-agents-row {
display: flex;
gap: 39px;
transition: all 0.5s ease;
padding-bottom: 0px;
}
.ai-voices-agents-box {
position: relative;
flex: 0 1 16%;
transition: all 0.5s ease;
cursor: pointer;
background: transparent;
border-radius: 0 0 40px 40px;
height: 427px;
display: flex;
justify-content: space-between;
overflow: hidden;
align-items: flex-end;
box-shadow: 0px 25px 30px -15px rgb(78 63 143 / 44%);
}
.ai-voices-agents-box.open {
flex: 0 1 52%;
}
.ai-voices-agents-box:first-child .voices-agents-content{background: url(../images/agentbg1.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(2) .voices-agents-content{background: url(../images/agentbg2.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(3) .voices-agents-content{background: url(../images/agentbg3.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(4) .voices-agents-content{background: url(../images/agentbg4.webp) no-repeat center right;background-size: cover;}
.voices-agents-img {
margin-top: 0;
position: relative;
max-width: 213px;
width: 100%;
height: 100%;
z-index: 1;
}
.voices-agents-img img {
width: 214px;
height: 427px;
object-fit: cover;
border-radius: 39px;
}
.voices-agents-content {
width: 0;
overflow: hidden;
}
.ai-voices-agents-box.open .voices-agents-content {
width: 100%;
height: 394px;
border-radius: 0px 39px 39px 0px;
position: relative;
margin-left: -31px;
}
.voices-agents-content-inner {
text-align: center;
padding: 38px 5%;
width: 490px;
}
.voices-agents-content span {
font-weight: 400;
letter-spacing: -0.84px;
display: inline-block;
padding: 1px 15px;
font-size: 14px;
color: #ffffff;
border-radius: 7px;
background: #7651D3;
}
.ai-voices-agents-box:first-child .voices-agents-content span{background: #7651D3;}
.ai-voices-agents-box:nth-child(2) .voices-agents-content span{background: #DC474D;}
.ai-voices-agents-box:nth-child(3) .voices-agents-content span{background: #1F8F30;}
.ai-voices-agents-box:nth-child(4) .voices-agents-content span{background: #A94FB4;}
.voices-agents-content h3{
color: #ffffff;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 206.25% */
letter-spacing: -2.56px;
}
.voices-agents-content p {
color: #9393A5;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 125% */
letter-spacing: -0.16px;
}
/**/
.speaker-avatar {
position: relative;
margin: 0 auto 25px;
width: 200px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
}
/* Audio Visualizer Container */
.audio-visualizer-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
pointer-events: none;
z-index: 1;
}
/* Rotating dotted circle with frequency-reactive effects */
.dotted-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 140px;
height: 140px;
border: 3px dotted #8B5CF6;
opacity: 1;
transition: opacity 0.3s ease, filter 0.1s ease, box-shadow 0.1s ease;
filter: drop-shadow(0 0 5px rgba(139, 92, 246, 0.3));
box-shadow: 0 0 10px rgba(139, 92, 246, 0.2);
}
.speaker-avatar.active .dotted-circle {
opacity: 1;animation: rotate 8s linear infinite;
}
/* Pulse ring animation */
.pulse-ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 140px;
height: 140px;
border: 2px solid rgba(139, 92, 246, 0.3);
opacity: 0;
}
.speaker-avatar.active .pulse-ring {
opacity: 1;
animation: pulse-expand 2s ease-out infinite;
}
/* Play Button */
.play-button {
position: relative;
z-index: 2;
width: 132px;
height: 132px;
border-radius: 50%;
border: none;
background-color: #fff;
color: #000000;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 32px rgba(139, 92, 246, 0.3);
transition: all 0.3s ease;
border: 5px solid #8b5cf6;
}
button:focus {
outline: 0;
outline: 0px auto -webkit-focus-ring-color;
}
.play-button svg {
width: 68px;
height: 68px;
transition: all 0.3s ease;
}
/* Animations */
@keyframes rotate {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes pulse-expand {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
100% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
}
@keyframes pulse-dot {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.3); opacity: 0.7; }
}
/* Frequency-reactive classes */
.frequency-low .dotted-circle {
filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.5));
box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
}
.frequency-mid .dotted-circle {
filter: drop-shadow(0 0 12px rgba(139, 92, 246, 0.7));
box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
animation-duration: 6s;
}
.frequency-high .dotted-circle {
filter: drop-shadow(0 0 16px rgba(139, 92, 246, 0.9));
box-shadow: 0 0 25px rgba(139, 92, 246, 0.5);
animation-duration: 4s;
}
.loading {
opacity: 0.7;
}
.error {
background: linear-gradient(135deg, #ef4444, #dc2626);
}
@media (min-width: 1300px) and (max-width: 1699px) {
.ai-voices-agents-row {
gap: 20px;
}
.voices-agents-content-inner {
padding: 38px 30px;
width: 461px;
}
}
/*section3*/
.border-text{background: url(../images/borderbg.webp) no-repeat center 37%;background-size: contain;color: #472ED1;padding: 10px;position: relative;margin: 0 -10px;}
.ravings-div{text-align: right;}
.emoji2-img{position: absolute;right: 103%;top: 13px;}
.emoji3-img{
position: absolute;
top: 31%;
right: 101%;
}
.emoji4-img{
position: absolute;
top: 9%;
left: 101%;
}
.emoji5-img{
position: absolute;
bottom: 23%;
left: 101%;
}
.testi2-box{padding: 11px;}
.testi2-box-inn{border-width: 1px;border-color: #000000;border-style: solid;border-radius: 40px;background-color: rgb(255 255 255);box-shadow: 0px 13px 38px 0px rgba(32, 28, 42, 0.13);padding: 37px 31px;height: 100%;text-align: left;}
.testi2-img-box{margin-bottom: 17px;}
.testi2-user-img{display: flex;justify-content: flex-start;flex-direction: row;gap: 14px;}
.testi2-user-img .user-img{
margin-top: -2px;
width: 45px;
height: 45px;
border-radius: 50%;
}
.testi2-text-box{}
.rating2-img{}
.testi2-box-inn h4{color: #9494A7;}
.testi2-box-inn p{margin-top: 14px;color: #464646;padding-right: 5%;}
span.golden-bg {
background: #67A916;
width: 45px;
height: 45px;
border-radius: 50%;
font-weight: 600;
font-size: 18px;
line-height: 18px;
letter-spacing: -1.5px;
color: #fff;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
}
.slider1{position:relative;width:100%;top:0;overflow:hidden}
.slider1 .slider-row{width:1344px;height:44px;background-image:url(../images/logos.webp);background-size:1344px 44px;animation:60s linear infinite slide1;background-repeat:repeat-x;margin:auto}
@keyframes slide1{from{background-position-x:0}to{background-position-x:-1344px}}
.faded{position:relative;color: rgb(255 255 255);margin-top: 1.8%;}
.faded:after{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-collapse:separate}
.faded.faded-left.faded-right:after{box-shadow:inset 110px 0 40px -16px,inset -110px 0 40px -16px}
.slider-img{visibility:hidden}
/*section4*/
.meettext-img{}
.meetlogo-img{
margin-top: 17px;
}
.cover3-img{
margin-top: 32px;
}
/*section5*/
.textborder-4{
background: url(../images/textborder4.webp) no-repeat center bottom;
background-size: contain;
padding-bottom: 12px;
padding-right: 24px;
margin-right: -24px;position: relative;
}
.gradient-text-3{background: linear-gradient(90deg, #BE73FF 0%, #8158FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;padding: 0 3px;margin: 0 -3px;}
.leaders-row{margin: 2% 0 0 0;}
.leader-div{padding: 20px;text-align: center;}
.leader-div-1{width: 17.5%;}
.leader-div-2{width: 50.4%;}
.leader-div h4{color: #fff;margin-top: 33px;letter-spacing: -0.84px;}
.leader-div p{color: #ffffff;margin-top: 12px;letter-spacing: -0.6px;}
.leader-div h4 span{
background-color: #fff;
display: inline-block;
padding: 9px 24px;
box-shadow: -7px 7px 0 0 rgba(0, 0, 0, 0.25);
}
.leader-div-1 h4 span{color: #6801E1;transform: rotate(-0.645deg);}
.leader-div-2 h4 span{color: #1C125B;transform: rotate(-0.565deg);}
.leader-div-inn{border-radius: 30px;filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.30));height: 76%;}
.leader-div-inn img{ }
.iphone-frame-out{box-shadow: 0 0 0 2px #b4b2b7, 0 0 0 4px rgb(51 41 50), 0 18px 20px rgb(28 28 35 / 51%);border-radius: 40px;padding: 1px;margin-top: 0;height: 100%;}
.iphone-frame {
background: #000;
border-radius: 40px;
padding: 5px;
box-shadow: 0 0 0 2px #4a4847, 0 0 0 4px rgb(144 137 135);
position: relative;
height: 100%;
}
.iphone-screen {
width: 100%;
height: 100%;
background: #000000;
border-radius: 37px;
border: 0.5px solid #565656;
overflow: hidden;
height: 100%;
}
.iphone-screen .responsive-video{padding-bottom: 189.21%;}
/*section6*/
.section6-title-div h4{letter-spacing: -0.66px;}
.section6-title-div h1{margin-top: 4%;}
.section6-title-div h3{margin-top: 2%;letter-spacing: -2.16px;}
.section6-title-div h5{margin-top: 2%;letter-spacing: -0.66px;}
.section6-title-div h4 span.highlight-1{border: 1px solid #D2D2D2;display: inline-block;border-radius: 10px;padding: 0px 0px 0px 30px;}
.section6-title-div h4 span.highlight-1 span{background-color: #F3E8FF;display: inline-block;padding: 6px 30px 6px 9px;position: relative;border-radius: 0px 10px 10px 0px;color: #472ED1;font-weight: 600;position: relative;}
.highlight-2{border: 1px solid #C5C5C5;display: inline-block;border-radius: 25px;padding: 16px 37px;}
.highlight-3{background-color: #FFEEEB;display: inline-block;border-radius: 15px;padding: 4px 12px;color: #EB484B;position: relative;}
.textborder-5{background: url(../images/textborder5.webp) no-repeat center bottom;background-size: contain;padding-bottom: 12px;padding-right: 24px;margin-right: -24px;position: relative;}
.element3-img{position: absolute;top: -13px;right: -11px;}
.element4-img {position: absolute;bottom: 87%;left: 97%;}
.section6-row{margin-top: 1%;z-index: 2;position: relative;}
.section6-row-1{margin-top: 3.5%;}
.pain-box{padding: 14px;width: 59.4%;position: relative;}
.solution-box{padding: 14px;width: 32.8%;position: relative;}
.pain-box-inn{background-color: #18191E;border-radius: 43px;width: 100%;height: 100%;padding: 29px 0 50px 0;}
.solution-box-inn{background-color: #FFF2C8;border-radius: 35px;height: 100%;padding-bottom: 13%;padding: 29px 0 40px 0;}
.solution2-box-inn{background-color: #EDFEC4;}
.solution3-box-inn{background-color: #EDDFFF;}
.solution4-box-inn{background-color: #DEECFF;}
.pain-box h4{letter-spacing: -0.72px;}
.pain-box h3{letter-spacing: -0.9px;color: #ffffff;margin-top: 25px;line-height: 113%;display: flex;gap: 7px;align-items: center;}
.pain-box p{letter-spacing: -0.66px;color: #D0D3E2;margin-top: 17px;line-height: 145%;}
.pain-title{color: #FFF;display: inline-block;background-color: #ED3336;transform: rotate(-2.333deg);border-radius: 20px;padding: 8px 29px;position: relative;left: -14px;}
.pain-box-left{width: 60%;padding: 0 0 0 9%;}
.pain-box-right{width: 40%;text-align: center;}
.solution-box-inn h4{letter-spacing: -0.72px;display: flex;justify-content: space-between;align-items: center;padding-right: 33px;}
.solution-box-inn h3{letter-spacing: -0.9px;color: #000000;margin-top: 25px;padding: 0 14%;line-height: 140%;}
.solution-box-inn h4 span.solution-title{color: #000;display: inline-block;background-color: #FFD000;transform: rotate(-2.333deg);border-radius: 20px;padding: 6.5px 23px;position: relative;left: -14px;}
.solution-box-inn h4 span.solution-title-2{background-color: #CCE888;}
.solution-box-inn h4 span.solution-title-3{background-color: #C99EFF;}
.solution-box-inn h4 span.solution-title-4{background-color: #9FCAFF;}
.connection2-img{position: absolute;top: 2.5%;left: 92.9%;z-index: 1;}
.painemoji-img{position: relative;top: 0%;margin-right: 5px;}
.solutionemoji-img{position: absolute;top: 45%;right: -32px;}
.painemoji2-img{}
.solutionemoji2-img{top: 59%;right: -12px;}
.painemoji3-img{}
.solutionemoji3-img{top: 59%;right: -11px;}
.painemoji4-img{}
.solutionemoji4-img{top: 58%;right: -16px;}
.pain1-box h3{}
.pain1-box p{padding-right: 15%;}
.pain2-box h3{}
.pain2-box p{padding-right: 9%;}
.pain3-box h3{padding-right: 12%;}
.pain3-box p{padding-right: 18%;}
.pain4-box h3{}
.pain4-box p{padding-right: 11%;}
/*section7*/
.section7-div-title h1{letter-spacing: -4.16px;}
.section7-row{margin-top: 4%;}
.textborder-6{background: url(../images/textborder6.webp) no-repeat center bottom;background-size: contain;padding-bottom: 12px;padding-right: 24px;margin-right: -24px;position: relative;}
.flip-box{width: 22.1%;padding: 0 2.6%;position: relative;z-index: 1;}
.flip-box-inn{border-radius: 60px;text-align: center;padding: 17% 14%;height: 100%;}
.flip1-box .flip-box-inn{background-image: linear-gradient(180deg, #FFEFCB 0%, #FFF 100%);}
.flip2-box .flip-box-inn{background-image: linear-gradient(180deg, #DBEDFF 0%, #FFF 100%);}
.flip3-box .flip-box-inn{background-image: linear-gradient(180deg, #F9DAFF 0%, #FFF 100%);}
.flip4-box .flip-box-inn{background-image: linear-gradient(180deg, #FFE3C1 0%, #FFF0DF 24.52%, #FFF 100%);}
.flip-box-inn p{line-height: 130%;letter-spacing: -0.72px;margin-top: 16px;font-weight: 400;color: #A4A4A4;}
.flip1-box{position: relative;top: 140px;}
.flip2-box{position: relative;z-index: 1;}
.flip3-box{}
.flip4-box{position: relative;top: 140px;}
.team-img{position: relative;margin-top: -15px;z-index: 1;}
.connection3-img{
position: absolute;
top: 101%;
}
.flip1-box .connection3-img{
left: 35px;
right: 0;
float: none;
margin: auto;
top: 100%;
}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
right: 130px;
}
.flip4-box .connection3-img{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
left: 0;
right: 35px;
float: none;
margin: auto;
top: 100%;
}
/*section8*/
.highlight-11{
border-radius: 14px;
border: 1px solid #E3E3E3;
background: #FFF;
display: inline-block;
padding: 9px 30px;
letter-spacing: -1.2px;
}
.textborder-7{background: url(../images/textborder7.webp) no-repeat center bottom;background-size: contain;padding-bottom: 0;padding-right: 24px;margin-right: -24px;position: relative;}
.section8-title-div h5{
line-height: 130%;
}
.section8-title-div p{
line-height: 100%;
letter-spacing: -0.72px;
margin-top: 3%;
}
.section8-title-div p span{
background-color: #F3E8FF;
display: inline-block;
border-radius: 15px;
padding: 12px 20px 12px 0;
}
.section8-title-div h3{letter-spacing: -3.2px;line-height: 115%;margin-top: 2%;}
.section8-title-div h1{
letter-spacing: -4.8px;
line-height: 110%;
margin-top: 2%;
}
.element5-img{
position: relative;
top: -5px;
}
.section8 .ipad-frame-out{margin-top: 7%;}
.ipad-frame-out{box-shadow: 0 0 0 2px #b4b2b7, 0 0 0 6px rgb(53 53 59), 0 18px 20px rgb(28 28 35 / 51%);border-radius: 40px;padding: 1px;}
.ipad-frame {
background: #000;
border-radius: 40px;
padding: 20px;
box-shadow: 0 0 0 2px #4d4c4d, 0 0 0 4px rgb(145 144 147);
position: relative;
}
.ipad-screen {
width: 100%;
height: 100%;
background: #f2f2f2;
border-radius: 20px;
border: 1px solid #2f2f2f;
overflow: hidden;
}
/*section9*/
.element6-img{margin-top: -2%;}
.border-text-2{background: url(../images/borderbg2.webp) no-repeat center center;background-size: contain;padding: 7px 18px;position: relative;}
.highlight-4{color: #513AD3;display: inline-block;padding: 13px 29px;border-radius: 15px;background-color: #DDD3FF;}
.section9-div{width: 94.8%;}
.section9-div-inn{border-radius: 70px;border: 1px solid #FFF;background: #000;box-shadow: 0 29px 60px 0 rgba(0, 0, 0, 0.09);padding: 20px;}
.step-details{padding: 0 11% 0 5%;}
.step-img-div{padding: 0;}
.section9-div-inn-2 .step-details{padding: 0 7% 0 9%;}
.step-details h4{color: #fff;letter-spacing: -0.72px;}
.step-details h1{color: #fff;letter-spacing: -4px;margin-top: 12px;}
.step-details p{color: #D4D4D4;letter-spacing: -0.6px;margin-top: 15px;}
.step-details h4 span{display: inline-block;background-color: #ED3336;transform: rotate(-2.333deg);border-radius: 20px;padding: 7px 28px;}
.textborder-8{background: url(../images/textborder8.webp) no-repeat center bottom;background-size: contain;padding-bottom: 4px;padding-right: 6px;position: relative;margin-right: -6px;}
.stepconn-div{margin-top: -3%;margin-bottom: 8px;}
.stepconn1-img{position: relative;left: 11%;margin-bottom: -4%;z-index: 1;}
.stepele1-img{position: absolute;top: 32%;left: -2.5%;}
.stepele2-img{position: absolute;top: 32%;right: -2.5%;}
.stepele3-img{position: absolute;top: 32%;left: -3%;}
/*section10*/
.section10-row{margin: 3% 0 0 0;}
.section10-div-1{
padding: 15px;
width: 80%;
margin: auto;
}
.section10-div-1-inn{
background: #F6E0F3;
border-radius: 50px;
padding: 40px 40px 0px 40px;
}
.feature1-detail-div{
padding: 0 9% 4% 9%;
text-align: center;
}
.feature1-img-div{
text-align: center;
}
.feature1-detail-div h3{
letter-spacing: -1.7px;
color: #fff;
}
.feature1-detail-div h5{
letter-spacing: -0.6px;
margin: 8px 0 16px;
color: #fff;
}
.feature1-detail-div p{
color: #fff; padding: 0 0 2px 0;
}
.section10-div-2{padding: 15px;width: 40%;position: relative;z-index: 1;}
.section10-div-2-inn{
border-radius: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
background-color: #000000;
overflow: hidden;
}
.feature-div-1 .section10-div-2-inn{background: url(../images/featurebg2.webp) no-repeat center top;background-size: cover;}
.feature-div-2 .section10-div-2-inn{background: url(../images/featurebg3.webp) no-repeat center top;background-size: cover;}
.feature-div-3 .section10-div-2-inn{background: url(../images/featurebg4.webp) no-repeat center top;background-size: cover;}
.feature-div-4 .section10-div-2-inn{background: url(../images/featurebg5.webp) no-repeat center top;background-size: cover;}
.feature-div-5 .section10-div-2-inn{background: url(../images/featurebg6.webp) no-repeat center top;background-size: cover;}
.feature-div-6 .section10-div-2-inn{background: url(../images/featurebg7.webp) no-repeat center top;background-size: cover;}
.feature-div-7 .section10-div-2-inn{background: url(../images/featurebg8.webp) no-repeat center top;background-size: cover;}
.feature-div-8 .section10-div-2-inn{background: url(../images/featurebg9.webp) no-repeat center top;background-size: cover;}
.section10-div-1-inn{background: url(../images/featurebg1.webp) no-repeat center top;background-size: cover;}
.feature2-img-div{
}
.feature2-detail-div{
padding: 9.5% 10% 15px 10%;
text-align: center;
}
.feature2-detail-div h3{
letter-spacing: -1.7px;color: #fff;
}
.feature2-detail-div h5{
letter-spacing: -0.6px;
color: #fff;
margin: 8px 0 12px;
}
.feature2-detail-div p{color: #fff;padding: 0 15%;}
.feature1-img{
max-width: 110%;
position: relative;
left: -9%;
}
.feature2-img{
position: relative;
max-width: 100%;
right: -4%;
}
.feature3-img{}
.feature4-img{}
.feature5-img{
position: relative;
top: -9%;
}
.feature6-img{
margin-top: 6%;
}
.feature7-img{
position: relative;
top: -7%;
}
.feature8-img{
position: relative;
margin-left: 8%;
}
.feature9-img{
margin-top: 3%;
}
/*section11*/
.section11 .conversation-header {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
}
.section11 .conversation-title {
font-size: 1.3rem;
font-weight: 600;
color: white;
}
.section11 .conversation-controls {
display: flex;
gap: 10px;
align-items: center;
}
.section11 .control-btn {
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(15px);
border: 1px solid #727273;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.section11 .control-btn:hover {
transform: scale(1.05);
background: rgba(255,255,255,0.2);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.section11 .control-btn:active {
transform: scale(0.95);
}
.section11 .control-btn.playing {
background: rgb(137 111 253 / 18%);
border-color: rgb(137 111 253);
}
.section11 .control-btn svg {
width: 16px;
height: 16px;
fill: white;
transition: all 0.2s ease;
}
.section11 .conversation-area {
display: flex;
gap: 0;
margin: auto;
margin-bottom: 0;
width: 100%;
margin-top: 10px;
}
.section11 .speaker {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%;
}
.section11 .speaker:first-child{border-right: 1px solid #242328;}
.section11 .speaker-card {
/* background: rgba(255, 255, 255, 0.9); */
/* border-radius: 15px; */
/* padding: 20px 15px; */
/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
/* backdrop-filter: blur(20px); */
/* border: 1px solid rgba(176, 120, 250, 0.3); */
position: relative;
/* width: 100%; */
/* max-width: 200px; */
/* text-align: center; */
/* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */
}
.section11 .speaker.active .speaker-card {
/* transform: translateY(-3px); */
/* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); */
/* border-color: rgba(139, 92, 246, 0.6); */
}
.section11 .speaker-avatar {
position: relative;
margin: 0 auto 10px;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.section11 .speaker img {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #8D55F1;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
object-fit: cover;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
position: relative;
z-index: 10;
}
.section11 .speaker.active img {
transform: scale(1.1);
border-color: #8B5CF6;
box-shadow: 0 6px 20px rgba(139, 92, 246, 0.3);
}
.section11 .audio-visualizer-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
pointer-events: none;
z-index: 1;
}
.section11 .dotted-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 90px;
height: 90px;
border: 2px dotted #8B5CF6;
opacity: 0;
transition: opacity 0.3s ease, filter 0.1s ease, box-shadow 0.1s ease;
animation: rotate 6s linear infinite;
filter: drop-shadow(0 0 3px rgba(139, 92, 246, 0.3));
box-shadow: 0 0 6px rgba(139, 92, 246, 0.2);
}
.section11 .speaker.active .dotted-circle {
opacity: 1;
}
.section11 .pulse-ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 90px;
height: 90px;
border: 1px solid rgba(139, 92, 246, 0.3);
opacity: 0;
}
.section11 .speaker.active .pulse-ring {
opacity: 1;
animation: pulse-expand 2s ease-out infinite;
}
.speaker-name {
color: #ffffff;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 157.143% */
letter-spacing: -0.14px;
}
.speaker-status {
color: #C9BCC3;
font-size: 9px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 275% */
letter-spacing: -0.08px;
margin-top: 5px;
}
.caption-container {
/* background: rgba(255,255,255,0.15); */
/* backdrop-filter: blur(10px); */
/* border-radius: 12px; */
/* padding: 15px; */
/* min-height: 60px; */
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
/* border: 1px solid rgba(255,255,255,0.2); */
/* box-shadow: 0 8px 20px rgba(0,0,0,0.1); */
}
.caption-text {
font-size: 0.9rem;
line-height: 1.4;
text-align: center;
opacity: 1;
transform: translateY(0);
transition: all 0.5s ease;
color: white;
}
/* Animations */
@keyframes rotate {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes pulse-expand {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
100% {
transform: translate(-50%, -50%) scale(1.6);
opacity: 0;
}
}
@keyframes pulse-dot {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.3); opacity: 0.7; }
}
/**/
.section11 .nav-tabs{
border: 1px solid #333;
display: flex;
align-items: center;
justify-content: center;
background-color: #1D1C20;
width: fit-content;
margin: auto;
margin-top: 4.5%;
border-radius: 20px;
overflow: hidden;
padding: 8px;
}
.section11 .nav-item{
color: #B8B6C6;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 262.5% */
letter-spacing: -1.44px;
}
.section11 .nav-item .nav-link{
border: 0;
border-radius: 18px;
padding: 20px 57px;
color: #B8B6C6;
}
.section11 .nav-item .nav-link.active{
background-color: #6B39EA;
color: #fff;
border: 0;
}
.section11-div{padding: 8px;}
.section11-div-inn{
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #1D1C20;
box-shadow: 0 16px 14.1px 0 rgba(0, 0, 0, 0.04);
padding: 8% 10%;
height: 100%;
}
.section11-div h6{letter-spacing: -1.08px;color: #EFEBFF;}
.section11-div h5{}
.section11-div p{
color: #C9BCC3;
margin-top: 19px;
}
.section11-div h6 span{
display: inline-block;
padding: 6.5px 19px;
border-radius: 15px;
border: 0.5px solid rgba(255, 255, 255, 0.26);
background: rgba(0, 0, 0, 0.22);
box-shadow: 0 16px 14.1px 0 rgba(0, 0, 0, 0.04);
}
.agents-detail-div{
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
margin-bottom: 31px;
}
.flag-img{}
.agent-name{
color: #C7BCC3;
font-size: 16px;
font-style: normal;
line-height: 125%;
letter-spacing: -0.48px;
font-weight: 700;
}
.agent-place{
color: #C7BCC3;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%;
letter-spacing: -0.48px;
}
.ai-agents-voice-box{
border-radius: 22px;
background: #111113;
text-align: center;
padding: 11px 11px 11px 10px;
width: 100%;
cursor: pointer;
}
.ai-agents-voice-box .caption-text {
color: #DEB01A;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 137.5%;
letter-spacing: -0.16px;
margin-top: 10px;
height: 80px;
padding: 0 5%;
display: -webkit-flex;
display: flex
;
align-items: center;
justify-content: center;
}
.ai-agents-voice-box .play-button { color: #fff;}
.ai-agents-voice-box-1 .play-button{background: url(../images/aiagent1.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-2 .play-button{background: url(../images/aiagent2.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-3 .play-button{background: url(../images/aiagent3.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-4 .play-button{background: url(../images/aiagent4.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-5 .play-button{background: url(../images/aiagent5.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-6 .play-button{background: url(../images/aiagent6.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-7 .play-button{background: url(../images/aiagent7.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-8 .play-button{background: url(../images/aiagent8.webp) no-repeat center center;background-size: cover;}
.ai-agents-voice-box-9 .play-button{background: url(../images/aiagent9.webp) no-repeat center center;background-size: cover;}
/*section12*/
.element7-img{position: relative;top: -12px;right: 4px;}
.element10-img{position: relative;top: -8px;left: 4px;}
.imagine-detail-div-out{padding: 0 0.5% 0 3%;}
.imagine-detail-div-out-2{padding: 0 3.5% 0 0;}
.imagine-img-div{padding: 0;}
.imagine-detail-div{border-radius: 85px;background: #000;border-radius: 85px;padding: 9.3% 11%;box-shadow: -25px 24px 0 0 rgba(75, 45, 218, 0.11);position: relative;}
.imagine-detail-div p{letter-spacing: -0.32px;}
.section12 .imagine-detail-div{
background: #F4F3FF;
box-shadow: -25px 24px 0 0 rgba(75, 45, 218, 0.11);
}
.section12 .imagine-detail-div p{
color: #353535 !important;
}
.imagine-detail-div h2{letter-spacing: -3.36px;color: #fff;}
.imagine-detail-div h6{letter-spacing: -0.6px;color: #D4D4D4;margin-top: 22px;padding-right: 0%;}
.imagine-detail-div-6 h6{padding-right: 5%;}
.imagine-detail-div-2{box-shadow: 16px 24px 0 0 rgba(75, 45, 218, 0.11);padding: 9.3% 14%;}
.connection4-div-1{margin-bottom: -3.5%;margin-top: -1%;}
.connection4-div-2{margin-bottom: -6.5%;margin-top: 1%;position: relative;z-index: 1;}
.connection4-img-1{position: relative;z-index: 1;}
.connection4-img-2{-webkit-transform: scaleX(-1);transform: scaleX(-1);right: 4%;position: relative;}
.section12-title {display: inline-block;background-color: #F4F3FF;border-radius: 15px;padding: 15px 27px;}
.element9-img-1{
position: absolute;
left: -2%;
top: -5%;
}
.element9-img-2{position: absolute;right: -2%;top: -5%;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.element9-img-3{position: absolute;left: -2%;top: -5%;}
.emoji6-img{position: absolute;left: -3%;top: 20%;}
.emoji7-img{position: absolute;right: -7%;top: 20%;}
.emoji8-img{position: absolute;left: -7%;top: 22%;}
.imagine5-row{margin-top: 11%;}
.imagine6-row{margin-top: 9%;}
.section17 .imagine-detail-div{padding: 10.6% 12%;}
/*section13*/
.section13-title-div{}
.section13-title-div h3{letter-spacing: -2.4px;}
.section13-title-div h1{margin-top: 17px;letter-spacing: -1.8px;}
.section13-title-div p{letter-spacing: -0.6px;margin-top: 19px;}
.section13-title-div h4{margin-top: 25px;letter-spacing: -0.75px;margin-bottom: 4.5%;}
.section13-highlight-1{background-color: #000000;display: inline-block;padding: 6.3px 27.7px;border-radius: 50px;}
.section13-highlight-2{border-radius: 10px;background: rgba(103, 22, 214, 0.18);display: inline-block;padding: 14px 22px;}
.element8-img{position: relative;top: -6px;left: 4px;}
.textborder-9{background: url(../images/textborder9.webp) no-repeat center bottom;background-size: contain;padding: 0 4px 4px 4px;position: relative;}
.element17-img{
position: relative;
margin-top: -22px;
}
.element17-img-2{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.section13-div{}
.section13-title-div-2{margin-top: 6.55%;}
.section13-title-div-2 p{letter-spacing: -0.72px;color: #513AD3;}
.section13-title-div-2 h4{letter-spacing: -0.66px;margin-top: 15px;}
.section13-title-div-2 h2{letter-spacing: -3.36px;margin-top: 37px;}
.section13-title-div-2 h5{letter-spacing: -0.66px;margin-top: 22px;}
.section13-title-div-2 h3 span{border-radius: 10px;background: #F1E5FF;display: inline-block; padding: 11.3px 32.1px;color: #513AD3;}
.textborder-10{background: url(../images/textborder10.webp) no-repeat center bottom;background-size: contain;padding-bottom: 4px;padding-right: 22px;position: relative;margin-right: -22px;}
.proof-box-inn{border-radius: 40px;overflow: hidden;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-1 .proof-box-inn{background: url(../images/proofbg1.webp) no-repeat center top;background-size: cover;height: 100%;padding: 6.5% 9.8%;}
.proof-box-1-detail{padding: 5px;width: 50%;}
.proof-box-1-img{width: 50%;}
.proof-box-2{padding: 5px;}
.proof-box-2 .proof-box-inn{background: url(../images/proofbg2.webp) no-repeat center top;background-size: cover;height: 100%;padding: 6.5% 9.8% 0% 9.8%;}
.proof-box-2-detail{width: 50%;}
.proof-box-2-img{width: 50%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-3 .proof-box-inn{background: url(../images/proofbg3.webp) no-repeat center top;background-size: cover;height: 100%;padding: 10.4% 16% 0% 16%;}
.proof-box-3-detail{}
.proof-box-3-img{text-align: center;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1{padding: 0;padding-right: 5px;}
.proof-box-4-1 .proof-box-inn{background: url(../images/proofbg4.webp) no-repeat center top;background-size: cover;height: 100%;padding: 10.4% 11.7% 0% 11.7%;}
.proof-box-4-2{padding: 0;padding-left: 5px;}
.proof-box-4-2 .proof-box-inn{background: url(../images/proofbg5.webp) no-repeat center top;background-size: cover;height: 100%;padding: 10.4% 11.7% 0% 11.7%;}
.proof-box-4-3{padding: 0;padding-top: 10px;}
.proof-box-4-3 .proof-box-inn{background: url(../images/proofbg6.webp) no-repeat center top;background-size: cover;padding: 4.9% 5.8% 0 5.8%;height: 100%;}
.proof-box-4-3-detail{width: 49%;}
.proof-box-4-3-img{width: 50%;}
.proof-box-title1{font-size: 25px;font-style: normal;font-weight: 400;letter-spacing: -0.75px;line-height: 150%;color: #fff;position: relative;z-index: 1;}
.proof-box-title2{font-size: 46px;font-weight: 700;letter-spacing: -1.38px;line-height: 116%;color: #fff;position: relative;z-index: 1;}
.proof1-img{max-width: 164%;position: relative;left: -54%;top: 6%;}
.proof2-img{max-width: 124%;position: relative;bottom: -8px;left: -19%;}
.proof3-img{max-width: 124%;position: relative;left: -10%;}
.proof4-img{position: relative;max-width: 132%;left: -15%;top: 10%;}
.proof5-img{max-width: 113%;position: relative;right: -3%;margin-top: -34%;}
.proof6-img{max-width: 135%;position: relative;left: -30%;margin-top: 2%;}
/*section14*/
.highlight-12{background: linear-gradient(180deg, color(display-p3 0.6941 0.4706 1) 58.17%, color(display-p3 0.4932 0.3269 1) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: normal;
font-style: italic;
font-weight: 400;
line-height: 60px;
letter-spacing: -3px;}
.swiper-main-div{margin-top: 3%;padding: 0;}
.swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.swiper-wrapper {
transition-timing-function: linear !important;
position: relative;
}
.swiper-slide {
background: transparent;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 20px;
}
@-webkit-keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
.conversations-div{
border-radius: 40px;
border: 1px solid #4A4A4A;
background: linear-gradient(180deg, rgba(26, 26, 26, 0.60) 0%, rgba(26, 26, 26, 0.60) 100%);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03);
padding: 40px;
}
.conversations-div h3{color: #ffffff;font-size: 25px;line-height: 120%;letter-spacing: -1.5px;margin-top: 20px;}
.conversations-div h6{color: #8C8C8C; font-size: 22px; line-height: 115%;letter-spacing: -1.32px;margin-top: 15px;}
/*section15*/
.highlight-5{color: #7E53FF;display: inline-block;padding: 3.3px 19.41px;border-radius: 10px;background-color: #F5ECFF;font-weight: 400;}
.border-text-3{background: url(../images/borderbg3.webp) no-repeat center 5px;background-size: contain;padding: 0px 13px 0 13px;position: relative;margin: 0 -6px 0 -3px;}
.border-text-3 span{background: linear-gradient(90deg, color(display-p3 0.6941 0.4745 1) 11.54%, color(display-p3 0.4932 0.3269 1) 19.71%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 0 6px;}
.founding-main-div{padding: 0 2.5%;margin-top: 6%;}
.founding-div{padding: 13px;}
.founding-div-inn{border-radius: 40px;border: 1px solid #000;padding: 8.8% 10.4%;background-color: #fff;height: 100%;}
.rating-img{}
.founding-div-inn h4{letter-spacing: -0.4px;margin-top: 20px;}
.founding-div-inn p{letter-spacing: -0.4px;color: #757282;}
.founding-user-img{margin-top: 30px;display: flex;align-items: center;gap: 14px;}
.founding-user-img h3{}
.founding-user-img h5{color: #757282;}
.textborder-11{background: url(../images/textborder11.webp) no-repeat center bottom;background-size: contain;padding-bottom: 4px;padding: 0 15px 0 11px;position: relative;margin: 0 -15px 0 -11px;}
.element18-img{position: relative;margin-top: -30px;}
/*section16*/
.speaks-box-out{padding: 8px;}
.speaks-box{border-radius: 30px;background: #000;height: 100%;padding: 10% 10.5% 0 10.5%;display: flex;flex-direction: column;justify-content: space-between;}
.speaks-box h4{letter-spacing: -0.84px;color: #fff;}
.speaks-box p{color: #B0B0BF;letter-spacing: -0.6px;margin-top: 8px;margin-bottom: 16px;padding-right: 12%;}
.speaks-box-1{background: url(../images/speakbg1.webp) no-repeat center bottom;background-size: cover;}
.speaks-box-2{background: url(../images/speakbg2.webp) no-repeat center bottom;background-size: cover;padding-bottom: 4%;}
.speaks-box-3{background: url(../images/speakbg3.webp) no-repeat center bottom;background-size: cover;padding-bottom: 4%;}
/*section17*/
.textborder-12{background: url(../images/textborder12.webp) no-repeat center bottom;background-size: contain;padding-bottom: 4px;padding: 0 1px 0 0px;position: relative;margin: 0 -6px 0 0;}
.textborder-13{background: url(../images/textborder13.webp) no-repeat left bottom;padding-bottom: 4px;padding: 0 0px 0 0px;position: relative;margin: 0 -4px 0 0;}
.textborder-14{background: url(../images/textborder14.webp) no-repeat center bottom;background-size: contain;padding-bottom: 4px;padding: 0;position: relative;margin: 0;}
.textborder-12 span, .textborder-13 span, .textborder-14 span{background: linear-gradient(90deg, #C88AFF 0.48%, #7E48FF 26.92%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-right: 6px;}
.element19-img{position: absolute;right: 93.5%;top: 39%;}
.element20-img{position: absolute;left: 94%;top: 39%;}
.element21-img{position: absolute;right: 93.5%;top: 56%;}
/*section18*/
.highlight-6{color: #fff;display: inline-block;background-color: rgb(255 255 255 / 7%);padding: 14px 31px; border-radius: 15px;}
.human-box{width: 49.9%;position: relative;margin-right: -2%;}
.callfluent-box{background-color: #ffffff;border-radius: 40px;width: 50.3%;position: relative;}
.human-box-inn{color: #fff;padding: 39px 0 40px 0;background-color: #24242E;border-radius: 40px 0 0 40px;}
.callfluent-box-inn{padding: 49px 0 50px 0;}
.humanagent-img{background-color: #24242E;border-radius: 40px 0 0 40px;}
.callfluent-img{}
.human-title-highlight{text-align: center;letter-spacing: -0.84px;margin-top: 21px;}
.callfluent-title-highlight{text-align: center;letter-spacing: -1.02px;margin-top: 22px;}
.human-title-highlight span{background-color: #2E2E39;border-radius: 15px;display: inline-block;padding: 10px 4.8%;}
.callfluent-title-highlight span{background-color: #E9E5FF;border-radius: 15px;display: inline-block;padding: 7px 4.35%;color: #4B2DDA;}
.human-box ul{padding: 0 12%;margin-top: 28px;}
.human-box li{display: flex;align-items: center;gap: 14px;margin: 16px 0;}
.callfluent-box ul{padding: 0 8% 0 15%;margin-top: 35px;}
.callfluent-box li{display: flex;align-items: center;gap: 8px;margin: 16px 0;}
.element11-img{position: absolute;right: 97.5%;top: 8%;}
.element12-img{position: absolute;left: 96%;top: 12%;}
.element16-img{
position: absolute;
right: -42%;
top: 25%;
}
/*section19*/
.highlight-7{display: inline-block;background-color: #F4F3FF;border-radius: 15px;padding: 12px 30px;}
.element13-img{position: relative;margin-top: -11px;}
.prev_lang_voice_grid{
width: 73.1%;
margin-top: 50px;
}
.lang_voice_grids_in {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.lang_voice_grids_in .card {
background: #ECEEFD;
border-radius: 40px;
padding: 25px;
border: none;
}
.voice_name {
display: flex;
gap: 20px;
}
.voice_name .flag-box {
width: 76px;
height: 76px;
border-radius: 25px;
overflow: hidden;
}
.voice_name .flag-box img {
width: 100%;
height: 100%;
object-fit: cover;
}
button.playbutton span {
color: #080916;
font-weight: 400;
font-size: 15px;
line-height: 30px;
letter-spacing: -0.9px;
display: inline;
}
button.playbutton {
background: #FFFFFF;
border: 1px solid #0000001C;
box-shadow: 0px 5px 5px 0px #0000001C;
border-radius: 15px;
display: flex;
align-items: center;
padding: 4px 25px 4px 20px;
gap: 10px;
justify-content: flex-start;
margin-top: 5px;
position: relative;
}
button.playbutton img.pasue_audio {
position: absolute;
width: 17px;
left: 15px;
}
img.pasue_audio {
opacity: 0;
visibility: hidden; max-width: 100%;
}
.voice_fill.active_fill img.pasue_audio {
visibility: visible;
opacity: 1;
}
.voice_fill.active_fill img.play_audio {
visibility: hidden;
opacity: 0;
}
button.playbutton span {
color: #080916;
font-weight: 400;
font-size: 15px;
line-height: 30px;
letter-spacing: -0.9px;
display: inline;
}
.p_main{
font-size: 20px;
letter-spacing: -1.32px;
color: #080917;
}
.view_all_voice{
text-align: center;
margin-top: 4.5%;
}
.view_all_voice a{
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
letter-spacing: -1.08px;
border-radius: 16px;
background: #24242E;
color: #FFF;
display: inline-block;
padding: 15px 36px;
}
/*section20*/
.section2 .container {
max-width: 1423px;
}
.highlight-8{background-color: #111111;display: inline-block;border-radius: 15px;padding: 11px 39px;}
.textborder-15{background: url(../images/textborder15.webp) no-repeat center bottom;background-size: contain;padding: 0 28px 0 0;position: relative;margin: 0 -28px 0 0;}
.section20-deatail-div{padding: 0 15px;}
.section20-img-div{padding: 0 15px;width: 34%;}
.section20-deatail-div-2{padding: 0 15px;width: 69%;margin-top: 1%;}
.point-highlight{display: flex;flex-direction: row;display: inline-block;background-color: #B0A2FF57;padding: 14px 2.2%;margin-right: 20px;border-radius: 15px;margin-bottom: 10px;}
.check4-img{position: relative;margin-top: -8px;}
.section20-row{margin: 4% 0 0 0;}
/*section21*/
.element14-img{position: relative;margin-top: -30px;}
.section21-row{margin-top: 27px;}
.section21-detail-div{
padding: 0 5.1% 0 15px;}
-img-div{}
/*section22*/
.highlight-9{background-image: linear-gradient(90deg, #B565FF 0%, #7135FF 100%);color: #fff;display: inline-block;padding: 15px 25px;border-radius: 15px;}
.element15-img{position: relative;top: -9px;}
.textborder-16{background: url(../images/textborder16.webp) no-repeat center bottom;background-size: contain;padding: 0 20px 0 0;position: relative;margin: 0 -20px 0 0;}
/*section23*/
.pricing-div{
padding: 5.3% 5.3% 0 5.3%;
}
.pricing-div-inn{
border: 1px solid #1E174A;
background: #FFF;
box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.10);
padding: 0;
border-radius: 61px;
overflow: hidden;
}
.pricing-div-top{background: url(../images/tabletop.webp) no-repeat center top;background-size: cover;padding: 7.6% 15px 13.6% 15px;}
.pricing-detail-div{
text-align: center;
padding: 0 15px;
width: 41%;
}
.pricing-img-div{
padding: 0 15px;
width: 53%;
}
.pricing-div-list{padding: 0 10px 53px 10px;margin-top: -6%;}
.pricing-detail-div h3{letter-spacing: -3.2px;margin-top: 18px;}
.pricing-detail-div h5{letter-spacing: -0.66px;margin-top: 13px;}
.pricing-detail-div p{letter-spacing: -1.2px;margin-top: 23px;}
.pricing-detail-div p span.highlight-10{
background-color: #FFF17B;
display: inline-block;
padding: 4px 18px;
border-radius: 9px;
}
.price-div{
width: 42%;
padding: 0 15px;
}
.price-list{
padding: 0;
letter-spacing: -0.6px;
}
.price-list li{
color: #000000;
display: flex;
gap: 11px;
margin: 10px 0;
align-items: flex-start;
}
.check5-img{
margin-top: 6px;
}
.price-btn-div{padding: 0;text-align: center;}
.price-btn-div hr{
width: 82%;
margin: 5.4% auto 4.5% auto;
}
.price-btn-div h4{
margin-bottom: 2.3%;
}
/*model*/
.modal .modal-dialog {
max-width: 1000px;
}
.modal-content {
border: none;
}
.payment_new .payment-box {
background: #fff;
border-radius: 25px;
border: none;
color: #24242D;
box-shadow: 30px 30px 75px 0px #00000026;
font-family: 'Avertape', sans-serif;
}
.modal-body.payment-box {
padding: 50px !important;
}
.plan-info{
padding-right: 12px;
}
.customer-form{padding-left: 12px;}
.modal-body p {
color: #535367;
font-size: 20px;
line-height: 25px;
letter-spacing: -1px;
font-family: 'Avertape', sans-serif;
}
label.col-form-label {
padding-bottom: 2px;
}
.plan-big-price {
display: flex
;
align-items: center;
}
.payment_new .payment-box .plan-big-price .currency-value, .payment_new .payment-box .plan-big-price .plan-total-amount {
font-size: 25px;
}
.plan-big-price span.currency-value, span.plan-total-amount {
font-weight: 700;
}
.bump-header {
padding: 30px 0px 28px 0px;
}
.order-bump-item {
background: #ECEEFD;
border-radius: 20px;
padding: 25px;
margin-bottom: 15px;
border: none;
transition: all 0.3s ease;
}
.order-bump-item:hover {
transform: translateY(-2px);
border-color: rgba(99, 102, 241, 0.5);
}
.price-opacity {
padding: 5px 0px;
}
.payment-box .price-value p {
font-weight: 600;
padding-top: 2px;
}
.bump-checkbox-wrapper {
display: flex
;
align-items: flex-start;
position: relative;
}
.special-offer-badge {
background: #472ed1;
color: white;
padding: 7px 15px;
border-radius: 15px;
font-weight: bold;
font-size: 14px;
display: inline-block;
margin-bottom: 10px;
position: absolute;
top: -45px;
right: 0;
color: #fff !important;
font-size: 18px !important;
}
.bump-title h5, .order-bump-item span {
margin: 0;
color: #080916;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.order-bump-item p, .order-bump-item span {
color: #535367;
}
.bump-description p {
margin-bottom: 0px;
font-size: 18px;
}
.order-bump-checkbox {
appearance: none;
-webkit-appearance: none;
width: 22px;
height: 22px;
border: 1px solid #b3afc4;
border-radius: 6px;
margin-right: 12px;
position: relative;
cursor: pointer;
background: #fff;
transition: all 0.2s ease;
transform: scale(1.2);
accent-color: #6366f1;
margin-top: 5px;
}
.order-bump-checkbox:checked {
background: #472ED1;
border-color: #472ED1;
}
.order-bump-checkbox:checked:after {
content: '✓';
position: absolute;
color: white;
font-size: 14px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.bump-content {
flex: 1;
cursor: pointer;
margin: 0;
}
.bump-title {
display: flex
;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
#paddle-customer-form {
font-size: 18px;
color: #747484;
}
.form-control, #paddle-customer-form select {
padding: 15px;
border-radius: 15px;
font-size: 18px;
}
.form-control, #paddle-customer-form select {
padding: 15px;
border-radius: 15px;
font-size: 18px;width:100%;
}
a.site-button, .site-button, .blue-btn {
background: #24242D;
font-weight: 500;
font-size: 20px;
line-height: 16px;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 20px;
padding: 25px 30.5px;
display: inline-flex
;
justify-content: center;
}
.site-button {
margin-top: 10px;
margin-bottom: 20px;
background:#67A916;
}
button.site-button {
border: none;
justify-content: center;
}
#paymentModal .secured-payment-box {
margin: 0 auto;
text-align: center;
width: fit-content;
border-radius: 25px;
padding: 5px 15px;
line-height: normal;
color: #b1afb9;
position: relative;
padding-left: 35px;
font-size: 17px;
}
#paymentModal .secured-payment-box img {
width: 45px;
height: 45px;
padding: 10px;
border-radius: 555px;
position: absolute;
left: -10px;
top: -5px;
}
.form-control, #paddle-customer-form select {
padding:15px;
border-radius:15px;
font-size: 18px;
}
/*section23*/
.section23 .founding-div-inn{
border: 0;
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cover2-img{
margin: 2.5% 0;
}
.section23 .founding-div-inn p {margin-top: 20px;}
/*faq*/
.accordion_container {width: 100%;margin: auto;margin-top: 4.7%;}
.accordion_div{padding: 0 35px;border-radius: 20px;background: #F3F3F8;margin: 12px 0;}
.accordion_head {cursor: pointer;margin: 0;padding: 35px 0;font-size: 25px;font-style: normal;font-weight: 600;line-height: 100%; /* 100% */letter-spacing: -0.25px;}
.accordion_body {padding-right: 5%;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: #535369;}
.plusminus {float:right;margin-top: -1px;font-size: 20px;}
/*footer*/
.footer{padding: 3% 0 1.5% 0;background-color: #000000;}
.footer a {color: #A1A1AA; margin: 0;}
.footer a:hover {text-decoration: underline;color: #A1A1AB;}
.footer-link-div{margin-top: 5.7%;}
.social-icons a:hover img {
transform: scale(1.1);
}
.social-icons a img {
transition: all 0.3s ease-in-out;
}
.footer-in h6 {
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: -0.8px;
color: #ffffff;
padding-bottom: 20px;
}
.footer li a, .footer li p, .footer-bottom a, .footer-bottom {
color: #ffffff;
font-weight: 400;
font-size: 20px;
line-height: 24px;
letter-spacing: -1px;
text-decoration: none;
}
.footer li a:hover, .footer-bottom a:hover {
color: #bdbdbd;
text-decoration: none;
}
.footer-in li {
list-style: none;
padding: 10px 0px;
}
.footer-in {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.footer .container {
max-width: 1314px;
}
.footer {
/* padding-top: 80px; */
/* background: #FCFCFD; */
}
.footer-col:first-child {
width: 28%;
}
.footer-col {
width: 18%;
}
.social-icons {
display: flex;
flex-wrap: wrap;
gap: 24px;
padding-top: 20px;
}
.footer-bottom {
text-align: center;
border-top: 1px solid #E6E8EC;
padding: 38px 0px;
margin-top: 64px;
}
.footer-bottom a {
padding: 0px 10px;
letter-spacing: -0.9px;
}
.footer .menu {
padding-left: 0;
padding-right:0;
}
/*sections*/
.banner{background: url(../images/banner.webp) no-repeat center top;background-size: cover;padding: 0 0 16% 0;background-color: #fff;}
.section1{background: url(../images/section1.webp) no-repeat center top;background-size: cover;padding: 0 0 0 0;background-color: #ffffff;margin-top: -6%;}
.section2{background: url(../images/section2.webp) no-repeat center top;background-size: cover;padding: 9% 0 0 0;}
.section3{background: url(../images/section3.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 11% 0 4.5% 0;margin-top: -3%;position: relative;}
.section4{background: url(../images/section4.webp) no-repeat center top;background-size: cover;position: relative;z-index: 1;padding: 8% 0 6% 0;margin-top: -3%;}
.section5{padding: 2% 0 0 0;}
.section5-div{background: url(../images/section5.webp) no-repeat center top;background-size: cover;border-radius: 80px;padding: 7% 0 3.9% 0;width: 92.75%;margin: auto;}
.section6{background: url(../images/section6.webp) no-repeat center top;background-size: cover;padding: 7.6% 0 6% 0;}
.section6-top{background: url(../images/section6top.webp) no-repeat center top;background-size: cover;}
.section7{padding: 0;overflow: hidden;}
.section7-div{background: url(../images/section7.webp) no-repeat center top;background-size: cover;border-radius: 80px 80px 0 0;padding: 6% 0 0 0;width: 92.75%;margin: auto;}
.section8{background: url(../images/section8.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 1% 0 4.5% 0;position: relative;}
.section9{background: url(../images/section9.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 9% 0 7% 0;position:relative;margin-top: -3.5%;}
.section10{padding: 0 0 3% 0;margin-top: -4%;position: relative;}
.section10-div{background: url(../images/section10.webp) no-repeat center top;background-size: cover;border-radius: 80px;padding: 5.7% 0 0 0;width: 92.75%;margin: auto;}
.section11{background: url(../images/section11.webp) no-repeat center top;background-size: cover;padding: 8% 0 10% 0;position:relative;}
.section12{background: url(../images/section12.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 6% 0;position:relative;}
.section13{background: url(../images/section13.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 40px 0 40px 0;position:relative;margin-top: 0;background-image: linear-gradient(#a932dc, #ffffff);}
.section14{padding: 0;}
.section14-div{background: url(../images/section14.webp) no-repeat center top;background-size: cover;border-radius: 50px;padding: 5.5% 0 6% 0;width: 92.75%;margin: auto;}
.section15{background: url(../images/section15.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 8% 0;position:relative;}
.section16{background: url(../images/section16.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 0 0 5% 0;position:relative;margin-top: -1%;}
.section17{background: url(../images/section17.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 8.6% 0 6% 0;position:relative;margin-top: -2%;}
.section18{background: url(../images/section18.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 8.6% 0 7% 0;position:relative;margin-top: -2%;overflow: hidden;}
.section19{background: url(../images/section19.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 7% 0 6.1% 0;position:relative;margin-top: -2%;}
.section19-div{
margin-top: 9%;
}
.section20-div{background: url(../images/section20.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 5.6% 0 7% 0;border-radius: 80px;width: 92.71%;}
.section21{background: url(../images/section21.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 6.7% 0 6.1% 0;position:relative;}
.section22-out{padding: 0 25px;}
.section22{background: url(../images/section22.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 7.5% 0 8% 0;border-radius: 15px;}
.section23{padding: 6.5% 0 0 0;}
.section24{padding: 7.7% 0 1% 0;}
.section25{background: url(../images/section25.webp) no-repeat center top;background-size: cover;z-index: 1;padding: 4.5% 0 5% 0;}
@media only screen and (max-width: 1200px){
.section2 {
background-color: #703aa8;
background-image: none;
}
.ai-voices-agents-row {
display: flex;
gap: 20px;
flex-direction: column;
align-items: center;
}
.voices-agents-content {
width: 100%;
height: 394px;
border-radius: 0px 39px 39px 0px;
position: relative;
margin-left: -31px;
}
}
@media only screen and (max-width: 993px){
.section-title {letter-spacing: -3.8px;}
.proof-box-1 .proof-box-inn{padding: 6.5% 4.8%;}
.proof-box-2 .proof-box-inn{padding: 6.5% 4.8% 0% 5.8%;}
.proof-box-3 .proof-box-inn{padding: 10.4% 10% 0% 10%;}
.proof-box-4-1 .proof-box-inn{padding: 10.4% 6.7% 0% 6.7%;}
.proof-box-4-2 .proof-box-inn{padding: 10.4% 6.7% 0% 6.7%;}
.proof-box-4-3 .proof-box-inn{padding: 4.9% 3.8% 0 3.8%;height: 100%;}
.proof1-img{ max-width: 140%;left: -33%;}
.proof3-img {max-width: 115%;left: -10%;}
.pricing-div-top {padding: 7.6% 0px 13.6% 0px; }
.element16-img, .connection-img{display:none !important;}
.section10-div-1-inn {padding: 20px 10px 0 10px;border-radius: 30px;}
.points-main-div {border-radius: 25px;padding: 14px 15px;}
.step-details {padding: 0 5% 0 5%;}
.section9-div-inn-2 .step-details {padding: 0 7% 0 5%;}
.stepele1-img { width: 40px;}
.stepele2-img { width: 60px;}
.stepele3-img {width: 62px;}
.arrow3-img { bottom: 96%;
left: 10px;
width: 60px;
z-index: 2;}
.ravings-div {margin-bottom: 40px;}
.imagine-detail-div { box-shadow: -15px 15px 0 0 rgba(75, 45, 218, 0.11); }
.solution-box {width: 40%;}
.solutionemoji-img {right: 0;width: 42px;}
.section10-div {border-radius: 50px;}
.emoji6-img{width: 35px;}
.emoji7-img{width: 60px;}
.emoji8-img{width: 50px;}
.imagine-detail-div { border-radius: 25px;padding: 9.3% 11%;}
.section12 .imagine-detail-div {box-shadow: -11px 10px 0 0 rgba(75, 45, 218, 0.11);}
.section17 .imagine-detail-div {padding: 8% 10%;}
.element9-img-1{ left: -7%;top: -9%; width: 40px;}
.element9-img-2{right: -7%;top: -10%; width: 40px;}
.element9-img-3{left: -7%;top: -11%; width: 40px;}
.emoji6-img{left: -3%;top: 20%;}
.emoji7-img{right: -7%;top: 20%;}
.emoji8-img{left: -7%;top: 22%;}
.human-title-highlight span{padding: 10px 15px;}
.callfluent-title-highlight span{padding: 7px 15px;}
.callfluent-box ul {padding: 0 3% 0 6%;margin-top: 25px;}
.section20-div, .section5-div, .section10-div-2-inn, .section9-div-inn {border-radius: 30px; }
.element15-img { width: 35px;}
.section21-detail-div {padding: 0 15px;margin-top: 20px;}
.element14-img {margin-top: -20px;width: 40px;}
.section20-img-div {margin: 32px 0 15px 0;}
.element8-img {width: 18px;}
.flip-box-inn {border-radius: 30px; height: auto; }
.team-img {margin-top: 5px;max-width: 120%;left: -13%}
.connection3-img {width: 50px;}
.flip1-box .connection3-img, .flip4-box .connection3-img{top: 80%;}
.flip-img {width: 50px;}
.section11-div, .founding-div {padding: 15px;}
.element12-img { left: 89%;}
.element11-img {right: 86%;}
.element20-img { left: 93%;width: 40px;}
.element19-img,.element21-img{ right: 93%;width: 45px;}
.element10-img { width: 50px;}
.element7-img { width: 55px;}
.connection4-img-1, .connection4-img-2 {width: 120px;}
.emoji4-img, .emoji5-img{left: 95%;z-index: 1;}
.mybutton1 a { padding: 20px 20px 20px 40px; border-radius: 15px; }
.mybutton2 a { padding: 20px 20px 20px 40px; border-radius: 15px; }
.mybutton1 svg { margin-left: 30px;}
.section1-div {
margin-top: 10px;
}
.section9 {
margin-top: -40px;
}
}
@media only screen and (max-width: 767px){
.banner {padding: 0 0 260px 0;}
.section1 { margin-top: -110PX;}
.section9 {
padding: 50px 0 50px 0;
margin-top: -30px;
background-color: #f6f4ff;
background-image: none;
}
.section2 { padding: 40px 0 40px 0; background-color: #030108;background-image: none;}
.section3 {padding: 40px 0 30px 0;margin-top: 0;}
.section6 { padding: 45px 0 40px 0; background-color: #fffaf7;background-image: none;}
.section7-div { border-radius: 30px 30px 0 0; padding: 40px 0 0 0;width: 96%;}
.section4 {padding: 40px 0 50px 0;margin-top: -10px;}
.section8 { padding: 0 0 40px 0;background-image: none;}
.section11 { padding: 40px 0 50px 0; background-image: none;background-color: #160a29;}
.section10 {padding: 40px 0 0 0;margin-top: 0;}
.section5 {padding: 0;}
.section12 { background-image: none;padding: 40px 0 40px 0; }
.section14-div {padding: 30px 0 40px 0;width: 96%;background-image: none;border-radius: 20px;background-color: #030108;}
.section15 {padding: 40px 0 45px 0;}
.section16 { padding: 0 0 45px 0;margin-top: 0;background-image: none;}
.section17 {padding: 40px 0;margin-top: 0;background-color: #f2edff;background-image: none;}
.section18 {padding: 40px 0 40px 0;margin-top: 0;background-color: #000000;background-image: none;}
.section19 {padding: 35px 0 40px 0;margin-top: 0;background-image: none;}
.section20-div {padding: 40px 0;width: 96%;text-align: center;background-image: linear-gradient(#30175999, #ffffff);}
.section21 {padding: 0px 0 40px 0; background-image: none;text-align: center;}
.section22 {padding: 40px 0 45px 0;border-radius: 0;background-color: #eeecf8;background-image: none;}
.section24 {padding: 40px 0;}
.section25 {padding: 10px 0 40px 0;background-image: none;}
.footer {padding: 30px 0 20px 0;}
.human-box , .callfluent-box{width: 90%;margin-right: 0;margin-left: 0; border-radius: 20px;}
.human-box-inn {
padding: 20px;
border-radius: 20px;
}
.human-box ul, .callfluent-box ul {
padding: 0;
margin-top: 20px;
}
.callfluent-box-inn {
padding: 30px 20px 20px 20px;
}
.callfluent-title-highlight span, .human-title-highlight span {
padding: 7px 15px;
width: 100%;
border-radius: 5px;
}
.callfluent-box {
margin-top: 20px;
}
.banner-subtitle-span-inn {padding: 10px 10px;}
.banner-subheadline { margin-top: 25px;}
.banner-headline {margin-top: 20px;letter-spacing: -1.72px;}
.textborder {padding-bottom: 2px;}
.banner-subheadline {margin-top: 15px;}
.vid-box {margin-top: 20px;}
.proof-box-inn {
border-radius: 20px;
overflow: hidden;
}
.proof-box-1 .proof-box-inn{padding: 20px 15px;}
.proof-box-2 .proof-box-inn{padding: 20px 15px 0px 15px;}
.proof-box-3 .proof-box-inn{padding: 20px 15px 0px 15px;}
.proof-box-4-1 .proof-box-inn{padding: 20px 15px 0px 15px;}
.proof-box-4-2 .proof-box-inn{padding: 20px 15px 0px 15px;}
.proof-box-4-3 .proof-box-inn{padding: 20px 15px 0px 15px;height: 100%;}
.proof3-img {
max-width: 55%;
left: 0;
}
.points-div {border-right: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.11);padding: 15px 10px;}
.points-div-6{border-bottom: 0;}
.banner-subtitle-span-inn {padding: 10px 10px;}
.banner-subheadline { margin-top: 25px;}
.banner-subheadline2 {margin-top: 25px; }
.banner-headline {margin-top: 20px;letter-spacing: -1.72px;}
.section-title {letter-spacing: -1.8px;}
.textborder-2 {padding-bottom: 0; }
.section6-title-div h4 span.highlight-1 span {
padding: 6px 30px 6px 9px;
position: relative;
border-radius: 10px;
margin-top: 5px;
padding: 6px 15px;
}
.section6-title-div h4 span.highlight-1 {
padding: 8px 0;
}
.highlight-3 {
top: 5px;
margin-top: 3px;
}
.highlight-3 {
border-radius: 10px;
padding: 6px 14px;
}
.faded.faded-left.faded-right:after {
box-shadow: inset 40px 0 40px -16px, inset -40px 0 40px -16px;
}
.section7-div-title h1 {
letter-spacing: -1.16px;
}
.textborder-6 {
padding-bottom: 8px;
}
.pain-box{padding: 15px;width: 100%;}
.solution-box{padding: 15px;width: 100%;}
.connection2-img {
top: 98%;
left: 85%;
z-index: 1;
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
width: 50px; }
.pain-box h3 {
margin-top: 12px; ;
gap: 7px;
align-items: center; padding: 0;
}
.pain-box-left, .solution-box-inn h3 {
width: 100%;
padding: 0 35px;
}
.pain-box-right {
width: 80%;
margin: auto;
margin-top: 20px;
}
.pain-box p {
padding-right: 0;
}
.pain1-box .pain-box-inn {
padding: 0px 0 0px 0;
}
.imagine-img-div {
padding: 0 15px; margin-top:20px
}
.imagine-detail-div-out {
padding: 0 25px; margin-top: 0;
}
.painemoji-img { width: 20px; }
.pain-box-inn { border-radius: 20px; padding: 0px 0 30px 0;}
.solution-box-inn{ border-radius: 20px; padding: 20px 0 30px 0;}
.section7-div-title h1{letter-spacing: -2.16px;}
.team-img {
margin-top: 0;
max-width: 140%;
left: -20%;
}
.flip-box {margin: 11px 0;}
.section7-row {margin-top: 40px;}
.meetlogo-img { width: 220px;}
.section8-title-div h1 {
letter-spacing: -1.8px;margin-top: 20px;
}
.section5-div-headline p{margin-top: 10px;}
.section13-title-div h3 {
letter-spacing: -0.8px;
}.element8-img {
top: -3px;
}
.ipad-frame-out {
border-radius: 20px;
}
.ipad-frame {
border-radius: 20px;
padding: 10px;
}
.ipad-screen {
border-radius: 10px;
}
.section8 .ipad-frame-out {
margin-top: 30px;
margin-bottom: 20px;
}
.section11 .nav-tabs {
margin-top: 25px;
border-radius: 10px;
padding: 8px;
}
.section11 .nav-item {
font-size: 18px;
letter-spacing: -0.44px;
}
.section11 .nav-item .nav-link {
border-radius: 8px;
padding: 10px 20px;
}
.section11-div-inn {
border-radius: 20px;
padding: 20px 20px;
}
.section11-div, .founding-div {
padding: 10px 15px;
}
.section10-div {
border-radius: 20px;
padding: 40px 0 30px 0;
width: 96%;
}
.textborder-4 {
padding-bottom: 3px;
}
.leader-div-inn {
height: auto;
}
.connection4-div-1 , .connection4-div-2{
margin-bottom: 0;
margin-top: 30px;
}
.element9-img-1, .element9-img-2, .element9-img-3{ width: 30px;}
.section13-title-div-2 h3 span {
padding: 10px 15px;
}
.section13-title-div-2 h2 {
letter-spacing: -1.36px;
}
.testi2-box-inn {border-radius: 20px;padding: 20px 20px;}
.proof-box-1-detail {
padding: 5px;
width: 70%;
}
.proof-box-1-img {
width: 100%;
text-align: right;
}
.proof1-img {
max-width: 90%;
left: 0;
top: 0;
margin-top: -61px;
}
.proof2-img {
max-width: 100%;
position: relative;
bottom: 0;
left: 0;
}
.proof-box-3-detail {
width: 90%;
}
.proof4-img {
position: relative;
max-width: 110%;
left: -4%;
top: 0;
}
.proof5-img {
max-width: 100%;
position: relative;
right: -7%;
margin-top: -82px;
}
.proof-box-4-3-detail {
width: 100%;
}
.proof-box-4-3-img {
width: 100%;
}
.proof6-img {
max-width: 100%;
position: relative;
left: 0;
margin-top: 0;
}
.proof-box-1, .proof-box-2{padding-bottom: 0 !important;}
.proof-box-1, .proof-box-2{padding-bottom: 0 !important;}
.proof-box-4 {
padding-top: 0 !important;
}
.proof-box-4-1 {
margin-bottom: 15px;
}
.feature1-img {
max-width: 110%;
left: 0;
margin-top: 20px;
}
.mybutton1 a { padding: 20px 20px 20px 40px;width: 100%;}
.mybutton2 a { padding: 20px 30px; }
.mybutton1 svg, .mybutton2 svg {
margin-left: 12px;
width: 8px;
}
.founding-div-inn {
border-radius: 20px;
padding: 20px;
height: auto;
}
.founding-user-img {
margin-top: 20px;
}
.speaks-box-out {
padding: 8px 15px;
}
.imagine-detail-div h6 {
margin-top: 10px;
}
.section17 .imagine-detail-div {
padding: 25px 25px;
}
.imagine-detail-div h2 {
letter-spacing: -1.36px;
}
.imagine-detail-div {
box-shadow: -10px 10px 0 0 rgba(75, 45, 218, 0.11);
}
.element12-img {
left: 84%;
top: -10px;
}
.element11-img {
right: 86%;
top: -10px;
}
.pricing-div-inn {
border-radius: 20px;
}
.pricing-detail-div h3 {
letter-spacing: -1.2px;
margin-top: 10px;
}
.pricing-detail-div h5 {
margin-top: 10px;
}
.pricing-detail-div p {
letter-spacing: -1.2px;
margin-top: 12px;
margin-bottom: 20px;
}
.pricing-div-top {
padding: 30px 0 30px 0;
}
.price-list li {
color: #000000;
display: flex;
gap: 4px;
margin: 10px 0;
}
.window-img {
width: 230px;
}
.payment-img {
width: 270px;
}
.pricing-div-list {
padding: 0 10px 40px 10px;
}
.accordion_head {
padding: 18px 15px 18px 0; line-height: 120%;
}
.accordion_div {
padding: 0 15px;
border-radius: 10px; position: relative;
}
.plusminus {
font-size: 20px;
position: absolute;
right: 10px;
top: 20px;
}
.accordion_body p {
padding: 0 0 22px 0;
}
.cover2-img {
margin: 20px 0 30px 0;
}
.conversations-div {
border-radius: 20px;
padding: 20px;
}
.conversations-div h3{font-size: 20px;letter-spacing: -0.5px;margin-top: 15px;}
.conversations-div h6{font-size: 18px;letter-spacing: -0.32px;margin-top: 9px;}
.section15-div-headline p{}
.section15-div-headline h1, .section18-header-div h3{letter-spacing: -1.8px !important;}
.border-text-3 {
padding: 0;
margin: 0;
}.highlight-5 {
color: #7E53FF;
display: inline-block;
padding: 9.3px 15px;
border-radius: 10px;
background-color: #F5ECFF;
font-weight: 400;
width: 80%;
line-height: 110%;
margin-top: 7px;
}
.agent-details p {
font-size: 18px;
}
.agent-details h6 {
font-size: 16px; }
.form-call-agent {
display: flex
;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin-bottom: 5px;
}
.agent-demo-form input.form-control {
padding-top: 12.5px;
padding-bottom: 12.5px;
max-width: 100%;
border-radius: 10px;
}
button.btn.primary_bg_btn {
padding-top: 25px;
padding-bottom: 25px;
}
button.btn.primary_bg_btn {
padding-top: 25px;
padding-bottom: 25px;
border-radius: 10px;
max-width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
.form-outer {
padding: 80px 30px 40px;
margin-top: 0; background-size: 100%;
}
.highlight-8-p{letter-spacing: -0.24px !important; margin-top: 15px !important;}
.highlight-8 {
border-radius: 10px;
padding: 15px 30px;
}
.textborder-5 {
padding-bottom: 2px;
}
.stepconn1-img {
width: 70px;
}
.stepconn2-img, .stepconn3-img{ width: 50px;}
.step-img-div {
margin-top: 20px;
}
.element1-img, .emoji1-img, .arrow3-img, .arrow2-img, .emoji2-img, .emoji4-img, .emoji5-img, .element4-img, .element3-img, .connection3-img, .element17-img, .element7-img, .connection4-img-1, .connection4-img-2, .emoji6-img,.emoji7-img,.emoji8-img, .element18-img, .element10-img, .element19-img, .element21-img, .element9-img-1, .element9-img-2, .element9-img-3, .element20-img, .element15-img, .try-demo-call, .banner-mobile-text, .stepele1-img, .stepele2-img, .stepele3-img, .element14-img, .element6-img, .element2-img {display: none !important;}
.section2-div {
padding: 0 15px;
margin-top: 30px;
}
.ai-voices-agents-box:first-child{background: url(../images/agentbg1.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(2){background: url(../images/agentbg2.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(3){background: url(../images/agentbg3.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box:nth-child(4){background: url(../images/agentbg4.webp) no-repeat center right;background-size: cover;}
.ai-voices-agents-box {
align-items: flex-start; border-radius: 20px;
}
.ai-voices-agents-box.open {
flex: auto;
}
.voices-agents-img img {
width: 144px;
height: 300px;
}
.voices-agents-content-inner {
text-align: center;
padding: 18px 10px 30px 10px;
width: 100%;
}
.ai-voices-agents-box.open .voices-agents-content, .voices-agents-content {
width: 100%;
height: auto;
border-radius: 0px 020px 20px 0px;
position: relative;
margin-left: -40px;
}
.audio-visualizer-container {
width: 100%;
height: auto;
}
.dotted-circle {
width: 105px;
height: 105px;
}
.pulse-ring {
width: 100px;
height: 100px;
}
.play-button {
width: 100px;
height: 100px;
}
.speaker-avatar {
margin: 0 auto 5px;
}
.voices-agents-content h3 {
font-size: 26px;
line-height: 170%;
letter-spacing: -1.56px;
}
.voices-agents-img {
max-width: 180px;
}
.ai-voices-agents-box {
height: auto;
}
.speaker-avatar {
margin: 0 auto 15px; width: auto;
height: auto;
}
.voices-agents-content {
height: auto;
}
.voices-agents-content p {
font-size: 14px;
}
.footer-in, .social-icons {
justify-content: center;
}.footer-col, .footer-col:first-child {
text-align: center;
}.footer-col {
padding: 10px 0px;
}.social-icons {
padding-top: 10px;
padding-bottom: 0;
}
.footer-col {
padding: 10px 0px;
}
.footer-col, .footer-col:first-child {
text-align: center;
}
.footer-in h6 {
padding-bottom: 10px;
}
.footer li a, .footer li p, .footer-bottom a, .footer-bottom {
font-size: 20px;
line-height: 25px;
}
.footer-in {
display: flex
;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
align-items: center;
}
.footer-col, .footer-col:first-child {
width: 100%;
}
.footer-col .menu {
padding: 0;
}
.menu {padding: 20px 20px;}
.banner-subtitle-span { width: 85%}
.section1-div {margin-top: 20px;margin-bottom: 20px;}
.border-text-2 { padding: 0px 6px 4px 6px; }
.border-text { padding: 0px 2px 4px 2px; margin: 0 -2px;}
.highlight-11 { letter-spacing: -0.6px;}
.element5-img {
top: -3px;
width: 12px;
}
.section11-titile-div h2{letter-spacing: -1px;margin-top: 12px;}
.section10-div-header p{margin-top: 14px;}
.section6-title-div h3 {
margin-top: 20px;
letter-spacing: -2px;
}
.point-highlight {
padding: 15px 15px;
margin-right: 0;
width: 100%;
}
.navbar-dark .navbar-nav .nav-link.contact-link {
justify-content: center;
}
.step-details h1 {
letter-spacing: -1px;
}
.feature2-detail-div h3 {
letter-spacing: -0.7px;
}
.section13-title-div h4 {
letter-spacing: -0.25px;
}
.section2-header-div p{margin-top: 18px; }
.section6-title-div h1 {
margin-top: 22px;
margin-bottom: 25px;
}
}
@media (min-width: 240px){
.leader-div-1{}
.leader-div-2{width: 50.4%;}
.leader-div-1{width: 100%;}
.leader-div-2{width: 100%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 15px;width: 100%;}
.proof-box-2{padding: 15px;width: 100%;}
.proof-box-3{padding: 15px;width: 100%;}
.proof-box-4{padding: 15px;width: 100%;}
.proof-box-4-1 {padding-right: 0;}
.proof-box-4-2 {padding-left: 0;}
.proof-box-4-3 {padding-top: 15px;}
.proof-box-title1 {font-size: 18px;}
.proof-box-title2 {font-size: 28px;}
.section10-div-2 {padding: 8px 15px;width: 100%;}
.section10-div-1 {
padding: 15px;
width: 100%;
margin: auto;
}
.flip-box {width: 90%;padding: 0 15px;}
.flip-box-inn { padding: 30px 40px;}
.flip1-box{position: relative;top: 0;}
.flip4-box{position: relative;top: 00;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 90%;}
.lang_voice_grids_in {grid-template-columns: repeat(1, 1fr);gap: 10px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 100%;}
.pricing-img-div{width: 100%;}
.price-div{width: 100%;padding: 0 15px;}
.section20-deatail-div{width: 90%;}
.section20-img-div{width: 90%;}
.section20-deatail-div-2{width: 90%;}
.swiper-slide {padding: 6px;}
.feature2-detail-div p {padding: 0;}
.feature2-detail-div {padding: 30px 30px;}
.feature5-img {top: 0;}
.feature1-detail-div {padding: 0 10px;}
.accordion_head {font-size: 18px;}
.accordion_body p {font-size: 16px;}
.plusminus {font-size: 20px;}
.points-main-div{width: 90%;}
.element16-img{max-width: 100%;right: -42%;top: 25%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width: 124px;}
.orb {width: 185px;height: 185px;right: 0;}
.orb:before {width: 185px;height: 185px;}
.form-outer .shake-effect {top: -15px;left: -30px;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width: 480px){
.mainvideo{position: static;width: 100%;height: 0px;padding-bottom: 280px; }
}
@media only screen and (min-width: 767px) {
.lappy{position: relative;right: 0;bottom: -50px;}
.videosection{position: relative;right: 0;bottom: 0px;}
.mainvideo{position: absolute;width: 504px;height: 271px;top: 18px;left: 31px;padding-bottom: 0;}
.leader-div-1{width: 40%;}
.leader-div-2{width: 88.4%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 16px;}
.proof-box-title2 {font-size: 27px;}
.section10-div-2 {padding: 5px;width: 47%;}
.section10-div-1 {width: 96%;}
.flip-box {width: 25%;padding: 0 1%;}
.flip-box-inn {padding: 17% 6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 80%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 85%;}
.lang_voice_grids_in {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 47%;}
.pricing-img-div{width: 52%;}
.price-div{width: 47%;padding: 0 15px;}
.section20-deatail-div{width: 90%;}
.section20-img-div{width: 70%;}
.section20-deatail-div-2{width: 90%;}
.swiper-slide {padding: 10px;}
.feature2-detail-div p {padding: 0 8%;}
.feature2-detail-div {padding: 9.5% 3% 15px 3%;}
.feature5-img {top: 1%;}
.feature1-detail-div {padding: 0 0% 4% 0%;}
.accordion_head {font-size: 20px;}
.accordion_body p {font-size: 16px;}
.plusminus {font-size: 20px;}
.points-main-div{width: 96%;}
.element16-img{max-width: 100%;right: -42%;top: 25%;}
.try-demo-call {right: 14px;top: 140px;}
.try-demo-call img{width: 144px;}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 -50px;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 {font-size: 18px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -68px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width: 130px;}
.orb {width: 180px;height: 180px;right: 0;}
.orb:before {width: 180px;height: 180px;}
.form-outer .shake-effect {top: -15px;left: 10%;}
.form-outer .shake-effect img{width: 50px;}
}
@media only screen and (min-width: 992px) {
.mainvideo {position: absolute;width: 543px;height: 292px;top: 18px;left: 33px;}
.leader-div-1{width: 33%;}
.leader-div-2{width: 85%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 18px;}
.proof-box-title2 {font-size: 33px;}
.section10-div-2 {padding: 10px;width: 48%;}
.section10-div-1 {width: 96%;}
.flip-box-inn {padding: 14% 7%;}
.flip-box {width: 25%;padding: 0 1%;}
.flip1-box{position: relative;top: 80px;}
.flip4-box{position: relative;top: 80px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 94%;}
.lang_voice_grids_in {grid-template-columns: repeat(3, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 47%;}
.pricing-img-div{width: 53%;}
.price-div{width: 47%;padding: 0 15px;}
.section20-deatail-div{width: 50%;}
.section20-img-div{width: 40%;}
.section20-deatail-div-2{width: 90%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 4%;}
.feature2-detail-div {padding: 9.5% 2% 15px 2%;}
.feature5-img {top: 2%;}
.feature1-detail-div {padding: 0 2% 4% 0;}
.accordion_head {font-size: 22px;}
.accordion_body p {font-size: 18px;}
.plusminus {font-size: 20px;}
.points-main-div{width: 90.6%;}
.element16-img{max-width: 60%;right: -42%;top: 25%;}
.try-demo-call {right: 16px;top: 145px;}
.try-demo-call img{width: 110px;}
.banner-mobile-text span.banner-mobile-text-1 {margin: -45px 0 0 -100px;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 {font-size: 16px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 50px 0 0 -98px;padding: 16px 18px;}
.connection-img {right: -8%;top: 69%;width: 237px;}
.agentcall-img{width: 125px;}
.orb {width: 160px;height: 160px;right: 0;}
.orb:before {width: 160px;height: 160px;}
.form-outer .shake-effect {top: -15px;l;left: 1%;}
.form-outer .shake-effect img{width: 50px;}
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1050px;}
.mycontainer2{}
.mycontainer3{width: 1020px;}
.leader-div-1{width: 31%;}
.leader-div-2{width: 79%;}
.iphone-screen .responsive-video {padding-bottom: 174.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 19px;}
.proof-box-title2 {font-size: 35px;}
.section10-div-2 {padding: 15px;width: 47%;}
.section10-div-1 {width: 95%;}
.flip-box-inn {padding: 14% 9%;} .flip-box {width: 25%;padding: 0 1%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 80%;}
.lang_voice_grids_in {grid-template-columns: repeat(3, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 47%;}
.pricing-img-div{width: 53%;}
.price-div{width: 46%;padding: 0 15px;}
.section20-deatail-div{width: 50%;}
.section20-img-div{width: 38%;}
.section20-deatail-div-2{width: 88%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 2%;}
.feature2-detail-div {padding: 9.5% 4% 15px 4%;}
.feature5-img {top: 4%;}
.feature1-detail-div {padding: 0 5% 4% 1%;}
.accordion_head {font-size: 25px;}
.accordion_body p {font-size: 20px;}
.plusminus {font-size: 20px;}
.points-main-div{width: 90.6%;}
.element16-img{max-width: 49%;right: -29%;top: 34%;}
.try-demo-call {right: -9px;top: 150px;}
.try-demo-call img{width: 130px;}
.banner-mobile-text span.banner-mobile-text-1 {margin: -45px 0 0 -80px;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 {font-size: 16px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -78px;padding: 16px 18px;}
.connection-img {right: -14%;top: 69%;width: 217px;}
.agentcall-img{width: 155px;}
.orb {width: 180px;height: 180px;right: -10%;}
.orb:before {width: 180px;height: 180px;}
.form-outer .shake-effect {top: -15px;left: 4%;}
.form-outer .shake-effect img{width: 50px;}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width: 1110px;}
.mycontainer2{}
.mycontainer3{width: 1160px;}
.leader-div-1{width: 34%;}
.leader-div-2{width: 76.4%;}
.iphone-screen .responsive-video {padding-bottom: 179.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 21px;}
.proof-box-title2 {font-size: 37px;}
.section10-div-2 {padding: 15px;width: 46%;}
.section10-div-1 {width: 91%;}
.flip-box {width: 25%;padding: 0 1%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 90%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 46%;}
.section20-img-div{width: 41%;}
.section20-deatail-div-2{width: 87%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 2%;}
.feature2-detail-div {padding: 9.5% 10% 15px 10%;}
.feature5-img {top: -9%;}
.feature1-detail-div {padding: 1% 5% 4% 3%;}
.accordion_head {font-size: 25px;}
.accordion_body p {font-size: 20px;}
.plusminus {font-size: 20px;}
.points-main-div{width: 90.6%;}
.element16-img{max-width: 49%;right: -29%;top: 34%;}
.try-demo-call {right: -6px;top: 110px;}
.try-demo-call img{width: 144px;}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 -40px;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 {font-size: 16px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -58px;padding: 16px 18px;}
.connection-img {right: -14%;top: 69%;width: 217px;}
.agentcall-img{width: 155px;}
.orb {width: 180px;height: 180px;right: -10%;}
.orb:before {width: 180px;height: 180px;}
.form-outer .shake-effect {top: -15px;left: 7%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1300px) {
.mycontainer{width: 1200px;}
.mycontainer2{width:1180px;}
.mycontainer3{width:1180px;}
.leader-div-1{width: 25%;}
.leader-div-2{width: 67.4%;}
.iphone-screen .responsive-video {padding-bottom: 183.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 40px;}
.section10-div-2 {padding: 15px;width: 46%;}
.section10-div-1 {width: 91%;}
.flip-box {width: 25%;padding: 0 1.5%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 84%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 42%;}
.section20-img-div{width: 40%;}
.section20-deatail-div-2{width: 82%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 15%;}
.feature2-detail-div {padding: 9.5% 6% 15px 6%;}
.feature5-img {top: 2%;}
.feature1-detail-div {padding: 1% 5% 4% 0%;}
.accordion_head {font-size: 25px;}
.accordion_body p {font-size: 20px;}
.plusminus {font-size: 20px;}
.element16-img{max-width: 57%;right: -35%;top: 25%;}
.try-demo-call {right: 24px;top: 110px;}
.try-demo-call img{width: 144px;}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 -40px;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 {font-size: 18px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -58px;padding: 16px 18px;}
.connection-img {right: -24%;top: 69%;width: 267px;}
.agentcall-img{width: 155px;}
.orb {width: 200px;height: 200px;right: -10%;}
.orb:before {width: 200px;height: 200px;}
.form-outer .shake-effect {top: -15px;left: 10%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1400px) {
.mycontainer{width: 1240px;}
.mycontainer2{width:1219px;;}
.mycontainer3{width: 1210px;}
.mainvideo{position: absolute;width: 441px;top: 20px;left: 90px;}
.leader-div-1{width: 23%;}
.leader-div-2{width: 68.4%;}
.iphone-screen .responsive-video {padding-bottom: 199.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 41px;}
.section10-div-2 {padding: 15px;width: 43%;}
.section10-div-1 {width: 85%;}
.flip-box {width: 25%;padding: 0 2%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 85%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 43%;}
.section20-img-div{width: 39%;}
.section20-deatail-div-2{width: 82%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0;}
.feature2-detail-div {padding: 9.5% 9% 15px 9%;}
.feature5-img {top: 2%;}
.feature1-detail-div {padding: 0 3% 4% 3%;}
.accordion_head {font-size: 25px;}
.accordion_body p {font-size: 20px;}
.plusminus {font-size: 20px;}
.element16-img{max-width: 57%;right: -35%;top: 25%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width:204px}
.orb { width: 235px;height: 235px; right: -10%;}
.orb:before { width: 235px;height: 235px;}
.form-outer .shake-effect {top: -15px;left: 12%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1500px) {
.mycontainer{width: 1350px;}
.mycontainer2{width: 1253px;}
.mycontainer3{width: 1330px;}
.leader-div-1{width: 21%;}
.leader-div-2{width: 59.4%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 44px;}
.section10-div-2 {padding: 15px;width: 46%;}
.section10-div-1 {width: 91%;}
.flip-box {width: 24.1%;padding: 0 2.6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 73.1%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 20px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 41%;}
.section20-img-div{width: 36%;}
.section20-deatail-div-2{width: 77%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 11%;}
.feature2-detail-div {padding: 9.5% 10% 15px 10%;}
.feature5-img {top: -3%;}
.feature1-detail-div {padding: 0 7% 4% 4%;}
.accordion_head {font-size: 25px;}
.accordion_body p {font-size: 20px;}
.plusminus {font-size: 20px;}
.element16-img{max-width: 54%;right: -35%;top: 25%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width:204px}
.orb { width: 235px;height: 235px; right: -10%;}
.orb:before { width: 235px;height: 235px;}
.form-outer .shake-effect { top: -15px;left: 14%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1600px){
.mycontainer{width: 1340px;}
.mycontainer2{width: 1259px;}
.mycontainer3{width: 1320px;}
.leader-div-1{width: 21%;}
.leader-div-2{width: 59.4%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 44px;}
.section10-div-2 {padding: 15px;width: 43%;}
.section10-div-1 {width: 85%;}
.flip-box {width: 24.1%;padding: 0 2.6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 73.1%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 40px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 42%;}
.section20-img-div{width: 34%;}
.section20-deatail-div-2{width: 76%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 7%;}
.feature2-detail-div {padding: 9.5% 10% 15px 10%;}
.feature5-img {top: -3%;}
.feature1-detail-div {padding: 0 5% 4% 5%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width:204px}
.orb { width: 235px;height: 235px; right: -10%;}
.orb:before { width: 235px;height: 235px;}
.form-outer .shake-effect { top: -15px;left: 14%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1700px){
.mycontainer{width: 1387px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1355px;}
.leader-div-1{width: 19.5%;}
.leader-div-2{width: 55.4%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 46px;}
.section10-div-2 {padding: 15px;width: 41%;}
.section10-div-1 {width: 81.5%;}
.flip-box {width: 22.1%;padding: 0 2.6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 73.1%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 40px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 39%;}
.section20-img-div{width: 34%;}
.section20-deatail-div-2{width: 73%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 10%;}
.feature5-img {top: -5%;}
.feature1-detail-div {padding: 0 7% 4% 7%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width:204px}
.orb { width: 235px;height: 235px; right: -10%;}
.orb:before { width: 235px;height: 235px;}
.form-outer .shake-effect { top: -15px;left: 14%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:1800px){
.mycontainer{width: 1387px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1355px;}
.section4 .mycontainer{padding: 0 6px;}
.leader-div-1{width: 18%;}
.leader-div-2{width: 51.4%;}
.iphone-screen .responsive-video {padding-bottom: 191.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 46px;}
.section10-div-2 {padding: 15px;width: 40%;}
.section10-div-1 {width: 80%;}
.flip-box {width: 22.1%;padding: 0 2.6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 73.1%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 40px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{width: 37%;}
.section20-img-div{width: 35%;}
.section20-deatail-div-2{width: 72%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 12%;}
.feature5-img {top: -7%;}
}
@media (min-width:1900px){
.mycontainer{width: 1415px;}
.mycontainer2{width:1290px;}
.mycontainer3{width:1355px;}
.mainvideo{position: absolute;width: 441px;top: 20px;left: 104px;}
.leader-div-1{width: 17.5%;}
.leader-div-2{width: 50.4%;}
.iphone-screen .responsive-video {padding-bottom: 189.21%;}
.proof-box-1{padding: 5px;width: 48.9%;}
.proof-box-2{padding: 5px;width: 48.9%;}
.proof-box-3{padding: 5px;width: 32.1%;}
.proof-box-4{padding: 5px;width: 65.9%;}
.proof-box-4-1 {padding-right: 5px;}
.proof-box-4-2 {padding-left: 5px;}
.proof-box-4-3 {padding-top: 10px;}
.proof-box-title1 {font-size: 25px;}
.proof-box-title2 {font-size: 46px;}
.section10-div-2 {padding: 15px;width: 40%;}
.section10-div-1 {width: 80%;}
.flip-box {width: 22.1%;padding: 0 2.6%;}
.flip1-box{position: relative;top: 140px;}
.flip4-box{position: relative;top: 140px;}
.flip1-box .connection3-img{left: 35px;top: 100%;}
.flip2-box .connection3-img{left: 98px;}
.flip3-box .connection3-img{right: 130px;}
.flip4-box .connection3-img{right: 35px;}
.prev_lang_voice_grid {width: 73.1%;}
.lang_voice_grids_in {grid-template-columns: repeat(4, 1fr);gap: 40px;}
.lang_voice_grids_in .card {border-radius: 40px;padding: 25px;}
.p_main {font-size: 20px;}
.pricing-detail-div{width: 41%;}
.pricing-img-div{width: 53%;}
.price-div{width: 42%;padding: 0 15px;}
.section20-deatail-div{ width: 35%;}
.section20-img-div{width: 34%;}
.section20-deatail-div-2{width: 69%;}
.swiper-slide {padding: 20px;}
.feature2-detail-div p {padding: 0 14%;}
.feature5-img {top: -9%;}
.feature1-detail-div {padding: 0 9% 4% 9%;}
.try-demo-call { right: 44px;top: 110px; }
.try-demo-call img{width:184px}
.banner-mobile-text span.banner-mobile-text-1 {margin: -44px 0 0 0;}
.banner-mobile-text span.banner-mobile-text-1, .banner-mobile-text span.banner-mobile-text-2 { font-size: 20px;}
.banner-mobile-text span.banner-mobile-text-2 {margin: 54px 0 0 -28px;padding: 16px 28px;}
.connection-img {right: -24%;top: 69%;width:317px}
.agentcall-img{width:204px}
.orb { width: 235px;height: 235px; right: -10%;}
.orb:before { width: 235px;height: 235px;}
.form-outer .shake-effect { top: -15px;left: 14%;}
.form-outer .shake-effect img{width: 50px;}
}
@media (min-width:2000px){}
.mt0{margin-top:0%;}.mt1{margin-top: 1%;}.mt2{margin-top:2%;}.mt3{margin-top: 3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
/* Countdown Timer Styles */
.countdown-wrapper {
display: flex;
justify-content: center;
align-items: center;
min-height: 100px;
width: 100%;
margin-top:20px;
}
.countdown-timer {
font-family: 'Segoe UI', Tahoma, sans-serif;
font-size: 2.5rem;
font-weight: 700;
color: #ffffff;
background: linear-gradient(135deg, #ff4d4d, #ff9900);
padding: 15px 30px;
border-radius: 50px;
box-shadow: 0 0 20px rgba(255, 77, 77, 0.6);
text-align: center;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.countdown-timer.urgent {
background: linear-gradient(135deg, #ff0000, #ff6600);
box-shadow: 0 0 25px rgba(255, 0, 0, 0.8);
}
@media (max-width: 600px) {
.countdown-timer {
font-size: 1.8rem;
padding: 10px 20px;
}
}
/* Professional Landing */
.professional-float-bar {position: sticky;top: 0;z-index: 200;background: linear-gradient(90deg, rgba(8, 4, 24, 0.95) 0%, rgba(13, 8, 36, 0.95) 55%, rgba(31, 15, 70, 0.95) 100%);backdrop-filter: blur(14px);border-bottom: 1px solid rgba(255, 255, 255, 0.12);padding: 18px 0 16px;color: #FFFFFF;}
.professional-float-bar .mycontainer {display: flex;justify-content: center;}
.progress-steps {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;text-transform: uppercase;letter-spacing: 0.12em;width: 100%;max-width: 1120px;}
.progress-step {display: flex;align-items: center;gap: 14px;padding: 16px 22px;border-radius: 18px;color: #FFFFFF;box-shadow: 0 16px 32px rgba(8, 4, 24, 0.25);position: relative;overflow: hidden;}
.progress-step::after {content: "";position: absolute;inset: 0;background: linear-gradient(125deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 65%);opacity: 0.8;pointer-events: none;}
.progress-step .step-icon {width: 46px;height: 46px;border-radius: 14px;background: rgba(255, 255, 255, 0.16);display: inline-flex;align-items: center;justify-content: center;font-size: 1.35rem;box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);}
.progress-step .step-copy {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;position: relative;z-index: 1;}
.progress-step .step-label {font-size: 0.78rem;opacity: 0.8;letter-spacing: 0.18em;}
.progress-step .step-title {font-size: 0.95rem;letter-spacing: 0.04em;margin: 0;text-transform: none;}
.progress-step.completed {background: linear-gradient(135deg, #1A0F4A 0%, #29156B 100%);}
.progress-step.current {background: linear-gradient(135deg, #4B2DDA 0%, #672DFF 100%);}
.progress-step.upcoming {background: linear-gradient(135deg, #111827 0%, #1F2A44 100%);opacity: 0.92;}
.progress-step.upcoming .step-icon {background: rgba(255, 255, 255, 0.08);}
.hero-scarcity {display: flex;flex-direction: column;align-items: center;gap: 14px;text-transform: uppercase;letter-spacing: 0.08em;margin-top: 12px;margin-bottom: 22px;padding: 22px 36px;border-radius: 28px;background: linear-gradient(130deg, rgba(73, 45, 202, 0.24) 0%, rgba(12, 8, 34, 0.6) 52%, rgba(255, 199, 141, 0.2) 100%);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);}
.hero-scarcity .scarcity-label {color: rgba(255, 255, 255, 0.95);letter-spacing: 0.13em;}
.hero-scarcity .scarcity-sub {color: rgba(255, 255, 255, 0.72);text-transform: none;letter-spacing: 0.05em;}
.hero-scarcity .scarcity-counter {display: inline-flex;gap: 14px;justify-content: center;transition: all 0.3s ease;}
.hero-scarcity .scarcity-counter .digit {display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 70px;border-radius: 18px;background: linear-gradient(135deg, #3B68FF 0%, #2E4EDC 100%);color: #FFFFFF;font-size: 2.2rem;box-shadow: 0 20px 42px rgba(46, 78, 220, 0.35);font-weight: 700;letter-spacing: 0.12em;transition: all 0.3s ease;}
.hero-scarcity .scarcity-counter--critical .digit {background: linear-gradient(135deg, #FF3B3B 0%, #DC2E2E 100%);box-shadow: 0 20px 42px rgba(220, 46, 46, 0.45);animation: pulse-red 2s ease-in-out infinite;}
@keyframes pulse-red {0%, 100% {transform: scale(1);box-shadow: 0 20px 42px rgba(220, 46, 46, 0.45);} 50% {transform: scale(1.05);box-shadow: 0 24px 48px rgba(220, 46, 46, 0.6);}}
.scarcity-bar-container {width: 100%;max-width: 320px;height: 10px;background: rgba(13, 8, 36, 0.6);border-radius: 999px;overflow: hidden;box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4);position: relative;}
.scarcity-bar {height: 100%;background: linear-gradient(90deg, #3B68FF 0%, #2E4EDC 100%);border-radius: 999px;transition: width 0.6s ease, background 0.3s ease;box-shadow: 0 0 20px rgba(46, 78, 220, 0.5);position: relative;}
.scarcity-bar::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);animation: shimmer 2s infinite;}
@keyframes shimmer {0% {transform: translateX(-100%);} 100% {transform: translateX(100%);}}
.scarcity-bar--critical {background: linear-gradient(90deg, #FF3B3B 0%, #DC2E2E 100%);box-shadow: 0 0 24px rgba(220, 46, 46, 0.6);animation: pulse-bar 2s ease-in-out infinite;}
@keyframes pulse-bar {0%, 100% {box-shadow: 0 0 24px rgba(220, 46, 46, 0.6);} 50% {box-shadow: 0 0 32px rgba(220, 46, 46, 0.85);}}
/* Compact Scarcity Counter for CTAs */
.cta-scarcity-compact {display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;margin: 24px auto 20px;padding: 16px 24px;border-radius: 16px;background: linear-gradient(135deg, rgba(59, 104, 255, 0.08) 0%, rgba(46, 78, 220, 0.12) 100%);border: 1px solid rgba(59, 104, 255, 0.25);}
.cta-scarcity-compact--disclaimer {background: linear-gradient(135deg, #080418 0%, #0D0822 100%);border: 2px solid rgba(103, 45, 255, 0.35);box-shadow: 0 12px 32px rgba(8, 4, 24, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);}
.scarcity-compact-label {color: #ffffff;letter-spacing: 0.1em;white-space: nowrap;}
.cta-scarcity-compact--disclaimer .scarcity-compact-label {color: rgba(255, 255, 255, 0.95);text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}
.scarcity-compact-counter {display: inline-flex;gap: 8px;justify-content: center;transition: all 0.3s ease;}
.digit-compact {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 42px;border-radius: 10px;background: linear-gradient(135deg, #3B68FF 0%, #2E4EDC 100%);color: #FFFFFF;font-size: 1.4rem;box-shadow: 0 8px 16px rgba(46, 78, 220, 0.3);font-weight: 700;letter-spacing: 0.08em;transition: all 0.3s ease;}
.scarcity-compact-counter--critical .digit-compact {background: linear-gradient(135deg, #FF3B3B 0%, #DC2E2E 100%);box-shadow: 0 8px 16px rgba(220, 46, 46, 0.4);animation: pulse-red-compact 2s ease-in-out infinite;}
@keyframes pulse-red-compact {0%, 100% {transform: scale(1);box-shadow: 0 8px 16px rgba(220, 46, 46, 0.4);} 50% {transform: scale(1.05);box-shadow: 0 10px 20px rgba(220, 46, 46, 0.55);}}
.scarcity-bar-compact-container {width: 100%;max-width: 280px;height: 6px;background: rgba(13, 8, 36, 0.4);border-radius: 999px;overflow: hidden;box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);position: relative;margin-top: 8px;}
.cta-scarcity-compact--disclaimer .scarcity-bar-compact-container {background: rgba(13, 8, 36, 0.6);box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);}
.scarcity-bar-compact {height: 100%;background: linear-gradient(90deg, #3B68FF 0%, #2E4EDC 100%);border-radius: 999px;transition: width 0.6s ease, background 0.3s ease;box-shadow: 0 0 12px rgba(46, 78, 220, 0.4);position: relative;}
.scarcity-bar-compact::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);animation: shimmer 2s infinite;}
.scarcity-bar-compact--critical {background: linear-gradient(90deg, #FF3B3B 0%, #DC2E2E 100%);box-shadow: 0 0 16px rgba(220, 46, 46, 0.5);animation: pulse-bar-compact 2s ease-in-out infinite;}
@keyframes pulse-bar-compact {0%, 100% {box-shadow: 0 0 16px rgba(220, 46, 46, 0.5);} 50% {box-shadow: 0 0 22px rgba(220, 46, 46, 0.7);}}
.section-hero {position: relative;padding: 130px 0 110px;background: radial-gradient(120% 120% at 50% 0%, rgba(27, 11, 78, 0.7) 0%, rgba(8, 4, 21, 0.92) 52%, #060311 100%), url('../images/section4.webp') center/cover no-repeat;color: #FFFFFF;overflow: hidden;}
.section-hero::before, .section-hero::after {content: "";position: absolute;border-radius: 100%;filter: blur(120px);opacity: 0.6;}
.section-hero::before {width: 380px;height: 380px;background: rgba(255, 199, 141, 0.6);top: -120px;right: -90px;}
.section-hero::after {width: 320px;height: 320px;background: rgba(103, 45, 255, 0.35);bottom: -140px;left: -100px;}
.hero-message {position: relative;margin-bottom: 48px;border-radius: 48px;border: 2px solid rgba(168, 146, 255, 0.45);padding: 58px 72px;max-width: 1180px;margin-left: auto;margin-right: auto;background: linear-gradient(140deg, rgba(13, 8, 36, 0.85) 0%, rgba(73, 45, 202, 0.5) 45%, rgba(255, 199, 141, 0.32) 100%);box-shadow: 0 40px 80px rgba(6, 3, 17, 0.65);backdrop-filter: blur(10px);}
.hero-message::after {content: "";position: absolute;inset: 24px;border-radius: 38px;border: 1px dashed rgba(255, 255, 255, 0.32);pointer-events: none;}
/* Enhanced Alert Badge */
.hero-alert-badge {display: inline-flex;margin-bottom: 28px;animation: bounce-attention 3s ease-in-out infinite;}
@keyframes bounce-attention {0%, 100% {transform: translateY(0);} 50% {transform: translateY(-8px);}}
.hero-message .hero-alert {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-width: 180px;padding: 14px 40px;border-radius: 999px;background: linear-gradient(120deg, #FFE3E3 0%, #FFCBCB 100%);color: #C82033;letter-spacing: 0.28em;position: relative;z-index: 1;box-shadow: 0 18px 32px rgba(215, 38, 61, 0.35), 0 0 0 4px rgba(255, 227, 227, 0.3);text-shadow: none;border: 2px solid rgba(200, 32, 51, 0.2);}
/* Enhanced Headline Wrap */
.hero-headline-wrap {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 26px;}
/* Enhanced Qualifier with Lines */
.hero-qualifier {display: flex;align-items: center;gap: 16px;color: rgba(255, 199, 141, 0.95);letter-spacing: 0.28em;text-transform: uppercase;margin: 0 auto 8px;text-shadow: 0 4px 12px rgba(255, 199, 141, 0.4);}
.hero-qualifier-line {display: inline-block;width: 50px;height: 2px;background: linear-gradient(90deg, transparent, rgba(255, 199, 141, 0.6), transparent);}
/* Enhanced Headline */
.hero-headline {color: #FFFFFF;letter-spacing: -2.4px;text-transform: none;line-height: 1.12;margin: 0 auto;max-width: 940px;padding: 0 16px;text-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);font-weight: 700;}
.hero-headline--enhanced {display: flex;flex-direction: column;gap: 12px;}
.hero-headline-emphasis {background: linear-gradient(90deg, #FFE1B8 0%, #FFC78D 22%, #E772FF 55%, #9B3CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;letter-spacing: 0.06em;}
.hero-headline-emphasis--gradient {position: relative;display: inline-block;animation: glow-pulse 3s ease-in-out infinite;}
@keyframes glow-pulse {0%, 100% {filter: drop-shadow(0 0 20px rgba(231, 114, 255, 0.4));} 50% {filter: drop-shadow(0 0 35px rgba(231, 114, 255, 0.7));}}
.hero-headline-secondary {display: block;font-size: 0.72em;color: rgba(255, 255, 255, 0.9);letter-spacing: -1.2px;margin-top: 8px;font-weight: 600;}
/* Enhanced Subheadline */
.hero-subheadline-container {position: relative;padding: 20px 0;}
.hero-subheadline {color: rgba(244, 241, 255, 0.9);max-width: 900px;margin: 6px auto 16px;padding: 0 18px;line-height: 1.38;letter-spacing: 0.03em;font-weight: 600;}
.hero-subheadline--enhanced {background: linear-gradient(135deg, rgba(103, 45, 255, 0.12) 0%, rgba(231, 114, 255, 0.08) 100%);padding: 20px 32px;border-radius: 24px;border: 1px solid rgba(103, 45, 255, 0.25);box-shadow: 0 12px 32px rgba(103, 45, 255, 0.15);backdrop-filter: blur(10px);}
.hero-subheadline-icon {font-size: 0.8em;opacity: 0.9;animation: sparkle 2s ease-in-out infinite;}
@keyframes sparkle {0%, 100% {opacity: 0.6;transform: scale(1);} 50% {opacity: 1;transform: scale(1.15);}}
.hero-subheadline-highlight {position: relative;font-weight: 700;color: #FFE1B8;letter-spacing: 0.04em;padding: 0 4px;}
.hero-subheadline-highlight::after {content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 8px;background: linear-gradient(90deg, rgba(255, 199, 141, 0.35) 0%, rgba(231, 114, 255, 0.4) 60%, rgba(155, 60, 255, 0.45) 100%);border-radius: 999px;opacity: 0.75;z-index: -1;}
/* Enhanced Divider */
.hero-divider {width: 240px;border-bottom: 4px dotted rgba(255, 255, 255, 0.5);margin: 8px auto 10px;}
.hero-divider--enhanced {position: relative;width: 280px;height: 2px;border: none;background: linear-gradient(90deg, transparent, rgba(255, 199, 141, 0.6), rgba(231, 114, 255, 0.6), rgba(155, 60, 255, 0.6), transparent);margin: 20px auto;border-radius: 999px;}
.hero-divider--enhanced::before, .hero-divider--enhanced::after {content: "✦";position: absolute;top: 50%;transform: translateY(-50%);color: rgba(231, 114, 255, 0.8);font-size: 12px;}
.hero-divider--enhanced::before {left: -20px;}
.hero-divider--enhanced::after {right: -20px;}
.hero-summary {position: relative;z-index: 1;max-width: 760px;margin: 0 auto;color: rgba(244, 241, 255, 0.9);display: grid;gap: 20px;padding: 0 16px;text-align: left;}
.hero-summary p {margin: 0;line-height: 1.55;text-indent: 18px;letter-spacing: 0.01em;}
.hero-summary p:first-child {text-indent: 0;}
.section-hero .hero-cta {margin-top: 32px;display: flex;flex-direction: column;gap: 18px;align-items: center;position: relative;z-index: 1;}
.section-hero .hero-warning {max-width: 520px;margin: 0 auto;color: rgba(255, 212, 118, 0.92);}
.section-hero .mybutton1 {background: linear-gradient(140deg, #FFC78D 0%, #E772FF 48%, #9B3CFF 100%);box-shadow: 0 20px 44px rgba(73, 45, 202, 0.45);padding: 18px 38px;border-radius: 999px;color: #080415;text-transform: uppercase;letter-spacing: 0.1em;}
.section-hero .mybutton1:hover {box-shadow: 0 28px 56px rgba(73, 45, 202, 0.55);transform: translateY(-2px);}
.professional-comparison {background: #0B0621;padding: 120px 0;color: #FFFFFF;position: relative;overflow: hidden;}
.professional-comparison::before {content: "";position: absolute;inset: -35% 5% auto 40%;height: 150%;background: radial-gradient(55% 65% at 60% 40%, rgba(103, 45, 255, 0.28) 0%, transparent 65%);opacity: 0.65;pointer-events: none;}
.professional-comparison .comparison-intro h2 {color: #FFFFFF;line-height: 1.18;margin: 0 auto 34px;max-width: 860px;padding: 0 12px;}
.comparison-headline-line {display: block;letter-spacing: 0.08em;margin-bottom: 8px;}
.comparison-headline-line:last-child {margin-bottom: 0;}
.comparison-headline-emphasis {display: inline-block;background: linear-gradient(90deg, #FFC78D 0%, #E772FF 48%, #9B3CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;letter-spacing: 0.1em;padding: 0 4px;}
.professional-comparison .comparison-intro p {color: rgba(221, 221, 234, 0.84);max-width: 760px;margin: 0 auto 48px;}
.comparison-table {position: relative;border-radius: 32px;background: linear-gradient(140deg, rgba(18, 11, 44, 0.92) 0%, rgba(25, 14, 63, 0.96) 100%);box-shadow: 0 42px 88px rgba(6, 3, 17, 0.55);overflow: hidden;border: 1px solid rgba(118, 105, 216, 0.28);}
.comparison-table::after {content: "";position: absolute;inset: -30% 60% 40% -20%;background: radial-gradient(60% 80% at 50% 30%, rgba(255, 199, 141, 0.22) 0%, transparent 70%);opacity: 0.6;pointer-events: none;}
.comparison-table__header {display: grid;grid-template-columns: 1.2fr 1fr 1fr;align-items: center;gap: 18px;padding: 28px 40px;background: linear-gradient(120deg, rgba(103, 45, 255, 0.16) 0%, rgba(13, 8, 36, 0.6) 58%, rgba(255, 199, 141, 0.2) 100%);backdrop-filter: blur(16px);position: relative;z-index: 1;border-bottom: 1px solid rgba(118, 105, 216, 0.28);}
.comparison-table__header .comparison-table__col {color: rgba(224, 219, 255, 0.96);letter-spacing: 0.14em;}
.comparison-table__col--feature {text-align: left;}
.comparison-table__col--business {color: rgba(199, 194, 255, 0.92);}
.comparison-table__col--pro {color: #FFFFFF;display: inline-flex;justify-content: center;align-items: center;gap: 10px;}
.comparison-table__col--pro::after {content: "★";font-size: 0.9em;color: #FFC78D;letter-spacing: normal;}
.comparison-table__rows {position: relative;z-index: 1;display: flex;flex-direction: column;}
.comparison-row {display: grid;grid-template-columns: 1.2fr 1fr 1fr;align-items: stretch;gap: 18px;padding: 26px 40px;background: rgba(255, 255, 255, 0.01);position: relative;}
.comparison-row::before {content: "";position: absolute;inset: 10px 10px;z-index: -1;border-radius: 24px;background: linear-gradient(135deg, rgba(76, 57, 169, 0.12) 0%, rgba(140, 111, 255, 0.05) 100%);opacity: 0;transition: opacity 0.25s ease;}
.comparison-row:nth-child(odd) {background: rgba(255, 255, 255, 0.02);}
.comparison-row:hover::before {opacity: 1;}
.comparison-row--highlight {background: linear-gradient(90deg, rgba(255, 199, 141, 0.1) 0%, rgba(255, 199, 141, 0.16) 100%);}
.comparison-row--highlight .comparison-cell--pro .comparison-value {color: #FFC78D;}
.comparison-cell {display: flex;flex-direction: column;justify-content: center;gap: 10px;}
.comparison-cell--feature {color: rgba(235, 233, 255, 0.96);letter-spacing: 0.06em;text-transform: uppercase;}
.comparison-cell--business {color: rgba(198, 198, 230, 0.88);}
.comparison-cell--pro {position: relative;color: #FFFFFF;background: linear-gradient(135deg, rgba(121, 94, 255, 0.18) 0%, rgba(227, 114, 255, 0.28) 60%, rgba(255, 199, 141, 0.28) 100%);border-radius: 22px;padding: 20px 24px;box-shadow: inset 0 0 0 1px rgba(227, 114, 255, 0.32);flex-direction: row;align-items: flex-start;gap: 16px;}
.comparison-row:not(.comparison-row--highlight) .comparison-cell--pro {background: linear-gradient(135deg, rgba(122, 88, 255, 0.18) 0%, rgba(161, 92, 255, 0.22) 45%, rgba(255, 136, 194, 0.26) 100%);}
.comparison-cell--business, .comparison-cell--feature {padding: 4px 0;}
.comparison-value {display: inline-flex;align-items: center;gap: 10px;line-height: 1.45;}
.comparison-cell--pro .comparison-value {display: block;letter-spacing: 0.03em;}
.comparison-status {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;font-size: 1.1rem;font-weight: 700;box-shadow: 0 12px 24px rgba(73, 45, 202, 0.35);margin-right: 0;flex-shrink: 0;}
.comparison-status--check {background: linear-gradient(135deg, #74F5C5 0%, #32D67E 100%);color: #06111D;}
.comparison-row .comparison-cell--business .comparison-value {background: rgba(255, 255, 255, 0.04);padding: 12px 18px;border-radius: 18px;box-shadow: inset 0 0 0 1px rgba(118, 105, 216, 0.16);}
.comparison-row:nth-child(odd) .comparison-cell--business .comparison-value {background: rgba(255, 255, 255, 0.02);
box-shadow: inset 0 0 0 1px rgba(118, 105, 216, 0.14);}
.comparison-row--highlight .comparison-cell--business .comparison-value {background: rgba(255, 255, 255, 0.08);box-shadow: inset 0 0 0 1px rgba(255, 199, 141, 0.24);color: #FFE4C2;}
.comparison-row--highlight .comparison-status {background: linear-gradient(135deg, #FFC78D 0%, #FF9D6C 100%);color: #4D1B0A;}
.professional-comparison-cta {padding: 90px 0 120px;background: linear-gradient(180deg, rgba(11, 6, 33, 0.9) 0%, rgba(8, 4, 21, 1) 45%, #080415 100%);position: relative;}
.professional-comparison-cta::before {content: "";position: absolute;inset: -20% 40% auto -15%;height: 140%;background: radial-gradient(60% 60% at 50% 20%, rgba(255, 199, 141, 0.25) 0%, transparent 70%);opacity: 0.6;pointer-events: none;}
.comparison-cta-card {position: relative;padding: 56px 64px;border-radius: 36px;background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(103, 45, 255, 0.16) 48%, rgba(255, 199, 141, 0.22) 100%);box-shadow: 0 48px 96px rgba(7, 3, 18, 0.6);backdrop-filter: blur(20px);border: 1px solid rgba(118, 105, 216, 0.3);text-align: center;color: #FFFFFF;overflow: hidden;}
.comparison-cta-card::before {content: "";position: absolute;inset: 14px;border-radius: 28px;border: 1px solid rgba(255, 255, 255, 0.16);opacity: 0.7;pointer-events: none;}
.cta-kicker {color: rgba(255, 255, 255, 0.82);letter-spacing: 0.1em;text-transform: uppercase;margin-bottom: 20px;}
.cta-headline {line-height: 1.2;margin-bottom: 30px;padding: 0 24px;letter-spacing: -1.2px;}
.cta-headline-emphasis {background: linear-gradient(90deg, #FFE1B8 0%, #FFC78D 20%, #E772FF 58%, #9B3CFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800;letter-spacing: 0.08em;}
.cta-subcopy {color: rgba(231, 229, 255, 0.86);max-width: 760px;margin: 0 auto 34px;line-height: 1.55;}
.cta-pricing {margin: 18px auto 26px;text-align: center;color: rgba(231, 229, 255, 0.9);letter-spacing: 0.08em;display: grid;gap: 6px;}
.cta-pricing__title {text-transform: uppercase;letter-spacing: 0.18em;color: #FFE1B8;}
.cta-pricing__old {color: rgba(231, 229, 255, 0.75);}
.cta-pricing__old span {text-decoration: line-through;color: rgba(231, 229, 255, 0.55);}
.cta-pricing__price {font-size: 1.25em;color: #ffffff;letter-spacing: 0.12em;}
.cta-pricing__note {font-size: 0.9em;color: rgba(231, 229, 255, 0.7);letter-spacing: 0.1em;}
.comparison-cta-button {display: inline-flex;justify-content: center;align-items: center;padding: 20px 46px;border-radius: 999px;background: linear-gradient(135deg, #FFC78D 0%, #E772FF 52%, #9B3CFF 100%);color: #080415;text-transform: uppercase;letter-spacing: 0.12em;box-shadow: 0 26px 52px rgba(73, 45, 202, 0.45);transition: transform 0.25s ease, box-shadow 0.25s ease;margin-bottom: 26px;}
.comparison-cta-button:hover {transform: translateY(-2px);box-shadow: 0 34px 62px rgba(73, 45, 202, 0.5);}
.comparison-cta-payments {display: flex;justify-content: center;margin-bottom: 24px;}
.comparison-cta-payments img {max-width: 360px;width: 100%;background: rgba(255, 255, 255, 0.92);padding: 12px 24px;border-radius: 18px;box-shadow: 0 12px 22px rgba(9, 4, 26, 0.25);}
.cta-note {color: rgba(221, 219, 255, 0.75);max-width: 640px;margin: 0 auto;line-height: 1.5;letter-spacing: 0.04em;}
.cta-decline {margin-top: 32px;color: rgba(221, 219, 255, 0.85);display: flex;flex-direction: column;gap: 6px;}
.cta-decline-title {text-transform: uppercase;letter-spacing: 0.12em;}
.cta-decline-link {color: #FFE1B8;text-decoration: none;border-bottom: 1px solid rgba(255, 225, 184, 0.5);padding-bottom: 4px;display: inline-block;align-self: center;}
.cta-decline-link:hover {color: #FFC78D;border-color: #FFC78D;}
.professional-thank-you {padding: 110px 0;background: radial-gradient(120% 140% at 50% 0%, rgba(11, 6, 33, 0.9) 0%, #060311 52%, #04020c 100%);position: relative;overflow: hidden;}
.professional-thank-you::before {content: "";position: absolute;inset: -30% 50% auto -10%;height: 160%;background: radial-gradient(60% 80% at 50% 30%, rgba(255, 199, 141, 0.32) 0%, transparent 70%);opacity: 0.55;pointer-events: none;}
.thankyou-card {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;border-radius: 42px;padding: 72px 78px 120px;background: url('../images/section2.webp') center/cover no-repeat;border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 44px 88px rgba(6, 3, 17, 0.7);}
.thankyou-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(8, 4, 24, 0.82) 0%, rgba(73, 45, 202, 0.55) 45%, rgba(255, 199, 141, 0.4) 100%);mix-blend-mode: screen;opacity: 0.9;}
.thankyou-content {position: relative;z-index: 1;text-align: center;color: #FFFFFF;max-width: 780px;margin: 0 auto;}
.thankyou-title {font-family: 'Pacifico', 'Comic Sans MS', cursive;font-size: clamp(3rem, 6vw, 4.5rem);color: #FFC78D;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);margin-bottom: 12px;letter-spacing: 0.05em;}
.thankyou-subtitle {letter-spacing: -4.8px;text-transform: uppercase;margin-bottom: 18px;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);}
.thankyou-copy {color: rgba(244, 241, 255, 0.92);line-height: 1.6;letter-spacing: -0.5px;margin: 0 auto;max-width: 660px;text-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);}
.thankyou-team {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 32%);width: min(520px, 90%);z-index: 1;}
.thankyou-team img {width: 100%;height: auto;display: block;filter: drop-shadow(0 18px 35px rgba(6, 3, 17, 0.55));}
.thankyou-proof {position: absolute;right: 4%;bottom: 6%;width: 140px;z-index: 2;}
.thankyou-proof img {width: 100%;height: auto;filter: drop-shadow(0 12px 20px rgba(6, 3, 17, 0.45));}
.professional-thank-you {padding: 110px 0;background: radial-gradient(120% 140% at 50% 0%, rgba(11, 6, 33, 0.9) 0%, #060311 52%, #04020c 100%);position: relative;overflow: hidden;}
.professional-thank-you::before {content: "";position: absolute;inset: -30% 50% auto -10%;height: 160%;background: radial-gradient(60% 80% at 50% 30%, rgba(255, 199, 141, 0.32) 0%, transparent 70%);opacity: 0.55;pointer-events: none;}
.thankyou-card {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;border-radius: 42px;padding: 72px 78px 120px;background: url('../images/section2.webp') center/cover no-repeat;border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 44px 88px rgba(6, 3, 17, 0.7);}
.thankyou-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(8, 4, 24, 0.82) 0%, rgba(73, 45, 202, 0.55) 45%, rgba(255, 199, 141, 0.4) 100%);mix-blend-mode: screen;opacity: 0.9;}
.thankyou-content {position: relative;z-index: 1;text-align: center;color: #FFFFFF;max-width: 780px;margin: 0 auto;}
.thankyou-title {font-family: 'Pacifico', 'Comic Sans MS', cursive;font-size: clamp(3rem, 6vw, 4.5rem);color: #FFC78D;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);margin-bottom: 12px;letter-spacing: 0.05em;}
.thankyou-subtitle {letter-spacing: -4.8px;text-transform: uppercase;margin-bottom: 18px;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);}
.thankyou-copy {color: rgba(244, 241, 255, 0.92);line-height: 1.6;letter-spacing: -0.5px;margin: 0 auto;max-width: 660px;text-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);}
.thankyou-team {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 32%);width: min(520px, 90%);z-index: 1;}
.thankyou-team img {width: 100%;height: auto;display: block;filter: drop-shadow(0 18px 35px rgba(6, 3, 17, 0.55));}
.thankyou-proof {position: absolute;right: 4%;bottom: 6%;width: 140px;z-index: 2;}
.thankyou-proof img {width: 100%;height: auto;filter: drop-shadow(0 12px 20px rgba(6, 3, 17, 0.45));}
.professional-thank-you {padding: 110px 0;background: radial-gradient(120% 140% at 50% 0%, rgba(11, 6, 33, 0.9) 0%, #060311 52%, #04020c 100%);position: relative;overflow: hidden;}
.professional-thank-you::before {content: "";position: absolute;inset: -30% 50% auto -10%;height: 160%;background: radial-gradient(60% 80% at 50% 30%, rgba(255, 199, 141, 0.32) 0%, transparent 70%);opacity: 0.55;pointer-events: none;}
.thankyou-card {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;border-radius: 42px;padding: 72px 78px 120px;background: url('../images/section2.webp') center/cover no-repeat;border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 44px 88px rgba(6, 3, 17, 0.7);}
.thankyou-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(8, 4, 24, 0.82) 0%, rgba(73, 45, 202, 0.55) 45%, rgba(255, 199, 141, 0.4) 100%);mix-blend-mode: screen;opacity: 0.9;}
.thankyou-content {position: relative;z-index: 1;text-align: center;color: #FFFFFF;max-width: 780px;margin: 0 auto;}
.thankyou-title {font-family: 'Pacifico', 'Comic Sans MS', cursive;font-size: clamp(3rem, 6vw, 4.5rem);color: #FFC78D;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);margin-bottom: 12px;letter-spacing: 0.05em;}
.thankyou-subtitle {letter-spacing: -4.8px;text-transform: uppercase;margin-bottom: 18px;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);}
.thankyou-copy {color: rgba(244, 241, 255, 0.92);line-height: 1.6;letter-spacing: -0.5px;margin: 0 auto;max-width: 660px;text-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);}
.thankyou-team {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 32%);width: min(520px, 90%);z-index: 1;}
.thankyou-team img {width: 100%;height: auto;display: block;filter: drop-shadow(0 18px 35px rgba(6, 3, 17, 0.55));}
.thankyou-proof {position: absolute;right: 4%;bottom: 6%;width: 140px;z-index: 2;}
.thankyou-proof img {width: 100%;height: auto;filter: drop-shadow(0 12px 20px rgba(6, 3, 17, 0.45));}
.professional-thank-you {padding: 110px 0;background: radial-gradient(120% 140% at 50% 0%, rgba(11, 6, 33, 0.9) 0%, #060311 52%, #04020c 100%);position: relative;overflow: hidden;}
.professional-thank-you::before {content: "";position: absolute;inset: -30% 50% auto -10%;height: 160%;background: radial-gradient(60% 80% at 50% 30%, rgba(255, 199, 141, 0.32) 0%, transparent 70%);opacity: 0.55;pointer-events: none;}
.thankyou-card {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;border-radius: 42px;padding: 72px 78px 120px;background: url('../images/section2.webp') center/cover no-repeat;border: 1px solid rgba(255, 255, 255, 0.25);box-shadow: 0 44px 88px rgba(6, 3, 17, 0.7);}
.thankyou-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(8, 4, 24, 0.82) 0%, rgba(73, 45, 202, 0.55) 45%, rgba(255, 199, 141, 0.4) 100%);mix-blend-mode: screen;opacity: 0.9;}
.thankyou-content {position: relative;z-index: 1;text-align: center;color: #FFFFFF;max-width: 780px;margin: 0 auto;}
.thankyou-title {font-family: 'Pacifico', 'Comic Sans MS', cursive;font-size: clamp(3rem, 6vw, 4.5rem);color: #FFC78D;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);margin-bottom: 12px;letter-spacing: 0.08em;}
.thankyou-subtitle {letter-spacing: 0.32em;text-transform: uppercase;margin-bottom: 20px;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);}
.thankyou-copy {color: rgba(244, 241, 255, 0.94);line-height: 1.65;letter-spacing: 0.06em;margin: 0 auto;max-width: 660px;text-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);}
.thankyou-team {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 38%);width: min(620px, 105%);z-index: 1;}
.thankyou-team img {width: 100%;height: auto;display: block;filter: drop-shadow(0 22px 40px rgba(6, 3, 17, 0.6));}
.professional-benefits {padding: 120px 0;background: linear-gradient(180deg, #F3E8FF 0%, #E7E5FF 45%, #FFFFFF 100%);}
.professional-benefits h2 {max-width: 880px;margin: 0 auto 60px;letter-spacing: -3px;color: #24242E;}
.benefit-card {margin-bottom: 0;}
.professional-offer {padding: 120px 0;background: linear-gradient(140deg, #080415 0%, #1C0F45 42%, #4D1BCE 100%);color: #FFFFFF;text-align: center;overflow: hidden;position: relative;}
.professional-offer::before {content: "";position: absolute;inset: -25% 35% auto -15%;height: 160%;background: radial-gradient(45% 55% at 50% 35%, rgba(227, 114, 255, 0.4) 0%, transparent 70%);opacity: 0.5;pointer-events: none;}
.professional-offer .offer-price {margin-bottom: 10px;}
.professional-offer .offer-price .strike {text-decoration: line-through;color: rgba(255, 255, 255, 0.6);}
.professional-offer .offer-note {color: rgba(255, 255, 255, 0.76);margin-bottom: 26px;}
.professional-offer .mybutton1 {margin-top: 12px;padding: 20px 48px;border-radius: 999px;font-size: inherit;letter-spacing: 0.08em;background: linear-gradient(135deg, #FFC78D 0%, #E772FF 45%, #9B3CFF 100%);color: #080415;box-shadow: 0 24px 44px rgba(255, 199, 141, 0.35);}
.professional-offer .mybutton1:hover {transform: translateY(-3px);}
.professional-offer .secure {color: rgba(255, 255, 255, 0.62);margin-top: 18px;letter-spacing: 0.12em;text-transform: uppercase;}
.payment-logos {display: flex;justify-content: center;gap: 18px;margin-top: 26px;flex-wrap: wrap;}
.payment-logos .logo {padding: 10px 18px;border-radius: 12px;background: rgba(255, 255, 255, 0.12);color: #FFFFFF;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;}
.professional-disclaimer {padding: 90px 0;background: #F8F7FF;color: #24242E;}
.professional-disclaimer .decline-link {color: #472ED1;text-decoration: underline;font-weight: 600;}
.professional-disclaimer .decline-link:hover {color: #24118F;}
@media (max-width: 991px) {
.professional-float-bar {position: static;padding: 22px 0;}
.progress-steps {grid-template-columns: repeat(1, minmax(0, 1fr));max-width: 520px;}
.progress-step {justify-content: center;text-align: center;}
.progress-step .step-copy {align-items: center;}
.progress-step .step-title {text-transform: uppercase;font-size: 0.9rem;}
.section-hero {padding: 110px 0 86px;}
.hero-message {padding: 48px 44px;border-radius: 40px;}
.hero-message::after {inset: 18px;border-radius: 32px;}
.hero-alert-badge {margin-bottom: 22px;}
.hero-message .hero-alert {padding: 12px 32px;font-size: 1.1rem;}
.hero-qualifier {gap: 12px;letter-spacing: 0.24em;}
.hero-qualifier-line {width: 40px;}
.hero-headline {font-size: clamp(2.3rem, 6.6vw, 3.4rem);}
.hero-headline-secondary {font-size: 0.68em;}
.hero-subheadline--enhanced {padding: 18px 24px;border-radius: 20px;}
.hero-subheadline-icon {font-size: 0.75em;}
.hero-divider--enhanced {width: 220px;}
.hero-divider--enhanced::before, .hero-divider--enhanced::after {font-size: 10px;}
.hero-scarcity {gap: 12px;padding: 20px 24px;border-radius: 26px;}
.hero-scarcity .scarcity-counter .digit {width: 56px;height: 64px;font-size: 1.9rem;}
.hero-scarcity {margin-bottom: 20px;}
.scarcity-bar-container {max-width: 280px;height: 9px;}
.hero-summary {padding: 0 12px;text-align: center;}
.hero-summary p {text-indent: 0;}
.hero-headline {padding: 0 12px;font-size: clamp(2rem, 5.6vw, 2.8rem);}
.hero-subheadline {padding: 0 12px;font-size: clamp(1.3rem, 3.2vw, 1.6rem);}
.hero-scarcity {margin-bottom: 20px;}
.comparison-headline-line {letter-spacing: 0.07em;}
.comparison-table {border-radius: 28px;}
.comparison-table__header {grid-template-columns: 1fr 1fr 1fr;padding: 24px 28px;gap: 12px;}
.comparison-row {grid-template-columns: 1fr 1fr 1fr;padding: 24px 28px;gap: 12px;}
.comparison-cell--pro {padding: 18px 20px;}
.comparison-row .comparison-cell--business .comparison-value {padding: 10px 14px;}
}
@media (max-width: 575px) {
.progress-step {flex-direction: column;gap: 10px;padding: 16px 18px;}
.progress-step .step-icon {width: 44px;height: 44px;font-size: 1.2rem;}
.progress-step .step-title {font-size: 0.82rem;letter-spacing: 0.06em;}
.hero-scarcity {gap: 10px;padding: 18px 20px;}
.hero-scarcity .scarcity-counter {gap: 10px;}
.hero-scarcity .scarcity-counter .digit {width: 48px;height: 56px;font-size: 1.6rem;}
.hero-scarcity {margin-bottom: 18px;}
.scarcity-bar-container {max-width: 240px;height: 8px;}
.cta-scarcity-compact {gap: 6px;padding: 12px 16px;margin: 16px auto 14px;flex-direction: column;}
.scarcity-compact-label {font-size: 0.75rem;letter-spacing: 0.08em;}
.digit-compact {width: 28px;height: 34px;font-size: 1rem;border-radius: 8px;}
.scarcity-bar-compact-container {max-width: 200px;height: 5px;}
.section-hero {padding: 92px 0 74px;}
.hero-message {padding: 36px 20px;border-radius: 34px;}
.hero-message::after {inset: 12px;border-radius: 28px;}
.hero-alert-badge {margin-bottom: 18px;}
.hero-message .hero-alert {padding: 10px 24px;font-size: 0.95rem;letter-spacing: 0.22em;min-width: 140px;}
.hero-qualifier {gap: 8px;letter-spacing: 0.2em;font-size: 0.85rem;flex-wrap: wrap;}
.hero-qualifier-line {width: 30px;height: 1.5px;}
.hero-headline--enhanced {gap: 8px;}
.hero-headline-secondary {font-size: 0.65em;margin-top: 4px;}
.hero-subheadline-container {padding: 14px 0;}
.hero-subheadline--enhanced {padding: 16px 20px;border-radius: 18px;}
.hero-subheadline-icon {font-size: 0.7em;display: none;}
.hero-divider {width: 160px;}
.hero-divider--enhanced {width: 180px;margin: 16px auto;}
.hero-divider--enhanced::before {font-size: 8px;left: -16px;}
.hero-divider--enhanced::after {font-size: 8px;right: -16px;}
.hero-summary {gap: 14px;}
.hero-summary p {text-indent: 0;text-align: left;}
.section-hero .hero-cta {margin-top: 32px;}
.hero-headline {padding: 0 8px;font-size: clamp(1.7rem, 6.4vw, 2.3rem);line-height: 1.16;}
.hero-subheadline {padding: 0 4px;font-size: clamp(1.05rem, 4vw, 1.3rem);}
.hero-scarcity {margin-bottom: 18px;}
.comparison-headline-line {letter-spacing: 0.06em;}
.comparison-table__header {display: none;}
.comparison-table {border-radius: 24px;}
.comparison-row {grid-template-columns: 1fr;padding: 20px 22px;gap: 18px;margin-bottom: 18px;border-radius: 24px;background: rgba(13, 8, 36, 0.72);}
.comparison-row::before {inset: 8px;border-radius: 20px;}
.comparison-row:last-child {margin-bottom: 0;}
.comparison-cell--feature {font-size: 0.9rem;letter-spacing: 0.08em;}
.comparison-cell--business, .comparison-cell--pro {padding: 0;}
.comparison-cell--pro {padding: 18px 20px;}
.comparison-row .comparison-cell--business .comparison-value {width: 100%;justify-content: space-between;display: flex;gap: 10px;padding: 10px 14px;}
.comparison-row .comparison-cell--pro .comparison-value {flex-direction: column;align-items: flex-start;}
.comparison-status {margin-right: 0;margin-bottom: 6px;}
.professional-comparison-cta {padding: 70px 0 98px;}
.comparison-cta-card {padding: 42px 32px;border-radius: 28px;}
.comparison-cta-card::before {inset: 10px;border-radius: 22px;}
.cta-headline {font-size: clamp(1.6rem, 5vw, 2.2rem);padding: 0;letter-spacing: -0.8px;}
.cta-subcopy {margin-bottom: 28px;}
.comparison-cta-button {padding: 18px 32px;margin-bottom: 22px;}
.comparison-cta-payments img {max-width: 280px;padding: 10px 18px;}
.cta-decline {margin-top: 26px;gap: 4px;}
.benefit-card {margin-bottom: 24px;}
.payment-logos {gap: 12px;}
.cta-scarcity-compact {gap: 8px;padding: 14px 20px;margin: 20px auto 18px;}
.digit-compact {width: 32px;height: 38px;font-size: 1.2rem;}
.scarcity-bar-compact-container {max-width: 240px;height: 5px;}
}
/* Thank You Section Refresh */
.professional-thank-you {position: relative;padding: 160px 0 240px;background: url('../images/section2.webp') center/cover no-repeat;overflow: hidden;}
.professional-thank-you::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(8, 4, 24, 0.78) 0%, rgba(8, 4, 24, 0.55) 45%, rgba(8, 4, 24, 0.35) 100%);}
.professional-thank-you .mycontainer {position: relative;z-index: 1;}
.thankyou-card {width: 100%;max-width: 1300px;margin: 0 auto;padding: 96px 140px 260px;border-radius: 52px;background: rgba(8, 4, 24, 0.6);backdrop-filter: blur(24px);box-shadow: 0 48px 96px rgba(6, 3, 17, 0.65);text-align: center;color: #FFFFFF;position: relative;overflow: hidden;}
.thankyou-card::before {content: "";position: absolute;inset: 18px;border-radius: 46px;border: 1px solid rgba(255, 255, 255, 0.25);opacity: 0.5;pointer-events: none;}
.thankyou-content {position: relative;z-index: 2;max-width: 920px;margin: 0 auto;}
.thankyou-title {font-family: 'Pacifico', 'Comic Neue', cursive;font-size: clamp(3.6rem, 7vw, 5rem);letter-spacing: 0.14em;color: #FFC78D;text-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);margin-bottom: 18px;}
.thankyou-subtitle {letter-spacing: 0.42em;text-transform: uppercase;margin-bottom: 28px;text-shadow: 0 16px 32px rgba(0, 0, 0, 0.4);}
.thankyou-copy {color: rgba(244, 241, 255, 0.96);line-height: 1.75;letter-spacing: 0.1em;margin: 0 auto;max-width: 780px;text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.thankyou-team {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 18%);width: min(880px, 140%);z-index: 0;}
.thankyou-team img {width: 100%;height: auto;display: block;filter: drop-shadow(0 30px 62px rgba(6, 3, 17, 0.65));}
@media (max-width: 1199px) {
.thankyou-card {padding: 80px 90px 220px;border-radius: 46px;}
.thankyou-team {bottom: 0;width: 130%;transform: translate(-50%, 24%);}
}
@media (max-width: 991px) {
.professional-thank-you {padding: 120px 0 200px;}
.thankyou-card {padding: 70px 60px 210px;}
.thankyou-title {font-size: clamp(3rem, 7vw, 4rem);letter-spacing: 0.12em;}
.thankyou-subtitle {letter-spacing: 0.36em;}
.thankyou-copy {letter-spacing: 0.08em;}
.thankyou-team {bottom: 0;width: 135%;transform: translate(-50%, 26%);}
.cta-pricing {letter-spacing: 0.06em;margin: 16px auto 24px;}
}
@media (max-width: 575px) {
.professional-thank-you {padding: 90px 0 150px;}
.thankyou-card {padding: 60px 28px 160px;border-radius: 34px;}
.thankyou-card::before {inset: 10px;border-radius: 28px;}
.thankyou-title {font-size: clamp(2.6rem, 10vw, 3.4rem);letter-spacing: 0.1em;}
.thankyou-subtitle {font-size: clamp(1.6rem, 7.5vw, 2.1rem);letter-spacing: 0.32em;}
.thankyou-copy {font-size: 1rem;letter-spacing: 0.06em;}
.thankyou-team {bottom: 0;width: 160%;transform: translate(-50%, 30%);}
.cta-pricing {letter-spacing: 0.05em;margin: 14px auto 22px;}
}
.professional-thank-you .mycontainer {max-width: 1440px;padding-left: 24px;padding-right: 24px;}
/* Benefits Grid Redesign */
.professional-benefits {position: relative;padding: 140px 0;background: linear-gradient(180deg, #ffffff 0%, #f3f3ff 55%, #ffffff 100%);}
.professional-benefits::before {content: "";position: absolute;inset: 0;background: radial-gradient(70% 70% at 50% 0%, rgba(103, 45, 255, 0.1) 0%, rgba(255, 255, 255, 0) 65%);pointer-events: none;}
.professional-benefits .mycontainer2 {position: relative;z-index: 1;}
.benefits-kicker {display: inline-block;padding: 10px 24px;border-radius: 999px;background: rgba(71, 46, 209, 0.12);color: #472ED1;letter-spacing: 0.18em;text-transform: uppercase;margin-bottom: 18px;}
.benefits-headline {letter-spacing: -3.4px;margin-bottom: 18px;color: #1e1b3a;}
.benefits-subheadline {color: #585473;max-width: 760px;margin: 0 auto 48px;letter-spacing: 0.08em;line-height: 1.55;}
.benefits-grid {gap: 32px 0;}
.benefit-card {padding: 18px;}
.benefit-panel {height: 100%;background: #ffffff;border: 1px solid rgba(118, 105, 216, 0.18);border-radius: 32px;padding: 32px 28px;box-shadow: 0 28px 56px rgba(36, 35, 62, 0.12);display: flex;flex-direction: column;gap: 18px;position: relative;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
.benefit-panel::after {content: "";position: absolute;inset: -40% -40% auto auto;width: 220px;height: 220px;border-radius: 50%;background: radial-gradient(circle at center, rgba(103, 45, 255, 0.15), rgba(103, 45, 255, 0));opacity: 0;transition: opacity 0.25s ease;}
.benefit-panel:hover {transform: translateY(-10px);box-shadow: 0 40px 72px rgba(36, 35, 62, 0.16);border-color: rgba(103, 45, 255, 0.38);}
.benefit-panel:hover::after {opacity: 1;}
.benefit-badge {width: 64px;height: 64px;border-radius: 18px;background: linear-gradient(135deg, rgba(103, 45, 255, 0.18) 0%, rgba(255, 199, 141, 0.28) 100%);display: flex;align-items: center;justify-content: center;font-size: 30px;box-shadow: inset 0 0 0 1px rgba(103, 45, 255, 0.25);}
.benefit-body {text-align: left;display: flex;flex-direction: column;gap: 12px;}
.benefit-title {color: #201c3d;letter-spacing: -1.2px;}
.benefit-copy {color: #5c5975;letter-spacing: 0.05em;line-height: 1.6;margin: 0;}
@media (max-width: 991px) {
.professional-benefits {padding: 120px 0;}
.benefits-grid {gap: 24px 0;}
.benefit-panel {padding: 30px 26px;border-radius: 28px;}
}
@media (max-width: 575px) {
.professional-benefits {padding: 100px 0;}
.benefits-headline {letter-spacing: -2.6px;}
.benefits-subheadline {letter-spacing: 0.06em;margin-bottom: 36px;}
.benefit-panel {padding: 26px 24px;}
.benefit-badge {width: 56px;height: 56px;font-size: 26px;}
}
/* Enhanced Professional Benefits Styles */
.professional-benefits--enhanced {background: linear-gradient(180deg, #ffffff 0%, #f8f6ff 35%, #f3e8ff 70%, #ffffff 100%);padding: 160px 0;}
.professional-benefits--enhanced::before {background: radial-gradient(60% 60% at 50% 0%, rgba(103, 45, 255, 0.15) 0%, rgba(255, 199, 141, 0.08) 40%, rgba(255, 255, 255, 0) 70%);}
.benefits-kicker-badge {display: inline-block;padding: 14px 32px;border-radius: 999px;background: linear-gradient(135deg, rgba(103, 45, 255, 0.15) 0%, rgba(255, 199, 141, 0.2) 100%);color: #472ED1;letter-spacing: 0.12em;text-transform: uppercase;font-weight: 700;border: 2px solid rgba(103, 45, 255, 0.25);box-shadow: 0 12px 28px rgba(103, 45, 255, 0.15);animation: pulse-glow 3s ease-in-out infinite;}
@keyframes pulse-glow {0%, 100% {box-shadow: 0 12px 28px rgba(103, 45, 255, 0.15);} 50% {box-shadow: 0 16px 38px rgba(103, 45, 255, 0.28);}}
.benefits-grid--enhanced {gap: 36px 0;margin-top: 64px;}
/* Featured Benefit Cards (Top Row) */
.benefit-panel--featured {background: linear-gradient(135deg, #ffffff 0%, #faf8ff 100%);border: 2px solid rgba(103, 45, 255, 0.28);box-shadow: 0 32px 64px rgba(36, 35, 62, 0.14), 0 0 0 1px rgba(103, 45, 255, 0.1) inset;}
.benefit-panel--featured::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 6px;background: linear-gradient(90deg, #672DFF 0%, #E772FF 50%, #FFC78D 100%);border-radius: 32px 32px 0 0;}
.benefit-panel--featured:hover {transform: translateY(-12px);box-shadow: 0 48px 88px rgba(36, 35, 62, 0.2), 0 0 0 2px rgba(103, 45, 255, 0.3) inset;border-color: rgba(103, 45, 255, 0.45);}
.benefit-badge--large {width: 76px;height: 76px;font-size: 36px;background: linear-gradient(135deg, rgba(103, 45, 255, 0.22) 0%, rgba(231, 114, 255, 0.28) 100%);box-shadow: inset 0 0 0 2px rgba(103, 45, 255, 0.35), 0 12px 32px rgba(103, 45, 255, 0.2);border-radius: 22px;}
/* Premium Benefit Cards (Support Features) */
.benefit-panel--premium {background: linear-gradient(135deg, #fff9f0 0%, #fff5eb 100%);border: 2px solid rgba(255, 199, 141, 0.45);box-shadow: 0 32px 64px rgba(255, 140, 50, 0.12);}
.benefit-panel--premium::after {background: radial-gradient(circle at center, rgba(255, 199, 141, 0.25), rgba(255, 199, 141, 0));}
.benefit-panel--premium:hover {border-color: rgba(255, 199, 141, 0.65);box-shadow: 0 40px 72px rgba(255, 140, 50, 0.18);}
.benefit-badge--premium {background: linear-gradient(135deg, rgba(255, 199, 141, 0.28) 0%, rgba(231, 114, 255, 0.22) 100%);box-shadow: inset 0 0 0 2px rgba(255, 199, 141, 0.45), 0 12px 32px rgba(255, 199, 141, 0.25);}
/* Gradient Text Effect */
.gradient-text-2 {background: linear-gradient(90deg, #672DFF 10%, #E772FF 50%, #FFC78D 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
@media (max-width: 991px) {
.professional-benefits--enhanced {padding: 130px 0;}
.benefits-grid--enhanced {gap: 28px 0;margin-top: 52px;}
.benefit-panel--featured::before {height: 5px;}
.benefit-badge--large {width: 68px;height: 68px;font-size: 32px;}
}
@media (max-width: 575px) {
.professional-benefits--enhanced {padding: 100px 0;}
.benefits-kicker-badge {padding: 12px 24px;font-size: 14px;letter-spacing: 0.1em;}
.benefits-grid--enhanced {gap: 24px 0;margin-top: 42px;}
.benefit-panel--featured {border-width: 1.5px;}
.benefit-panel--featured::before {height: 4px;}
.benefit-badge--large {width: 60px;height: 60px;font-size: 28px;border-radius: 18px;}
.benefit-panel--premium {border-width: 1.5px;}
}
/* Secondary CTA section spacing */
.professional-comparison-cta--bottom {padding: 120px 0 140px;}
/* Site footer redesign */
.site-footer {position: relative;color: #ffffff;background: linear-gradient(180deg, #0a0523 0%, #07031a 70%, #060218 100%);margin-top: -60px;padding-top: 200px;}
.site-footer::before {content: "";position: absolute;top: -160px;left: 50%;transform: translateX(-50%);width: 70%;height: 240px;background: radial-gradient(60% 150% at 50% 0%, rgba(103, 45, 255, 0.35) 0%, rgba(7, 3, 26, 0) 70%);pointer-events: none;}
.footer-top {padding-bottom: 80px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-top__inner {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 32px;}
.footer-top__text {max-width: 620px;}
.footer-top__eyebrow {letter-spacing: 0.22em;text-transform: uppercase;color: rgba(255, 255, 255, 0.7);margin-bottom: 12px;}
.footer-top__headline {color: #ffffff;letter-spacing: -2.6px;margin: 0;line-height: 1.2;}
.footer-top__cta {display: flex;flex-direction: column;align-items: flex-start;gap: 14px;}
.footer-top__button {display: inline-flex;align-items: center;justify-content: center;padding: 18px 40px;border-radius: 999px;background: linear-gradient(135deg, #FFC78D 0%, #E772FF 52%, #9B3CFF 100%);color: #080415;text-transform: uppercase;letter-spacing: 0.12em;box-shadow: 0 24px 52px rgba(73, 45, 202, 0.45);transition: transform 0.25s ease, box-shadow 0.25s ease;}
.footer-top__button:hover {transform: translateY(-2px);box-shadow: 0 32px 58px rgba(73, 45, 202, 0.5);}
.footer-top__note {color: rgba(255, 255, 255, 0.65);letter-spacing: 0.1em;}
.footer-main {padding: 80px 0;}
.footer-main__grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 48px;align-items: start;}
.footer-brand__logo {width: 180px;height: auto;margin-bottom: 18px;}
.footer-brand__copy {color: rgba(255, 255, 255, 0.75);letter-spacing: 0.08em;line-height: 1.6;margin-bottom: 16px;}
.footer-brand__contact a {color: #FFC78D;letter-spacing: 0.12em;}
.footer-brand__contact a:hover {color: #FFE1B8;}
.footer-column__title {letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 255, 0.78);margin-bottom: 18px;}
.footer-column__list {display: grid;gap: 10px;letter-spacing: 0.08em;}
.footer-column__list a {color: rgba(255, 255, 255, 0.68);transition: color 0.2s ease, transform 0.2s ease;}
.footer-column__list a:hover {color: #FFC78D;transform: translateX(4px);}
.footer-bottom {padding: 32px 0;border-top: 1px solid rgba(255, 255, 255, 0.08);}
.footer-bottom__inner {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 16px;color: rgba(255, 255, 255, 0.55);letter-spacing: 0.08em;}
.footer-bottom__links {display: flex;gap: 20px;}
.footer-bottom__links a {color: rgba(255, 255, 255, 0.55);}
.footer-bottom__links a:hover {color: #FFC78D;}
@media (max-width: 1199px) {
.site-footer {padding-top: 180px;}
.footer-main__grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 48px 32px;}
}
@media (max-width: 767px) {
.footer-top__inner {flex-direction: column;align-items: flex-start;}
.footer-top__headline {font-size: clamp(1.8rem, 6vw, 2.6rem);}
.footer-top__cta {align-items: stretch;width: 100%;}
.footer-top__button {justify-content: center;}
.footer-main__grid {grid-template-columns: 1fr;}
.footer-bottom__inner {flex-direction: column;align-items: flex-start;gap: 10px;}
}
/* Disclaimer card refresh */
.professional-disclaimer {padding: 120px 0;background: linear-gradient(180deg, #f8f7ff 0%, #ffffff 100%);}
.disclaimer-card {background: #ffffff;border-radius: 36px;box-shadow: 0 30px 60px rgba(36, 35, 62, 0.12);padding: 52px 60px;border: 1px solid rgba(118, 105, 216, 0.18);position: relative;overflow: hidden;}
.disclaimer-card::after {content: "";position: absolute;inset: -20% -40% auto auto;width: 280px;height: 280px;border-radius: 50%;background: radial-gradient(circle at center, rgba(103, 45, 255, 0.12), rgba(103, 45, 255, 0));opacity: 0.8;pointer-events: none;}
.disclaimer-icon {font-size: 36px;margin-bottom: 16px;}
.disclaimer-title {letter-spacing: 0.22em;text-transform: uppercase;color: #472ED1;margin-bottom: 12px;}
.disclaimer-text {color: #4f4c66;letter-spacing: 0.08em;line-height: 1.6;margin-bottom: 22px;}
.disclaimer-link a {color: #472ED1;letter-spacing: 0.12em;text-transform: uppercase;border-bottom: 1px solid rgba(71, 46, 209, 0.3);padding-bottom: 6px;display: inline-block;}
.disclaimer-link a:hover {color: #24118F;border-color: #24118F;}
@media (max-width: 767px) {
.professional-disclaimer {padding: 90px 0;}
.disclaimer-card {padding: 44px 28px;border-radius: 30px;}
.disclaimer-text {letter-spacing: 0.06em;}
.disclaimer-link a {letter-spacing: 0.1em;}
}