body
{
    font-family: 'Inter', sans-serif;
color:#454a53;
background-color: #FDFDFD;
}  



img {
  width: 100%;

  height: auto;

}

.page{padding-top:180px;}
h1,h2,h3,h4{font-family: 'Satoshi', sans-serif;}
h1{
  font-weight:700;
  font-size:48px;
  line-height: 56px;
  color:rgba(52, 55, 58, 1);
}

h1 span{display: block;background: linear-gradient(283.54deg, #634AFC 3.64%, #917EFF 100.53%);
  -webkit-background-clip: text;
  color: transparent;
 
}
h1.large{font-size:56px;line-height:68px;}
h2{ font-weight:700;
  font-size:40px;
  line-height: 52px;
  color:rgba(52, 55, 58, 1);

 }
h3{font-weight:500;
  font-size:36px;
  line-height: 48px;
color:rgba(52, 55, 58, 1);}
h3.large{ font-size:40px;
  line-height: 46px;}
  h3.extra{font-size:32px;max-width:504px;margin:0px auto;}
h4{font-weight:700;
  font-size:20px;
  line-height: 28px;}
  h4 a{ color:rgba(52, 55, 58, 1);text-decoration: none;}
h5{font-size:16px;line-height:32px;font-weight:600}

.rowC{width:1216px;margin:0px auto;display:flex;justify-content: space-between;align-items:stretch}
.colC{width:556px;}

.mx12{margin:0px 12px;}
.my-bx{margin-top:36px;margin-bottom:36px;}
.pt140{padding-top:140px;}
.pt152{padding-top:152px;}
.pt168{padding-top:168px;}
.pb40{padding-bottom: 40px;}
.pb80{padding-bottom:80px;}

.p64{padding:64px}
.py40{padding-top:40px;padding-bottom: 40px;}
p{line-height: 32px;;}
p.power{font-size:30px;line-height:40px;
font-family: 'Satoshi',sans-serif;}
.btn-main{
  background-color:#020823;
  padding:12px 16px;
  border-radius:12px;
  color:#ffffff;
  font-size:14px;
  font-weight:15px;
  border:1px solid #FFFFFF;

}

.icnTitle{display:inline-flex;
  justify-content:center;
  align-items: center;
 width:40px;height:40px;border-radius:20px;background:rgba(228, 223, 255, 1);text-align:center;line-height:40px;}
.icnTitle img{height:auto;width:20px;}
.btn-main:hover{  background-color:#020823;  color:#ffffff;border:1px solid #FFFFFF;}
.solBck .btn-main{background-color:transparent;}
.arrwgo{background-image: url('../images/arrwgo.svg');
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 38px;
}

.arrwgoB{background-image:url('../images/icons/arrwgob.svg');
  background-repeat:no-repeat;
  background-position:right 10px center;
  padding-right:32px;
  color:#34373a;
  font-size:14px;
  text-decoration: none;
  font-weight:500;
  }
  .arrwgoB:hover{
    color:rgb(80, 59, 222);
    background-image:url('../images/icons/arrwgob-p.svg');
  }
  .shdwLong {
    border: 1px solid var(--light-mode-purple-50, #DCDFFF);
    box-shadow: 0px 0px 0px 0px rgba(117, 111, 159, 0.10), 0px 8px 17px 0px rgba(117, 111, 159, 0.10), 0px 31px 31px 0px rgba(117, 111, 159, 0.09), 0px 30px 42px 0px rgba(117, 111, 159, 0.05), 0px 40px 49px 0px rgba(117, 111, 159, 0.01), 0px 40px 54px 0px rgba(117, 111, 159, 0.00);
  }
  .frontcard {
    padding: 32px 32px 0px 32px;
    border-radius: 16px;
    border: 1px solid var(--light-mode-purple-50, #DCDFFF);
    background: var(--gradient-front-cards, radial-gradient(131.46% 132.62% at 46.48% 26.39%, #FDFCFF 0%, #E9E5FF 100%));
    box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
  }
.insider{background-color:rgba(245, 245, 245, 1);
  border-radius:12px;


}
.insider p{line-height:24px;font-size:14px;color:rgba(69, 74, 83, 1)}

.crd{border: 1px solid rgba(237, 237, 241, 1);
border-radius:12px;
background:rgba(250, 250, 250, 1);
overflow:hidden

}
 .crd h4{font-size:18px;}
.crdIcn{font-size:36px;
  font-family:  'Satoshi',sans-serif;
  line-height: 30px;
  font-weight:900;
  display:flex;
  justify-content: center;
  align-items: center;
  
}
.crdIcn span{width:32px;height:32px;display: inline-block;
background-position: center;background-repeat: no-repeat;margin-right:14px;}
.hmIcn1{background-image: url('../images/icons/icn1Hme.svg');}
.hmIcn2{background-image: url('../images/icons/icn2Hme.svg');}
.hmIcn3{background-image: url('../images/icons/icn3Hme.svg');}
.hmIcn4{background-image: url('../images/icons/icn4hme.svg');}
.icn-sparks {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-image: url('../images/icons/Sparkles.svg');
 background-size:100%;
 vertical-align: bottom;
 margin-left:8px;
}
.rad16{border-radius:16px;}
.rad20{border-radius:20px;}
.rad40{border-radius:40px;}
.drkBck{
background-color: rgba(250, 250, 250, 1);
border:1px solid #EDEDF1;

}
.mx-c{margin:0px 32px;}
.pwrBck{


  background-image: url('../images/pages/home/testimonial.png?v=1'),linear-gradient(0deg, #FAFAFA, #FDFDFD),
linear-gradient(180.79deg, #FDFDFD 0.57%, #FAFAFA 96.67%);
;
background-size: cover;
background-position: bottom center;
background-repeat: repeat-x;}
.greyBk{background-color: rgba(250, 250, 250, 1);
border:1px solid rgba(237, 237, 241, 1);

background-repeat: no-repeat;
background-size:auto 100%;}
.iamContainer{display: none;}
.iamContainer.active{display:block}
.tbsBck{
  background-color: rgba(246, 246, 246, 1);
  border:1px solid #F0F0F0;
}
.tbopt{color:rgba(94, 94, 94, 1);
  background-color:rgba(239, 239, 239, 1);
  margin:0px 20px;
  padding:4px 16px;
  border:0px;
  font-size:10px;
  line-height: 24px;;
  font-weight: 600;;
  display: inline-block;
  letter-spacing: 2px;
}

.tbopt.active{
  color:rgba(31, 0, 223, 1);
  background-color: rgba(228, 223, 255, 1);
}
.tabCont{font-size:14px;display:none;line-height:80px;}
.tbopt.blk{
  background-color:rgba(52, 55, 58, 1);
  font-size:10px;
  color:#ffffff;
  padding:0px 16px !important;
  line-height: 20px;
  height:28px;
  font-weight: 400;;
}

.tbopt.grn{
  background-color:rgba(221, 250, 231, 1);
  padding:4px 32px;
  color:rgba(7, 102, 67, 1);
  text-transform: uppercase;
  
}
.tbopt.blu{
  background-color:rgba(237, 243, 255, 1);
  padding:4px 32px;
  color:rgba(0, 105, 218, 1);
  text-transform: uppercase;
  
}
.tbopt.orn{
  background-color:rgba(250, 237, 221, 1);
  padding:4px 32px;
  color:rgba(191, 76, 0, 1);
  text-transform: uppercase;
  
}
.tbopt.prp{
  background-color:rgba(231, 227, 255, 1);
  padding:4px 32px;
  color:rgba(48, 17, 234, 1);
  text-transform: uppercase;
  
}
ul.advantages{padding:0;margin:0;}
ul.advantages li{list-style-type: none;
font-size:16px;
color:rgba(67, 67, 67, 1);
line-height:28px;
background-image:url('../images/icons/asterisk.svg');
background-repeat: no-repeat;
background-position: left top 10px;
padding:10px 0px 10px 30px}

.sect{padding:16px;border-radius: 8px;cursor:pointer;background-color:#fafafa;}
.sectAlone{padding:16px;border-radius: 8px;background-color: rgba(250, 250, 250, 1);}
.sect h5{font-size:16px;line-height:32px;font-weight: 600;
margin:0px;
background-image: url('../images/arrwDw.svg');
  background-repeat: no-repeat;
  background-position:right center;
  background-size:14px;
}
.sect.active  h5{
  background-image: url('../images/arrwDw2.svg');
}

.sect.active{
  background-color: rgba(245, 245, 255, 1);
}
.sect .sectCont{display: none;}
.sect.active .sectCont{display: block;line-height:32px;padding-top:4px;}
.ctaUniv{ 
  align-items: center;
 
  margin: auto;

  position: relative;
  padding: 0px;
  box-sizing: border-box;

  background: #F5F5F5;
  background-clip: padding-box;

  border: solid 5px transparent;

  border-radius: 20px;
  margin-bottom:108px;
}
.ctaUniv:before{ 	 content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -5px;
 
  border-radius: inherit;


 background: linear-gradient(243.51deg, rgba(224, 219, 255, 0.9) -2.06%, rgba(227, 251, 220, 0.9) 25.76%, rgba(203, 250, 243, 0.9) 71.25%, rgba(189, 178, 255, 0.9) 105.75%);
 
 
}

.ctaUniv h3{font-size:28px;line-height:36px;}
.iconTp{display: inline-block;
width:64px;
height:64px;

border-radius:6px;
border:1px solid rgba(201, 220, 255, 1);
background-repeat: no-repeat;
background-position: center;
}


.tpIc1{background-image: url(../images/icons/precise_location_1.svg),linear-gradient(180deg, #E8F1FF 0%, #B3D4FF 100%);;}
.tpIc2{background-image: url(../images/icons/precise_location_2.svg),linear-gradient(180deg, #E8F1FF 0%, #B3D4FF 100%);;}
.tpIc3{background-image: url(../images/icons/precise_location_3.svg),linear-gradient(180deg, #E8F1FF 0%, #B3D4FF 100%);;}



.pgTitle{display: block;
font-size:16px;line-height: 32px;align-items: center;
}

.pgTitle span{text-align:center;display:  inline-block;width:36px;height: 36px;border-radius: 6px;
border:1px solid rgba(201, 220, 255, 1);margin-right:8px;background-repeat: no-repeat;background-position: center;background-image: linear-gradient(180deg, #E8F1FF 0%, #B3D4FF 100%);}
.pgTitle span.prp{text-align:center;display:  inline-block;width:36px;height: 36px;border-radius: 6px;
border:1px solid rgba(224, 218, 255, 1);margin-right:8px;background-repeat: no-repeat;background-position: center;background-image:linear-gradient(180deg, #F8F7FF 0%, #D5CDFF 87%, #C9C0FD 100%);
}
.pgTitle span.pnk{text-align:center;display:  inline-block;width:36px;height: 36px;border-radius: 6px;
border:1px solid rgba(202, 128, 239, 1);margin-right:8px;background-repeat: no-repeat;background-position: center;background-image: linear-gradient(180deg, #FCDBFF 0%, #EC70FF 100%);

}

.pgTitle span.grn{text-align:center;display:  inline-block;width:36px;height: 36px;border-radius: 6px;
border:1px solid rgba(128, 239, 183, 1);margin-right:8px;background-repeat: no-repeat;background-position: center;background-image: linear-gradient(180deg, #C4FFDB 0%, #5FE8A4 100%);


}
.pgTitle span img{width: 20px;height:20px}
.testimonialImg{display:inline-block;width:32px;height:32px;}

.testiBox{
  background: linear-gradient(176.96deg, #FAFAFA 5.11%, #F5F5F5 97.48%);
border:1px solid rgba(237, 237, 241, 1);
}

.step{font-size:82px;
font-weight: 800;
color:rgba(235, 235, 235, 1);

position: relative;}
.step span{
  position: absolute;
  content:"";
  width:11px;
  height: 11px;
  background:rgba(145, 126, 255, 1);
  border-radius:6px;
  top:57px;
 margin-left:-6px;
  left:50%;
  z-index:2
}
.stpAft:after{
  content:"";
  width:100%;
  height:1px;
  background:rgba(224, 233, 249, 1);
  position:absolute;
  top:42px;
  left:50%;
  z-index:1;
 
}
.stpBfr:before
{
  content:"";
  width:100%;
  height:1px;
  background:rgba(224, 233, 249, 1);
  position:absolute;
   top:42px;
 right:50%;
  z-index:1;
 
}
#sPrf2,#sPrf3{display:none;}

/* customers */
.logos {
  overflow: hidden;
  padding: 20px 0;
  background: #FDFDFD;
  white-space: nowrap;
  position: relative;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #FDFDFD);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #FDFDFD);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 52px;
  width: auto;
  margin: 0 10px;
}
/*pricing*/
.prcBck{background-color:rgba(227, 227, 255, 1);
  background-position:left bottom;
  background-image: url('../images/pricing-back.png');margin-top:120px;border-radius:40px;background-repeat:no-repeat}
.prcBck h1{font-size:62px;line-height:76px;}

.btnNxt,.btnSkp{display: flex;justify-content: center;align-items: center;}
.btnNxt span{background-image:url('../images/icons/arrwNxt.svg');
display:inline-block;
width:20px;height:14px;
background-repeat: no-repeat;
background-position:center;
margin-left:5px}
.btnSkp{background-color:rgba(222, 216, 255, 1) !important;color:rgba(99, 74, 252, 1) !important;}
.btnSkp span{background-image:url('../images/icons/arrwSkip.svg');
display:inline-block;
width:20px;height:14px;
background-repeat: no-repeat;
background-position:center;
margin-left:5px}
.presnt {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url('../images/present.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.cell {
  padding: 16px 0px;
    padding-right: 0px;
    padding-left: 0px;
  margin-top: 0px;
  min-height: 56px;
  font-size: 14px;
  line-height: 24px;
}
.lnBtm {
  border-bottom: 1px solid #F0F0F0;
}
.cntrl {
  background-image: url('../images/arrwDw.svg');
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 4px;
}
.active .cntrl {
  background-image: url('../images/arrwUp.svg');
}
.spacer {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
}
.lgtBck{background-color: #FDFCFF}
.cntt .lnBtm:nth-child(2n){background-color: rgba(250, 250, 250, 1);}
.sticky {
  position: fixed !important;
  background-color: #ffffff;
  top: 88px;
  z-index: 12 !important;
  width: 100%;
}
/*form*/
.text-danger{font-size:14px;color:rgba(255,103,89,1)}
.formHld{
  background-color: rgba(253, 253, 253, 1);
  border:1px solid rgba(235, 235, 235, 1);
  box-shadow: 0px 6px 12px 0px rgba(170, 154, 249, 0.1);

box-shadow: 0px 22px 22px 0px rgba(170, 154, 249, 0.09);

box-shadow: 0px 50px 30px 0px rgba(170, 154, 249, 0.05);

box-shadow: 0px 88px 35px 0px rgba(170, 154, 249, 0.01);

box-shadow: 0px 138px 39px 0px rgba(170, 154, 249, 0);
box-shadow:0px 20px 40px 0px rgba(161,155,242,0.25);
border-radius: 32px;
}
 .form-label{font-family: 'Inter', sans-serif;font-weight: 500;line-height: 32px;}
.form-label span{display: block;font-size:14px;font-weight: normal;line-height:24px}
.btnFrm{width: 100%;background-color: rgba(99, 74, 252, 1);padding:12px 8px;border-radius:12px;
font-size: 14px;font-weight:500;color:#ffffff;}
.btnFrm:hover{background-color: rgba(99, 74, 252, 1);color:#ffffff;}

input[type=text]:focus,.formHld select:focus {
  box-shadow: none;border-color: #A191FF;
}
.form-control{padding:12px;border-radius:10px;}
.form-control::placeholder {color:#B3B3B3 !important;font-size:14px;}
.inact,.inact:hover,.inact:focus,.inact:active{background-color:rgba(215, 215, 215, 1) !important;color:#ffffff !important;border:1px solid rgba(215, 215, 215, 1) !important;}
.form-text{height: 18px;;}
/* solutions*/


.solBck{background-image: url('../images/solutions-back.png');margin-top:120px;border-radius:40px;background-size:cover;padding:80px 0px}

.solBck h1{color:rgba(244, 243, 248, 1);font-size:56px;line-height:68px;}
.solBck h1 span{ background: linear-gradient(90deg, #B88EFF 0%, #8DBFFF 100%);

    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  color: transparent;display:inline;}
.solBck p{color:rgba(245, 245, 245, 1);font-size:20px;font-weight: 200;}
.faq{border-bottom:1px solid #F5F4F4;}

.faqTitle{cursor:pointer;display:flex;justify-content: space-between;}
.faqTitle span{display: block;width:32px;height:32px;background-image: url('../images/icons/faqArrw.svg'); flex:none;
  background-position: right center;}
.active .faqTitle span{transform: rotate(180deg);background-position: left center;}
.faqContent{display: none;}
.active .faqContent{display: block;}
.faqContent p{font-size:16px;line-height:32px;}

.stpIcn{position: relative;}
.stpIcn span{background: linear-gradient(169.35deg, #E4FBFD 35.55%, #C3F1F8 92.08%);
height:84px;width:84px;
border-radius:50px;
display: inline-block;
position: relative;
z-index:10;
text-align: center;
line-height: 84px;
margin-bottom:40px;
}
.stpIcn span img{height:34px;width:34px;display: block;margin:0px auto;margin-top:25px}

.missing{
  border:1px solid rgba(237, 237, 241, 1);
  background-color: rgba(250, 250, 250, 1);
  border-radius:12px;
  padding:40px 32px;
}
.missing h4,.present h4{font-size:24px;line-height: 36px;}
.missing ul,.present ul{margin:0px;padding:0px;}
.missing ul li{margin:20px 0px;
padding-left:24px;
background-image:url('../images/icons/missing.svg');
background-repeat:no-repeat;
background-position: left 9px;
list-style-type: none;
line-height:32px}
.missing ul li:last-child{margin:20px 0px 0px 0px;}
.present
{background: linear-gradient(32.47deg, #FAFAFA 17.48%, #EFECFF 90.81%);
  

  width:calc(100% - 8px);
  height:calc(100% - 8px);
 padding:40px 32px;
  position: relative;
  top:4px;
  left: 4px;

border-radius:12px;}
.present ul li {margin:20px 0px;
  padding-left:36px;
  background-image:url('../images/icons/present.svg');
  background-repeat:no-repeat;
  background-position: left 9px;
  list-style-type: none;
line-height:32px}
.present ul li:last-child {
  margin: 20px 0px 0px 0px;}


  .present::before {
    content: "";
    width:calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 16px;
    background-image: linear-gradient(
      var(--rotate)
      , #BBB0FF, #DFFFD6 43%, #CAFFF7);
      position: absolute;
      z-index: -1;
      top: -4px;
      left: -4px;
      animation: spin 2.5s linear infinite;
  }
  ul.greenPres{margin-left:0px;padding-left:0px;}
ul.greenPres li {margin:16px 0px;
  padding-left:28px;
  background-image:url('../images/icons/greenChk.svg');
  background-repeat:no-repeat;
  background-position: left center;
list-style-type: none;}
  
  @keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
  }
  
/* AI page */

.icnh{width: 24px;height: 24px;display: inline;border-radius:6px;margin-right:10px;line-height:24px;text-align:center}
.icnh img{width:18px;height:18px;display: block;margin-top:2px;margin-left:2px;}
.icnOrng{
  background: linear-gradient(180deg, #FFEFE8 0%, #FFD7B3 100%);
border:1px solid rgba(255, 222, 172, 1)
}
.icnPrp{background: linear-gradient(180deg, #F0E8FF 0%, #DCB3FF 100%);
  border:1px solid rgba(217, 197, 255, 1);

}
.icnPrp2{background: linear-gradient(180deg, #F8F7FF 0%, #D5CDFF 87%, #C9C0FD 100%);

  border:1px solid rgba(224, 218, 255, 1);
box-shadow: 0px 4px 8px 0px rgba(165, 165, 165, 0.25);
margin-bottom:20px;
}
.icnPrp2 img{width:36px;margin-top:13px;max-height:36px;}
.icnBlu{background: linear-gradient(180deg, #E8F2FF 0%, #B3D0FF 100%);

  border:1px solid rgba(197, 219, 255, 1);

}
.icnPnk{background: linear-gradient(180deg, #FFE8FD 0%, #FEB3FF 100%);

  border:1px solid rgba(255, 197, 252, 1);

}
.preGrey{background: linear-gradient(180deg, #FDFDFD 85.38%, #F9F9F9 100%);
}
.greyGrad{background: linear-gradient(180deg, #F9F9F9, #F5F5F5 80%);
  }
  .preLila{
  background: linear-gradient(180deg, #FDFDFD 94.86%, #FAFAFE 100%);
}
.lilaGrad{
  background-image:url('../images/pages/home/testimonial.png?v=1'), linear-gradient(180deg, #FAFAFE 94.86%, #F5F5FF 100%);
  background-size: cover;
  background-position: bottom center;
  background-repeat: repeat-x;
}
.whiteBk {
  background-color: rgba(253, 253, 253, 1);
  border: 1px transparent #E2DFF3 ;
  border-image: 
    linear-gradient(
      to bottom, 
       #E8E6F3, 
     #FDFDFD
    ) 1 100%;
 box-shadow: 0px 7px 12px 0px rgba(191, 187, 230, 0.25);
}
.whiteBk h4{font-family: 'Inter', sans-serif;
font-size:16px;
font-style: normal;
font-weight: 600;
line-height: 32px;}
.brdx{border-top:1px solid rgba(237, 237, 241, 1);
  border-bottom:1px solid rgba(237, 237, 241, 1)}
  .brdTp{border-top:1px solid rgba(237, 237, 241, 1);}
.brdAll{border:1px solid rgba(237, 237, 241, 1);
background-image: url(../images/pages/ai/AMI.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;}
.blckBck {
  padding-top:70px;
  background-color: #000000;
  color: rgba(255, 255, 255, 1);

}
.blckBck h1{color:#ffffff;font-size:56px;line-height:68px;}
.imgBtm {
  background-color: #000000;
  background-image: url('../images/bck-btm.png');
  background-position:
bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  color:#ffffff;
  padding-bottom:210px;
}
#bgvid{width:100%;
  position:absolute;
  bottom:-170px;
 
}
.videoHld{overflow: hidden;}
.videoHld,.videoHld .container{position:relative;}
.purpBrd {
  border:
1px solid #E6A1FF;
  border-radius:
20px;
  background-image: url('../images/pages/ai/admin-feel-different.png');
  background-repeat: no-repeat;
  background-position:
left center;
  background-size: auto 100%;
}
/* menu start */
.menuTop{background-color: #FDFDFD;
border:1px solid #EDEDF1;
border-radius:24px;
padding:0px 12px;
margin-top:16px;

box-shadow: 0px 12px 30px 0px rgb(0,0,0,0.05);
position:relative;

}
.menuHld{width:100%;display: flex;position:relative}
.logo{position: absolute;margin-top:20px;margin-left:10px;z-index:10;}
.logo A{width:119px;height:24px;display:block;text-align:center;}
.mainMenu{margin:0px auto;}
.extraMenu{position:absolute;float:right;right:-2px;top:12px;}


.btnMain{background-color: #051043;
border-radius:12px;
padding:8px 16px;
font-family: Inter;
color:#ffffff;
font-size:14px;
line-height:26px;}
.btnMain:hover{background-color: #051043;
color:#ffffff;}


.btnSec{background-color: #E5E7FF;

  border-radius: 12px;
  padding: 8px 16px;
  font-family: Inter;
  color: #020823;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  margin-right:12px;}
  .btnSec:hover{background-color: #E5E7FF; color: #051043;}

  .extraMenu .btnMain{background-color: #020823;}
  .extraMenu .btnMain:hover{box-shadow: 0px 5px 5px 2px rgb(0,0,0,0.05);  }
.navbar-nav {
  flex-direction: row;
  align-items: center;
 padding:18px 0px;
}

.nav-item{padding:0px 5px;margin:0px;}
.nav-item:hover:after{
    content: "";
position:absolute;
    display:block;

    margin-left:-80px;
   top:49px;
    width:40ch;
   bottom:-1.25rem;

 
}
.nav-item A{text-decoration:none;
    color:rgba(69, 74, 83, 1);
    font-size:14px;
    font-weight: 500;
    line-height: 32px;
    padding:0px 12px;
    line-height: 32px;
    display: block;
    border-radius:12px;
}
.nav-item A:hover,.active.nav-item A{ background-color:rgba(244, 243, 248, 1);}
.nav-item.lst{position:relative}
.nav-item.lst .btnMain{position: absolute;right:-100px}
.prodBtn{
    background-color:rgb(255, 255, 255);
    padding:0px 12px;
    border-radius:12px;
    line-height: 32px;
    color:rgba(69, 74, 83, 1);
    display: flex;
    align-items: center;
    font-size:14px;
    font-weight: 500;
    cursor: pointer;
    
}
.prodBtn span{width:16px;height:16px;background-image:url('../images/menu_arrw_dwn.svg');
    background-repeat: no-repeat;
    background-position:center center;
   margin-left:4px;
display:block}
.active  .prodBtn,.prodBtn:hover{ background-color:rgba(244, 243, 248, 1);}
.active .prodBtn span,.prodBtn:hover span{transform:rotate(180deg)}

.menuExtra{position: absolute;
    display: none;
  
    border-radius:24px;
    padding:32px;
    top: 74px;
    z-index: 100;
    border: 1px solid #EBEEFF;
    border-radius: 12px;
    padding: 16px 24px;
    background-color:rgba(253, 253, 253, 1);
    box-shadow: 0px 0px 0px 0px rgba(156, 140, 177, 0.10), 0px 5px 11px 0px rgba(156, 140, 177, 0.10), 0px 19px 19px 0px rgba(156, 140, 177, 0.09), 0px 43px 26px 0px rgba(156, 140, 177, 0.05), 0px 77px 31px 0px rgba(156, 140, 177, 0.01), 0px 120px 34px 0px rgba(156, 140, 177, 0.00);

}
.expanded .menuExtra{display: block;}
.menuExtra a {
    display: flex;
    font-size:16px;
    font-weight: 500;
    line-height: 16px;

    margin: 16px 0px;
    padding:0px !important;
    text-align: left;
    color:rgba(52, 55, 58, 1)
  }
  .menuExtra a.reglr{align-items:center;}
  .menuExtra a .icn{width: 36px;
    display: inline-block;
    text-align:center;
    height:36px;
    background-color:rgba(244, 243, 248, 1);
    border-radius:6px;margin-right:16px;
background-repeat:no-repeat;
background-position:center;
line-height:36px;
flex-shrink:0;
}

.menuExtra A .icn svg{stroke:#75707C}
.menuExtra a:hover .icn svg{stroke:#634afc}
.menuExtra a:hover .icn{background-color:rgba(235, 232, 248, 1);}
  .menuExtra a span{display:block;font-weight: 400;line-height: 24px;color:rgba(117, 112, 124, 1);font-size:14px;padding-top:4px;}
  .menuExtra a:hover{background-color:rgba(253, 253, 253, 1);}

 .secMenu{list-style-type: none;padding:16px 0px;margin:0px;position:relative;
    min-height:399px;}
 .secMenu button{border:0px;border-radius:12px;padding:12px;font-size:16px;line-height:24px;font-weight:500;width:264px;
text-align:start;
margin:8px 0px;
background-color: rgba(253, 253, 253, 1);
color:#34373A;
}
.secMenu .active button,.secMenu button:hover{background-color:rgba(244, 243, 248, 1);
background-image: url('../images/menu/ChevronRight.svg');
background-repeat: no-repeat;
background-position:right 10px center}

.secMenu li:first-child button{margin-top:0px;}

.sideMenu{position:absolute;width:371px;
    display:none;
right:0px;
top:16px;
background-color: rgba(249, 249, 249, 1);
padding:24px;
border-radius:12px;
min-height: 368px;}
.secMenu li.active .sideMenu{display:block;}
.active.nav-item .sideMenu A,.sideMenu A,.sideMenu A:hover{background-color: rgba(249, 249, 249, 1);}

.sideMenu A:first-child{margin-top:0px;}
.sideMenu A:last-child{margin-bottom:0px;}
.w792{width: 792px;margin-left:-346px;}
.w700{width:700px;margin-left:-300px;}
.w256{width:256px;margin-left:-70px;}

.mobMenu{display:none;width:36px;height:40px;position:relative;
    background-color:rgba(245, 245, 245, 1);border:0px;border-radius:8px}
      .mobBtn {
       
        top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
        position: absolute;
        width: 20px;
      }
      .mobBtn:before,
    .mobBtn:after
     {
      background: rgba(69, 74, 83, 1);
      content: "";
      display: block;
      height: 2px;
      border-radius: 3px;
      margin: 6px 0;
      transition: 0.5s;
    }
    
    
    .mobAct:before {
      transform: translateY(4px) rotate(135deg);
    }
    .mobAct:after {
      transform: translateY(-4px) rotate(-135deg);
    }
    .mobAct div {
      transform: scale(0);
    }
    .mobHld{display: none;}
.page{background-image:url('../images/bck.png');background-repeat: no-repeat;background-position: top center;
  background-size:100%;
    }
.pageHrd{padding-top:120px;background-image:url('../images/pages/hardware/hardware-bg.png');

  background-repeat: no-repeat;background-position: bottom 50px center;background-size: 100%;padding-bottom:0px;}
.footer{background-color: rgba(32, 31, 41, 1);
  border-radius:20px;
  position:relative;
  overflow:hidden;
  margin-bottom:32px !important;
}
.footer img{width:auto;height:24px;}
.socImg img{width:24px !important;height:24px !important;}
.footer::after {
  border-radius: 897.931px;
  opacity: 0.7;
  

   background: linear-gradient(195deg,rgba(197, 36, 255, 1) 4%, rgba(99, 74, 252, 1) 89%);
 
  filter: blur(8.5rem);
  width: 387px;
  height: 387px;
  content: "";
  position: absolute;
 bottom: -200px;
  right: 380px;
  z-index: 1;
}
.footer h4{font-family:  'Satoshi',sans-serif;
  font-size:17px;
  font-weight:700;
  color:rgba(253, 253, 253, 1);}
.footer h5{
  font-family:  'Satoshi',sans-serif;
  font-size:16px;
  font-weight:700;
  color:rgba(253, 253, 253, 1);
}
.footer ul{padding:0px;margin:0px;}
.footer ul li{padding:4px 0px;list-style-type: none;}
.footer A{
  font-family: 'Inter',sans-serif;
  color:rgba(214, 214, 214, 1);
  text-decoration:none;
  font-size:14px;

}
.footer A:hover{text-decoration:underline}
.footer div {z-index:2;}

.lgIn{font-family: 'Satoshi', sans-serif;
font-size:18px;
font-weight:500;
line-height: 32px;
color:rgba(253, 253, 253, 1);}
.lgIn A{font-size:18px;color:#E9A8FF}
.copy{font-size:14px;line-height:24px;
color:rgba(214, 214, 214, 1)}
.brdFt{border-top:1px solid rgba(61, 57, 77, 1);}
.cntft{background-repeat:no-repeat;background-position:left center; padding-left:20px;}
.ft1{background-image:url('../images/ftIcn1.svg');color:#FDFDFD !important}
.ft2{background-image:url('../images/ftIcn2.svg');color:#FDFDFD !important}
.ft3{background-image:url('../images/ftIcn3.svg');color:#FDFDFD !important}

.ftFrm{border-top:1px solid #e8e8e8;display: flex;
background-image:url('../images/newsletter.svg');background-repeat:no-repeat;background-position: left center;padding-left:24px;;}
.ftFrm input{border:0px; color:rgba(214, 214, 214, 1);background-color:rgba(0,0,0,0);width:88%;height:26px}  
.ftFrm input[type=text]:focus {
  border: 0px solid #555;
  box-shadow:0px;
  outline: none;
}
.ftFrm button{
  background-image:url('../images/nwssnd.svg');
  height:26px;
  width:10%;
  border:0px;
  padding:0px;
  background-repeat: no-repeat;
  background-color: rgba(32, 31, 41, 1);
  background-position:right center;

}
.frmError{color:#f57272;font-size:13px;}
/* menu end */

.gradient {
  background: linear-gradient(272.13deg, #836EFF 25.48%, #44AAFF 36.97%, #5CD78C 71.15%);

 
    background-clip: border-box;
  -webkit-background-clip:
text;
  color: transparent;
}
.prpHighlight{background: rgba(137, 117, 255, 1);
  background-clip: border-box;
  -webkit-background-clip:
text;
  color: transparent;
}
.blueHighlight{background: rgba(76, 163, 255, 1);
  background-clip: border-box;
  -webkit-background-clip:
text;
  color: transparent;}
.fullGradient{background: linear-gradient(271.72deg, #836EFF 33.32%, #44AAFF 72.72%, #5CD78C 98.49%);
  background-clip: border-box;
  -webkit-background-clip:
text;
  color: transparent;
}
.emFrm{border-bottom:1px solid #e8e8e8;display: flex;
  background-image:url('../images/emal.svg');background-repeat:no-repeat;background-position: left center;padding-left:24px;;}
  .emFrm input{border:0px; background-color:rgba(0,0,0,0);width:88%;height:26px;color:#454a53;font-size:14px;}  
  .emFrm input[type=text]:focus {
    border: 0px solid #555;
    box-shadow:0px;
    outline: none;
  }
  .emFrm button{
    background-image:url('../images/emsnd.svg');
    height:26px;
    width:10%;
    border:0px;
    padding:0px;
    background-repeat: no-repeat;
    background-color: rgba(245, 245, 245, 1);
    background-position:right center;
  
  }
  .faces{background-image:url('../images/insider.png');
  background-position:left bottom;
background-repeat: no-repeat;
background-size:60%;}

.integrations{
  background-image:  url('../images/intL.png'),url('../images/intR.png'),url('../images/Integrations.png');
  background-position:  left center, right center,center center;
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-size:auto,auto,80%;
}
.mobileBck{
  background-image: url('../images/Integrations.png');
  background-position:  center center;
  background-repeat: no-repeat;
}
/* mobile page */
.mobileDwn{height:51px;display: inline-block;}

/* hardware page */
.tip{background-color: rgba(246, 246, 246, 1);
border:1px solid rgba(225, 225, 225, 1);
border-radius:12px;
padding:8px;
align-items: center;
display: flex;


}
.tip span{display: inline-block;
 
  flex-shrink: 0;
width:56px !important;
height:56px;
line-height: 56px;;
border-radius:7px;
background: linear-gradient(180deg, #ECF2FA 0%, #EAF3FF 94.64%, #DDE7F5 100%);
margin-right:10px;
border:1px solid rgba(220, 226, 238, 1);
}
.tip span img{height:42px;}

.crdHrw{
min-height: 366px;
  border:1px solid rgba(237, 237, 241, 1);
  background: linear-gradient(180deg, #FFFFFF 73.54%, #FBF9FC 100%);
  padding: 12px;
  cursor:pointer;
}
.crdHrw .crdBck {display: none;}

.crdHrw.active .crdBck {display: block;}

.crdHrw.active .crdFrnt{display: none;}
.jumpRgt{float:right}
   .jumper{float:left;}

   .vidHld img{display:none;}
@media (max-width: 1400px)
    {
      .rowC{width:1140px;}
.colC{width:540px;}
    }
@media screen and (min-width: 1200px ) and ( max-width: 1400px)
    {
      .mainMenu{margin-right:280px}
      .w792 {
 
  margin-left: -306px;
}
    }
@media (max-width: 1200px)
    {
      .rowC{width:960px;}
.colC{width:50%;}
      .pageHrd{background-position: top center;background-size:cover}
      .fixed-top .container{width: 100%;margin:0px;--bs-gutter-x:0;max-width:100%;}
      .menuTop{
        height:64px;
        margin:0px;display:flex;justify-content:space-between;border-top:0px;border-right:0px;border-left:0px;border-radius:0px;
      border-bottom:1px solid rgba(237, 237, 241, 1);}
      .menuHld{display: none;width:100%;position:absolute;width:100%;top:64px;background-color:#fff;
      padding:0px 40px 20px 20px;overflow-x:scroll;}
      .logo{margin:0px;position: unset;margin-left:20px;}
      
      
        .w792,.w256{margin-left:0px;width:100%;}
        .w700{margin-left:0px;width:100%;}
        .mobHld{display: block;right:0px;top:0px;}
        .mainMenu{display: block;;}
        .navbar-nav{display:block;}
        .mobMenu{display: inline-block;right:20px;}
.nav-item{background-color: rgba(250, 250, 250, 1);border-radius: 12px;margin:4px 0px;}
.prodBtn,.prodBtn:hover,.menuExtra{background-color: rgba(250, 250, 250, 1);}
.expanded .prodBtn{color:rgba(73, 49, 220, 1);}
        .nav-item:hover:after{display: none;;}
        .menuExtra{position:relative;top:0px;border-radius:0px;border:0px;box-shadow: none;padding:0px 32px;}
        .prodBtn,.nav-item A{font-size:16px;padding:12px;}
        .prodBtn{position: relative;}
        .prodBtn span{position:absolute;right:10px;}
       .extraMenu{position:unset;float: none;display: flex;justify-content: space-between;padding-bottom:20px;}
        .sideMenu{width:50%;}
        .extraMenu .btnSec{margin-right: 0;}
        .extraMenu .btnMain,.extraMenu .btnSec{width:49%;
        padding:6px 12px;}
         .menuExtra a{display: flex;align-items:center;}
         .menuExtra a:hover{color:rgba(73, 49, 220, 1);background-color: rgba(250, 250, 250, 1)}
        .menuExtra a span{display: none;;}
       
    }
 
    @media (max-width: 992px)
    {.socImg{justify-content: center;}
    .mx12{margin:0px 24px;}
      .missing{padding:32px 16px;}
      .present{padding:32px 14px;}
      .present::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 16px;
  background-image: linear-gradient( var(--rotate) , #BBB0FF, #DFFFD6 43%, #CAFFF7);
  position: absolute;
  z-index: -1;
  top: -1px;
  left: -1px;
  animation: spin 2.5s linear infinite;
}
      .tbopt{margin:0px;}
      .brdFt{padding-bottom:34px;margin-top:34px;}
         .gx16{padding-left:16px;padding-right:16px;}
    .mx-c{margin-left:16px;margin-right:16px;}
    .solBck{padding-bottom:24px;padding-top:24px;}
       .rowC{width:90%;display:block !important;}
.colC{width:100%;}
.solBck h1{font-size:42px;line-height: 48px;}
        .vidHld img{display:block;}
      .vidHld video{display:none;}
      .integrations{
        background-image:  url('../images/appsL.png?v=1'),url('../images/appsR.png?v=1'),url('../images/Integrations.png');
         background-position:  left 40px, right 40px,center center;
      }
      .dskCntr{display: none;}
      .tabCont{display:flex;cursor:pointer;align-items: center;justify-content: space-between;}
      .tabCont span{display:block;background-image: url('../images/menu_arrw_dwn.svg');
      width:32px;height:32px;background-position: center;background-repeat: no-repeat;
    background-size: 16px 8px;}
      .active .tabCont{color:rgba(137, 117, 255, 1)}
.active .tabCont span{background-image: url('../images/arrwUp.svg'); background-size: 24px 24px;}
     
      .iamContainer{display: block;border-bottom:1px solid #EFEFEF;}
      .tabFill{display: none;}
      .active .tabFill{display:flex;padding-bottom:20px;}
      .jumpRgt{float:none}
       h1{font-size:42px;line-height:48px;}
       h2{font-size:32px;line-height:44px;}
     h3{font-size:28px;line-height:40px;}
     h3.large {
  font-size: 34px;
  line-height: 46px;
}
p.power{font-size:28px;}
h3.extra {
  font-size: 24px;
  line-height:36px;
  font-weight: 700;
}
h2.faqMain{font-size: 28px;line-height:40px;}
      .stpAft:after,.stpBfr:before{display:none}
      .secMenu button{width:100%;background-color: rgba(244, 243, 248, 1);}
      .sideMenu{position:unset;width:100%;min-height: 100%;border:1px solid rgba(240, 240, 240, 1);
      padding:0px 24px 14px 24px;}

       .secMenu li.active{border-radius:8px;}
        .secMenu li.active,.secMenu li.active button,.secMenu li.active .sideMenu,.secMenu li.active .sideMenu a{background-color: rgba(244, 243, 248, 1);}
        .secMenu li.active button{color:rgba(73, 49, 220, 1)}
        .secMenu button{padding:16px; background-position:right 16px center;}
    .secMenu button,.secMenu button:hover
      {
        background-image: url('../images/menu_arrw_dwn.svg');
        background-repeat: no-repeat;
        background-position:right 16px center;
      }
      .secMenu .active button{
  background-position:right 16px center;
        background-image: url('../images/menu_arrw_up.svg');
      }
      .extrBtm{padding-bottom:20px;}
      .mb40{margin-bottom: 40px;;}
      .stpIcn span{margin-bottom:16px;}
      .mb-cr{margin-bottom:56px;}
      .pb40{padding-bottom:16px;}
      .lilaGrad{background-image: linear-gradient(180deg, #FAFAFE 94.86%, #F5F5FF 100%)}
      .pt140{padding-top:64px;}
    }


    @property --rotate {
      syntax: "<angle>";
      initial-value: 132deg;
      inherits: false;
    }
    

   /* Modal container (background) */
    .modal {
      display: none;
      position: fixed;
      z-index: 1100;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      animation: fadeIn 0.3s ease forwards;
    }

    /* Modal content */
    .modal-content {
      background-color: #fff;
      margin: 10% auto;
      padding: 32px;
      border-radius: 16px;
      width: 80%;
      max-width: 500px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      position: relative;
      animation: slideUp 0.3s ease forwards;
      opacity: 0;
      transform: translateY(50px);
    }

.modal-content h2{font-size:24px;line-height: 36px;}
  

.mt152{margin-top:152px;}
   @media (max-width: 768px)
   {
    .page{padding-top:104px;}
      h1,h3 {
    font-size: 32px;
   line-height:40px;
  
  }
  
    .socImg{justify-content: start;}
  .crd {
    min-height: 210px;}
    .crdIcn{font-size:30px;}
  .pt152{padding-top:80px;}
  .mt152{margin-top:80px;}
  .tabCont{letter-spacing: 2.24px;
  font-weight: 600;}
  .tbsBck{background-color: rgba(250, 250, 250, 1);
  border: 1px solid rgba(250, 250, 250, 1);}
  .footer{padding:40px 12px;}
  .footer::after{bottom: 130px;
  right: -200px;}
  .menuExtra{padding:0px 16px;}
  .menuExtra a{margin: 8px 0px;}
    .extraMenu .btnMain, .extraMenu .btnSec {padding:12px;}
.ps-c{padding-left:16px;}
.pe-c{padding-right:16px;}
.iamContainer:last-child{border-bottom: 0px;}
.brdMob{border-top: 1px solid rgba(61, 57, 77, 1);margin-top:40px;}
  }

    /* Keyframes */
    @keyframes fadeIn {
      from { background-color: rgba(0,0,0,0); }
      to { background-color: rgba(0,0,0,0.5); }
    }

    @keyframes slideUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }