@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bigshot+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
body{
    font-family: "Bitter", serif;
    

}

.hero-section-bg{
    background: url('../images/hero-bg-img.png') no-repeat center center / cover;
    width: 100%;
}
.list-navbar li a{
    padding: 12px 24px;
    font-weight: 400;
    color: #6D6D6D;
    font-size: 18px;
    text-transform: capitalize;
}
.list-navbar li a.active-link{
    color: #E28947;
    font-weight: 600;   
}
.list-navbar li a:hover{
color: #E28947;
text-decoration: none;
}
.arrow-right-btn{
        position: absolute;
    right: 0px;
    background: #FFFFFF4D;
    padding: 8px;
    transform: translate(-5px, -32px);
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.btn-primary .arrow-right-btn iconify-icon {
    transition: transform 0.3s ease-in-out;
}
.btn-primary:hover .arrow-right-btn iconify-icon{
    transform: rotate(-38deg);
}
.play-icon-btn{
        position: absolute;
    right: 0px;
    background: #E28947;
    color: #fff;
    padding: 8px;
    transform: translate(-5px, -8px);
    border-radius: 50px;
}
.btn-primary{
           background: #678E9A;
    border: 0.5px solid #B3B0B1;
    padding: 15px 40px;
    border-radius: 50px;
    padding-right: 60px;
    transition: 0.3s ease-in-out;
}
.btn-primary:hover{
        background: #4C6D77 !important;
    border: 0.5px solid #B3B0B1 !important;
}
.btn-primary:focus{
        background: #678E9A !important;
    border: 0.5px solid #B3B0B1 !important;
    outline: none !important;
}
.btn-primary:active{
         background: #678E9A !important;
    border: 0.5px solid #B3B0B1 !important;
    outline: none !important;

}
.hero-about-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
}
.adhd-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%); 
}
.mobile-slider-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);  
}
.graph-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);  
}
.face-section-overall{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);  
}
.faq-wrapper{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);  

}
.mobile-navbar{
    display: none;
}
.mobile-navbar-list{
    display: none;
}
/* .container{
    margin: auto;
    max-width: 1300px;
} */
.container-fluid{
    margin: auto;
    max-width: 1800px;
}
.gap-btn{
    gap: 25px;
}

/* hero-section Start */

.txt-hero{
    font-size: 45px;
    color: #6D6D6D;
    font-weight: 400;
}
.hero-txt-gap{
    gap: 15px;
}

#typed-text {
    font-weight: 600;
}
.type-txt-hero{
font-size: 45px;
color: #E28947;
}
.txt-random{
   font-size: 45px;
   color: #6D6D6D; 
   text-transform: capitalize;
}
.typed-cursor {
    color: #678E9A;
}
.para-random{
    color: #7B7B7B;
    font-family: "Nunito", sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.btn-secondary{
    border: 1px solid #E28947;
    background: transparent;
    color: #E28947;
    font-family: "Nunito", sans-serif;
    font-weight: 500;
    border-radius: 50px;
     padding: 15px 40px;
    padding-right: 60px;
}
.btn-secondary:hover{
     border: 1px solid #E28947 !important;
    background: #E28947 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #fff !important;
}
.btn-secondary:hover iconify-icon{
    background: #fff;
    color: #E28947;
}
.btn-secondary:focus{
  border: 1px solid #E28947 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    color: #E28947 !important;
    
}
.btn-secondary:active{
    border: 1px solid #E28947 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    color: #E28947 !important;
   
}


.desktop-navbar,
.mobile-navbar {
    transition: all 0.3s ease;
}

/* On scroll */
.header-scrolled {
    background-color: #F9F0EA;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    z-index: 11111111;
}

/* Text color change */
/* .header-scrolled .list-navbar li a {
    color: #000;
} */

.header-scrolled .menu-icon,
.header-scrolled .close-icon {
    color: #000;
}


/* .menu-icon,
.close-icon {
    color: #fff;
} */
.toggle-txt-box{
      background: #D9D9D9;
    padding: 20px 30px;
    position: absolute;
    transform: translate(60px, -15px);
    top: 0px;
    right: 0px;
    width: 45%;
    z-index: 1;
    border-radius: 12px;
}
.txt-choose{
    color: #3F3F3F;
    font-weight: 400;
        font-size: 22px;
    text-align: center;
    text-transform: capitalize;

}
.hand-img.active {
    animation: handMove 0.5s forwards;
}

.hand-img.freeze {
    animation: none;
}

.hand-img{
        position: absolute;
    right: 0px;
    transform: translate(-35px, 10px);
    transition: transform 0.4s ease;
}
/* Jab active ho to thora move kare */
.hand-img.active {
    transform: translate(-15px, 10px);
}


.custom-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
}

.custom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #FDFEFD;   /* default */
    transition: 0.4s;
    border-radius: 50px;
}

.slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 5px;
    background-color: #6fc36f;
    transition: 0.4s;
    border-radius: 50%;
}

.list-confidence{
    line-height: 45px;
}

.list-confidence li a{
    color: #3F3F3F;
    font-size: 15px;
}
.list-confidence li a:hover{
    text-decoration: none;
}
/* Class that jQuery will add/remove */
.slider.active {
    background-color: #6fc36f;
}

