@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
  box-sizing: border-box;
}

ul{list-style:none;padding: 0px;margin: 0px;}
h3{font-size: 18px;font-weight: 400;}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none!important;
    font-family: "Work Sans", sans-serif;
    color: #4f4f4f;
    font-size: 16px;
    line-height: 25px;
    font-family: "Inter", sans-serif;
}

#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(255, 255, 255, 0.87);
    inset: 0px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 3;
    border: 4px solid #1c76bc;
    top: 50%;
    animation: 2s ease 0s infinite normal none running loader;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #1c76bc;
    animation: 2s ease-in 0s infinite normal none running loader-inner;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}



::-webkit-scrollbar {
    width: 0px;
}
.btn:hover i{}
.btn:hover{/* hero card */color: #fff;box-shadow: #8d3fe5 0px 0px 13px -2px;}


.btn:hover:after{height:100%;}



.btn{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)),
linear-gradient(90deg, #4F46E5 0%, #9333EA 100%);
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
    font-size: 14px;
    height: 45px;
    display: flex;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 19px;
    border: none;
    gap: 10px;
}

.btn span{position:relative;width: 100%;display: flex;align-items: center;justify-content: space-between;height: 100%;/* hero card */font-weight: 400;gap: 10px;font-family: "Manrope", sans-serif;z-index: 1;color: #fff;}

.btn span{}
.btn span i{
   font-size: 14px;
   background: #3f8bff;
   width: 29px;
   height: 29px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: inherit;
}

.btn.rvrs:hover{background:#000;color:#fff;transition: 0.3s ease;}
.btn.rvrs:hover span{color:#fff}
.btn.rvrs{
    background: #000000;
    background: transparent;
    border: 1px solid #000;
}
.btn.rvrs span{
    color: #000;
}
.btn.rvrs i{
    
}


html {
    scroll-behavior: smooth;
}

body {
    /* hero card */
    font-family: "thonglor";
    font-family: "Montserrat", sans-serif;
}




h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

h2.hd {font-size: 48.42px;margin-bottom: 3px;color: #111827;text-align: center;text-transform: capitalize;font-weight: 900;line-height: 1em;}
h2.hd span{display: block;font-family: Inter;font-weight: 700;font-size: 13.79px;text-align: center;background: #EEF2FF;width: fit-content;padding: 5.66px 16.53px;color: #4F46E5;border-radius: 21px;margin: 0 auto;margin-bottom: 17px;}
.txtGrndnt {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #818CF8 0%, #A78BFA 50%, #06B6D4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.ctr{text-align:center;color:  #9CA3AF;
;}
.blt {display: block;}
.blt li:before{content:'';display:block;background: url(../images/blt-green.png) no-repeat center #DCFCE7;border-radius: 50%;position: absolute;left: 0;width: 20px;height: 20px;top: 2px;}
.blt li {display: block;position: relative;font-size: 15.94px;color: #374151;padding-left: 32px;margin-bottom: 13px;}
.blt li:last-child{margin-bottom:0PX;}

.underline{
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.underline:after{content:'';display:block;width: 100%;height: 1px;background: #0000002b;margin-left: 10px;}

.overflow {
    /* hero card */
}

img {
    max-width: 100%;
    
}
.hd2{
    /* hero card */
    /* hero card */
}
.hd2 span{
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: normal;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #096aec;
}
.hd2 i{
    width: 30px;
    line-height: 0;
}


@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}



.center_container {
    /* hero card */
    /* hero card */
    /* hero card */
    /* hero card */
}

p {
    color: #4f4f4f;
    font-size: 16px;
    line-height: 25px;
}


header {
    padding: 16px 0px;
    width: 100%;
    transition: all ease 0.3s;
    z-index: 999;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    position: fixed;
    top: 0px;
    left:0;
    right:0;
}

header.fixed {
    /* hero card */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    /* hero card */
    /* hero card */
    /* hero card */
}

header .center_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .center_container .logo {
    width: 100%;
    max-width: 190px;
    /* hero card */
    /* hero card */
    /* hero card */
}

header .center_container .logo a{display:block; line-height:0;}
.themeLogo {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    line-height: 0;
}

.themeLogo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 56px;
    object-fit: contain;
}

.themeLogo .logoDark {
    display: none;
}

.themeLogo .logoLight {
    display: block;
}

body.dark-theme header .themeLogo .logoLight {
    display: none;
}

body.dark-theme header .themeLogo .logoDark {
    display: block;
}
header .center_container .navigation ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 22px;
    align-items: center;
}

header .center_container .navigation ul li {
    /* hero card */
}

header .center_container .navigation ul li:first-child {
    margin-left: 0;
}
header .center_container .navigation ul li a:hover, header .center_container .navigation ul li a.active{color: #096aec;}
header .center_container .navigation ul li a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    display: block;
    /* hero card */
    border-radius: 30px;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    position: relative;
    transition: 0.3s ease;
}
header .center_container .navigation ul li a:after{content:'';display:block;width: 100%;height: 2px;background: #000000;position: absolute;bottom: -10px;left: 0;right: 0;width: 0;transition: 0.3s ease;}
header .center_container .navigation ul li:hover :after, .center_container .navigation ul li a.active:after{width:100%;}

header .center_container .navigation ul li:last-child a {}

header .navigation{
    display: flex;
    gap: 24px;
    align-items: center;
}

.toggle-container {
    line-height: 0;
    }

    .switch {
      position: relative;
      display: inline-block;
      width: 56px;
      height: 28px;
    }

    .switch input {
      display: none;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      background-color: #E5E7EB;
      border-radius: 30px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: 0.4s;
    }

    .slider:before {
      content: "";
      position: absolute;
      height: 20px;
      width: 20px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      border-radius: 50%;
      transition: 0.4s;
      background: url(../images/sun.png) no-repeat center;
      background-color: #fff;
    }

    input:checked + .slider {
      background-color: #6c5ce7;
    }

    input:checked + .slider:before {
      transform: translateX(27px);
    }

header .center_container .navigation .navBtn{
    color: #fff;
    display: flex;
    a;
    align-items: center;
    gap: 10px;
    /* hero card */
}
header .center_container .navigation .navBtn i{
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #51afce;
}



.bx-wrapper{
    border: none!important;
    box-shadow: none!important;
    margin: 0px!important;
}

.trigger {
    width: 34px;
    cursor: pointer;
    display: none;
}

.trigger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
}

.trigger span:nth-child(2) {
    margin: 7px 0;
}

.wrap {
    width: 100%;
    max-width: 1250px;
    padding: 0 20px;
    margin: 0 auto;
}

/* hero card */
    @keyframes float {
      0%,100% { transform: translateY(0px); }
      50%      { transform: translateY(-12px); }
    }
    @keyframes float2 {
      0%,100% { transform: translateY(0px) rotate(-2deg); }
      50%      { transform: translateY(-8px) rotate(2deg); }
    }
    @keyframes pulse-glow {
      0%,100% { opacity:0.6; }
      50%      { opacity:1; }
    }
    @keyframes slide-in-right {
      from { opacity:0; transform:translateX(40px); }
      to   { opacity:1; transform:translateX(0); }
    }
    @keyframes typing {
      0%,100% { width:0; }
      50%      { width:100%; }
    }

    .float-1 {animation: float  4s ease-in-out infinite;}
    .float-2 { animation: float2 5s ease-in-out infinite 0.5s; }
    .float-3 { animation: float  6s ease-in-out infinite 1s; }
    .float-4 { animation: float2 4.5s ease-in-out infinite 1.5s; }

.banner .wrap{position:relative;}
.banner .wrap:before{content:'';display:block;background: #9333EA40;width: 384px;height: 384px;border-radius: 50%;opacity: 1;filter: blur(64px);position: absolute;bottom: -110px;right: -140px;}
.banner .wrap:after{content:'';display:block;background: #4F46E54D;width: 384px;height: 384px;border-radius: 50%;opacity: 1;filter: blur(64px);position: absolute;top: 0;left: 0px;}
.banner {
    position: relative;
    padding: 50px 0px;
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243E 100%);
    padding: 132px 0px 80px;
}
.banner .wrap{
    /* hero card */
    /* hero card */
    /* hero card */
}
.banner .bnrInr:before{content:'';display:block;width: 600px;height: 600px;top: 0px;border-radius: 50%;opacity: 1;background: #06B6D41A;position: absolute;left: 0;right: 0;margin: auto;filter: blur(64px);}
.banner .bnrInr{
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: space-between;
    position: relative;
}
.banner .bnrInr h5{
    display: flex;
    color: #0a0a0a;
    font-size: 14px;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    align-items: center;
    gap: 10px;
}
.banner .bnrInr h5 span{display:block;width: 50px;height: 3px;background: #1268fb;display: flex;align-items: center;justify-content: end;}
.banner .bnrInr h5 span:after{content:'';display:block;width: 10px;height: 10px;background: #1268fb;border-radius: 50%;}
.banner .bnrInr h1{
    color: #fff;
    margin: 10px 0px;
    font-family: Inter;
    font-weight: 900;
    font-size: 59px;
    line-height: 72px;
    letter-spacing: 0px;
}
.banner .bnrInr h1 span{
    font-weight: bold;
    font-size: inherit;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(135deg, #818CF8 0%, #A78BFA 50%, #06B6D4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* hero card */
    font-weight: 900;
}
.banner .bnrInr h1 span.grnClr{
    color: #51afce;
}

.banner .bnrInr h1 b{
    color: #4faed0;
    border-bottom: 3px solid #01467f;
    background: rgb(79,174,208);
    background: linear-gradient(90deg, rgba(79,174,208,1) 35%, rgba(255,255,255,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner .bnrInr p{
    font-family: Inter;
    font-weight: 400;
    font-size: 17.83px;
    line-height: 29px;
    letter-spacing: 0px;
    color: #D1D5DB;
    width: 76%;
}
.banner .bnrInr .btnGrp{
    display: flex;
    gap: 15px;
    margin: 30px 0px 40px;
}
.banner .bnrInr .btn{}
.banner .bnrInr .btn.snd{
    background: #FFFFFF12;
    border: 1px solid #FFFFFF33;
    gap: 10px;
}
.banner .bnrInr .btn.snd i{
    background: #FFFFFF33;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner .totel{
    display: flex;
    align-items: center;
    gap: 15px;
}
.banner .totel span{}
.banner .totel p{
    margin: 0px;
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}

.banner .bnrInr .text{
    width: 55%;
}
.banner .bnrInr .text h4:before{content:"";display:block;width: 8px;height: 8px;border-radius: 50%;opacity: 1;background: #4ADE80;}
.banner .bnrInr .text h4{
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.95px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #C7D2FE;
    background: #FFFFFF12;
    border: 1px solid #818CF84D;
    width: fit-content;
    height: 38px;
    border-radius: 9999px;
    padding: 0px 17px;
}

.banner .imgboxs{
    position: relative;
}

.banner  .modelImg .lftcrds{
    position: absolute;
    left: -110px;
    top: 40px;
}
.banner  .modelImg  ul{}
.banner  .modelImg  ul li.onlyIcn{
    background: transparent;
    padding: 0;
    width: initial;
    height: 0;
    width: 64px;
    border: none;
    margin: 0 auto;
    position: relative;
    right: 30px;
}
.banner  .modelImg  ul li.onlyIcn i{
    line-height: 0;
    display: block;
}
.banner  .modelImg  ul li.snd{
    margin-top: 74px;
    margin-bottom: 18px;
    width: 192px;
}
.banner  .modelImg  ul li.snd h4{color: #F59E0B;margin: 0px;}
.banner  .modelImg  ul li.snd h4 div{
    width: 100%;
    color: #F59E0B;
}
.banner  .modelImg  ul li.snd h4 div p{
    margin: 0px;
    color: #D1D5DB;
}

.banner .modelImg .lftcrds ul li:first-child{
    width: 208px;
}
.banner  .modelImg  ul li{
    background: #FFFFFF12;
    border-radius: 16px;
    padding: 13px 17px;
    border: 1px solid #FFFFFF26;
    box-shadow: 0px 8px 10px -6px #0000001A;
    box-shadow: 0px 20px 25px -5px #0000001A;
    box-shadow: 0px 0px 0px 0px #00000000;
    box-shadow: 0px 0px 0px 0px #00000000;
    backdrop-filter: blur(20px);
}
.banner  .modelImg  ul li h4{
    color: #4ADE80;
    font-family: Inter;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.banner  .modelImg  ul li i{}
.banner  .modelImg  ul li p{
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    margin: 10px 0px;
    width: 100%;
}
.banner  .modelImg  ul li p.bld{}
.banner  .modelImg  ul li span{
    color: #A5B4FC;
    font-family: Inter;
    font-weight: 400;
    font-size: 12.17px;
    line-height: 16px;
    letter-spacing: 0px;
    display: flex;
    gap: 5px;
    align-items: center;
    width: fit-content;
}

.banner  .modelImg .rgtcrds{
    position: absolute;
    right: -120px;
    top: 15px;
}
.banner  .modelImg .rgtcrds ul{}
.banner  .modelImg .rgtcrds ul li.onlyIcn{
    position: relative;
    left: 30px;
    background: transparent;
    width: 64px;
    height: 44px;
    box-shadow: none;
    backdrop-filter: none;
}
.banner  .modelImg .rgtcrds ul li{
    /* hero card */
    width: 231px;
}
.banner  .modelImg .rgtcrds ul li.for{
    margin: 32px 0px 44px;
}
.banner  .modelImg .rgtcrds ul li.for span:before{background:#4ADE80;}
.banner  .modelImg .rgtcrds ul li.for span{
    color: #4ADE80;
}
.banner  .modelImg .rgtcrds ul li.for h4{
    color: #6366F1;
    width: fit-content;
}

.banner  .modelImg .rgtcrds ul li:last-child{
    width: 198px;
}
.banner  .modelImg .rgtcrds ul li:last-child div{
    color: #67E8F9;
}
.banner  .modelImg .rgtcrds ul li:last-child h4{
}
.banner  .modelImg .rgtcrds ul li:last-child u{
    color: #9CA3AF;
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
}



.banner  .modelImg  ul li span:before{content:'';display:block;background: #818CF8;width: 6px;height: 6px;border-radius: 50%;}
.banner  .modelImg{
    /* hero card */
    position: relative;
}
.banner  .modelImg .bnr_process{
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.banner  .modelImg .bnr_process ul{
    display: flex;
    gap: 30px;
}
.banner  .modelImg .bnr_process ul li{
    background: #FFFFFF12;
    border: 1px solid #818CF833;
    color: #A5B4FC;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    position: relative;
    border-radius: 120px;
    width: fit-content;
    padding: 0px 13px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner  .modelImg .bnr_process ul li:nth-child(2){
    color: #D8B4FE;
    border: 1px solid #C084FC33;
    background: #FFFFFF12;
}
.banner  .modelImg .bnr_process ul li:nth-child(3){
    color: #86EFAC;
    border: 1px solid #4ADE8033;
    background: #FFFFFF12;
}
.banner  .modelImg .bnr_process ul li:after{content:'';display:block;background: url(../images/hero-arrow.png) no-repeat center center;width: 8px;height: 8px;position: absolute;right: -21px;top: 0;bottom: 0;margin: auto;}
.banner  .modelImg .bnr_process ul li:last-child:after{ display:none;}

.trust{}
.trust .trust_inner{
    background: #fff;
    position: relative;
    margin-top: -20px;
    padding-bottom: 30px;
    box-shadow: 0px 2px 7px 2px #0000000d;
}
.trust .trust_inner:before{content:'';display:block;background: url(../images/trusted-by.png) no-repeat center top;width: 100%;height: 31px;position: relative;top: -30px;background-size: cover;}
.trust .trust_inner h5{
    font-family: Inter;
    font-weight: 700;
    font-size: 13.94px;
    line-height: 20px;
    letter-spacing: 1.4px;
    text-align: center;
    text-transform: uppercase;
    color:  #9CA3AF;
}
.trust .trust_inner ul{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.trust .trust_inner ul li:last-child{
    width: auto;
}
.trust .trust_inner ul li{
    font-family: Inter;
    font-weight: 800;
    font-size: 17.44px;
    line-height: 28px;
    letter-spacing: 0px;
    display: flex;
    gap: 10px;
    width: 16%;
}
.trust .trust_inner ul li i{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    color: #fff;
    font-size: 17px;
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.12);
}


.clmInitial{display:block;padding: 166px 0px 90px;}
.clmInitial .rowFlex:nth-child(even){flex-flow:row-reverse;}
.clmInitial .rowFlex .clm h3 span.prpl{color: #9333EA;background: #faf5ff;}
.clmInitial .rowFlex.blClr .blt li:before{background: url(../images/blt-blue.png) center no-repeat #cffafe;}
.clmInitial .rowFlex.blClr .clm h3 span{color: #0891B2;background: #ECFEFF;}
.clmInitial .rowFlex{display: flex;justify-content: space-between;margin-top: 82px;}
.clmInitial .rowFlex .clm{display:block;width: 47.322%;}
.clmInitial .rowFlex .clm p{margin-bottom: 28px;}
.clmInitial .rowFlex .clm .ImgPnl{display:block;}
.clmInitial .rowFlex .clm h3{font-size: 36.08px;margin-bottom: 12px;color: #111827;text-transform: capitalize;font-weight: 900;line-height: 1em;}
.clmInitial .rowFlex .clm h3 span{display: block;font-family: Inter;font-weight: 700;font-size: 11.71PX;text-align: center;background: #EEF2FF;width: fit-content;padding: 3.23px 12.9px;color: #4F46E5;border-radius: 21px;margin-bottom: 16px;}
.clmInitial .rowFlex .clm .inNumbers{display: flex;flex-wrap: wrap;}
.clmInitial .rowFlex .clm .inNumbers li{display:block;width: 49%;margin-right: 2%;margin-bottom: 2%;}
.clmInitial .rowFlex .clm .inNumbers li:nth-child(2n+2){margin-right:0px;}
.clmInitial .rowFlex .clm .inNumbers li .pdng{display:block;padding: 12.8px 17px;background: #faf5ff;border-radius: 16px;font-size: 13.83px;}

.clmInitial .rowFlex .clm .inNumbers li .pdng span{display:block;color: #9333EA;font-weight: 900;font-size: 25.11px;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.blue{background: #EEF2FF;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.blue span{color: #4F46E5;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.simph{background:#ecfeff;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.simph span{color:#0891B2;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.green{background: #F0FDF4;}
.clmInitial .rowFlex .clm .inNumbers li .pdng.green span{color: #16A34A;}

.feature{background: #f9fafb;padding: 95px 0px;padding-bottom: 85px;margin-bottom: 0;}
.feature ul{display: flex;flex-wrap: wrap;margin-top: 66px;}
.feature ul li.popular .pdng{display:block;background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)),linear-gradient(135deg, #4F46E5 0%, #7E22CE 100%);color: #fff;}
.feature ul li.popular .pdng b{color:#fff;}
.feature ul li.popular .pdng span{color:#fff;font-size: inherit;background: #FFFFFF33;padding: 4px 7.5px;display: block;width: fit-content;line-height: normal;border-radius: 16px;margin-top: 12px;}
.feature ul li:hover{transform: translateY(-6px);}
.feature ul li{width: 23.545%;margin-right: 1.94%;margin-bottom: 1.94%;display: flex;transition: 0.3s ease;}
.feature ul li:nth-child(4n+4){margin-right:0px;}
.feature ul li:hover .pdng{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), linear-gradient(135deg, #4F46E5 0%, #7E22CE 100%);color: #fff;}
.feature ul li:hover .pdng b{color:#fff;}

.feature ul li .pdng{display:block;border: 1px solid #F3F4F6;background: #fff;padding: 26px;border-radius: 16px;font-size: 13.76px;line-height: 20px;letter-spacing: 0px;box-shadow: 0px 0px 0px 1px #8f8f8f08;width: -webkit-fill-available;width: -moz-fill-available;transition: 0.3s ease;}
.feature ul li .pdng .icn{display:block;width: 48px;height: 48px;border-radius: 16px;background: #EEF2FF;background-image: url(../images/smart-campaigns.png);background-repeat: no-repeat;background-position: center;margin-bottom: 18px;}
.feature ul li .pdng b{display:block;font-family: Inter;font-weight: 800;font-size: 15.71px;line-height: 24px;color: #111827;margin-bottom: 8px;}


.automation:before{content:'';display:block;width: 256px;height: 256px;border-radius: 50%;opacity: 1;background: #7E22CE33;position: absolute;right: 20%;filter: blur(40px);}
.automation{display:block;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),linear-gradient(180deg, #0F0C29 0%, #1A1740 100%);padding: 96px 0px;position: relative;}
.automation p{color: #9CA3AF;}
.automation h2.hd{color: #fff;margin-bottom: 14px;}
.automation h2.hd span{color:#818CF8;background: #312E8180;margin-bottom: 8px;}
.automation .wrap{max-width:1105px;}
.automation .summery{display: flex;justify-content: space-between;margin: 64px 0px;}
.automation .summery li:nth-child(3) .icn{border: 1px solid #22D3EE4D;box-shadow: 0px 8px 10px -6px #0000001A;box-shadow: 0px 20px 25px -5px #0000001A;box-shadow: 0px 0px 0px 0px #00000000;box-shadow: 0px 0px 0px 0px #00000000;}
.automation .summery li:last-child .icn{background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)),
linear-gradient(135deg, #22C55E 0%, #059669 100%);box-shadow: 0px 0px 40px 0px #22C55E4D;}
.automation .summery li:after{content:'';display:block;background: url(../images/automate-arrow1.png) no-repeat center center;width: 100%;position: absolute;height: 38px;width: 171px;right: -180px;top: 0;bottom: 0;margin: auto;}
.automation .summery li:nth-child(2):after{background: url(../images/automate-arrow2.png) }
.automation .summery li:nth-child(3):after{ background: url(../images/automate-arrow3.png)}
.automation .summery li:last-child:after{ display:none}
.automation .summery li{display:block;font-weight: 400;font-size: 11.82px;line-height: 16px;text-align: center;color: #9CA3AF;position: relative;}
.automation .summery li .icn{display:block;width: 78px;height: 78px;border-radius: 24px;background: #252343;background-repeat: no-repeat;background-position: center;margin: 0 auto;margin-bottom: 17px;border: 1px solid #818CF84D;display: flex;align-items: center;justify-content: center;box-shadow: 0px 8px 10px -6px #0000001A;box-shadow: 0px 20px 25px -5px #0000001A;box-shadow: 0px 0px 0px 0px #00000000;box-shadow: 0px 0px 0px 0px #00000000;}
.automation .summery li b{display:block;font-family: Inter;font-weight: 800;font-size: 15.58px;line-height: 24px;text-align: center;color: #fff;margin-bottom: 10px;}

.countDeta:before{content:'';display:block;width: 256px;height: 256px;border-radius: 50%;background: #4338CA33;filter: blur(40px);position: absolute;left: -90px;}
.countDeta{
    background: #FFFFFF12;
    border: 1px solid #FFFFFF1A;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 33px;
    position: relative;
}

.countDeta  li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.countDeta li b{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(135deg, #818CF8 0%, #A78BFA 50%, #06B6D4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: Inter;
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
}
.countDeta  li i{
    color:  #9CA3AF;
    font-style: normal;
}

.integration{
    padding: 96px 0px;
}
.integration ul{
    display: flex;
    flex-wrap: wrap;
    gap: 24px 0px;
    margin-top: 56px;
}
.integration ul li:hover{
    
       transform: translateY(-6px);

}
.integration ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    gap: 12px;
    font-family: Inter;
    font-weight: 500;
    font-size: 11.88px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    transition: 0.3s ease;
}
.integration ul li i{
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    box-shadow: 0 18px 35px rgba(17, 24, 39, 0.12);
}
.brand-whatsapp i{background:#25D366;}
.brand-instagram i{background:linear-gradient(135deg,#F58529 0%,#DD2A7B 38%,#8134AF 68%,#515BD4 100%);}
.brand-facebook i{background:#1877F2;}
.brand-google i{background:#fff;color:#4285F4 !important;border:1px solid #E5E7EB;}
.brand-shopify i{background:#95BF47;}
.brand-razorpay i{background:#0B72E7;}
.brand-telegram i{background:#229ED9;}
.brand-webchat i{background:#7C3AED;}
.brand-woocommerce i{background:#7F54B3;}
.brand-zoho i{background:#EF4444;}
.brand-zapier i{background:#FF4A00;}
.integration ul li i img{
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
}
.integration ul li.brand-whatsapp i{background:#E9FBF1 !important;border:1px solid #BFF1D2;}
.integration ul li.brand-instagram i{background:#FFF0F6 !important;border:1px solid #FFD3E6;}
.integration ul li.brand-facebook i{background:#EFF6FF !important;border:1px solid #CFE3FF;}
.integration ul li.brand-telegram i{background:#EFFAFF !important;border:1px solid #C8EEFF;}
.integration ul li.brand-webchat i{background:#F4F0FF !important;border:1px solid #DDD2FE;}
.integration ul li.brand-shopify i{background:#F0F9E8 !important;border:1px solid #D9EFBD;}
.integration ul li.brand-woocommerce i{background:#F7F0FF !important;border:1px solid #E7D5FF;}
.integration ul li.brand-zoho i{background:#FFF1F1 !important;border:1px solid #FFD3D3;}
.integration ul li.brand-razorpay i{background:#EFF8FF !important;border:1px solid #C9E8FF;}
.integration ul li.brand-zapier i{background:#FFF5ED !important;border:1px solid #FFD9BD;}

.integration a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14.01px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #666666;
    gap: 10px;
    /* hero card */
}
.integration a:hover u{color:#0d6efd;} 
.integration a u{
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: underline!important;
    color: #4F46E5;
}

.diffrence{
    background: #F9FAFB;
    padding: 96px 0px;
}
.diffrence .inner_diffrence{
    display: flex;
    margin-top: 64px;
    justify-content: space-between;
    gap: 35px;
}
.diffrence .detaBox{
    background: #FFFFFF;
    border: 1px solid #FEE2E2;
    box-shadow: 0px 1px 2px 0px #0000000D;
    /* hero card */
    /* hero card */
    padding: 33px;
    border-radius: 12px;
    width: 100%;
}
.diffrence .detaBox ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.diffrence .detaBox ul li{
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.diffrence .detaBox ul li span{}
.diffrence .detaBox  h3 .lft{
    gap: 10px;
    display: flex;
    align-items: center;
    font-family: Inter;
    font-weight: 900;
    font-size: 19.95px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #111827;
    align-items: center;
}
.diffrence .detaBox  h3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.diffrence .detaBox h3 i{}
.diffrence .detaBox  h3 div.badge{
    background: #FEF2F2;
    font-family: Inter;
    font-weight: 500;
    font-size: 12.01px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #DC2626;
    padding: 6px 12px;
    border-radius: 20px;
}
.diffrence .detaBox.grn .flBox{
    background: #F0FDF4;
    color:  #22C55E;
}
.diffrence .detaBox  .flBox{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FEF2F2;
    margin-top: 25px;
    border-radius: 12px;
    padding: 16px 0px;
    color: #EF4444;
    font-family: Inter;
    font-weight: 900;
    font-size: 25.07px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
}
.diffrence .detaBox  .flBox p{
    margin: 0px;
    font-family: Inter;
    font-weight: 400;
    font-size: 13.84px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}
.diffrence .detaBox.grn   h3 div.badge{
    background: #F0FDF4;
    color:  #16A34A;
}

.diffrence .detaBox.grn{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)),
linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(147, 51, 234, 0.05) 100%);
    border: 1px solid #C7D2FE;
    /* hero card */
    box-shadow: 0px 10px 15px -3px #0000001A;
    /* hero card */
    /* hero card */
}

.conversion ul:before{content:'';display:block;background: #4F46E526;width: 320px;height: 320px;border-radius: 50%;position: absolute;top: -110px;left: 0px;filter: blur(40px);}
.conversion ul:after{content:'';display:block;background: #4F46E526;width: 320px;height: 320px;border-radius: 50%;position: absolute;top: 60px;right: 40px;filter: blur(20px);}

.conversion{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243E 100%);
    padding: 96px 0px;
}
.conversion h2{
    color: #fff;
}
.conversion .center{}
.conversion ul{
    max-width: 700px;
    margin: 64px auto 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.conversion ul li:last-child:after{ display:none;}
.conversion ul li:after{content:'';display:block;background:url(../images/conversion-arrow.png);width: 10px;height: 10px;position: absolute;left: 0;right: 0px;margin: auto;bottom: -30px;}
.conversion ul li{
    background: #FFFFFF12;
    border: 1px solid #818CF833;
    padding: 21px;
    border-radius: 16px;
    display: flex;
    margin-bottom: 56px;
    padding-bottom: 2px;
    width: 100%;
    position: relative;
}
.conversion ul li span{}
.conversion ul li .bar{
    width: 100%;
}
.conversion ul li .bar .hding{
    font-family: Inter;
    font-weight: 800;
    font-size: 15.54px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
}
.conversion ul li .bar .hding i{
    color: #A5B4FC;
    font-family: Inter;
    font-weight: 400;
    font-size: 12.24px;
    line-height: 16px;
    letter-spacing: 0px;
    background: #312E8180;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid #5454a1;
    font-style: normal;
}

.conversion ul li .bar .prog_bar{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(90deg, #818CF8 0%, #A855F7 100%);
    width: 100%;
    height: 8px;
    border-radius: 30px;
    margin-top: 10px;
    background: #FFFFFF1A;
    position: relative;
    overflow: hidden;
}
.conversion ul li .bar .prog_bar:before{content:'';display:block;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(90deg, #818CF8 0%, #A855F7 100%);width: 100%;height: 100%;position: absolute;border-radius: 30px;width: var(--progress, 0%);transition: width 1.5s ease;}

.conversion ul li:nth-child(2){width: 620px;}
.conversion ul li:nth-child(2) .bar .hding i{background: #581C8780;color: #D8B4FE;}
.conversion ul li:nth-child(2) .bar .prog_bar:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(90deg, #C084FC 0%, #EC4899 100%);
    /* hero card */
    border-radius: 30px;
    transition: width 2s cubic-bezier(0.22, 1, 0.36, 1);
}
.conversion ul li:nth-child(3){width: 540px;}
.conversion ul li:nth-child(3) .bar .hding i{background: #164E6380;color: #67E8F9;}
.conversion ul li:nth-child(3) .bar .prog_bar:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(90deg, #22D3EE 0%, #3B82F6 100%);
    /* hero card */
}
.conversion ul li:nth-child(4){width: 460px;margin: 0px;}
.conversion ul li:nth-child(4) .bar .hding i{background: #14532D80;color:  #86EFAC;}
.conversion ul li:nth-child(4) .bar .prog_bar:before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(90deg, #4ADE80 0%, #10B981 100%);
    /* hero card */
}

.steps{
    padding: 96px 0px;
}
.steps .btn{
    width: fit-content;
    margin: 0 auto;
}
.steps ul{
    margin-top: 64px;
    display: flex;
    position: relative;
}
.steps ul:before{content:'';display:block;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(90deg, #C7D2FE 0%, #E9D5FF 50%, #A5F3FC 100%);width: 70%;height: 2px;position: absolute;top: 50px;left: 0;right: 0;margin: auto;}
.steps ul li{
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
}
.steps ul li span{
    position: relative;
}
.steps ul li:nth-child(2) span i{
    background: #9333EA;
}
.steps ul li:nth-child(3) span i{
    background: #0891B2;
}


.steps ul li span i{
 width: 28px;
 height: 28px;
 display: flex;
 border-radius: 50%;
 background: #4F46E5;
 color: #fff;
 box-shadow: 0px 4px 6px -4px #0000001A;
 box-shadow: 0px 10px 15px -3px #0000001A;
 box-shadow: 0px 0px 0px 0px #00000000;
 box-shadow: 0px 0px 0px 0px #00000000;
 display: flex;
 align-items: center;
 justify-content: center;
 font-style: normal;
 position: absolute;
 top: 0;
 right: 0;
}
.steps ul li h3{
    font-family: Inter;
    font-weight: 900;
    font-size: 19.85px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    color: #111827;
}
.steps ul li p{
    color: #6B7280;
    font-family: Inter;
    font-weight: 400;
    font-size: 13.91px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.testimonals{
    background: #F9FAFB;
    padding: 96px 0px;
}
.testimonals ul{
    margin: 0px -20px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
    gap: 20px 0px;
}
.testimonals ul li{
    padding: 0px 10px;
    width: 33.33%;
}
.testimonals ul li .inr{
    background: #FFFFFF;
    border: 1px solid #F3F4F6;
    padding: 25px;
    border-radius: 24px;
    box-shadow: 0px 1px 2px 0px #0000000D;
    /* hero card */
    /* hero card */
}
.testimonals ul li .stars{
    color:  #F59E0B;
}
.testimonals ul li p{
    font-family: Inter;
    font-weight: 400;
    letter-spacing: 0px;
}
.testimonals ul li .review{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonals ul li .review .user{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.testimonals ul li .review .user span{
    border-radius: 50%;
    overflow: hidden;
}
.testimonals ul li .review .user h3{
    color:  #111827;
    font-family: Inter;
    font-weight: 800;
    font-size: 14.71px;
    line-height: 20px;
}
.testimonals ul li .review .user h3 div{
    font-family: Inter;
    font-weight: 400;
    font-size: 11.97px;
    line-height: 16px;
    letter-spacing: 0px;
    color:  #6B7280;
}
.testimonals ul li .review   .badge{
    color: #16A34A;
    background: #F0FDF4;
    font-family: Inter;
    font-weight: 800;
    font-size: 11.84px;
    line-height: 16px;
    letter-spacing: 0px;
    border-radius: 30px;
    border: 1px solid #b2edc8;
}

.legacyTestimonials{
    display:none;
}
.testimonialTabsSection{
    background:
        radial-gradient(circle at 20% 20%, rgba(79,70,229,0.15), transparent 28%),
        linear-gradient(180deg,#F9FAFB 0%,#FFFFFF 100%);
    scroll-margin-top:110px;
}
.testimonialTabs{
    display:flex;
    justify-content:center;
    gap:8px;
    width:fit-content;
    margin:30px auto 42px;
    padding:6px;
    border-radius:999px;
    background:#EEF2FF;
    border:1px solid #C7D2FE;
}
.testimonialTab{
    border:0;
    border-radius:999px;
    padding:12px 20px;
    background:transparent;
    color:#4F46E5;
    font-family:Inter;
    font-weight:900;
    font-size:13px;
    display:flex;
    align-items:center;
    gap:8px;
    transition:0.2s ease;
}
.testimonialTab.active{
    background:linear-gradient(135deg,#4F46E5,#9333EA);
    color:#fff;
    box-shadow:0 14px 28px rgba(79,70,229,0.2);
}
.testimonialPanel{
    display:none;
}
.testimonialPanel.active{
    display:block;
}
.testimonialGrid,
.videoTestimonialGrid{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin:0!important;
    align-items:stretch;
}
.testimonialTabsSection .testimonialGrid,
.testimonialTabsSection .videoTestimonialGrid,
.testimonialsPage .testimonialGrid,
.testimonialsPage .videoTestimonialGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:30px!important;
    row-gap:30px!important;
}
.testimonialTabsSection .testimonialGrid li,
.testimonialTabsSection .videoTestimonialGrid li,
.testimonialsPage .testimonialGrid li,
.testimonialsPage .videoTestimonialGrid li{
    min-width:0;
}
.testimonialTabsSection .videoTestimonialCard,
.testimonialsPage .videoTestimonialCard{
    margin:0;
}
.testimonialGrid li{
    width:auto!important;
    padding:25px!important;
}
.testimonialTabsSection .testimonialGrid li{
    padding:0!important;
}
.testimonialTabsSection .testimonialGrid li .inr{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:276px;
}
.testimonialTabsSection .testimonialGrid li p{
    color:#1F2937;
    font-size:16px;
    line-height:27px;
    margin:16px 0 28px;
}
.testimonialTabsSection .testimonialGrid li .review{
    border-top:1px solid #EEF2F7;
    padding-top:18px;
}
.videoTestimonialGrid li{
    width:auto!important;
    padding:0!important;
}
.videoTestimonialCard{
    display:block;
    height:100%;
    background:#fff;
    border:1px solid #F3F4F6;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(0,0,0,0.05);
    transition:0.25s ease;
    color:#111827;
}
.videoTestimonialCard:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 48px rgba(79,70,229,0.14);
}
.videoThumb{
    position:relative;
    height:190px;
    min-height:190px;
    max-height:190px;
    background:
        radial-gradient(circle at 50% 52%, rgba(147,51,234,0.34), transparent 34%),
        linear-gradient(135deg,#0F172A,#111827);
    overflow:hidden;
}
.videoThumb:before,
.videoThumb:after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
}
.videoThumb:before{
    width:210px;
    height:210px;
    left:-54px;
    top:-76px;
    background:rgba(255,255,255,0.1);
}
.videoThumb:after{
    width:260px;
    height:260px;
    right:-110px;
    bottom:-142px;
    border:1px solid rgba(255,255,255,0.14);
}
.videoThumbFlow{
    background:
        repeating-linear-gradient(165deg, rgba(255,255,255,0.18) 0 2px, transparent 2px 14px),
        linear-gradient(135deg,#111827,#1E1B4B);
}
.videoThumbCrm{
    background:
        radial-gradient(circle at 24% 24%, rgba(45,212,191,0.3), transparent 26%),
        radial-gradient(circle at 78% 66%, rgba(147,51,234,0.36), transparent 30%),
        linear-gradient(135deg,#0F172A,#172554);
}
.videoThumbClinic{
    background:
        linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(135deg,#0B1120,#312E81);
    background-size:28px 28px,28px 28px,auto;
}
.videoThumbCampaign{
    background:
        radial-gradient(circle at 35% 30%, rgba(96,165,250,0.36), transparent 30%),
        linear-gradient(135deg,#111827,#581C87);
}
.videoThumbRetail{
    background:
        linear-gradient(135deg, rgba(255,255,255,0.12) 25%, transparent 25%) 0 0/32px 32px,
        linear-gradient(135deg,#0F172A,#064E3B);
}
.videoPreviewLines{
    position:absolute;
    left:26px;
    right:84px;
    bottom:26px;
    display:grid;
    gap:10px;
}
.videoPreviewLines span{
    display:block;
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,0.18);
}
.videoPreviewLines span:nth-child(2){
    width:72%;
}
.videoPreviewLines span:nth-child(3){
    width:48%;
}
.videoThumb .playBubble{
    width:62px;
    height:62px;
    border-radius:50%;
    background:linear-gradient(135deg,#4F46E5,#9333EA);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    box-shadow:0 20px 38px rgba(0,0,0,0.24);
    z-index:2;
    transition:0.25s ease;
}
.videoTestimonialCard:hover .playBubble{
    transform:scale(1.08);
}
.videoTestimonialCard > div:last-child{
    padding:22px 24px 24px;
}
.videoTestimonialCard h3{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:18px;
    line-height:25px;
    margin-bottom:10px;
}
.videoTestimonialCard p{
    color:#6B7280;
    font-size:14px;
    line-height:23px;
    margin-bottom:16px;
}
.videoTestimonialCard b{
    color:#4F46E5;
    font-family:Inter;
    font-weight:900;
    font-size:13px;
}
.demoVideoModal{
    display:none;
    width:min(92vw,960px);
    background:#050814;
    border-radius:20px;
    overflow:hidden;
    padding:0;
}
.demoVideoPopup{
    width:min(92vw,960px);
    background:#050814;
    border-radius:20px;
    overflow:hidden;
    padding:0;
}
.demoVideoModal video,
.demoVideoPopup video{
    display:block;
    width:100%;
    max-height:72vh;
    background:#000;
}
.demoVideoCaption{
    padding:22px 26px;
    background:#0F172A;
}
.demoVideoCaption h3{
    color:#fff;
    font-family:Inter;
    font-size:22px;
    line-height:28px;
    font-weight:900;
    margin-bottom:6px;
}
.demoVideoCaption p{
    color:#CBD5E1;
    margin:0;
}
.testimonialVideoFancybox .fancybox-slide{
    padding:28px;
}
.testimonialVideoFancybox .fancybox-content{
    padding:0;
    border-radius:20px;
    background:transparent;
    overflow:visible;
}
.testimonialVideoFancybox .fancybox-close-small{
    width:42px;
    height:42px;
    top:-18px;
    right:-18px;
    border-radius:50%;
    background:#fff;
    color:#111827;
    box-shadow:0 12px 30px rgba(0,0,0,0.18);
}
.testimonialAction{
    display:flex;
    justify-content:center;
    margin-top:42px;
}
.testimonialAction .btn{
    width:auto;
    gap:10px;
}
.testimonialsPage{
    padding:90px 0 100px;
    background:
        radial-gradient(circle at 15% 10%, rgba(79,70,229,0.1), transparent 26%),
        linear-gradient(180deg,#FFFFFF 0%,#F9FAFB 100%);
    scroll-margin-top:110px;
}
.testimonialsPageBlock{
    margin-bottom:82px;
}
.testimonialsPageBlock:last-child{
    margin-bottom:0;
}
.testimonialsPageBlock .hd{
    max-width:720px;
    margin:0 auto 16px;
}
.testimonialsPageBlock > p{
    max-width:700px;
    margin:0 auto 42px;
    text-align:center;
    color:#6B7280;
    font-size:16px;
    line-height:27px;
}
.testimonialsPage .testimonialGrid li{
    background:#fff;
    border:1px solid #EEF2F7;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(15,23,42,0.05);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:260px;
    padding:24px!important;
}
.testimonialsPage .testimonialGrid li > p{
    color:#1F2937;
    font-size:16px;
    line-height:27px;
    margin:0 0 28px;
}
.testimonialsPage .stars{
    display:flex;
    gap:4px;
    margin-bottom:16px;
}
.testimonialsPage .stars i{
    color:#F59E0B!important;
    font-size:15px;
}
.testimonialsPage .testimonialGrid .review{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-top:1px solid #EEF2F7;
    padding-top:18px;
}
.testimonialsPage .testimonialGrid .user{
    display:flex;
    align-items:center;
    gap:12px;
}
.testimonialsPage .testimonialGrid .user span{
    width:46px;
    height:46px;
    flex:0 0 46px;
    border-radius:50%;
    overflow:hidden;
    background:#EEF2FF;
}
.testimonialsPage .testimonialGrid .user img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.testimonialsPage .testimonialGrid .user h3{
    color:#111827;
    font-family:Inter;
    font-size:15px;
    font-weight:900;
    line-height:20px;
    margin:0;
}
.testimonialsPage .testimonialGrid .user h3 div{
    color:#6B7280;
    font-size:13px;
    font-weight:500;
    line-height:18px;
    margin-top:2px;
}
.testimonialsPage .testimonialGrid .badge{
    color:#16A34A;
    background:#F0FDF4;
    border:1px solid #BBF7D0;
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
    font-weight:900;
}
.testimonialsPage .videoTestimonialGrid{
    row-gap:32px;
}
.testimonialsPage .videoTestimonialCard{
    border-radius:16px;
}
body.dark-theme .testimonialTabsSection,
body.dark-theme .testimonialsPage{
    background:
        radial-gradient(circle at 20% 20%, rgba(132,92,246,0.2), transparent 30%),
        linear-gradient(180deg,#050814 0%,#0F1028 100%);
}
body.dark-theme .testimonialTabs{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.14);
}
body.dark-theme .testimonialTab{
    color:#C4B5FD;
}
body.dark-theme .testimonialTab.active{
    color:#fff;
}
body.dark-theme .testimonals ul li,
body.dark-theme .videoTestimonialCard{
    background:rgba(15,23,42,0.9);
    border-color:rgba(255,255,255,0.12);
    box-shadow:none;
}
body.dark-theme .testimonals ul li p,
body.dark-theme .videoTestimonialCard p,
body.dark-theme .testimonialsPageBlock > p{
    color:#CBD5E1;
}
body.dark-theme .testimonialTabsSection .testimonialGrid li p{
    color:#CBD5E1;
}
body.dark-theme .testimonialTabsSection .testimonialGrid li .review,
body.dark-theme .testimonialsPage .testimonialGrid .review{
    border-top-color:rgba(255,255,255,0.12);
}
body.dark-theme .testimonals ul li .review .user h3,
body.dark-theme .videoTestimonialCard h3{
    color:#F8FAFC;
}
body.dark-theme .testimonals ul li .review .user h3 div{
    color:#94A3B8;
}
body.dark-theme .testimonals ul li .review .badge{
    color:#86EFAC;
    background:rgba(22,163,74,0.12);
    border-color:rgba(134,239,172,0.24);
}
body.dark-theme .testimonialsPage .testimonialGrid li{
    background:#111827;
    border-color:#1F2937;
    box-shadow:none;
}
body.dark-theme .testimonialsPage .testimonialGrid li > p{
    color:#CBD5E1;
}
body.dark-theme .testimonialsPage .testimonialGrid .user h3{
    color:#F8FAFC;
}
body.dark-theme .testimonialsPage .testimonialGrid .user h3 div{
    color:#94A3B8;
}
body.dark-theme .testimonialsPage .testimonialGrid .badge{
    color:#86EFAC;
    background:rgba(22,163,74,0.12);
    border-color:rgba(134,239,172,0.24);
}

i[class^="fa-"],
i[class*=" fa-"]{
    color:inherit;
}
.testimonialTab i{
    color:inherit!important;
}
.testimonialTab.active,
.testimonialTab.active i{
    color:#fff!important;
}
.testimonals .stars,
.testimonals .stars i{
    color:#F59E0B!important;
}
.videoThumb .playBubble,
.videoThumb .playBubble i{
    color:#fff!important;
}


/* hero card */
.pricingSection{
    background:
        radial-gradient(circle at 50% 38%, rgba(79,70,229,0.22), transparent 42%),
        radial-gradient(circle at 55% 65%, rgba(126,34,206,0.2), transparent 34%),
        linear-gradient(180deg,#050814 0%,#0F1028 100%);
    padding:96px 0;
    position:relative;
    overflow:hidden;
}
.pricingSection:before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at center, transparent 0 38%, rgba(255,255,255,0.04) 38.2%, transparent 38.5%);
    pointer-events:none;
    display:block;
}
.pricingSection .wrap{
    position:relative;
    z-index:1;
    max-width:1160px;
}
.pricingHeader{
    text-align:center;
    max-width:700px;
    margin:0 auto 50px;
}
.pricingHeader > span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #818CF84D;
    background:#FFFFFF12;
    color:#C7D2FE;
    border-radius:999px;
    padding:6px 15px;
    font-family:Inter;
    font-weight:700;
    font-size:12px;
    margin-bottom:16px;
}
.pricingHeader > span:before{
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#818CF8;
}
.pricingHeader h2{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:43px;
    line-height:52px;
    margin-bottom:12px;
}
.pricingHeader h2 em{
    font-style:normal;
    background:linear-gradient(135deg,#A78BFA,#7C3AED,#06B6D4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.pricingHeader p{
    color:#9CA3AF;
    font-size:14px;
    line-height:23px;
    max-width:580px;
    margin:0 auto 24px;
}
.billingToggle{
    display:inline-flex;
    align-items:center;
    gap:4px;
    background:#FFFFFF12;
    border:1px solid #FFFFFF1A;
    border-radius:999px;
    padding:5px;
}
.billingToggle button{
    border:0;
    outline:none;
    border-radius:999px;
    padding:8px 18px;
    color:#9CA3AF;
    background:transparent;
    font-family:Inter;
    font-weight:800;
    font-size:12px;
}
.billingToggle button:focus{
    outline:none;
    box-shadow:none;
}
.billingToggle button.active{
    color:#fff;
    background:linear-gradient(135deg,#4F46E5,#9333EA);
}
.billingToggle strong{
    color:#A3E635;
    background:#36531480;
    border-radius:999px;
    padding:2px 6px;
    font-size:10px;
    margin-left:4px;
}
.pricingCards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    align-items:stretch;
}
.pricingCard{
    background:#111827CC;
    border:1px solid #1F2937;
    border-radius:18px;
    padding:32px;
    min-height:100%;
    position:relative;
    box-shadow:0 18px 52px rgba(0,0,0,0.24);
}
.pricingCard.featured{
    border-color:#7C3AED;
    box-shadow:0 0 0 1px #7C3AED,0 28px 70px rgba(124,58,237,0.32);
    transform:translateY(-10px);
}
.popularBadge{
    position:absolute;
    top:-15px;
    left:50%;
    transform:translateX(-50%);
    background:#C6FF3D;
    color:#111827;
    border-radius:999px;
    padding:7px 15px;
    font-family:Inter;
    font-weight:900;
    font-size:11px;
    white-space:nowrap;
}
.planIcon{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#312E8180;
    color:#A78BFA;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}
.planIcon i{
    color: inherit;
}
.pricingCard h3{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:18px;
    line-height:24px;
    margin-bottom:4px;
}
.pricingCard > p{
    color:#9CA3AF;
    font-size:12px;
    margin-bottom:18px;
}
.price{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:40px;
    line-height:46px;
    margin-bottom:2px;
}
.price strong{
    color: inherit;
}
.price small{
    color:#9CA3AF;
    font-size:16px;
    margin-right:4px;
}
.price span{
    color:#9CA3AF;
    font-size:12px;
    font-weight:600;
}
.billingNote{
    display:block;
    color:#6B7280;
    font-size:11px;
    font-style:normal;
    margin-bottom:18px;
}
.planBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    height:44px;
    border-radius:999px;
    background:#253041;
    color:#fff!important;
    font-family:Inter;
    font-weight:900;
    font-size:12px;
    margin-bottom:28px;
}
.planBtn.highlight{
    color:#111827!important;
    background:#C6FF3D;
}
.planBtn.outline{
    background:transparent;
    border:1px solid #7C3AED;
}
.pricingCard h4{
    color:#A5B4FC;
    font-family:Inter;
    font-weight:900;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:14px;
    display:block;
}
.pricingCard ul{
    display:grid;
    gap:12px;
}
.pricingCard li{
    color:#D1D5DB;
    font-size:13px;
    line-height:18px;
    display:flex;
    align-items:flex-start;
    gap:9px;
}
.pricingCard li:before{
    content:'\f00c';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#312E8180;
    color:#A78BFA;
    font-size:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 16px;
    margin-top:1px;
}
.pricingCard.featured li:before{
    background:#365314;
    color:#C6FF3D;
}
.pricingCard li.muted{
    color:#6B7280;
}
.pricingCard li.muted:before{
    content:'\f00d';
    color:#6B7280;
    background:#1F2937;
}
.trial{
    display:block;
    color:#6B7280;
    text-align:center;
    font-size:10px;
    margin-top:22px;
}
.pricingFootnote{
    color:#9CA3AF;
    text-align:center;
    font-size:14px;
    line-height:23px;
    margin:34px 0 0;
}
.enterprisePlan{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    background:#111827CC;
    border:1px solid #1F2937;
    border-radius:16px;
    padding:22px 26px;
    margin-top:34px;
}
.enterprisePlan > div{
    display:flex;
    align-items:center;
    gap:16px;
}
.enterprisePlan i{
    width:42px;
    height:42px;
    border-radius:12px;
    background:linear-gradient(135deg,#4F46E5,#9333EA);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
}
.enterprisePlan span{
    color:#9CA3AF;
    font-size:13px;
    line-height:20px;
}
.enterprisePlan b{
    display:block;
    color:#fff;
    font-size:14px;
}
.enterprisePlan a{
    color:#fff!important;
    background:#FFFFFF1A;
    border:1px solid #FFFFFF26;
    border-radius:999px;
    padding:10px 20px;
    font-family:Inter;
    font-weight:900;
    font-size:12px;
    white-space:nowrap;
}
.pricingTrust{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px 34px;
    margin-top:30px;
}
.pricingTrust li{
    color:#9CA3AF;
    font-size:12px;
    display:flex;
    align-items:center;
    gap:8px;
}
.pricingTrust i{
    color:#22C55E;
}



.faqs{
    padding: 96px 0px 70px;
}



.faqs  .accordion{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: none;
    max-width: 720px;
    margin: 64px auto 0px;
}
.faqs   .accordion .accordion-item{
    border-radius: 8px;
    background: #F9FAFB;
    border: 1px solid #F3F4F6;
}
.faqs   .accordion .accordion-button:not(.collapsed)::after{background-color: #23b2d7;}
.faqs   .accordion .accordion-button{
    border: none;
    background: transparent;
    padding: 5px 15px;
    box-shadow: none;
    font-family: Inter;
    font-weight: 700;
    font-size: 15.75px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #111827;
    padding: 1.25rem;
}
.faqs   .accordion .accordion-body{
    padding: 0px 15px 10px;
}
.faqs   .accordion .accordion-body p:last-child{margin:0px;}

.faqs   .accordion .accordion-button::after{
    width: 29px;
    height: 29px;
    background: url(../images/plus-icn.png) no-repeat center center;
    border-radius: 50%;
    color: #fff;
    background-color:  #9333EA;
;
}

.joinPnl{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #06B6D4 100%);
    padding: 96px 0px;
}
.joinPnl h2 span:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 1;
    background: #4ADE80;
}
.joinPnl h2 span{
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF33;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 10px;
}
.joinPnl h2{
    color: #fff;
    font-family: Inter;
    font-weight: 900;
    font-style: Black;
    font-size: 59.48px;
    leading-trim: NONE;
    line-height: 72px;
    letter-spacing: 0px;
    text-align: center;
}
.joinPnl h2 i{
    color: #FDE047;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
}
.joinPnl p{
    text-align: center;
    color: #fff;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}
.joinPnl .btnGrp{
    display: flex;
    margin: 40px auto;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.joinPnl .btn.snd{
    border: 1px solid #FFFFFF4D;
    background: #FFFFFF1A;
    color: #fff;
}

.joinPnl .btn{
    background: #fff;
    color:  #4338CA;
    font-family: Inter;
    font-weight: 800;
    letter-spacing: 0px;
    text-align: center;
}
.joinPnl ul{
    display: flex;
    justify-content: center;
    gap: 25px;
}
.joinPnl ul li{
    font-family: Inter;
    font-weight: 400;
    font-size: 13.99px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #C7D2FE;
    display: flex;
    align-items: center;
    gap: 5px;
}
.joinPnl ul li i{}


.footer {
  background: #020617;
  color: #cbd5f5;
  padding: 60px 20px 20px;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
}

.footer-top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  font-size: 18px;
  color: white;
  margin-bottom: 10px;
}

.footerLogo {
  display: block;
  margin-bottom: 16px;
}

.footerLogo .themeLogo img {
  height: 64px;
}

.footerLogo .themeLogo .logoDark {
  display: block;
}

.footerLogo .themeLogo .logoLight {
  display: none;
}

.logo-box {
  width: 30px;
  height: 30px;
  background: #6366f1;
  border-radius: 8px;
}

.footer-desc {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #6B7280;
}

.socials {
  display: flex;
  gap: 10px;
}
.socials  i{
    color: #9CA3AF;
}

.socials div {
  width: 32px;
  height: 32px;
  background: #0f172a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer h4 {font-family: Inter;font-weight: 800;font-size: 16px;line-height: 20px;letter-spacing: 0px;margin-bottom: 20px;}

.footer ul {
  list-style: none;
}

.footer ul li {
  margin-bottom: 10px;
  font-size: 14px;
  cursor: pointer;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #9CA3AF;
}

.footer ul li:hover {
  color: white;
}
.footer-contact{
  margin: 18px 0 22px;
}
.footer-contact li{
  cursor: default;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 9px;
}
.footer-contact li i{
  color: #818CF8;
  margin-top: 3px;
}

.footer-bottom {
  border-top: 1px solid #1e293b;
  margin-top: 40px;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  flex-wrap: wrap;
  gap: 10px;
}

/* hero card */
@media (max-width: 900px) {
  .footer-top {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .cta h1 {
    font-size: 32px;
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

.innerBnr{
    background: url(../images/hero-bg.jpg) no-repeat top center;
    padding-top: 136px;
    padding-bottom: 50px;
    background-size: cover;
}

.innerBnr h2{
    font-size: 50px;
    font-weight: bold;
}
.innerBnr ul{
    display: flex;
    gap: 30px;
}
.innerBnr ul li{
    position: relative;
}
.innerBnr ul li:after{content:'';display:block;width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;top: 10px;right: -18px;}
.innerBnr ul li a{
    color: #fff!important;
}
.innerBnr ul li:last-child:after{ display:none;}



/* hero card */
.aboutInnerBnr{
    padding: 142px 0 86px;
    background:
        radial-gradient(circle at 18% 24%, rgba(79,70,229,0.42), transparent 34%),
        radial-gradient(circle at 82% 72%, rgba(6,182,212,0.28), transparent 32%),
        linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243E 100%);
    position: relative;
    overflow: hidden;
}
.aboutInnerBnr:where(:not(.privacyBnr)):before{
    content:'';
    display:block;
    position:absolute;
    inset:auto 0 0;
    height:86px;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,0.08));
    clip-path:polygon(0 48%,100% 0,100% 100%,0 100%);
    filter:none;
    width:auto;
    border-radius:0;
    left:0;
    top:auto;
}
.aboutInnerBnr:before{content:'';display:block;width:320px;height:320px;border-radius:50%;background:#4F46E54D;filter:blur(58px);position:absolute;left:-100px;top:25px;}
.aboutInnerBnr:after{content:'';display:block;width:280px;height:280px;border-radius:50%;background:#06B6D433;filter:blur(58px);position:absolute;right:-70px;bottom:-110px;}
.aboutInnerBnr:not(.privacyBnr):before{
    width:auto;
    height:86px;
    border-radius:0;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,0.08));
    filter:none;
    left:0;
    right:0;
    top:auto;
    bottom:0;
    clip-path:polygon(0 48%,100% 0,100% 100%,0 100%);
}
.aboutInnerBnr .wrap{position:relative;z-index:1;text-align:center;}
.aboutInnerBnr span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#FFFFFF12;
    border:1px solid #818CF84D;
    color:#C7D2FE;
    border-radius:999px;
    padding:7px 17px;
    font-family:Inter;
    font-weight:700;
    font-size:13px;
    line-height:18px;
    margin-bottom:14px;
}
.aboutInnerBnr span:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#4ADE80;}
.aboutInnerBnr h1{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:54px;
    line-height:64px;
    margin-bottom:16px;
}
.aboutInnerBnr ul{display:flex;align-items:center;justify-content:center;gap:26px;}
.aboutInnerBnr ul li{position:relative;color:#C7D2FE;font-size:14px;font-weight:600;}
.aboutInnerBnr ul li:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#818CF8;position:absolute;right:-16px;top:10px;}
.aboutInnerBnr ul li:last-child:after{display:none;}
.aboutInnerBnr ul li a{color:#C7D2FE!important;}
.aboutInnerBnr ul li:last-child a{color:#fff!important;}

.aboutBadge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #EEF2FF;
    color: #4F46E5;
    border: 1px solid #C7D2FE;
    border-radius: 999px;
    padding: 6px 16px;
    font-family: Inter;
    font-weight: 800;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 18px;
}
.aboutBadge:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#4ADE80;}
.aboutHero{
    padding: 80px 0 104px;
    background:#fff;
    position: relative;
    overflow: visible;
}
.aboutHero:before{content:'';display:block;width:420px;height:420px;border-radius:50%;background:#4F46E526;filter:blur(78px);position:absolute;left:-160px;top:20px;}
.aboutHero:after{content:'';display:block;width:380px;height:380px;border-radius:50%;background:#06B6D41F;filter:blur(76px);position:absolute;right:-130px;bottom:-120px;}
.aboutHeroInr{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:54px;
    position:relative;
    z-index:1;
    background:#FFFFFFE8;
    border:1px solid #E5E7EB;
    border-radius:28px;
    padding:42px;
    margin-top:-66px;
    box-shadow:0 28px 70px rgba(15,23,42,0.12);
    backdrop-filter:blur(18px);
}
.aboutHeroText{width:56%;}
.aboutHeroText h1{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:48px;
    line-height:58px;
    margin-bottom:22px;
}
.aboutHeroText h1 span{display:block;}
.aboutHeroText p{
    color:#4B5563;
    font-family:Inter;
    font-size:16px;
    line-height:27px;
    margin-bottom:16px;
}
.aboutStats{display:flex;gap:24px;margin-top:34px;flex-wrap:wrap;}
.aboutStats li{
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    border-radius:16px;
    padding:18px 22px;
    min-width:130px;
}
.aboutStats li b{
    display:block;
    font-family:Inter;
    font-weight:900;
    font-size:28px;
    line-height:34px;
    background: linear-gradient(135deg, #818CF8 0%, #A78BFA 50%, #06B6D4 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.aboutStats li span{display:block;color:#64748B;font-size:13px;}
.aboutHeroImg{width:44%;position:relative;}
.aboutHeroImg img{display:block;width:100%;height:auto;object-fit:contain;border-radius:24px;border:1px solid #818CF84D;box-shadow:0 30px 70px #0000003d;background:#fff;}
.heroChatCard{
    position:absolute;
    background:#FFFFFFE8;
    border:1px solid #F3F4F6;
    border-radius:16px;
    padding:13px 16px;
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:0 18px 45px #00000024;
    backdrop-filter:blur(12px);
}
.heroChatCard.top{top:28px;right:-22px;}
.heroChatCard.bottom{bottom:92px;left:-24px;}
.heroChatCard i{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#4F46E5,#9333EA);
}
.heroChatCard .fa-whatsapp{background:linear-gradient(135deg,#22C55E,#059669);}
.heroChatCard b{display:block;color:#111827;font-size:13px;line-height:18px;}
.heroChatCard span{display:block;color:#6B7280;font-size:12px;line-height:16px;}
.floatingInfo{
    position:absolute;
    left:24px;
    bottom:24px;
    background:#FFFFFFE8;
    border:1px solid #F3F4F6;
    border-radius:16px;
    padding:14px 18px;
    display:flex;
    gap:12px;
    align-items:center;
    box-shadow:0 18px 45px #00000024;
}
.floatingInfo i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4F46E5,#9333EA);display:flex;align-items:center;justify-content:center;color:#fff;}
.floatingInfo b{display:block;color:#111827;font-size:14px;line-height:18px;}
.floatingInfo span{display:block;color:#6B7280;font-size:12px;}

.aboutValues{padding:96px 0;background:#F9FAFB;}
.aboutValues ul{display:flex;flex-wrap:wrap;margin:58px -10px 0;}
.aboutValues ul li{width:25%;padding:0 10px;display:flex;}
.aboutValues ul li .pdng{
    background:#fff;
    border:1px solid #F3F4F6;
    border-radius:16px;
    padding:28px;
    width:100%;
    box-shadow:0 1px 2px #0000000D;
    transition:0.3s ease;
}
.aboutValues ul li .pdng:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(79,70,229,0.12);}
.aboutValues ul li i{width:52px;height:52px;border-radius:16px;background:#EEF2FF;color:#4F46E5;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}
.aboutValues ul li b{display:block;color:#111827;font-family:Inter;font-weight:900;font-size:17px;line-height:24px;margin-bottom:10px;}
.aboutValues ul li p{font-size:14px;line-height:22px;color:#6B7280;margin:0;}

.aboutExpertise{
    padding:96px 0;
    background:linear-gradient(180deg,#0F0C29 0%,#1A1740 100%);
    position:relative;
    overflow:hidden;
}
.aboutExpertise:before{content:'';display:block;width:360px;height:360px;border-radius:50%;background:#7E22CE33;filter:blur(52px);position:absolute;top:-80px;left:35%;}
.expertiseGrid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center;position:relative;z-index:1;}
.aboutExpertise h2.hd{text-align:left;color:#fff;margin-bottom:34px;}
.aboutExpertise h2.hd span{margin-left:0;color:#818CF8;background:#312E8180;}
.expertiseList{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.expertiseList li{
    color:#D1D5DB;
    font-family:Inter;
    font-weight:600;
    font-size:14px;
    line-height:20px;
    position:relative;
    padding-left:30px;
}
.expertiseList li:before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#312E8180;color:#A78BFA;font-size:10px;display:flex;align-items:center;justify-content:center;}
.expertiseQuote{
    background:#FFFFFF12;
    border:1px solid #818CF84D;
    border-radius:24px;
    padding:38px;
    box-shadow:0 20px 50px #00000024;
}
.expertiseQuote blockquote{color:#fff;font-family:Inter;font-weight:700;font-size:24px;line-height:34px;margin:0 0 28px;}
.quoteBy{display:flex;align-items:center;gap:12px;}
.quoteBy span{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4F46E5,#9333EA);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;}
.quoteBy b{display:block;color:#fff;font-size:14px;}
.quoteBy i{display:block;color:#9CA3AF;font-style:normal;font-size:12px;}

.aboutMission{padding:96px 0;background:#fff;}
.missionGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:920px;margin:56px auto 0;}
.missionCard{
    border:1px solid #F3F4F6;
    border-radius:18px;
    padding:34px;
    box-shadow:0 1px 2px #0000000D;
    background:#fff;
}
.missionCard i{width:54px;height:54px;border-radius:16px;background:#EEF2FF;color:#4F46E5;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:22px;}
.missionCard h3{color:#111827;font-family:Inter;font-weight:900;font-size:24px;line-height:30px;margin-bottom:12px;}
.missionCard p{color:#6B7280;font-size:15px;line-height:24px;}
.missionCard span{display:flex;align-items:center;gap:8px;color:#9CA3AF;font-size:13px;border-top:1px solid #F3F4F6;padding-top:20px;margin-top:24px;}
.missionCard span:before{content:'';width:7px;height:7px;border-radius:50%;background:#4F46E5;}
.missionCard.dark{background:linear-gradient(135deg,#0F0C29 0%,#302B63 100%);border-color:#818CF84D;box-shadow:0 18px 45px #0000001f;}
.missionCard.dark h3,.missionCard.dark i{color:#fff;}
.missionCard.dark i{background:#FFFFFF12;border:1px solid #818CF84D;}
.missionCard.dark p{color:#D1D5DB;}
.missionCard.dark span{border-color:#818CF833;color:#A5B4FC;}

.aboutCta{padding:96px 0;background:#F9FAFB;}
.aboutCtaInr{
    background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 50%,#06B6D4 100%);
    border-radius:28px;
    padding:68px 40px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.aboutCtaInr:before{content:'';display:block;width:280px;height:280px;border-radius:50%;background:#FFFFFF24;filter:blur(45px);position:absolute;right:-80px;top:-90px;}
.aboutCtaInr > *{position:relative;z-index:1;}
.aboutCtaInr span{display:inline-flex;background:#FFFFFF1A;border:1px solid #FFFFFF33;color:#fff;border-radius:999px;padding:7px 18px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;}
.aboutCtaInr h2{color:#fff;font-family:Inter;font-weight:900;font-size:42px;line-height:52px;max-width:820px;margin:0 auto 16px;}
.aboutCtaInr p{color:#E0E7FF;font-size:17px;line-height:27px;margin:0 auto 32px;max-width:620px;}
.aboutCtaInr .btnGrp{display:flex;justify-content:center;gap:14px;}
.aboutCtaInr .btn{background:#fff;color:#4338CA;font-weight:800;width:fit-content;}
.aboutCtaInr .btn.snd{background:#FFFFFF1A;border:1px solid #FFFFFF4D;color:#fff;}

/* hero card */
.privacyBnr p{
    color:#C7D2FE;
    margin:10px 0 0;
    font-family:Inter;
    font-size:15px;
}
.privacyPage{
    background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);
    padding:80px 0 96px;
}
.privacyPage .wrap{
    max-width:880px;
}
.privacyIntro{
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:#EEF2FF;
    border:1px solid #C7D2FE;
    border-radius:16px;
    padding:24px 26px;
    margin-bottom:50px;
    box-shadow:0 16px 38px rgba(79,70,229,0.08);
}
.privacyIntro > i{
    color:#4F46E5;
    font-size:22px;
    margin-top:2px;
}
.privacyIntro p{
    margin:0;
    color:#1F2937;
    font-size:15px;
    line-height:27px;
}
.privacyIntro a{
    color:#4F46E5!important;
    font-weight:700;
}
.policySection{
    margin-bottom:48px;
}
.policyHead{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:24px;
}
.policyHead span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#EDE9FE;
    color:#7C3AED;
    font-family:Inter;
    font-weight:900;
}
.policyHead h2{
    margin:0;
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:28px;
    line-height:36px;
}
.privacyCards{
    display:grid;
    gap:24px;
}
.privacyCards.twoCol{
    grid-template-columns:1fr 1fr;
}
.privacyCard{
    border:1px solid #F3F4F6;
    box-shadow:0 12px 32px rgba(15,23,42,0.05);
    border-radius:14px;
    padding:26px;
    background:#fff;
}
.privacyCard h3{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:16px;
    margin-bottom:16px;
    display:flex;
    align-items:center;
    gap:10px;
}
.privacyCard h3 i{
    color:#7C3AED;
}
.privacyCard ul{
    list-style:disc;
    padding-left:18px;
}
.privacyCard ul li{
    list-style:disc;
    color:#4B5563;
    font-size:14px;
    line-height:28px;
}
.privacyNote{
    background:#F9FAFB;
    border-left:4px solid #7C3AED;
    border-radius:12px;
    padding:22px 24px;
    margin-top:24px;
}
.privacyNote b{
    display:block;
    color:#111827;
    font-family:Inter;
    font-weight:900;
    margin-bottom:10px;
}
.privacyNote p{
    margin:0;
    color:#374151;
    font-size:14px;
    line-height:24px;
}
.useGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.useGrid li{
    background:#F9FAFB;
    border:1px solid #F3F4F6;
    border-radius:10px;
    padding:13px 16px;
    color:#374151;
    font-size:14px;
    display:flex;
    gap:12px;
    align-items:center;
}
.useGrid li i{
    color:#7C3AED;
}
.policyLead{
    color:#111827;
    font-weight:800;
    margin-bottom:26px;
}
.shareCards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.shareCards div{
    border:1px solid #F3F4F6;
    border-radius:14px;
    padding:28px 20px;
    text-align:center;
    box-shadow:0 1px 2px #0000000D;
}
.shareCards i{
    color:#7C3AED;
    font-size:28px;
    margin-bottom:18px;
}
.shareCards b{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:10px;
}
.shareCards p{
    color:#6B7280;
    font-size:13px;
    line-height:19px;
    margin:0;
}
.policyInfoGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:42px 60px;
    border-top:1px solid #F3F4F6;
    border-bottom:1px solid #F3F4F6;
    padding:48px 0;
    margin-bottom:48px;
}
.policyInfoGrid h3{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:21px;
    line-height:28px;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}
.policyInfoGrid h3 i{
    color:#7C3AED;
}
.policyInfoGrid p{
    color:#4B5563;
    font-size:14px;
    line-height:24px;
    margin:0;
}
.privacyContact{
    background:#111827;
    border-radius:22px;
    padding:38px 42px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    position:relative;
    overflow:hidden;
}
.privacyContact:before{
    content:'';
    width:220px;
    height:220px;
    background:#4F46E54D;
    filter:blur(50px);
    border-radius:50%;
    position:absolute;
    right:-70px;
    top:-70px;
}
.privacyContact > div{
    position:relative;
    z-index:1;
}
.privacyContact h2{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:28px;
    margin-bottom:12px;
}
.privacyContact p{
    color:#D1D5DB;
    max-width:560px;
    font-size:15px;
    line-height:25px;
}
.privacyContact ul{
    display:flex;
    flex-wrap:wrap;
    gap:12px 20px;
    margin-top:20px;
}
.privacyContact ul li{
    color:#C7D2FE;
    font-size:14px;
    display:flex;
    gap:8px;
    align-items:center;
}
.privacyContact ul li i{
    color:#A78BFA;
}
.privacyContact > i{
    position:relative;
    z-index:1;
    color:#FFFFFF1A;
    font-size:82px;
    align-self:center;
}

/* hero card */
.refundPage .wrap{
    max-width:880px;
}
.refundIntro{
    background:#FFF1F2;
    border-color:#FECACA;
}
.refundIntro > i{
    color:#EF4444;
}
.refundHead span{
    background:transparent;
    color:#EF4444;
    border-radius:0;
    width:auto;
    height:auto;
    font-size:22px;
}
.refundHead h2{
    font-size:25px;
    line-height:34px;
}
.refundTextCard{
    padding:28px 32px;
}
.refundTextCard h3{
    font-size:18px;
    margin-bottom:14px;
}
.refundTextCard p{
    color:#374151;
    font-size:14px;
    line-height:26px;
    margin:0;
}
.refundTextCard ul{
    margin-top:14px;
}
.refundTextCard ul li::marker{
    color:#FB7185;
}
.refundStack{
    display:grid;
    gap:24px;
}
.refundAlertBox{
    background:#F9FAFB;
    border-radius:14px;
    padding:26px 32px;
}
.refundAlertBox p{
    color:#374151;
    font-size:15px;
    line-height:26px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin:0 0 18px;
}
.refundAlertBox p:last-child{
    margin-bottom:0;
}
.refundAlertBox i{
    color:#EF4444;
    margin-top:4px;
}
.refundGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
    margin-bottom:44px;
}
.refundInfoGrid{
    border-top:0;
    margin-top:0;
}
.refundInfoGrid h3 i{
    color:#EF4444;
    font-size:18px;
}
.refundContact h3{
    color:#fff;
    font-family:Inter;
    font-weight:900;
    font-size:18px;
    margin:24px 0 14px;
}
.refundContact ul{
    display:grid;
    gap:14px;
}
.footer a{
    color:inherit!important;
}

/* hero card */
.cookieIntro{
    background:#EFF6FF;
    border-color:#BFDBFE;
}
.cookieIntro > i,
.cookieHead span,
.cookieCard h3 i{
    color:#2563EB;
}
.cookieHead span{
    background:transparent;
    border-radius:0;
    width:auto;
    height:auto;
    font-size:22px;
}
.cookieGrid{
    display:grid;
    gap:22px;
}
.cookieCard{
    padding:28px 30px;
}
.cookieCardTop{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.cookieCard h3{
    margin-bottom:0;
}
.cookieCardTop span{
    flex-shrink:0;
    background:#F3F4F6;
    color:#4B5563;
    border-radius:999px;
    font-family:Inter;
    font-weight:900;
    font-size:11px;
    line-height:18px;
    padding:4px 12px;
}
.cookieCardTop span.active{
    background:#DCFCE7;
    color:#15803D;
}
.cookieCard p{
    color:#4B5563;
    font-size:14px;
    line-height:25px;
    margin:0;
}

/* hero card */
.contactBnr p{
    color:#C7D2FE;
    max-width:760px;
    margin:14px auto 0;
    font-size:16px;
    line-height:27px;
}
.contactPage{
    background:#fff;
    padding:82px 0 96px;
}
.contactCards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    margin-bottom:76px;
}
.contactCard{
    background:#fff;
    border:1px solid #F3F4F6;
    border-radius:16px;
    padding:28px 22px;
    box-shadow:0 1px 2px #0000000D;
    transition:0.3s ease;
}
.contactCard:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 35px #11182712;
}
.contactCard > i{
    width:52px;
    height:52px;
    border-radius:14px;
    background:#F5F3FF;
    color:#7C3AED;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;
}
.contactCard h3{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:19px;
    margin-bottom:12px;
}
.contactCard p{
    color:#6B7280;
    font-size:14px;
    line-height:23px;
    min-height:70px;
    margin-bottom:16px;
}
.contactCard a,
.contactCard span{
    color:#7C3AED!important;
    font-weight:800;
    font-size:14px;
    line-height:22px;
    word-break:break-word;
}
.contactFormBlock{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:56px;
    align-items:center;
    background:#F9FAFB;
    border:1px solid #F3F4F6;
    border-radius:22px;
    padding:42px;
}
.contactFormText h2{
    color:#111827;
    font-family:Inter;
    font-weight:900;
    font-size:34px;
    line-height:42px;
    margin-bottom:16px;
}
.contactFormText p{
    color:#4B5563;
    font-size:16px;
    line-height:27px;
    margin-bottom:28px;
}
.contactFormText ul{
    display:grid;
    gap:16px;
}
.contactFormText li{
    color:#374151;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:12px;
}
.contactFormText li i{
    width:30px;
    height:30px;
    border-radius:8px;
    background:#EDE9FE;
    color:#7C3AED;
    display:flex;
    align-items:center;
    justify-content:center;
}
.contactForm{
    background:#fff;
    border:1px solid #F3F4F6;
    border-radius:20px;
    padding:30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    box-shadow:0 20px 45px #7C3AED14;
}
.formRow.full,
.contactSubmit,
.formMessage{
    grid-column:1 / -1;
}
.formRow label{
    display:block;
    color:#374151;
    font-family:Inter;
    font-weight:800;
    font-size:13px;
    margin-bottom:8px;
}
.formRow label span{
    color:#EF4444;
}
.formRow input,
.formRow textarea{
    width:100%;
    border:1px solid #E5E7EB;
    background:#F9FAFB;
    border-radius:12px;
    padding:14px 15px;
    color:#111827;
    font-size:14px;
    outline:none;
    transition:0.2s ease;
}
.formRow input:focus,
.formRow textarea:focus{
    border-color:#7C3AED;
    box-shadow:0 0 0 4px #7C3AED1A;
    background:#fff;
}
.formConsent{
    grid-column:1 / -1;
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#374151;
    font-size:13px;
    line-height:20px;
    font-weight:600;
    margin:0;
    cursor:pointer;
}
.formConsent input{
    width:18px;
    height:18px;
    flex:0 0 18px;
    margin-top:1px;
    accent-color:#7C3AED;
}
.honeypot{
    display:none;
}
.contactSubmit{
    width:100%;
    border:0;
    justify-content:center;
    gap:10px;
}
.formMessage{
    margin:0;
    color:#15803D;
    font-weight:800;
    font-size:14px;
}

/* hero card */
body,
header,
.privacyPage,
.contactPage,
.aboutHero,
.aboutValues,
.aboutExpertise,
.aboutMission,
.aboutCta{
    transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease;
}
body.dark-theme{
    background:#0B1120;
    color:#CBD5E1;
}
body.dark-theme header{
    background:#0B1120;
    border-bottom:1px solid #1E293B;
}
body.dark-theme header .logo a{
    background:transparent;
    border-radius:0;
    padding:0;
}
body.dark-theme header .center_container .navigation ul li a{
    color:#CBD5E1;
}
body.dark-theme header .center_container .navigation ul li a:hover,
body.dark-theme header .center_container .navigation ul li a.active{
    color:#93C5FD;
}
body.dark-theme header .center_container .navigation ul li a:after{
    background:#93C5FD;
}
body.dark-theme .privacyPage,
body.dark-theme .contactPage,
body.dark-theme .banner,
body.dark-theme .trust,
body.dark-theme .clmInitial,
body.dark-theme .feature,
body.dark-theme .automation,
body.dark-theme .integration,
body.dark-theme .diffrence,
body.dark-theme .conversion,
body.dark-theme .steps,
body.dark-theme .testimonals,
body.dark-theme .faqs,
body.dark-theme .aboutHero,
body.dark-theme .aboutValues,
body.dark-theme .aboutExpertise,
body.dark-theme .aboutMission{
    background:#0B1120;
}
body.dark-theme .trust .trust_inner,
body.dark-theme .feature ul li .pdng,
body.dark-theme .clmInitial .rowFlex .clm .inNumbers li .pdng,
body.dark-theme .clmInitial .rowFlex .clm .inNumbers li .pdng.blue,
body.dark-theme .clmInitial .rowFlex .clm .inNumbers li .pdng.simph,
body.dark-theme .clmInitial .rowFlex .clm .inNumbers li .pdng.green,
body.dark-theme .diffrence .detaBox,
body.dark-theme .diffrence .detaBox.grn,
body.dark-theme .diffrence .detaBox .flBox,
body.dark-theme .diffrence .detaBox.grn .flBox,
body.dark-theme .testimonals ul li .inr,
body.dark-theme .faqs .accordion-item,
body.dark-theme .faqs .accordion-button,
body.dark-theme .accordion-body{
    background:#111827!important;
    border-color:#1F2937!important;
    box-shadow:none!important;
}
body.dark-theme .trust .trust_inner:before{
    opacity:0.18;
}
body.dark-theme .feature ul li.popular .pdng,
body.dark-theme .feature ul li:hover .pdng{
    background:linear-gradient(135deg,#4F46E5 0%,#7E22CE 100%)!important;
    border-color:#6366F1!important;
}
body.dark-theme .privacyIntro,
body.dark-theme .refundIntro,
body.dark-theme .cookieIntro,
body.dark-theme .aboutHeroInr,
body.dark-theme .privacyCard,
body.dark-theme .refundAlertBox,
body.dark-theme .contactCard,
body.dark-theme .contactFormBlock,
body.dark-theme .contactForm,
body.dark-theme .privacyNote,
body.dark-theme .useGrid li,
body.dark-theme .shareCards div,
body.dark-theme .policyInfoGrid > div,
body.dark-theme .feature ul li,
body.dark-theme .automation .rowFlex,
body.dark-theme .integration .rowFlex,
body.dark-theme .diffrence li,
body.dark-theme .conversion ul li,
body.dark-theme .steps ul li,
body.dark-theme .testimonals .slide,
body.dark-theme .accordion-item,
body.dark-theme .missionCard,
body.dark-theme .aboutValues ul li,
body.dark-theme .aboutStats li,
body.dark-theme .expertiseList li{
    background:#111827;
    border-color:#1F2937;
    box-shadow:none;
}
body.dark-theme .policyHead h2,
body.dark-theme .privacyCard h3,
body.dark-theme .policyInfoGrid h3,
body.dark-theme .contactCard h3,
body.dark-theme .contactFormText h2,
body.dark-theme .banner h1,
body.dark-theme .banner h2,
body.dark-theme .trust h2,
body.dark-theme .clmInitial h2,
body.dark-theme .feature h2,
body.dark-theme .automation h2,
body.dark-theme .integration h2,
body.dark-theme .diffrence h2,
body.dark-theme .conversion h2,
body.dark-theme .steps h2,
body.dark-theme .testimonals h2,
body.dark-theme .faqs h2,
body.dark-theme .joinPnl h2,
body.dark-theme .feature h3,
body.dark-theme .automation h3,
body.dark-theme .integration h3,
body.dark-theme .diffrence h3,
body.dark-theme .steps h3,
body.dark-theme .accordion-button,
body.dark-theme .trust .trust_inner h5,
body.dark-theme .clmInitial .rowFlex .clm h3,
body.dark-theme .feature ul li .pdng b,
body.dark-theme .diffrence .detaBox h3,
body.dark-theme .steps ul li h3,
body.dark-theme .testimonals ul li .review b,
body.dark-theme .aboutHeroText h1,
body.dark-theme .aboutValues h2,
body.dark-theme .aboutExpertise h2,
body.dark-theme .aboutMission h2,
body.dark-theme .missionCard h3,
body.dark-theme .expertiseList h3{
    color:#F8FAFC;
}
body.dark-theme .privacyIntro p,
body.dark-theme .privacyCard p,
body.dark-theme .refundTextCard p,
body.dark-theme .refundAlertBox p,
body.dark-theme .policyInfoGrid p,
body.dark-theme .cookieCard p,
body.dark-theme .contactCard p,
body.dark-theme .contactFormText p,
body.dark-theme .banner p,
body.dark-theme .trust p,
body.dark-theme .clmInitial p,
body.dark-theme .feature p,
body.dark-theme .automation p,
body.dark-theme .integration p,
body.dark-theme .diffrence p,
body.dark-theme .conversion p,
body.dark-theme .steps p,
body.dark-theme .testimonals p,
body.dark-theme .faqs p,
body.dark-theme .accordion-body,
body.dark-theme .trust .trust_inner ul li,
body.dark-theme .clmInitial .rowFlex .clm .inNumbers li .pdng,
body.dark-theme .diffrence .detaBox .flBox p,
body.dark-theme .steps ul li p,
body.dark-theme .testimonals ul li p,
body.dark-theme .aboutHeroText p,
body.dark-theme .aboutValues p,
body.dark-theme .aboutExpertise p,
body.dark-theme .aboutMission p,
body.dark-theme .privacyNote p,
body.dark-theme .shareCards p{
    color:#CBD5E1;
}
body.dark-theme .privacyCard ul li,
body.dark-theme .useGrid li,
body.dark-theme .feature li,
body.dark-theme .automation li,
body.dark-theme .integration li,
body.dark-theme .diffrence li,
body.dark-theme .conversion li,
body.dark-theme .steps li,
body.dark-theme .contactFormText li{
    color:#D1D5DB;
}
body.dark-theme .formConsent{
    color:#D1D5DB;
}
body.dark-theme .aboutStats li span{
    color:#A5B4FC;
}
body.dark-theme .policyInfoGrid{
    border-color:#1F2937;
}
body.dark-theme .formRow label{
    color:#E5E7EB;
}
body.dark-theme .formRow input,
body.dark-theme .formRow textarea{
    background:#0F172A;
    border-color:#334155;
    color:#F8FAFC;
}
body.dark-theme .formRow input:focus,
body.dark-theme .formRow textarea:focus{
    background:#111827;
}
body.dark-theme .accordion-button:not(.collapsed){
    color:#F8FAFC;
    background:#111827;
}
body.dark-theme .accordion-button:focus{
    box-shadow:0 0 0 4px #7C3AED33;
}
body.dark-theme .clmInitial .rowFlex .clm h3 span,
body.dark-theme .diffrence .detaBox h3 div.badge,
body.dark-theme .diffrence .detaBox.grn h3 div.badge{
    background:#1E293B;
    color:#A5B4FC;
}
body.dark-theme .integration a{
    color:#CBD5E1;
}
body.dark-theme .footer{
    background:#020617;
}
body.dark-theme .slider{
    background:#334155;
}
body.dark-theme input:checked + .slider{
    background:#7C3AED;
}

/* hero card */
.pricingSection{
    background:
        radial-gradient(circle at 50% 38%, rgba(79,70,229,0.22), transparent 42%),
        radial-gradient(circle at 55% 65%, rgba(126,34,206,0.2), transparent 34%),
        linear-gradient(180deg,#050814 0%,#0F1028 100%)!important;
}
.pricingHeader h2,
.pricingCard h3,
.pricingCard .price{
    color:#fff!important;
}
.pricingHeader p,
.pricingCard > p,
.pricingCard .billingNote,
.pricingCard .price span,
.pricingCard li,
.pricingFootnote{
    color:#D1D5DB!important;
}
.pricingCard{
    background:#111827CC!important;
    border-color:#1F2937!important;
    box-shadow:0 18px 52px rgba(0,0,0,0.24)!important;
}
.pricingCard.featured{
    border-color:#7C3AED!important;
    box-shadow:0 0 0 1px #7C3AED,0 28px 70px rgba(124,58,237,0.32)!important;
}