/* Text Content Start */

.section-title {
  font-size: 48px;
  font-weight: normal;
  font-family: var(--font-secondary);
}

.section-title2 {
  font-size: 42px;
  font-weight: normal;
  font-family: var(--font-secondary);
}

.section-title span {
  font-family: var(--font-mindraga);
  font-size: 44px;
}

/* ✅ Responsive breakpoints */

/* Large devices (≥1200px) */
@media (min-width: 1200px) {
  .section-title {
    font-size: 42px;
  }
  .section-title2 {
    font-size: 42px;
  }
  .section-title span {
    font-size: 42px;
  }
}

/* Medium devices (≥768px and <1200px) */
@media (max-width: 1199.98px) and (min-width: 768px) {
  .section-title {
    font-size: 40px;
  }
  .section-title2 {
    font-size: 36px;
  }
  .section-title span {
    font-size: 38px;
  }
}

/* Small devices (<768px) → Mobile */
@media (max-width: 767.98px) {
  .section-title {
    font-size: 30px;
    text-align: center;
    /* margin-top: 40px; */
  }
  .section-title2 {
    font-size: 26px;
    text-align: center;
  }
  .section-title span {
    font-size: 26px;
    text-align: center;
  }
}

/* Tablet (768px and below) */
@media (max-width: 991.98px) {
    .navbar {
        padding: 10px 40px 20px;
    }
}

/* Mobile (576px and below) */
@media (max-width: 575.98px) {
    .navbar {
        padding: 10px 20px 20px;
    }
}


/* Medium devices (tablets, <992px) */
@media (max-width: 1024.98px) {
    .nav-links a {
        font-size: 14px;
    }
}

/* Small devices (mobile, <576px) */
@media (max-width: 575.98px) {
    .nav-links a {
        font-size: 14px;
    }
}

/* Tablet (≤1024px) */
@media (max-width: 1024px) {
  .about-text {
    font-size: 24px;
    line-height: 130%;
  }

  .about-para {
    font-size: 16px;
    line-height: 170%;
  }

  .about-para2 {
    font-size: 20px;
    line-height: 170%;
  }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .about-text {
    font-size: 22px;
    line-height: 125%;
  }

  .about-para {
    font-size: 17px;
    line-height: 165%;
  }

  .about-para2 {
    font-size: 19px;
    line-height: 165%;
  }
}

/* Extra Small Mobile (≤480px) */
@media (max-width: 480px) {
  .about-text {
    font-size: 18px;
    line-height: 120%;
  }

  .about-para {
    font-size: 16px;
    line-height: 160%;
  }

  .about-para2 {
    font-size: 18px;
    line-height: 160%;
  }
}
/* Text Content End */




/* section section2 start */

