/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 900px) {
  .hero-right {
    display: none;
  }

  .hero-shell {
    grid-template-columns: 1fr;
    padding-top: 90px;
  }

  .hero-photo {
    background-size: cover;
    opacity: 0.25;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 640px) {

  .nav-list,
  .nav-quote {
    display: none;
  }

  .burger {
    display: flex;
  }

  .hero-h1 {
    letter-spacing: -1px;
  }
}

@media (max-width: 600px) {
  .trusted-by {
    padding: 3.5rem 1.25rem 3rem;
  }
}

@media (max-width: 980px) {
  .about-inner {
    grid-template-columns: 1fr;
  }

  .about-media__frame {
    display: none;
  }

  .about-testimonial {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: 18px;
  }

  .about-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .about-section {
    padding: 4rem 2rem;
  }

  .about-badge {
    display: none;
  }

  .about-testimonial {
    display: none;
  }
}

@media (max-width: 900px) {
  .service-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .project-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .project-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .project-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .testimonial-left {
    padding: 30px;
  }

  .burger {
    display: flex;
  }

  .nav-list {
    display: none !important;
  }

  .nav-quote {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .testimonial-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .testimonial-title {
    font-size: 2rem;
  }

  .testimonial-section {
    padding: 60px 6%;
  }

  .testimonial-left {
    min-height: 500px;
    padding: 40px 30px;
    border-radius: 24px;
  }

  .testimonial-right {
    min-height: 500px;
  }
}

@media (max-width: 600px) {
  .testimonial-section {
    padding: 40px 5%;
  }

  .testimonial-card {
    padding: 30px;
  }

  .testimonial-title {
    font-size: 1.6rem;
  }

  .testimonial-left {
    min-height: 400px;
    padding: 30px 20px;
    border-radius: 16px;
  }

  .testimonial-right {
    min-height: 400px;
    padding: 30px 20px;
    border-radius: 16px;
  }

  .testimonial-nav {
    margin-top: 20px;
  }

  .testimonial-card {
    padding: 25px;
    border-radius: 16px;
  }
}

@media (max-width: 900px) {
  .contact-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .eb-inner {
    /* flex-direction: column; */
    text-align: center;
  }

  .eb-content p {
    margin: 0 auto;
  }
}

@media (max-width: 980px) {

  /* Hero */
  .hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    padding-top: 40px;
  }

  .hero-vis {
    margin-top: 40px;
  }

  .hero-ctas {
    justify-content: center;
  }

  .hero-proof {
    justify-content: center;
  }

  .hero-sub {
    margin: 0 auto 36px;
  }

  /* Why Choose Us */
  .why-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .why-mission {
    margin-top: 40px;
  }

  /* Footer */
  .foot-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1200px) {
  nav {
    padding: 0 3%;
  }

  .nav-ul {
    gap: 16px;
  }

  .nav-ul a {
    font-size: 0.7rem;
  }

  .nav-cta {
    padding: 9px 18px;
    font-size: 0.7rem;
  }
}

@media (max-width: 992px) {

  /* Navigation */
  nav {
    padding: 0 4%;
    flex-wrap: wrap;
  }

  .nav-ul {
    display: none;
    width: 100%;
    flex-direction: column;
    background: rgba(8, 12, 18, 0.98);
    position: absolute;
    top: 70px;
    left: 0;
    padding: 20px 6%;
    gap: 20px;
    border-bottom: 1px solid var(--border);
  }

  .nav-ul.active {
    display: flex;
  }

  .nav-cta {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
  }

  /* Typography Scaling */
  .h1 {
    font-size: clamp(2rem, 8vw, 2.8rem);
  }

  .h2 {
    font-size: clamp(1.7rem, 6vw, 2.2rem);
  }
}

@media (max-width: 600px) {

  /* Footer */
  .foot-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  /* Testimonial Mobile Padding Fix */
  .testimonial-section {
    padding: 40px 5%;
  }

  .testimonial-inner {
    gap: 20px;
  }

  .testimonial-right {
    padding: 0;
    min-height: auto;
  }

  .testimonial-right .swiper-slide {
    padding: 10px;
  }

  .testimonial-card {
    padding: 30px 20px;
    border-radius: 12px;
  }

  .testimonial-user {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .user-avatar {
    margin-right: 0;
  }

  .testimonial-text {
    font-size: 0.95rem;
    margin-bottom: 24px;
  }

  .testimonial-left {
    min-height: auto;
    padding: 30px 20px;
  }
}

@media (max-width: 768px) {

  /* About Responsive Fix */
  .about-section {
    padding: 4rem 4%;
  }

  .about-stats {
    grid-template-columns: 1fr;
  }

  .about-feature {
    padding: 20px;
  }

  /* Explore Courses Responsive Fix */
  .course-section {
    padding: 4rem 4%;
  }

  .course-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 600px) {

  /* Why Choose Us & Generic Section Mobile Paddings */
  .section {
    padding: 4rem 5%;
  }

  .wn {
    padding: 24px 16px;
  }

  .wn-big {
    font-size: 2rem;
  }

  /* Mission Vision Values */
  .mvv-wrapper {
    gap: 16px;
    margin-top: 40px;
  }

  .mvv-card {
    padding: 20px 16px;
    margin-right: 15px !important;
  }

  .mvv-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    font-size: 1.25rem;
  }

  /* Testimonial Swiper Length Fixes */
  .testimonial-card {
    padding: 22px 18px;
  }

  .testimonial-quote {
    font-size: 2.5rem;
    margin-bottom: 8px;
  }

  .testimonial-text {
    font-size: 0.85rem;
    line-height: 1.6;
    margin-bottom: 16px;
  }

  .testimonial-divider {
    margin-bottom: 20px;
  }

  /* Contact Form Mobile Paddings */
  .contact-section {
    padding: 4rem 5%;
  }

  .contact-item {
    padding: 16px;
  }

  .contact-form {
    padding: 32px 24px;
  }

  .contact-form::before {
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
  }
}

/* Responsive adjustments for About Us */
@media (max-width: 991px) {

  .ao-inner,
  .ta-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}


/* ─── Responsive ──────────────────────────────── */
@media (max-width: 960px) {
  .fgm-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 580px) {
  .fgm-services-grid {
    grid-template-columns: 1fr;
  }

  .fgm-section-header h2 {
    font-size: 28px;
  }

  .fgm-services-section {
    padding: 50px 16px 60px;
  }
}

@media (max-width: 1200px) {
  .na-circle-img-wrapper {
    width: 450px;
    height: 450px;
    left: -10%;
  }
}

@media (max-width: 991px) {
  .new-about-sec {
    flex-direction: column;
  }

  .na-left {
    padding: 60px 5%;
  }

  .na-right {
    clip-path: none;
    padding: 100px 5%;
  }

  .na-circle-img-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    max-width: 500px;
    height: 500px;
    margin: 0 auto;
  }

  .mv-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}



