body{font-family: 'Inter', sans-serif;}
a{color:#634AFC;font-weight: 600;text-decoration:none;}
img{width:100%;height:auto;}
.tickAbout img{width: 34px;height:34px;}
h1{
  font-size: 64px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 88px;}
  h2,.h2{color: var(--light-mode-text-main, #2C2853);
    text-align: center;
    
    /* H2 */
    font-size: 42px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;}
    .h2 span{color:#634AFC;}
    h3{
      color: var(--light-mode-text-main, #2C2853);
text-align: center;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 56px;
    }
h4,.h4{
  font-size: 22px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;}
  h6{
  
    font-family: 'Inter',sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
   
     
  }
  h4 a,h6 a{color:#2C2853;}
  .medium{
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    }
    .testName{font-family: Inter;
      font-size: 20px;
      font-weight: 600;
      line-height: 32px;
      letter-spacing: 0em;
      text-align: left;
      }
      .blgSm{height: 400px;}
      .blimgHld{overflow: hidden;border-radius:16px;height:400px;}
      .blimgHld img{height:400px;}
a.regular{text-decoration: none;color:#634AFC;background-image: url('../images/stuff/arrow.svg'); background-repeat: no-repeat;
background-position:right center;padding-right:20px;font-weight:500;}
.card{border-radius: 16px;
  border: 1px solid var(--light-mode-purple-50, #DCDFFF);
  background: radial-gradient(131.46% 132.62% at 46.48% 26.39%, #FDFCFF 0%, #E9E5FF 100%);
  text-align: center;
  padding:60px 20px 40px 20px;
  /* Shadow short */
  box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);}
  .card h6{
    padding-top:20px;
    font-family: 'Inter',sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
     
  }
  .iconCard{
    display: inline-block;
    width:80px;height: 80px;
    border-radius: 40px;
border: 1px solid var(--light-mode-purple-40, #E5E7FF);
background: #FFF;
margin: 0px auto;
line-height:80px;
/* Shadow short */
box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
  }
  .btn-secondary{
    width: 100% !important;
   border:0px;
    border-radius: 6px;
    background: var(--light-mode-purple-40, #E5E7FF);
    color: var(--light-mode-purple-text, #4931DC);


font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
  }
 .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%));

/* Shadow short */
box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
 } 
  .icnHld{width:64px;height:64px;
  display: inline-block;border-radius: 8px;
line-height: 64px;;
background-repeat: no-repeat;
background-position: center;;}  
.icnId{background-image:url('../images/stuff/icons/Id.svg'),linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
.icnEv{background-image:url('../images/stuff/icons/holidays-icon.svg'), linear-gradient(137deg, #DCEFFF 0%, #BCE0FF 100%);}
.icnSign{background-image:url('../images/stuff/icons/Documents.svg'),linear-gradient(140deg, #E5FDF0 0%, #C2FBDC 100%);}
.icnTime{background-image:url('../images/stuff/icons/employeeRecordsIcn.svg'),linear-gradient(139deg, #FFF5EB 0%, #FFE8D2 100%);}

.icnTch{background-image:url('../images/stuff/icons/interactive-icon.svg'),linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
.icn360{background-image:url('../images/stuff/icons/360-icon.svg'),linear-gradient(137deg, #DCEFFF 0%, #BCE0FF 100%);}
.icnBlb{background-image:url('../images/stuff/icons/Light bulb.svg'),linear-gradient(140deg, #E5FDF0 0%, #C2FBDC 100%);}

.icnCht{background-image:url('../images/stuff/icons/chat-icon.svg'),linear-gradient(140deg, #E5FDF0 0%, #C2FBDC 100%);}
.icnMap{background-image:url('../images/stuff/icons/map-icon.svg'),linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
.icnCall{background-image:url('../images/stuff/icons/call-icon.svg'),linear-gradient(139deg, #FFF5EB 0%, #FFE8D2 100%);}

.icnDemo{background-image:url('../images/stuff/icons/demo-account.svg'),linear-gradient(139deg, #FFF5EB 0%, #FFE8D2 100%);}
.icnPromotions{background-image:url('../images/stuff/icons/promotion.svg'),linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
.icnClient{background-image:url('../images/stuff/icons/client.svg'), linear-gradient(137deg, #DCEFFF 0%, #BCE0FF 100%);}
  .prpClr{
    background: linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
    .bluClr{
     
      background: linear-gradient(137deg, #DCEFFF 0%, #BCE0FF 100%);}
      .grnClr{
  
background: linear-gradient(140deg, #E5FDF0 0%, #C2FBDC 100%);
      }
        .ornClr{
        
          background: linear-gradient(139deg, #FFF5EB 0%, #FFE8D2 100%);}
            

  .clrPrp{display: inline-block;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--light-mode-purple-30, #EBEEFF);
  color:#4931DC;}
  .clrGrn{display: inline-block;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--light-mode-green-30, #E5FDF0);
  color:#007C66;}
  .clrOrn{display: inline-block;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--light-mode-orange-30, #FFF3E8);
  color:#BE4400;}
p{color: var(--light-mode-text-main, #2C2853);

  
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;}
  .subtitle{color: var(--light-mode-text-main, #2C2853);
    text-align: center;
    
    /* Subtitle */
    font-size: 24px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;}
    .mobMenu{display:none;width:50px;height:46px;position:relative;
      background-color:transparent;border:0px;}
        .mobBtn {
         
          top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
          position: absolute;
          width: 20px;
        }
        .mobBtn:before,
      .mobBtn:after,
      .mobBtn div {
        background: #634afc;
        content: "";
        display: block;
        height: 3px;
        border-radius: 3px;
        margin: 4px 0;
        transition: 0.5s;
      }
      
      
      .mobAct:before {
        transform: translateY(7px) rotate(135deg);
      }
      .mobAct:after {
        transform: translateY(-7px) rotate(-135deg);
      }
      .mobAct div {
        transform: scale(0);
      }
.navbar-nav {
    padding:0px 60px;
    flex-direction: row;
    align-items: center;
   
  }
  .headMenu{margin:0px auto;}
 .headMenu A,.prodBtn{font-size: 14px;font-weight: 400;line-height:32px;text-decoration:none;color:#2C2853;font-family: 'Inter',sans-serif;height:32px;display:block;cursor:pointer;} 

 .headMenu li:hover A,.headMenu li:hover .prodBtn{color:#634AFC ;border-bottom:1px solid #634AFC; }
.headMenu li.active .menuExtra A,.headMenu li:hover .menuExtra a{border-bottom:0px;color:#2C2853}
             .headMenu li.active .expanded A{color:#2C2853 ;border-bottom:0px; }
             .headMenu li.active .prodBtn{color:#4931DC ;border-bottom:1px solid #4931DC;}
 .headMenu li.active A{color:#4931DC ;border-bottom:1px solid #4931DC; }
 .navbar-nav A .arrw svg,.navbar-nav .prodBtn .arrw svg  {
    color: #2C2853;
    transition: transform .1s ease-in-out;
    height: 100%;
    width: 100%;
  }
 .arrw {
    margin-left:2px;
    width: 10px;
    height: 10px;
    display: inline-block;
  }
 .headMenu .nav-item{margin:0px 0px;padding:20px 16px;}
 .navbar .logo{margin-left:60px;position:absolute;width:160px;height:22px;}
 .extraMenu{right:60px;top:20px;display: flex;}
 .extraMenu A{font-weight: 600 !important;text-decoration:none;color:#2C2853;margin:0px 12px;}
  .extraMenu A.senseBtn{border-radius:6px;background-color: #634AFC;color:#fff;gap:8px;font-weight:500;text-align:center;padding:0px 14px;margin-right:0px;}
             .extraMenu A.senseBtn:hover{color:#ffffff;}
 .navbar{padding:0px;}

 .menuExtra{position:absolute;
  display:none;
  width: 100%;
  left:0px;
  top:72px;
  z-index: 100;


}
.menuExtra .active{border-radius:8px ;border:1px solid #4931DC; background-color:#eeecfc}
.menuExtra .active A{color:#4931DC !important;}

.headMenu .expanded .menuExtra{display: block;position:absolute;}
.extraShade{border:1px solid #EBEEFF;
  border-radius:12px;
  padding:16px 32px;
 background-color:#ffffff;
  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);}

  .menuExtra ul{list-style-type: none;margin:0px;padding:0px;}
 
 
  .menuExtra a{display:flex;font-weight:600 ;line-height: 32px;height:60px;margin:16px 0px;text-align:left;}
           
  .menuExtra a .icon{padding-right:16px}
  .menuExtra a span{display:block;font-weight: 400;line-height: 28px;}
  .menuExtra a:hover{border-bottom:0px;color:#634AFC !important;}
  .menuExtra a:hover svg{stroke:#634AFC ;}
  .menuExtra a:hover span{color: #634AFC !important;}
            .prodBtn:hover{color:#634AFC ;border-bottom:1px solid #634AFC;}
  .extraShade .col A:last-child{margin-bottom:0px;}
  .menuExtra .col{padding:0px;}
  .menuExtra .menuHead{font-size:16px;line-height:32px;font-weight: 600;padding-bottom:2px;
  display:flex;flex-direction: column;text-align:left;}
 .menuExtra .subMenuArrw{margin-left: 2px;
width: 10px;
height: 10px;
display: none;
background-image: url('../images/stuff/submenu.svg');
background-size: 100%;}
 
  .menuExtra .mnuIcn{display:block;width:48px;height:48px;border-radius:8px;margin:12px 0px;background-repeat: no-repeat;
background-position: center;}


.menu1{background-image: url('../images/stuff/sub1.svg'),linear-gradient(141deg, #E5E7FF 0%, #D9DAFF 100%);}
.menu2{background-image: url('../images/stuff/sub2.svg'),linear-gradient(141deg, #FFF5EB 0%, #FFE8D2 100%);}
.menu3{background-image: url('../images/stuff/sub3.svg'),linear-gradient(141deg, #DCEFFF 0%, #BCE0FF 100%);}
.menu4{background-image: url('../images/stuff/sub4.svg'),linear-gradient(141deg, #E5FDF0 0%, #C2FBDC 100%);}
.menu5{background-image: url('../images/stuff/sub5.svg'),linear-gradient(141deg, #FDE5F3 0%, #FFCADA 100%);}
  .menuExtra a:hover{color:#4931DC !important;}
  .footer{padding:60px 0px 60px 0px;}
.footBtm{padding-top:64px;border-top:1px solid #E5E7FF;}
.footBtm A{display: block;text-decoration:none;color:#5C5980;}
  .footer .logo{margin-bottom:48px;margin-left:0px;width:180px;}
  .ftCont{font-size:12px;line-height:16px;margin:24px 0px;}
  .brdLft{border-left:1px solid #E5E7FF;font-size:14px;}
  .nomiss{padding-bottom:62px;}
  .form-label{
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;}
  
    .btn-large{
      display: inline-block;
      text-decoration: none;
      width: 180px;
height: 48px;
justify-content: center;
align-items: center;
gap: 8px;
padding: 9px 17px;  color:#fff;
line-height: 30px;
    }
    .rad8{border-radius:8px;overflow:hidden;}
    .rad16{border-radius:16px;}
    .rad20{border-radius: 20px;
     }
     .radTp{border-radius:8px 8px 0px 0px;}
   
     .shdwShort{
   
border: 1px solid var(--light-mode-purple-50, #DCDFFF);

/* Shadow short */
box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
     }
   .shdwLong{
    border: 1px solid var(--light-mode-purple-50, #DCDFFF);
    
    /* Shadow long */
    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);}
      .btn{
      width: 130px;
      height: 44px;
      padding: 9px 17px;
      justify-content: center;
      align-items: center;
      gap: 8px;}
      .form-control{height:44px;}
    .btn-primary{border-radius: 6px;
      background:  #634AFC;
    border:#634AFC}
    .btn-primary:hover{background:  #4332af;
      border:#4332af}
    .btn-play{
      display: inline-block;
      text-decoration: none;
      color:#2C2853;
      height:48px;
      font-family: Inter, sans-serif;
      font-size: 16px;
      font-weight: 600;
      line-height: 48px;
     padding-left:42px;
     background-image:url('../images/stuff/play.svg');
     background-repeat:no-repeat;
     background-position: left center;;
      } 
      .stripe{
        background: linear-gradient(136deg, #7761FF 0%, #593EFE 100%);
        padding:8px;
        color:#fff
      }
      .stripe p{margin-bottom: 0px;color:  #F8F8FF;

margin-bottom: 0px;
font-size: 16px;
font-family: Inter;
font-style: normal;
font-weight: 500;
line-height: 32px;}
      .stripe A{color:#F8F8FF;margin-left:20px;}
      .talk{border-radius: 16px;
        background: radial-gradient(144.15% 126.18% at 48.54% 6.41%, #FBFBFF 0%, #DBDEFF 100%);
      padding:100px;
    position: relative;
  overflow: hidden;;}
  .talk .row{position: relative;z-index:10;}
  
      .talk::after{border-radius: 563.203px;
        background: linear-gradient(180deg, #FF7BCA 0%, rgba(255, 197, 111, 0.46) 100%);
        filter: blur(250px);
      position:absolute;
    content:"";
    right:80px;
    top: -311px;
width:563px;height:563px;}
.talk::before{border-radius: 785.734px;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(0, 194, 255, 0.00) 0%, #BB29FF 100%);
  filter: blur(200px);
  width: 785.734px;
height: 785.734px;
transform: rotate(49.551deg);
position:absolute;
content:"";
right:-345px;
bottom:0px;
}
        .formHld{border-radius: 16px;
          border: 1px solid #DCDFFF;
          background:  #FFF;
          
          /* Shadow long */
          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);}

          .formHld .btn{width: 100%;}
          .talk ul,.sns {padding:0px;margin:0px;}
          .talk ul li,.sns li{list-style-type: none;font-size: 16px;
            font-family: Inter, sans-serif;
            font-style: normal;
            font-weight: 400;
            line-height: 32px;
           color: var(--light-mode-text-main, #2C2853);
          margin-bottom: 22px;
          padding-left: 30px;
        background-image: url('../images/stuff/Check.svg');
      background-repeat: no-repeat;
    background-position-y:  center;}
    .disclaimer{color: var(--light-mode-text-main, #2C2853);
      font-size: 12px;
      font-family: Inter, sans-serif;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;}

      .hero{padding-top:168px;}
      .hero2{padding-top:84px;}
      .price{border-radius: 16px;
        border: 1px solid var(--light-mode-purple-50, #DCDFFF);
        background: var(--light-mode-gray-white, #FFF);
        
        /* Shadow short */
        box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);}
    .priceTp{
padding:24px;
border-bottom: 1px solid #E5E7FF;;

    }    
    .priceBtm{padding: 24px;}
   .priceTag{color: var(--light-mode-text-main, #2C2853);
    
   
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;} 
    .priceDesc{color: var(--light-mode-text-main, #2C2853);

   
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;}
     .price ul{padding:0px;margin:0px;}
     .price ul li{list-style-type: none;color: var(--light-mode-text-main, #2C2853);
   padding-left:20px;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
    background-image: url('../images/stuff/checkPrice.svg');
  background-repeat:no-repeat;
background-position: left center;
background-size:16px }  

.price ul li.absent
{
  background-image: url('../images/stuff/X.svg');
  color:#A3A2B1;
}
.highlight{background: radial-gradient(135.19% 137.88% at 23.83% -48.15%, #F1D7E1 0%, #E4E0FF 56.25%, #FDFCFF 95.59%);}
.footBtm ul{padding:0px;margin:0px;}
.footBtm ul li{list-style-type: none;margin:10px 0px;;}
.footBtm ul li A{
 
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
 
  }
  .purpleRight{position: relative;}
  .purpleRight .container{position:relative;z-index:10;}
  .purpleRight::after{border-radius: 785.734px;
    opacity: 0.20000000298023224;
    background: linear-gradient(180deg, rgba(0, 194, 255, 0.00) 0%, #BB29FF 100%);
    filter: blur(200px);
  width:785px;
height:785px;
content: "";
position: absolute;
top:20%;
right:0px;
z-index:1;}
.orangeRight{position: relative;overflow: hidden;}
.orangeRight .container{position:relative;z-index:10;}
.orangeRight::after{border-radius: 897.931px;
opacity: 0.4000000059604645;
background: linear-gradient(180deg, #FF7BCA 0%, rgba(255, 197, 111, 0.46) 100%);
filter: blur(250px);width:785px;
height:785px;
content: "";
position: absolute;
top:-20%;
right:-20%;
z-index:1;}

.purpleLeft{position: relative;}
.purpleLeft .container{position:relative;z-index:10;}
.purpleLeft::before{border-radius: 785.734px;
  opacity: 0.20000000298023224;
  background: linear-gradient(180deg, rgba(0, 194, 255, 0.00) 0%, #BB29FF 100%);
  filter: blur(100px);
height:785px;
width:785px;
content: "";
position: absolute;
left:-20%;
z-index:1;}


.orangeLeft{position: relative;overflow: hidden;}
.orangeLeft .container{position:relative;z-index:10;}
.orangeLeft::after{border-radius: 897.931px;
opacity: 0.4000000059604645;
background: linear-gradient(180deg, #FF7BCA 0%, rgba(255, 197, 111, 0.46) 100%);
filter: blur(250px);width:785px;
height:785px;
content: "";
position: absolute;
top:20%;
left:-20%;
z-index:1;}

.purpleLghtRgt{position: relative;overflow: hidden;}
.purpleLghtRgt .container{position:relative;z-index:10;}
.purpleLghtRgt::after{border-radius: 538.775px;
  opacity: 0.20000000298023224;
  background: linear-gradient(180deg, rgba(0, 194, 255, 0.00) 0%, #BB29FF 100%);
  filter: blur(200px);
height:540px;
width:540px;
content: "";
position: absolute;
top:-20%;
right:-20%;
z-index:1;}
.orgLgtRight{position: relative;overflow: hidden;}
.orgLgtRight .container{position:relative;z-index:10;}
.orgLgtRight::after{border-radius: 537.404px;
  opacity: 0.4000000059604645;
  background: linear-gradient(180deg, #FF7BCA 0%, rgba(255, 197, 111, 0.46) 100%);
  filter: blur(250px);
height:540px;
width:540px;
content: "";
position: absolute;
top:20%;
right:-20%;
z-index:1;}

.white{border-bottom: 1px solid var(--light-mode-gray-white, #FFF);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(20px);}
  .priceCrd{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border-radius: 16px;
border: 1px solid var(--light-mode-purple-30, #EBEEFF);
background: var(--selected-card, radial-gradient(135.19% 137.88% at 23.83% -48.15%, #F1D7E1 0%, #E4E0FF 56.77%, #FDFCFF 88.54%));
font-size:14px;
line-height: 20px;
/* Shadow short */
box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
    }
    .priceCrd .priceDesc{margin-bottom: 0px;line-height: 20px;}
    .spacer{width:24px;display:inline-block;margin-right:10px;}
    .cntrl{background-image: url('../images/stuff/arrwDw.svg');height:20px;background-repeat: no-repeat;background-position: center;margin-top:4px;}
    .lnBtm{border-bottom: 1px solid #EBEEFF;}
    .active .cntrl{background-image: url('../images/stuff/arrwUp.svg');}
    .lgtBck{background-color: #FDFCFF}
    .cell{padding: 16px 0px;margin-top:0px;min-height:56px;font-size:14px;line-height:22px;}
    .presnt{display: inline-block;
      height:24px;
    width:24px;background-image:url('../images/stuff/present.svg');background-repeat: no-repeat;background-position: center;}
    .w100{width: 100%;}
    .w180{width: 180px;}
    .blueBck{
      padding: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%));
      
      /* Shadow short */
      box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
    
  
  align-items: center;}
  .team{
    padding:80px;border-radius: 16px;
    border: 1px solid var(--light-mode-purple-30, #EBEEFF);
    background: var(--light-grey, #F8F7FB);
    
    /* Shadow short */
    box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);}
    .teamControl{padding:0px;margin:0px;}
    .teamControl li{list-style-type: none;;}
    .teamControl li A{padding:4px 12px;font-size:14px;font-weight: 400;color:#2C2853;display: inline-block;}
    .teamControl li.active A{background-color: #DCDFFF;color:#634AFC;border-radius:8px;font-weight:600;}
    .person{width: 20%;text-align: center;line-height:32px;margin-bottom:40px;float:left}
    .person img{display: block;width:104px;height: 104px;border-radius:52px;margin:0px auto}
    .person span{font-size:13px;line-height: 16px;display: block;height:32px;}
    .teamHld{border-left:1px solid #CFD3FF;}
    .blgTbs{padding-bottom:56px;}
  .blgTbs ul{display:flex;border-bottom:1px solid #E5E7FF;padding:0px;}
  .blgTbs ul li{list-style-type: none;margin-right:48px;}
  .blgTbs ul li A{padding:0px 4px 16px 4px;display: inline-block;color:#6B6D80;font-size:14px;border-bottom:2px solid #ffffff;font-weight: 400;}
  .blgTbs ul li A.active{color:#4931DC;border-color: #4931DC;}
  .blgPost{padding-bottom: 72px;;}
  .blgPost .imgHld{width:auto;height:205px;border-radius:18px;display: block;overflow:hidden;margin-bottom:24px;}
   .blgPost .imgHld img{width:auto;height: 205px;min-height: 205px;}
   .authorLnk{padding-bottom: 16px;}
   .authorLnk A{color:#2C2853;font-weight:400;}
   .categoryUrl {color:#634AFC;}
   .categoryUrl A{color:#634AFC;font-weight: 500;}
   .navigation ul{display: flex;justify-content:center;}
   .navigation ul li{list-style-type:none ;line-height:38px;}
   .navigation ul li A{color:#5C5980;display: inline-block;height: 38px;margin:4px;min-width:20px;;padding:0px 16px;font-size:14px;line-height: 38px;border-radius:20px;}
   .navigation ul li.active A{color:#ffffff;background-color: #634AFC;}
   .blgTp{color:#634AFC;font-weight: 500;;}
   .blSubtitle{border-left:3px solid #634AFC;padding:0px 40px;
  
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    }
    .blgImgMain img{width: 100%;border-radius: 16px;
      background: radial-gradient(131.46% 132.62% at 46.48% 26.39%, #FDFCFF 0%, #E9E5FF 100%);}
    .blgBtm{border-top:1px solid #E5E7FF;margin-top:40px;padding-top:20px;}
    .bookDemo{
      position: relative;
      color: var(--light-mode-gray-white, #FFF);

      border-radius: 16px;
      background: linear-gradient(174deg, #2C2853 0%, #1A163C 100%);
      
   
      box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);}
      .bookDemo p{   color: var(--light-mode-gray-white, #FFF);
      } 
      .bookDemo .btn-primary{width:160px;}
      .bookDemo::after{content:"";
      width:231px;height:205px;background-image:url('../images/stuff/prdct.png');
    display: block;position:absolute;
  bottom:0px;}
  .bookD{width:180px;}
  .empower{background: var(--gradient-bg-gray, linear-gradient(180deg, #F8F7FB 0%, rgba(248, 247, 251, 0.00) 100%));padding-top:40px;
}
.empBck{  background-image: url('../images/pages/workflow/empower.png');background-repeat: repeat-x;background-position:top center;
  padding-top:500px;}
  .greyBck{background: var(--light-grey, #F8F7FB);}
  .empBck{  background-image: url('../images/pages/workflow/empower.png');background-repeat: repeat-x;background-position:top center;
  padding-top:500px;}
  .btmImg{background: linear-gradient(180deg, rgba(248, 247, 251, 0.00) 0%, #F8F7FB 100%);}
  .btmBck{  background-image: url('../images/pages/lg/customisation/bck.png');background-repeat: repeat-x;background-position:bottom center;
    padding-bottom:320px;background-size: 50%;}
.mobHld{display: none;}
  
.imageHld{
  border-radius: 16px;
  border: 1px solid var(--light-mode-purple-60, #CFD3FF);
  background: radial-gradient(163.40% 180.96% at 118.75% -73.58%, #634AFC 10.41%, #F7F5FF 66.67%, #FFF 100%);
  
  /* Shadow long */
  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);
overflow: hidden;  
position:relative;
}

.wAuto{width:auto;}
.meta{display: flex;align-items: center;justify-content: center;}
.authorLnk .meta{justify-content: left;}
.authorIcn {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 30px;
  background-size: 100%;
  background-color: #555;
}
.post img{width:100%;height: auto;}

.blgPost h4 a,.blgTtl .h2 a{color:#2C2853;}

.mc_message{display: block;width: 100%;;}
.mc_merge_var{float:left;width:66.66666667%;padding-right:15px;}
.mc_merge_var label{font-size: 14px;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
  .mc_merge_var input{  display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 44px;;}
  .mc_signup_submit{float:right;
    width: 33.33333333%;
    padding-top: 24px;
  padding-left:15px;}
    .mc_signup_submit input{  border-radius: 6px;
      background: #634AFC;
      border: #634AFC;
      height: 44px;
padding: 9px 17px;
color:#ffffff;
width:100%;
    }
    .mc_error_msg{color:#dc3545;}
    .mc_success_msg{color:#198754}

    .homeHld{position:relative}
  .imgHm1{position:absolute;top:100px;right:-40px;visibility: hidden;width:400px;}
  .imgHm2{position:absolute;top:340px;left:-80px;visibility: hidden;width:300px;}

    .todoHld{display:block;position:relative;border-radius:20px;width:450px;height:500px;
      border-radius: 16px;
      background: radial-gradient(circle at 42% 100%, rgba(248, 153, 126, 1) 0%, rgba(199, 161, 238, 1) 50%, rgba(134, 127, 247, 1) 100%);}

.gatewayHld{display:block;position:relative;width:450px;height:500px;
  border-radius: 16px;
  background: radial-gradient(circle at 42% 100%, rgba(248, 153, 126, 1) 0%, rgba(199, 161, 238, 1) 50%, rgba(134, 127, 247, 1) 100%);}
  .gatewayHld .img2{position: absolute;width:540px;bottom:0px;left:-30px}

/* Define the animation */


/* Apply the animation when the element is in view */

@keyframes slideIn {
  0% {
    transform: translateX(-200px);
    visibility: hidden;
  }
  100% {
    transform: translateX(100px);
    visibility:visible;
  }
}

@keyframes slideRgt {
  0% {
    transform: translateX(300px);
    visibility: hidden;
  }
  100% {
    transform: translateX(0px);
    visibility:visible;
  }
}
   .elem2Anim {
    animation: slideIn 1s forwards; /* The animation will take 1 second and stay at the final state */
  }
  .elem1Anim {
    animation: slideRgt 1s forwards; /* The animation will take 1 second and stay at the final state */
  }
    

      .todoHld .img1{position: absolute;top:100px;right:0px;width:500px;}
      .todoHld .img2{position: absolute;width:330px;bottom:20px;left:70px}
  .reprtHld{display:block;position:relative;width:450px;height:500px;
        border-radius: 16px;
        background: radial-gradient(circle at 42% 100%, rgba(248, 153, 126, 1) 0%, rgba(199, 161, 238, 1) 50%, rgba(134, 127, 247, 1) 100%);}
  
        .reprtHld .img1{position: absolute;top:60px;right:0px;width:400px;}
        .custmHld{display:block;position:relative;border-radius:20px;width:450px;height:500px;}
        .custmHld .img1{border-radius: 20px 0px 0px 20px;width:700px;right:-203px;position:absolute}

    .moblHld{display:block;position:relative;width:450px;height:500px;
        border-radius: 20px;background:url("../images/pages/lg/mobile/mobBck.png") 100% #1B183D;}  
        .workfrc {width:394px !important;height: 196px !important;display:inline-block;clear:none}
        .moblHld .img1{position: absolute;
          width: 320px;
          top: -40px;
          right: 70px;
          z-index: 10;}
.map{padding-bottom:80px;background-image:url("../images/stuff/map.png");background-position: center center;height:100%;display: flex;align-items: center;justify-content: center;}
          .addressHld{padding:20px;background-color:#fff;border-radius:12px;position:relative;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);}
          .addressHld::after {
            content: "";
            width: 0;
            position: absolute;
            bottom: -10px;
            left: 60px;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #fff;
          }
          .logoHolder{width: 60px;
            height: 60px;
            background-color: #ffffff;
            border-radius: 60px;
            position: absolute;
            top: -35px;
            left: 40px;
            background-image: url('../images/apple.png');
            background-size: 60%;
            background-position: center;
            background-repeat: no-repeat;}
      @media (max-width: 1200px)
    {
      .todoHld{width:300px;height:400px;}
      .todoHld .img1{width:350px;}

      .gatewayHld{width:300px;height:400px;}
      .gatewayHld .img2{width:350px;bottom: 30px;}
      .moblHld{width:300px;}
      .moblHld .img1{width:240px;top:20px;right:30px;}
.mc_merge_var{float:none;width:100%;padding-right:0px;}
.mc_signup_submit{width:100%;float:none;padding-left:0px;}
      .btmBck{padding-bottom:160px;background-size:80%;}
      .navbar{height: 46px;}
    .mobMenu{display: inline-block;position: absolute;right:20px;}
    .navbar .logo{margin-left:40px;}
    .headMenu{display: none;
      float: none;
      position: absolute;
      top: 46px;
      background: rgba(255, 255, 255, 1);
backdrop-filter: blur(20px);
      width: 100%;
      padding-bottom: 15px;
      margin-bottom:0px;
      border-bottom: 1px solid #cccccc;
      overflow-y: scroll;
    }
    .headMenu .navbar-nav{display: block;}
  
    .mobHld{display: block;position: absolute;right:0px;top:0px;}
    .headMenu .nav-item{padding:10px 0px;text-align: center;}
    .headMenu li:hover A{border-bottom:0px;}
    .menuExtra{position: relative !important;top:0px;}
    .extraShade{background:none;box-shadow:none;border-left:0px;border-right:0px;border-top:0px;border-radius:0px;padding:16px 0px;}
    .extraMenu{position:relative;float:none;top:0px;right:0px;width:100%;flex-direction: column;
      text-align: center;padding:20px 60px;}
      .extraMenu A{margin:5px 20px;}
      .bookDemo:after{background-image: none;display: none;}
      .blgPost .imgHld img{min-height:235px;}
     
      .brdLft{border-left:0px;}

      .blimgHld,.blgSm {height:235px;}
   
      .blgSm {margin-bottom:24px;}
      .blimgHld img{height: 235px;;}
      .blgTtl .h2{font-size: 22px;
    
    
        font-weight: 500;
        line-height: 32px;}
        .blgImgMain img{width: 100%;height:auto;}
        .person{width: 33.3%;}
        .team{padding:40px;
    }
  }
    @media (max-width: 992px)
    {  
      .footer .logo{margin:0px auto;}
      .frntLn{width:100%;}
      .frntLn img{width: 100%;}
      .moblHld{width:100%;background-size:cover;}
      .moblHld .img1{width:240px;position:unset;margin-top:40px;}
      
      .reprtHld{width:100%;background-size:cover;text-align: right;height:auto;padding:30px 0px;}
      .reprtHld .img1{width:80%;position:unset;}

        .custmHld{width:100%;text-align: center;height:auto;}
        .custmHld .img1{position:unset;width:100%;border-radius: 20px;}
        .todoHld .img2{width: 100%;left:-10px;}

        .gatewayHld{width: 100%;}
        .gatewayHld .img2{position: unset;width:100%;margin-top:50px;}
      .person{width: 50%;}
      .talk{padding:40px;}
      .btmBck{padding-bottom:160px;background-size:100%;}
      .blgPost .imgHld img{width:100%;}
    
      .hero{padding-top:80px;}
      .team{overflow: hidden;}
      .teamControl{display: flex;position:absolute;width:100%;}
      .teamCntHld{height:40px;position:relative;overflow-x:scroll}
      .teamHld{border-left: 0px;border-top:1px solid #CFD3FF;padding-top:20px;}
      
    }

    @media (max-width: 1440px)
    {
.menuExtra a{height: auto !important;}
    }