/* Tablet */
@media (max-width: 1024px) {
    .section {
        padding: 150px 40px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .section {
        padding: 140px 30px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .section {
        padding: 130px 20px 50px 20px;
    }
}


/* Tablet */
@media (max-width: 1024px) {
    .section2 {
        padding: 130px 50px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .section2 {
        padding: 120px 30px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .section2 {
        padding: 120px 10px;
    }
}



/* Tablet */
@media (max-width: 1024px) {
    .section3 {
        padding: 80px 20px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .section3 {
        padding: 60px 10px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .section3 {
        padding: 40px 10px;
    }
}


/* Tablet */
@media (max-width: 1024px) {
    .section4 {
        padding: 80px 30px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .section4 {
        padding: 60px 20px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .section4 {
        padding: 40px 15px;
    }
}




/* Tablet */
@media (max-width: 1024px) {
    .section5 {
        padding: 80px 30px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .section5 {
        padding: 60px 20px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .section5 {
        padding: 40px 15px;
    }
}



/* section section2 end */


/* ✅ Responsive Breakpoints */

/* Large laptops (1200px and below) */
@media (max-width: 1200px) {
  .course-text-box {
    max-width: 50%;
    padding: 35px 28px 35px 60px;
  }
  .course-text-box h2 {
    font-size: 32px;
  }
  .course-text-box p {
    font-size: 16px;
  }
}

/* Tablets (992px and below) */
@media (max-width: 992px) {
  .course-banner {
    padding: 80px 0;
  }
  .course-text-box {
    max-width: 60%;
    padding: 30px;
  }
  .course-text-box h2 {
    font-size: 28px;
  }
  .course-text-box p {
    font-size: 15px;
  }
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
  .course-banner {
    margin: 100px 0;
    padding: 60px 20px;
    justify-content: center; /* Center box on mobile */
    text-align: center;
  }
  .course-text-box {
    max-width: 90%;
    padding: 25px;
    border-radius: 8px;
  }
  .course-text-box h2 {
    font-size: 24px;
  }
  .course-text-box p {
    font-size: 14px;
  }
}

/* Extra small (480px and below) */
@media (max-width: 480px) {
  .course-banner {
    padding: 40px 15px;
  }
  .course-text-box {
    max-width: 100%;
    padding: 20px;
  }
  .course-text-box h2 {
    font-size: 20px;
  }
  .course-text-box p {
    font-size: 13px;
  }
}



/* banner section start */

/* banner section end */



/* Breadcrums start */
/* Tablet */
@media (max-width: 1024px) {
  .breadcrums {
    padding: 100px 20px;
    margin: 100px 0;
  }
  .breadcrums .section-title {
    font-size: 2rem;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .breadcrums {
    padding: 80px 15px;
    margin: 100px 0;
  }
  .breadcrums .section-title {
    font-size: 1.8rem;
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .breadcrums {
    padding: 100px 10px;
    margin: 100px 0;
  }
  .breadcrums .section-title {
    font-size: 36px;
  }
}

  /* ✅ Mobile view only */
  @media (max-width: 767.98px) {
    .newsletter {
      background-size: cover !important;
    }
  }
/* Breadcrums end */

/* Newsletter start */
/* Tablet and Mobile view */
@media (max-width: 1024px) {
    .newsletter {
        background: no-repeat center center / cover;
        padding: 100px 5px; /* thoda padding chhota kiya responsive ke liye */
    }
}

@media (max-width: 768px) {
    .newsletter {
        background: no-repeat center center / cover;
        padding: 100px 5px; /* aur chhota for mobile */
    }
     .counter-section {
     
        background: url(../img/bg/newsletter3.png) no-repeat center center / cover !important;
        padding: 250px 15px 180px 15px !important; /* thoda padding chhota kiya responsive ke liye */
    }
}
/* Newsletter end */


/* hero section start */


/* Tablet tweaks */
@media (max-width: 1024px) {
    .hero {
        padding: 100px 30px;
         height: 100vh;
                 overflow: hidden;
    }
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .hero {
        padding: 80px 15px;
         height: 100vh;
                 overflow: hidden;
    }
   
    
}


/* Large tablets & small laptops */
@media (max-width: 1199.98px) {
  .hero-content h1 {
    font-size: 48px;
  }
}

/* Tablets */
@media (max-width: 991.98px) {
  .hero-content h1 {
    font-size: 40px;
  }
}

/* Mobiles landscape */
@media (max-width: 767.98px) {
  .hero-content h1 {
    font-size: 32px;
  }
}

/* Small mobiles */
@media (max-width: 575.98px) {
  .hero-content h1 {
    font-size: 28px;
  }
}


.banner-content2 p {
  font-size: 24px;
  text-align: start;
  padding: 0px 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 31.2px */
  letter-spacing: 1px;
}



/* Large Laptops & Desktops (≥1200px) */
@media (min-width: 1200px) {
  .banner-content2 p {
    font-size: 21px;
    font-weight: 400;
    padding: 0px 50px;
  }
}

/* Medium Laptops & Tablets Landscape (992px–1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
  .banner-content2 p {
    font-size: 20px;
    padding: 0px 15px;
  }
}

/* Tablets Portrait (768px–991px) */
@media (max-width: 991px) and (min-width: 768px) {
  .banner-content2 p {
    font-size: 20px;
    padding: 0px 30px;
  }
}

/* Mobiles (576px–767px) */
@media (max-width: 767px) and (min-width: 576px) {
  .banner-content2 p {
    font-size: 18px;
    padding: 0px 20px;
    text-align: center;
  }
}

/* Small Mobiles (<576px) */
@media (max-width: 575px) {
  .banner-content2 p {
    font-size: 16px;
    padding: 10px 15px 30px 15px;
    text-align: center;
    line-height: 140%;
  }
}
/* hero section end */


/* blog section Start*/


/* Tablet */
@media (max-width: 1024px) {

  .blog-section::before,
  .blog-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  
  .blog-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .blog-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
 
  .blog-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .blog-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}
/* blog section end */

/* raga-activity section start */


/* blog section Start*/
/* Tablet */
@media (max-width: 1024px) {

  .raga-activity-section::before,
  .raga-activity-section::after,
  .learning-section::before,
  .learning-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  
  .raga-activity-section::before,
    .learning-section::before {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .raga-activity-section::after,
    .learning-section::after {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
 
  .raga-activity-section::before, 
   .learning-section::before {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .raga-activity-section::after,
  .learning-section::after {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}
/* blog section end */

/* raga-activity section end */


/* course section start */

/* Tablet */
@media (max-width: 1024px) {

  .our-course::before,
  .our-course::after {
    width: 35vw;
    max-width: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  
  .our-course::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .our-course::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
 
  .our-course::before {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 30%) rotate(172deg);
  }

  .our-course::after {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-36%, -30%) rotate(172deg)
  }
}


/* -------------------------------- */

/* Tablet */
@media (max-width: 1024px) {

  .our-course-raga::before,
  .our-course-raga::after {
    width: 35vw;
    max-width: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  
  .our-course-raga::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .our-course-raga::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
 
  .our-course-raga::before {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 30%) rotate(172deg);
  }

  .our-course-raga::after {
    width: 500px;
    max-width: 400px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-36%, -30%) rotate(172deg)
  }
}

/* course section end */



/* About start */


@media (max-width: 1024px) {
  .contact-section {
  
    overflow: hidden;
  }
  .contact-section::before,
  .contact-section::after {
    width: 40vw;
    max-width: 280px;
    opacity: 0.7;
  }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .contact-section {
   
    overflow: hidden;
    text-align: start;
  }

  .contact-left,
  .contact-right {
   padding: 20px !important;
    text-align: start;
  }

  .contact-section::before {
    width: 350px;
    max-width: 350px;
    opacity: 0.5;
    transform: translate(-30%, 0) rotate(172deg);
  }

  .contact-section::after {
    width: 350px;
    max-width: 350px;
    opacity: 0.5;
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile (≤480px) */
@media (max-width: 480px) {
  .about-section {
    overflow: hidden;
    text-align: start;
  }

  .about-section::before {
            width: 100%;
        max-width: 100%;
        opacity: 0.4;
        transform: translate(-36%, 10%) rotate(172deg);
  }

  .about-section::after {
            width: 100%;
        max-width: 100%;
        opacity: 0.4;
        transform: translate(25%, 5%) rotate(172deg);
  }
}
/* About Section End  */



/* Mobile only */

@media (max-width: 1024px) {
  .about-section {
    overflow: hidden;
    margin-top: -70px;
    
    /* background-size: contain !important; */
  }
}

@media (max-width: 768px) {
  .about-section {
    overflow: hidden;
            text-align: start;
    margin-top: -70px;
    
    /* background-size: contain !important; */
  }
}


/* mind about section start */

/* Extra Small Mobile (≤480px) */
@media (max-width: 480px) {
  .mind-about-section {
    overflow: hidden;
    text-align: start;
  }

  .mind-about-section::before {
            width: 100%;
        max-width: 100%;
        opacity: 0.4;
        transform: translate(-26%, 0%) rotate(172deg);
  }

  .mind-about-section::after {
            width: 100%;
        max-width: 100%;
        opacity: 0.4;
        transform: translate(-26%, -10%) rotate(172deg);
  }
}
/* About Section End  */



/* Mobile only */

@media (max-width: 1024px) {
  .mind-about-section {
    overflow: hidden;
    margin-top: -70px;
    
    /* background-size: contain !important; */
  }
}

@media (max-width: 768px) {
  .mind-about-section {
    overflow: hidden;
            text-align: start;
    margin-top: -70px;
    
    /* background-size: contain !important; */
  }
}
/* mind about section end */



@media (max-width: 992px) {
    .img-overlay-1 {
        max-width: 85%;
        position: relative;
        bottom: auto;
        right: auto;
        /* margin-top: -135px; */
        transform: rotate(-10deg);
                left: 0%;
        display: block;
        margin: 0 auto;/
    }
}

@media (max-width: 992px) {
    .img-overlay-2 {
        max-width: 85%;
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: -50px;
        transform: rotate(5deg);
        /* transform: none; */
        display: block;
        /* margin: 0 auto; */
    }
}

@media (max-width: 992px) {
    .img-overlay-3 {
    position: absolute;
      bottom: auto;
        right: 10%;
        width: 80%;
    z-index: 2;
    transform: rotate(5deg);
    /* rotate slightly */
    transform-origin: center;
    /* rotate around center */
}
}
/* about end */


/* Team Section Start */

@media (max-width: 1024px) {
  .team-section {
    padding: 20px 15px;
    overflow: hidden;
  }
  .team-section::before,
  .team-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .team-section {
    padding: 20px 15px;
    overflow: hidden;
  }
  .team-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .team-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .team-section {
    padding: 20px 10px;
    overflow: hidden;
  }
  .team-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .team-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Team Section End */


/* ladder Section Start */

@media (max-width: 1024px) {
  .ladder-section {
    padding: 80px 15px;
    overflow: hidden;
  }
  .ladder-section::before,
  .ladder-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .ladder-section {
    padding: 60px 15px;
    overflow: hidden;
  }
  .ladder-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .ladder-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .ladder-section {
    padding: 40px 10px;
    overflow: hidden;
  }
  .ladder-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .ladder-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* ladder Section End */


/* activity start */

@media (max-width: 1024px) {
  .activity-right,
  .activity-left {
    padding: 30px 20px;
    overflow: hidden;
  }
  .ladder-section::before,
  .ladder-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
   .activity-right,
  .activity-left {
    padding: 0px 20px;
    overflow: hidden;
  }
 .activity-right::before,
  .activity-left::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

 .activity-right::after,
  .activity-left::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .activity-right,
  .activity-left {
    padding: 0px 20px;
    overflow: hidden;
  }
    .activity-right::before,
  .activity-left::before {
    width: 351px;
        max-width: 300px;
        opacity: 0.6;
        transform: translate(-13%, -30%) rotate(172deg);
  }

  .activity-right::after,
  .activity-left::after {
    width: 351px;
    max-width: 351px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-13%, -30%) rotate(172deg);
  }
}
/* activity end */

/* card section start */



/* card section end */

/* what-we-do Section Start */

@media (max-width: 1024px) {
  .what-we-do-section,
  .why-we-exist-section {
    padding: 80px 15px;
    overflow: hidden;
  }


   .card-section {
  background-size: cover;
  }

  .what-we-do-section::before,
  .why-we-exist-section::before,
  .what-we-do-section::after,
  .why-we-exist-section::after {
    width: 35vw;
    max-width: 300px;
  }

}

@media (max-width: 768px) {
  .what-we-do-section,
  .why-we-exist-section {
    padding: 60px 15px;
    overflow: hidden;
    margin-top: 0px;
    height: 100%;
  }
   .card-section {
  background-size: cover;
  }
  .what-we-do-section::before,
  .why-we-exist-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .what-we-do-section::after,
  .why-we-exist-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .what-we-do-section,
  .what-we-do-section {
    padding: 40px 10px;
    overflow: hidden;
  }

  .card-section {
  background-size: cover;
  }
  .what-we-do-section::before,
  .why-we-exist-section::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

 .what-we-do-section::after,
.why-we-exist-section::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Team Section End */

@media (max-width: 480px) {
  .card-icon {
    width: 100%;
    height: 72px;
    margin: 2px 0px;
}
}


/* Our Approach start */
/* Large Tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    .our-approach-section {
        padding: 100px 30px;
        min-height: 70vh;
        margin-top: -50px;
        overflow: hidden;
    }
}

/* Tablets & small laptops (max-width: 768px) */
@media (max-width: 768px) {
    .our-approach-section {
        padding: 80px 20px;
        min-height: auto;
        /* auto adjust */
        margin-top: -30px;
        overflow: hidden;
    }
}

/* Mobile devices (max-width: 480px) */
@media (max-width: 480px) {
    .our-approach-section {
        padding: 60px 15px;
        margin-top: -20px;
        border-radius: 6px;
        overflow: hidden;
    }
}


/* Our approach end */



/* mindraga-tree start */
/* Large Tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    .mindraga-tree {
        padding: 100px 0px;
        min-height: 70vh;
        margin-top: -50px;
        overflow: hidden;
    }
}

/* Tablets & small laptops (max-width: 768px) */
@media (max-width: 768px) {
    .mindraga-tree {
        padding: 80px 0px;
        min-height: auto;
        /* auto adjust */
        margin-top: -30px;
        overflow: hidden;
    }
}

/* Mobile devices (max-width: 480px) */
@media (max-width: 480px) {
    .mindraga-tree {
        padding: 60px 0px;
        margin-top: -20px;
        border-radius: 6px;
        overflow: hidden;
    }
}


/* Small devices (≥576px) */
@media (max-width: 767.98px) {
  .mb-100 {
    margin-bottom: 20px !important ;
  }
}

/* mindraga-tree end */

/* ✅ Mobile view (<768px) */
@media (max-width: 767.98px) {
  .vision-section {
    text-align: center;
    padding:100px 15px;; /* optional: thoda spacing dene ke liye */
  }
}


@media (max-width: 992px) {
    .vision-img {
        width: 350px !important;
        position: relative;
        bottom: auto;
        right: -7px;
        transform: none;
        margin: 50px 0px !important;
        display: block;
       
    }
}

/* Case Study Start */
/* Tablet */
@media (max-width: 1024px) {
  .team-section {
    padding: 20px 15px;
    overflow: hidden;
  }
  .team-section::before,
  .team-section::after {
    width: 35vw;
    max-width: 300px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .case-study-section  {
    padding: 60px 15px;
    overflow: hidden;
  }
  .case-study-section ::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .case-study-section ::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .case-study-section  {
    padding: 40px 10px;
    overflow: hidden;
  }
  .case-study-section ::before {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-30%, 0) rotate(172deg);
  }

  .case-study-section ::after {
    width: 500px;
    max-width: 500px;
    opacity: 0.6; /* optional, subtle effect */
    transform: translate(-10%, 0) rotate(172deg);
  }
}
/* Case Study End */


/* Contact Section Start */

/* Tablet (≤1024px) */
@media (max-width: 1024px) {
  .contact-section {
  
    overflow: hidden;
  }
  .contact-section::before,
  .contact-section::after {
    width: 40vw;
    max-width: 280px;
    opacity: 0.7;
  }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .contact-section {
   
    overflow: hidden;
    text-align: start;
  }

  .contact-left,
  .contact-right {
   padding: 20px !important;
    text-align: start;
  }

  .contact-section::before {
    width: 350px;
    max-width: 350px;
    opacity: 0.5;
    transform: translate(-30%, 0) rotate(172deg);
  }

  .contact-section::after {
    width: 350px;
    max-width: 350px;
    opacity: 0.5;
    transform: translate(-10%, 0) rotate(172deg);
  }
}

/* Extra Small Mobile (≤480px) */
@media (max-width: 480px) {
  .contact-section {
    overflow: hidden;
    text-align: start;
  }



  .contact-left,
  .contact-right {
    padding: 20px !important;
  }

  .contact-section::before {
    width: 280px;
    max-width: 280px;
    opacity: 0.4;
    transform: translate(-20%, 0) rotate(172deg);
  }

  .contact-section::after {
    width: 280px;
    max-width: 280px;
    opacity: 0.4;
    transform: translate(-5%, 0) rotate(172deg);
  }
}
/* Contact Section End  */



/* button start*/
@media (max-width: 992px) {
/* .btn-group {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 5px;
  } */

  .btn-group {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 5px;
    justify-content: center !important; /* Center in mobile */
  }
}


  .btn-group .contact-btn {
    width: 50%;
        font-size: 14px;
    text-align: center;
    font-weight: 600;
    padding: 15px 16px;
  }


   
/* button end */

@media (max-width: 992px) {
.btn-group2 {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 5px;
  }
  .btn-group2 .contact-btn2 {
            width: 60%;
        font-size: 12px;
        text-align: center;
        padding: 5px 2px;
  }
}

/* our values of about page of mindraga start */

@media (max-width: 575.98px) {
  .our-value-section {
    padding: 0px !important;
  }
}


@media (max-width: 575.98px) {
  .our-values-about {
    overflow: hidden;
  }
  }




/* Tablet (≤ 992px) */
@media (max-width: 992px) {
  .values-wrapper {
    padding: 20px 20px;
  }
  .values-card {
    position: relative;     /* remove absolute positioning */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
    text-align: center !important;
  }
  .values-card h3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .values-card p {
    text-align: center !important;
  }
}

/* Mobile (≤ 576px) */
@media (max-width: 576px) {
  .values-flower {
    width: 200px;
    height: auto;
  }
  .values-card {
    font-size: 14px;
    padding: 0 10px;
  }
  .values-card p {
    font-size: 13px;
  }
  .values-card img {
    width: 18px;
    margin-right: 6px;
  }
}

/* our values of about page of mindraga end  */

/* Tablet (max-width: 992px) */
@media (max-width: 992px) {
  .vision-card-section .vision-title {
    font-size: 32px;
  }
  .vision-card-section .card-title {
    font-size: 16px;
  }
  .vision-card-section .card-desc {
    font-size: 14px;
    line-height: 1.4;
  }
  .vision-card-section {
    padding: 15px; /* reduce card padding */
  }
}

/* Mobile (max-width: 576px) */
@media (max-width: 576px) {
  /* .card-inner2 {
    padding: 5px 0px;
    gap: 0px;
  } */
  .vision-card-section .vision-title {
    font-size: 22px;
  }
  .vision-card-section .card-title {
    font-size: 12px;
  }
  .vision-card-section .card-desc {
    font-size: 12px;
    line-height: 1.3;
  }
  .vision-card-section {
    padding: 5px 5px; 
    margin-bottom: 0px;
  }
  .vision-card-inner {
    padding: 5px 0px;
    gap: 1px;
  }
}



/* footer start */
/* Mobile screens */
@media (max-width: 768px) {
  .footer-section {
    padding: 20px;          
    text-align: center;     /* center text */
  }
  .footer-section * {
    text-align: center;     /* all child elements center */
    justify-content: center;
  }
}
/* footer end */