.slider.active::before {
    transform: translateX(20px);
    background: #fff;
}
.txt-about-left{
    color: #3F3F3F;
    font-size: 35px;
    text-transform: capitalize;
}
.para-about{
    color: #7B7B7B;
    font-weight: 400;
    font-family: 'Nunito';
    font-size: 24px;
}
.txt-adhd{
    font-size: 45px;
    color: #6D6D6D;
    font-weight: 400;
}
.txt-adhd span{
    color: #E28947;
}
.txt-adhd-01{
    font-size: 28px;
    color: #3F3F3F;
    font-weight: 400;
    text-transform: capitalize;
}
.txt-adhd-02{
    font-size: 36px;
    color: #3F3F3F;
    font-weight: 400;
    text-transform: capitalize;
}
.para-adhd{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 18px;
}
.gap-btn-google{
    gap: 18px;
}
.try-img{
    position: absolute;
    left: 0px;
    transform: translate(15px, -35px);
    
}
.try-img img{
    transform: translateY(-10px);
    /* Smooth animation */
    animation: moveDown 2s ease-in-out infinite alternate;
}
.face-box-wrapper{
    background: url('../images/face-box-wrapper-img.png') no-repeat center center / cover;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    padding-bottom: 0px !important;
}

.face-img {
    transition: transform 0.4s ease;
}

.face-img.active {
    transform: translate(50%,45%) rotateZ(0deg);
}

.face-img.active.type-2 { transform: translate(50%,45%) rotateZ(25deg); }
.face-img.active.type-3 { transform: translate(50%,45%) rotateZ(40deg); }
.face-img.active.type-5 { transform: translate(50%,45%) rotateZ(-35deg); }
    
.face-img-04.active-4 { transform: translate(-100%, 58px) rotateZ(40deg) !important; }

.face-img.type-04 {
    transform: translateX(40px);
}

.testimonial-card {
  background: #fff;
  border: 1px solid #f2b38a;
  border-radius: 12px;
  padding: 30px;
  text-align: left;
  min-height: 280px;
}

.testimonial-card .quote {
  font-size: 40px;
  color: #f07c2b;
  display: block;
  margin-bottom: 10px;
  font-family: "Bigshot One", serif;
  font-weight: 400;
}
.owl-carousel .owl-item img {
    display: block;
    width: 10%;
}

.testimonial-card p {
  color: #3F3F3F;
  font-size: 18px;
  line-height: 1.6;
  font-family: 'Nunito';
  font-weight: 400;
}

.testimonial-card hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #ddd;
}

.stars {
  color: #f07c2b;
  font-size: 18px;
  margin-bottom: 8px;
}

.testimonial-card h4 {
  font-size: 18px;
  color: #7B7B7B;
  font-weight: 400;
}
.testimonial-slider .owl-stage-outer .owl-stage{
    display: flex; justify-content: end;
    align-items: end;
}

/* Owl spacing */
.owl-carousel .owl-item {
  padding: 10px;
}

/* Active rotations only (translate stays intact) */



.face-mask .face-img-01 {
        position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
        width: 78px;
    height: 105px;

    object-fit: contain;   /* full face visible */
    object-position: center center; /* always center */
    display: block;
    left: 31%;
    transform: translate(50%, 50%);
}
.face-mask .face-img-02 {
           position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
     width: 78px;
    height: 105px;

    object-fit: contain;   /* full face visible */
    object-position: center center; /* always center */
    display: block;
    left: 0%;
    transform: translate(35%, 120px);

}
.face-mask .face-img-03 {
           position: absolute;
       display: flex;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 105px;

    object-fit: contain;   /* full face visible */
    object-position: center center; /* always center */
    display: block;
    bottom: -7%;
    left: 0px;
    /* transform: translate(0%, -176px); */
    transform: translate(0%, -165px);

}
.face-mask .face-img-04 {
              position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
     width: 78px;
    height: 105px;

    object-fit: contain;   /* full face visible */
    object-position: center center; /* always center */
    display: block;
    right: 0%;
    transform: translate(-100%, 58px);

}
.face-mask .face-img-05 {
          position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
     width: 78px;
    height: 105px;

    object-fit: contain;   /* full face visible */
    object-position: center center; /* always center */
    display: block;
    bottom: -8%;
    right: 0px;
    transform: translate(-25%, -170px);

}

.flower-section-bg{
    background: url('../images/flower-bg-img.png') no-repeat center center / cover;
    width: 100%;
    /* padding: 30px; */
    border-radius: 30px;
    padding-bottom: 0px !important;
    overflow: hidden;
}
.w-15{
    width: 15% !important;
}

.txt-faq{
    color: #6D6D6D;
    font-weight: 400;
}
.para-faq{
    color: #7B7B7B;
    font-weight: 400;
    font-family: 'Nunito';
    font-size: 22px;
}

