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%; background:transparent !important;}
.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 50px;
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: #ffaf02;
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: auto;}
.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%;
}
/*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 3%;}
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;
}
/*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;}