@media (max-width: 780px) {
  .enroll-banner .eb-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .enroll-banner img {
    max-width: 100px;
  }

  .enroll-banner .eb-content {
    flex: unset;
    width: 100%;
  }

  .enroll-banner .eb-content h2 {
    font-size: 1.6rem;
  }

  .enroll-banner .eb-content p {
    font-size: 0.95rem;
  }

  .enroll-banner .eb-cta {
    width: 100%;
    margin-top: 4px;
  }

  .enroll-banner .apply-now-btn {
    width: 100%;
    padding: 14px 24px;
  }
}

@media (max-width: 1024px) {
  .unseen-masonry {
    column-count: 2;
  }
}

@media (max-width: 767px) {
  .footer-links {
    grid-template-columns: 1fr;
    gap: 40px;
  }

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

  .mv-container {
    grid-template-columns: 1fr;
  }

  .mv-icon-circle {
    right: 0px;
  }

  .unseen-header-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .unseen-header .h2 {
    font-size: 2.2rem;
  }

  .unseen-glass {
    padding: 16px;
  }

  .unseen-glass-text h3 {
    font-size: 18px;
  }

  .unseen-masonry {
    column-count: 1;
  }

  .page-hero {
    padding: 120px 5% 60px;
  }

  .about-stats-grid {
    grid-template-columns: 1fr;
  }

  .mv-grid {
    grid-template-columns: 1fr;
  }

  .ta-inner {
    padding: 60px 6%;
  }
}



/* ── Responsive ── */
@media (max-width: 740px) {
  .fgm-cource-dtl-wrapper {
    grid-template-columns: 1fr;
  }

  .fgm-cource-dtl-info-grid {
    grid-template-columns: 1fr;
  }

  .fgm-cource-dtl-why {
    border-right: none;
    border-bottom: 1px solid var(--fgm-border);
  }
}
/* Extracted from HTML */
@media (max-width: 780px) {
            .enroll-banner .eb-inner {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 20px;
            }

            .enroll-banner img {
                max-width: 100px;
            }

            .enroll-banner .eb-content {
                flex: unset;
                width: 100%;
            }

            .enroll-banner .eb-content h2 {
                font-size: 1.6rem;
            }

            .enroll-banner .eb-content p {
                font-size: 0.95rem;
                text-align: justify;
            }

            .enroll-banner .eb-cta {
                width: 100%;
                margin-top: 4px;
            }

            .enroll-banner .apply-now-btn {
                width: 100%;
                padding: 14px 24px;
            }
        }

@media (max-width: 991px) {
            .testimonial-left {
                padding: 30px;
            }
        }

@media (max-width: 800px) {
                .contact-inner-grid {
                    grid-template-columns: 1fr !important;
                    gap: 40px !important;
                }

                .form-grid-2 {
                    grid-template-columns: 1fr !important;
                    gap: 16px !important;
                }

                .contact-pad {
                    padding: 60px 4% !important;
                }

                .contact-form-box {
                    padding: 32px 24px !important;
                }
            }

@media (max-width: 480px) {
                .modern-list-item {
                    gap: 16px !important;
                }

                .form-btn {
                    font-size: 1rem !important;
                    padding: 18px !important;
                }
            }


/* ---- Responsive Scaling Patch for Oversized Transparent Logos ---- */
@media (max-width: 768px) {
    .fgm-inline-179, .fgm-inline-268, img[src*="rewk.png"], img[src*="suthaliiiii.png"] {
        transform: scale(1.6) !important;
        height: 45px !important;
        max-width: 100% !important;
    }
}
@media (max-width: 480px) {
    .fgm-inline-179, .fgm-inline-268, img[src*="rewk.png"], img[src*="suthaliiiii.png"] {
        transform: scale(1.2) !important;
        height: 35px !important;
    }
}