.accordion-open{
 border: 0.5px solid #E28947;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 12px;
}
.accordion-open h5{
    font-family: 'Nunito';
    font-weight: 600 !important;
    color: #E28947 !important;
    font-size: 18px;
}
.accordion-open .accordion-para{
    display: block !important; 
}
.accordion-close .accordion-para{
    display: none;
}
.accordion-close h5{
    font-family: 'Nunito';
    font-weight: 400;
    color: #6D6D6D;
    font-size: 18px;
}
.accordion-para{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
}
.accordion-icon{
    cursor: pointer;
}
.accordion-open .plus-icon{
    display: none;
}
.accordion-open .minus-icon{
        color: #E28947;
    font-size: 18px;
    background: #F37E621A;
    border-radius: 8px;
    padding: 10px;
    display: block !important;
}
.accordion-close .plus-icon{
        color: #E28947;
    font-size: 18px;
    background: #F37E621A;
    border-radius: 8px;
    padding: 10px;
}
.accordion-close .minus-icon{
        display: none;
}
.accordion-close{
border: 0.5px solid #B4B3B8;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 12px;   
}

@keyframes moveDown {
    0% {
        transform: translateY(-20px); /* start above */
    }
    100% {
        transform: translateY(0);     /* final position */
    }
}

.img-about-mobile{
    display: none;
}


/* -----------------------------
   Base / Desktop 1280px+
   ----------------------------- */
.vector-face-img{
    display: none;
}
   @media screen and (max-width:1280px) {
    
   
.face-mask .face-img-01 {
    position: absolute;
    top: 0;
    left: 31%;
    width: 78px;
    height: 105px;
    transform: translate(50%, 50%);
    object-fit: contain;
    object-position: center center;
}
.vector-face-img{
    display: block;
}
.main-vector-img-wrapper{
    display: none;
}

.face-mask .face-img-02 {
    position: absolute;
    top: 0;
    left: 0%;
    width: 78px;
    height: 105px;
    transform: translate(35%, 120px);
    object-fit: contain;
    object-position: center center;
}

.face-mask .face-img-03 {
    position: absolute;
    bottom: -7%;
    left: 0;
    width: 78px;
    height: 105px;
    transform: translate(0%, -165px);
    object-fit: contain;
    object-position: center center;
}

.face-mask .face-img-04 {
    position: absolute;
    top: 0;
    right: 0%;
    width: 78px;
    height: 105px;
    transform: translate(-100%, 58px);
    object-fit: contain;
    object-position: center center;
}

.face-mask .face-img-05 {
    position: absolute;
    bottom: -8%;
    right: 0;
    width: 78px;
    height: 105px;
    transform: translate(-25%, -170px);
    object-fit: contain;
    object-position: center center;
}



/* -----------------------------
   Active Rotation Classes
   ----------------------------- */
.face-img.active { transform: translate(50%,45%) rotateZ(0deg); }
.face-img.active.type-2 { transform: translate(50%,45%) rotateZ(25deg); }
.face-img.active.type-3 { transform: translate(50%,45%) rotateZ(-38deg); }
.face-img.active.type-5 { transform: translate(50%,45%) rotateZ(-35deg); }
}
/* -----------------------------
   Tablet: max-width 1024px
   ----------------------------- */
@media (max-width: 1024px) {
    .face-mask .face-img-01 { left: 28%; width: 65px; height: 90px; transform: translate(50%, 50%); }
    .face-mask .face-img-02 { left: 0%; width: 65px; height: 90px; transform: translate(25%, 100px); }
    .face-mask .face-img-03 { bottom: -6%; width: 65px; height: 90px; transform: translate(0%, -150px); }
    .face-mask .face-img-04 { right: 0%; width: 65px; height: 90px; transform: translate(-90%, 50px); }
    .face-mask .face-img-05 { bottom: -7%; right: 0; width: 65px; height: 90px; transform: translate(-20%, -150px); }
}

/* -----------------------------
   Mobile: max-width 768px
   ----------------------------- */
@media (max-width: 768px) {
    .face-mask .face-img-01 { left: 30%;         width: 45px;
        height: 70px;
        transform: translate(25%, 29%); }
    .face-mask .face-img-02 { left: 5%; width: 50px; height: 70px; transform: translate(-4%, 35px); }
    .face-mask .face-img-03 { bottom: -5%; width: 50px; height: 70px;         transform: translate(-20%, -69px);; }
    .face-mask .face-img-04 { right: 5%;         width: 40px;
        height: 70px;
        transform: translate(-65%, 27px); }
    .face-mask .face-img-05 { bottom: -6%; right: 0;         width: 40px;
        height: 70px;
        transform: translate(-20%, -65px); }
}




.bg-entertainment{
    background: url('../images/entertainment-bg-img.png') no-repeat center center / cover;
    width: 100%;
    padding: 50px;
        border-radius: 12px;

}
.pagvin-img{
        position: absolute;
    right: 0px;
    transform: translate(-25px, -110px);
    width: 18%;
}
.list-entertainment-btn{
        row-gap: 45px;
    column-gap: 20px;
}
.list-entertainment-btn li a{
       background: #FFFFFF99;
    border: 0.5px solid #B4B3B8;
    /* padding: 12px 35px; */
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 18px;
    color:#3F3F3F;
    font-family: 'Nunito';
}
.list-entertainment-btn li a:hover{
    text-decoration: none;
}
.bg-mobile{
    background: url('../images/bg-slider-img.png') no-repeat center center / cover;
    width: 100%;
    /* padding: 40px; */
    border-radius: 50px;
}
.border-mobile{
    background: #FFFFFF99;
    border: 0.5px solid #E28947;
    border-radius: 8px;
}
.owl-dots{
    display: none;
}
.graph-wrap{
    position: absolute;
}
.star-icon-img{
    font-size: 24px;
    color: #f07c2b;
}

/* Original positions */
.graph-1{
    top: 0;
    left: 0;
    transform: translate(-70px, -21px);
    width: 55%;
}

.graph-2{
    top: 0;
    right: 0;
    transform: translate(75px, -11px);
    width: 35%;
}

.graph-3{
    bottom: 0;
    left: 0;
    transform: translate(-70px, 56px);
    width: 55%;
}

.graph-4{
    bottom: 0;
    right: 0;
    transform: translate(75px, 80px);
    width: 40%;
}
.fixed-top{
    z-index: 1111111 !important;
}

@keyframes floatTopBottom {
    0%   { transform: translateY(-15px); }
    50%  { transform: translateY(15px); }
    100% { transform: translateY(-15px); }
}

.animate-float{
    animation: floatTopBottom 6s ease-in-out infinite;
}

/* natural delays */
.delay-1{ animation-duration: 7s; }
.delay-2{ animation-duration: 8s; }
.delay-3{ animation-duration: 9s; }



.pagvin-img-mobile{
    display: none;
}
.footer{
        background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
        padding-bottom: 30px;
}
.footer-bg-img{
    background: url('../images/footer-bg-img.png') no-repeat center center / cover;
    padding: 50px 0px;
    padding-bottom: 40px;
    border-radius: 65px;
}
.txt-footer{
    color: #E28947;
    font-family: 'bitter';
    font-weight: 400;
    font-size: 45px;
}
.para-footer{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 20px;
}
.left-content-footer{
    background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
    padding: 30px 30px;
    border-radius: 14px;
    height: 100%;
}

 .left-content-footer h2{
    color: #3F3F3F;
    font-family: 'bitter';
    font-weight: 400;
 }
 .footer-list li{
    background: #FFFFFF99;
    border: 0.5px solid #B4B3B8;
    padding: 12px 24px;
    width: max-content;
    border-radius: 50px;
    cursor: pointer;
 }
  .footer-list li a{
    font-family: 'Nunito';
    font-weight: 400;
    color: #333333;
    font-size: 18px;
  }
  .footer-list li:hover{
    background: #678E9A;
  }
  .footer-list li:hover a{
  color: #fff;
  }
  .footer-list li a:hover{
    text-decoration: none;
    color: #fff;
    
  }

  .right-content-footer{
    background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
    padding: 30px 30px;
    border-radius: 14px;
    height: 100%;
}
.right-content-footer h1{
    text-transform: capitalize;
    color: #3F3F3F;
    font-family: 'bitter';
    font-weight: 400;
}
.right-content-footer p{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
}
.text-label{
  font-family: 'Nunito';
    font-weight: 600; 
    font-size: 18px;
    color: #3F3F3F; 
}
.input-field{
    background: #FFFFFF;
   border: 0.5px solid #B4B3B8;
    /* box-shadow: 0px 0px 0px 1px #678E9A inset; */

    height: 55px;
    border-radius: 8px;
    font-family: 'Nunito';
font-weight: 400;
padding-right: 40px;
}
.input-field:focus{
    background: #FFFFFF !important;
    box-shadow: 0px 0px 0px 2px #E2894733 !important;
   outline: none !important;
 
    border: 1.8px solid #678E9A !important;
}
.input-field::placeholder{
    color: #3F3F3F;
}
.icon-envelope{
    color: #678E9A;
    position: absolute;
    right: 0px;
    font-size: 30px;
    top: 0px;
    transform: translate(-8px,47px);
}
.social-medial-link{
    gap: 28px;
    cursor: pointer;
}
.social-medial-link iconify-icon{
    font-size: 30px;
}
.social-medial-link iconify-icon:hover{
   color: #678E9A;
}
.footer-inner-para{
font-family: "Nunito Sans", sans-serif;
font-weight: 500;
color: #3F3F3F;
}
/* hero-section End */


/* about-page css start */

.about-hero-section{
     background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
     
     padding-top: 100px;
     padding-bottom: 70px;
}
.about-hero-section h1{
    color: #6D6D6D;
    font-weight: 600;
    font-family: 'Bitter';
    text-transform: capitalize;
    font-size: 45px;
}
.about-hero-section p{
    font-family: 'Nunito';
    font-weight: 400;
    color: #7B7B7B;
    font-size: 22px;
}
.txt-step{
    font-family: 'Nunito';
    font-weight: 400;
    color: #6D6D6D;
}
.account-card{
    font-size: 40px;
    color: #678E9A;
}
.txt-create{
    color: #E28947;
    font-family: 'Bitter';
    font-weight: 400;
}
.para-create{
    color: #7B7B7B;
     font-family: 'Nunito';
    font-weight: 400;
    font-size: 18px;
}
.before-img img{
    position: absolute;
    transform: translate(-46px, -30px);
}
.wave-section{
    position: relative;
}
.wave-section::after{
    content: '';
    position: absolute;
background: url('../images/before-img-wave.png') no-repeat center center / cover;
    width: 100%;
    height: 112px;
    bottom: -45px;

}
.wave-section .hero-section-bg{
    padding-bottom: 140px;
}
.txt-beneficial{
    text-transform: none;
    font-size: 45px;
    font-family: 'Bitter';
    font-weight: 400;
    color: #6D6D6D;
}
.txt-beneficial span{
    color: #E28947;
}
.border-module{
    border: 0.5px solid #E28947;
    background: #FFFFFF99;
    border-radius: 20px;
    padding: 30px;
}
.txt-count{
    color: #6D6D6D;
    font-family: 'bitter';
    font-weight: 400;
}
.txt-module{
    color: #E28947;
    font-family: 'bitter';
    font-weight: 400;
}
.para-module{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 20px;
}

.review-section-about{
        background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
        padding: 20px;
        border-radius: 50px;
}
.review-inner-section{
    background: #FFFFFF99;
    border: 0.5px solid #E28947;
    padding: 20px;
        border-radius: 50px;
}
.img-google-play{
    width: 40%;
}
.txt-organize{
    color: #3F3F3F;
    font-family: 'Bitter';
    font-weight: 400;
}
.para-organize{
    color: #7B7B7B;
    font-size: 24px;
    font-family: 'Nunito';
    font-weight: 400;
}
.para-right{
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 24px;
}
.txt-rate{
    font-family: 'Bitter';
    font-weight: 400;
    color: #6D6D6D;
}
.rate-review-img .icon-star{
    color: #E28947;
    font-size: 24px;
}
.gap-review{
    gap: 15px;
}
.hero-before-img-wrapper{
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(55px, -50px);
}
.hero-before-img{
     animation: floatY 4s ease-in-out infinite;
}

@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px); /* move down */
    }
    100% {
        transform: translateY(0);
    }

}



/* about-page css end */

/* pricing-page css start */
.price-hero-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
   /* margin-top: 100px; */
}
.price-hero-inner{
    background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
    padding: 50px;
}
.txt-price{
    color: #E28947;
    font-family: 'bitter';
    font-weight: 400;
}
.para-price{
    font-family: 'Nunito';
    font-weight: 400;
    color: #6D6D6D;
    font-size: 18px;
}
.pricing-main-section .row.pricing-row{
    row-gap: 20px;
}
.desktop-navbar{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
}
.brain-left-img{
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(-145px, -50px);
}
.pricing-main-section{
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
    padding: 60px 0px;
}
.para-beneficial{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 22px;
}
.border-pricing{
    background: #FFFFFF99;
    border: 0.5px solid #E28947;
    padding: 20px;
    border-radius: 20px;
}
.border-pricing h5{
    color: #6D6D6D;
     font-family: 'Nunito';
    font-weight: 400;
}
.border-pricing h2{
    color: #E28947;
     font-family: 'Bitter';
    font-weight: 400;
}
.gift-icon-img{
    font-size: 28px;
    color: #E28947;
}
.txt-price-count{
     font-family: 'Bitter';
    font-weight: 400;
    color: #6D6D6D;
    font-size: 50px;
}
.txt-price-count sub{
    color: #E28947;
    font-size: 16px;
    font-family: 'Nunito';
    font-weight: 400;
}

.btn-price{
    border: 1px solid #E28947;
       padding: 16px 40px;
       padding-left: 70px;
    font-size: 18px;
    border-radius: 50px;
    color: #E28947;
    font-weight: 500;
    font-family: 'Nunito';
    position: relative;
   z-index: 11111;
    overflow: hidden;
    transition: all 0.4s ease;
    width: max-content;

}
.btn-price::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #E28947;
    transition: all 0.4s ease;
    z-index: 1;
}
.arrow-right-icon{
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(5px,5px);
    background: #E28947;
    padding: 13px;
    font-size: 24px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.4s ease;
    z-index: 2;
}
/* hover effects */
.btn-price:hover{
    padding-left: 40px;   /* left kam */
    padding-right: 70px;  /* right zyada */
    color: #fff !important;
    z-index: 333;
}
.btn-price span.btn-text{
    position: relative;
    z-index: 3; /* text above background */
}

.btn-price:hover::before{
    left: 0; /* background slide from left */
}

.btn-price:hover .arrow-right-icon{
    left: calc(100% - 60px); /* arrow right side */
    background: #FCF3E2;
    color: #E28947;
}
.border-pricing:hover{
background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
}
.pricing-main-section .pricing-row > [class*="col-"]{
    display: flex;
        
    
}
/* .pricing-main-section .pricing-row .border-pricing{
flex: 0 0 28.333333%;
        max-width: 28.333333%;
} */

.border-pricing{
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* pricing-page css end */


/* blog-page css Start */


.blog-card{
    border: 0.5px solid #E28947;
    background: #FFFFFF99;
    padding: 12px;
    border-radius: 20px;
    width: -webkit-fill-available;
}
.txt-blog{
    color: #E28947;
    font-family: 'Bitter';
    font-weight: 400;
}
.para-blog{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 18px;
}


.btn-blog{
    border: 1px solid #678E9A;
       padding: 16px 40px;
       padding-left: 70px;
    font-size: 18px;
    border-radius: 50px;
    color: #678E9A;
    font-weight: 500;
    font-family: 'Nunito';
    position: relative;
   z-index: 11111;
    overflow: hidden;
    transition: all 0.4s ease;
    width: max-content;

}
.btn-blog::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #678E9A;
    transition: all 0.4s ease;
    z-index: 1;
}
.blog-card .arrow-right-icon{
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(5px,5px);
    background: #678E9A;
    padding: 13px;
    font-size: 24px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.4s ease;
    z-index: 2;
}
/* hover effects */
.btn-blog:hover{
    padding-left: 40px;   /* left kam */
    padding-right: 70px;  /* right zyada */
    color: #fff !important;
    z-index: 333;
}
.btn-blog span.btn-text{
    position: relative;
    z-index: 3; /* text above background */
}

.btn-blog:hover::before{
    left: 0; /* background slide from left */
}

.btn-blog:hover .arrow-right-icon{
    left: calc(100% - 60px); /* arrow right side */
    background: #95B0B8;
    color: #fff;
}
.btn-contact{
    border: 1px solid #678E9A;
       padding: 16px 40px;
       padding-left: 70px;
    font-size: 18px;
    border-radius: 50px;
    color: #678E9A;
    font-weight: 500;
    font-family: 'Nunito';
    position: relative;
   z-index: 11111;
    overflow: hidden;
    transition: all 0.4s ease;
    width: max-content;

}
.btn-contact::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #678E9A;
    transition: all 0.4s ease;
    z-index: 1;
}
.btn-contact .arrow-right-icon{
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(5px,5px);
    background: #678E9A;
    padding: 13px;
    font-size: 24px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.4s ease;
    z-index: 2;
}
/* hover effects */
.btn-contact:hover{
    padding-left: 40px;   /* left kam */
    padding-right: 70px;  /* right zyada */
    color: #fff !important;
    z-index: 333;
}
.btn-contact span.btn-text{
    position: relative;
    z-index: 3; /* text above background */
}

.btn-contact:hover::before{
    left: 0; /* background slide from left */
}

.btn-contact:hover .arrow-right-icon{
    left: calc(100% - 60px); /* arrow right side */
    background: #95B0B8;
    color: #fff;
}
.txt-depression{
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(-28px, 15px);
    background: #678E9A;
    padding: 8px 24px;
    border-radius: 8px;
    color: #fff;
    font-family: "Nunito";
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
/* .mt-100{
    margin-top: 100px;
} */
 .price-hero-inner.mt-100{
    margin-top: 100px;
 }

.list-social-icon li a{
    background: #FFFFFF;
    border: 0.5px solid #E28947;
    padding: 15px;
    border-radius: 50px;
    color: #E28947;
    font-size: 30px;
    display: flex;
}
.list-social-icon li a:hover{
    background: #E28947;
    border: 0.5px solid #E28947;
    color:#fff;
}

.list-social-icon{
        gap: 30px;
}
.blog-main-img{
        border-radius: 100px;
    border: 0.5px solid #E28947;
}
.br-100{
    border-radius: 100px;
}
.txt-better{
    color: #3F3F3F;
    font-family: 'Bitter';
    font-weight: 400;
}
.para-better{
    color: #7B7B7B;
    font-family: 'Nunito';
    font-weight: 400;
    font-size: 18px;
}
.txt-from{
    color: #E28947;
     font-family: 'Nunito';
    font-weight: 600;
}
.txt-relate{
    font-family: 'Bitter';
    font-weight: 400;
    color: #6D6D6D;
}
.para-relate{
    color: #7B7B7B;
     font-family: 'Nunito';
    font-weight: 400;
    font-size: 24px;
}

/* blog-page css End */


/* contact-us page css Start */
.txt-feedback{
    color: #3F3F3F;
    font-family: "Bitter";
    font-weight: 400;
}
.feedback-section{
        background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);
    padding: 60px 50px;
}
.para-feedback{
    color: #7B7B7B;
font-family: "Nunito";
    font-weight: 400;
    font-size: 18px;
}
.call-icon-img{
    font-size: 28px;
    color: #F37E62;
}
.contact-detail-right h3{
    font-family: "Nunito";
    font-weight: 500;
    color: #E28947;
    font-size: 22px;
}
.contact-detail-right p{
    font-family: "Nunito";
    font-weight: 400;
    color: #3F3F3F;
    font-size: 22px;
}
.border-bottom{
    padding-top: 10px;
    border-bottom: 0.5px solid #7B7B7B;
}
.txt-aim{
    color: #7B7B7B;
    font-weight: 400;
    font-family: "Nunito";
    font-size: 22px;
}
.txt-aim span{
    color: #E28947;
    font-weight: 700;
}
.border-form{
    background: #FFFFFF99;
border: 0.5px solid #E28947;
border-radius: 20px;
padding: 40px;
}
.feedback-section .pricing-row{
   gap: 50px; 
}

/* contact-us page css End */


/* feedback-page css Start */
.feedback-app-section{
        background: linear-gradient(to bottom, #FCE6D9, #FBF5E7);
        padding: 50px 0px;
}
.star-icon{
    color: #7B7B7B;
    font-size: 28px;
    transition: color 0.2s ease;
}
.star-icon.active,
.star-icon.hover{
    color: #E28947;
}
.social-star{
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(-18px,12px);
}

.feedback-app-section .pricing-row{
   gap: 50px; 
}
.accordion-header{
    cursor: pointer;
}


/* feedback-page css End */

/* report-a-bug css Start */
.btn-choose{
    background: #FFFFFF;
    border: 0.5px solid #DDDDDD;
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 12px 40px;
    border-radius: 12px;
      font-weight: 500;
    font-family: "Nunito";
}

/* report-a-bug css End */


/* 404 section Start */

.error-section{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background: linear-gradient(98.09deg, #FFFFFF 3.69%, #FBEDE7 104.72%);

}

/* 404 section End */

@media (max-width: 991px){
    .graph-1{ width:45%; transform:translate(-30px,-10px); }
    .graph-2{ width:30%; transform:translate(30px,-5px); }
    .graph-3{ width:45%; transform:translate(-30px,30px); }
    .graph-4{ width:35%; transform:translate(30px,40px); }
    
}

@media (max-width: 575px){
    .graph-1{ width:60%; transform:translate(-10px,-5px); }
    .graph-2{ width:40%; transform:translate(10px,-5px); }
    .graph-3{ width:60%; transform:translate(-10px,0px); }
    .graph-4{ width:45%; transform:translate(10px,3px); }
}


@media screen and (max-width:1190px) {
    .toggle-txt-box {
           transform: translate(-155px, 15px) !important;
        width: 40% !important;
    }
    .img-wrapper .img-about{
    width: 65% !important;
}
}
@media screen and (max-width:1280px) {
  .toggle-txt-box {
    background: #D9D9D9;
    padding: 20px 30px;
    position: absolute;
    transform: translate(-62px, -95px);
    top: 0px;
    right: 0px;
    width: 45%;
}
.img-wrapper .img-about{
    width: 65%;
}
}
@media screen and (max-width:1200px) {
    .img-wrapper .img-about{
    width: 100%;
}
      .toggle-txt-box {
    background: #D9D9D9;
    padding: 20px 30px;
    position: absolute;
    transform: translate(60px, -15px);
    top: 0px;
    right: 0px;
    width: 45%
    }
    .desktop-navbar .list-navbar{
        display: none !important;
    }
    .para-about br{
        display: none;
    }
    .txt-about-left br{
        display: none;
    }
    .para-adhd br{
        display: none;
    }
    .gap-choose{
    gap: 30px;
}
.btn-contact{
    width: 100%;
}
}

@media screen and (max-width:767px) {
    .type-txt-hero {
    font-size: 20px;
    }
    .brain-left-img{
        display: none;
    }
    .footer-bg-img{
        padding-bottom: 30px;
    }
    .accordion-close {
            padding: 10px;
    }
    .border-form {
    padding: 24px 15px;
}
.hero-section-bg .btn-primary{
    margin: inherit !important;
    margin-top: 0px !important;
}
.mt-100 {
    margin-top: 0px;
}
.price-hero-section{
    margin-top: 0px;
}
    .brain-left-img{
        position: inherit !important;
        transform: none !important;
        margin-top: 10px;
    }
    .price-hero-inner {
        padding: 20px;
        margin-bottom: 20px !important;
        margin-top: 0px !important;
    }
    .price-hero-section{
        padding-top: 0rem !important;
        padding-bottom: 0rem;
    }
    .feedback-section .pricing-row {
    gap: 20px;
}
.right-content-footer .row form .btn-primary{
    margin: inherit !important;
}
    .price-hero-section .price-hero-inner{
        padding-top: 5rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 3rem !important;
    }
    .feedback-section {
    padding: 45px 8px;
    }
    .price-hero-section .price-hero-inner .row{
       justify-content: center;
       gap: 12px;

    }
    .pricing-main-section{
        padding-top: 20px;
    }
    .before-img img{
        display: none;
    }
    .face-section-overall .txt-adhd{
        text-align: center;
    }
    .about-right-img{
    margin-top: 20px;
}
.about-hero-section h1 {
    font-size: 22px;
    text-align: center;
}
.about-hero-section p br{
    display: none;
}
.about-hero-section p{
    font-size: 22px;
    text-align: center;
}
.hero-before-img{
    display: none;
}
.about-hero-section .btn-primary{
    margin-top: 0px !important;
    margin: inherit !important;
}
.about-hero-section .gap-btn{
    margin-bottom: 20px;
    justify-content: center;
}
.wave-section .hero-section-bg {
    padding-bottom: 50px;
}
.wave-section::after {
    height: 55px;
    bottom: -13px;
}
.txt-beneficial br{
    display: none;
}
.txt-beneficial{
    font-size: 22px;
    padding-top: 30px;
    text-align: center;
}
.btn-primary{
padding-left: 22px;        
display: flow;
        margin: auto;
}
.btn-secondary{
padding-left: 22px;
}
    .review-section-about .row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .gap-review {
    gap: 15px;
    flex-direction: column;
}
.para-right{
    text-align: center !important;
    font-size: 16px;
}
.txt-organize {
    text-align: center;
    font-size: 22px;
}
.para-organize{
    text-align: center;
    font-size: 16px;
}
  
.left-content-footer {
        height: auto !important;
    }
    .footer-inner-para {
        font-size: 20px;
        padding-top: 25px;
    }
    .right-content-footer h1 {
        font-size: 24px;
    }
    .right-content-footer {
        padding: 22px 18px;
    }
    .txt-footer {
        font-size: 22px;
    }
    .faq-wrapper{
        padding-top: 0px !important;
    }
    .right-content-footer{
        margin-top: 20px;
    }
    .social-medial-link{
        justify-content: center !important;
    }
       .pagvin-img-mobile {
        display: flex;
        width: 80px;
        margin: auto;
        padding-bottom: 20px;
    }
    .adhd-section .row{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .hero-about-section .row{
        flex-direction: column-reverse;
        padding-top: 0px !important;
        padding-bottom: 30px !important;
    }
    .hero-about-section .row .btn-primary{
        display: flow-root;
        margin: auto;
    } 
    .txt-about-left{
        text-align: center;
        font-size: 22px !important;
    }
    .img-about{
        display: none;
    }
    .img-about-mobile{
        display: flex;
        margin: auto;
    }
    .toggle-txt-box{
        display: none;
    }
    .txt-adhd-02 {
    font-size: 24px;
    margin-top: 0px !important;
    }
    .txt-hero {
    font-size: 20px;
    }
    .txt-random {
    font-size: 20px;
    }
    .brain-img{
        width: 70px;
    }
    .hero-txt-gap {
    gap: 12px;
}
.gap-btn{
    flex-wrap: wrap;
    gap: 12px;
}

.logo-img{
    width: 130px;
}
    /* .hero-txt-gap{
        flex-direction: column;
    } */
    .toggle-switch-img{
        width: 70px;
    }
    .img-wrapper .img-about {
        width: 100% !important;
    }
    .img-wrapper .toggle-txt-box {
    position: inherit !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 30px;
    }
    .txt-about-left {
    font-size: 20px;
    /* margin-top: 20px; */
}
    .para-about {
    font-size:18px;
    text-align: center;
}
.list-entertainment-btn li a {
        font-size: 14px;
}
.list-entertainment-btn {
    row-gap: 28px;
    column-gap: 10px;
}
.bg-entertainment {
    padding: 35px 15px;
}
.txt-adhd {
    font-size: 22px;
    text-align: center;
    
}
.testimonial-slider-section .adhd-section .row .txt-adhd{
padding-top: 20px !important;
}
.faq-section .faq-wrapper .row{
    padding-top: 20px !important;
}
.txt-adhd-01 {
    font-size: 18px;
    text-align: center;
}
.try-img img {
    display: none;
}
.gap-btn-google img{
    width: 40% !important;
}
.para-adhd {
    font-size: 14px;
}
.graph-wrap img{
    width: 150px;
}
    .graph-1 {
        width: 35%;
    }
    .graph-2 {
        width: 35%;
    }
    .graph-3 {
        width: 35%;
    }
    .graph-4 {
        width: 35%;
    }
    /* .btn-primary{
        margin-top: 20px !important;
    } */
    .face-box-wrapper{
        margin-top: 20px;
    }
}

@media screen and (max-width:991px) {
    .desktop-navbar{
        display: none;
    }
    .pricing-main-section .row{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        row-gap: 20px;
    }
    .footer-inner-para{
        margin-top: 10px !important;
    }
    .social-medial-link{
        margin-top: 10px !important;
    }
    .adhd-section .row{
        margin-top: 0px !important;
    }
    .about-hero-section .row{
        margin-top: 0px !important;
        padding-top: 20px !important;
    }
    .review-section-about{
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .testimonial-slider-section{
        margin-top: 0px !important;
    }
    .adhd-section .row .txt-adhd{
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .testimonial-slider-section{
    margin-top: 20px;
}
.pagvin-img{
    display: none;
}
.testimonial-slider{
    margin-top: 20px !important;
}
.hero-about-section{
    padding-top: 0px !important;
}
.txt-adhd {
    font-size: 24px;
}
.txt-adhd-02 {
    font-size: 22px;
    margin-top: 0px !important;
}
.txt-about-left {
    font-size: 28px;
}
    .face-section-overall .txt-adhd{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .graph-section .row{
         padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .face-section-overall{
        padding-top: 20px !important;
    }
    .right-content-graph{
        margin-left: 0px !important;
        padding-left: 20px !important;
        margin-top: 20px;
    }
    .mobile-slider-section .bg-mobile .row{
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .mobile-slider-section .bg-mobile{
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }
    .mobile-navbar{
        display: block;
                z-index: 111111;
    }
    .adhd-section .row{
        margin-top: 0px !important;
    }
    
    .hero-section-bg .row{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .mobile-navbar .row{
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .menu-icon{
        font-size: 30px;
        cursor: pointer;
    }
    .close-icon{
        font-size: 30px;
        cursor: pointer;
        display: none;
    }
    .mobile-navbar-list{
        display: none;
    }
    .mobile-navbar-list .list-navbar{
        background: #fff;
        line-height: 45px;
        margin-bottom: 40px !important;
    }
    .mobile-navbar-list {
    background-color: #F9F0EA;
    z-index: 99999 !important;
}
.img-wrapper .img-about{
    width: 70%;
}
.toggle-txt-box {
        transform: translate(-18px, -20px) !important;
        width: 45% !important;
}
.txt-about-left{
    margin-top: 20px;
}

}