@media (max-width: 576px) { /* Expanded to match Bootstrap's xs breakpoint */

    body, main {
        margin: 0 !important;
        width: 100% !important;
    }

    .hero {
        margin-top: -50px !important;
    }

    .hero-title {
        font-size: 22px !important;
    }

    .hero-subtitle {
        font-size: 16px !important;
    }

    .hero-btn {
        width: 60% !important;
        font-size: 13px !important;
    }

    .hero-btns {
        display: none !important;
    }

    .hero-banner {
        height: auto !important;
        width: auto !important;
    }

    #emk {
        height: 650px !important;
    }

    .trusted-brands {
        background: var(--primary-colour) !important;
        height: 180px !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 17px !important;
        margin-top: -48px !important;
        padding: 10px !important;
        color: black !important;
    }

    .brand-ribbon {
        overflow: hidden !important;
        width: 100% !important;
    }

    .brand-slider {
        overflow: hidden !important;
        position: relative !important;
    }

    .brand-slider-track {
        display: flex !important;
        width: 900% !important;
        animation: scroll-left 20s linear infinite !important;
    }

    .brand-logo {
        max-height: 100px !important;
        opacity: 0.6 !important;
        transition: opacity 0.3s ease !important;
        margin: 0 90px !important;
        flex-shrink: 0 !important;
    }

    .brand-logo:hover {
        opacity: 1 !important;
    }

    @keyframes scroll-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(-70%); }
    }

    .about-desktop-img {
        height: 470px !important;
        margin: 20px auto 0 30px !important;
    }

    .about-home-title {
        font-size: 25px !important;
    }

    .about-home-desc {
        font-size: 13px !important;
    }

    .about-btn {
        width: 100% !important;
        border-radius: 6px !important;
    }

    .newsletter-card {
        grid-template-columns: 1fr !important;
        padding: 28px !important;
        gap: 20px !important;
    }

    .news-title {
        font-size: 1.5rem !important;
    }

    .news-subtitle {
        font-size: 0.95rem !important;
    }

    .accordion-item {
        width: 90% !important;
    }

    footer {
        text-align: center !important;
    }

    .why-join-us {
        font-size: 20px !important;
    }

    .benifet-title {
        font-size: 15px !important;
    }

    .benifet-subtitle {
        font-size: 14px !important;
        width: 50% !important;
        text-align: center !important;
        margin: 0 auto 15px !important;
    }

    .accreditation-title {
        font-size: 25px !important;
        text-align: center !important;
    }

    .accreditation-description {
        font-size: 12px !important;
        text-align: center !important;
    }

    .accordion-cert {
        margin-left: 0 !important;
        height: 355px !important;
    }

    .accreditation-circle {
        height: 100px !important;
        margin-left: 0 !important;
        margin-bottom: -15px !important;
    }

    .testimonial-heading {
        font-size: 18px !important;
    }

    .testimonial-description {
        font-size: 15px !important;
        width: 100% !important;
    }
    .testinomials {
        padding: 30px 16px !important;
    }
    .testimonial-carousel {
        --items-per-view: 1;
        --gap: 16px;
        grid-template-columns: 1fr;
        margin-top: 24px;
        position: relative;
        padding: 0;
    }
    .testimonial-carousel.is-scroll {
        margin-top: 28px;
    }
    .testimonial-nav {
        width: 36px;
        height: 36px;
        font-size: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        background: rgba(11, 11, 11, 0.9);
    }
    .testimonial-prev { left: 2px; }
    .testimonial-next { right: 2px; }
    .testimonial-carousel.is-scroll .testimonial-nav {
        display: none;
    }
    .testimonial-viewport {
        padding: 0;
    }
    .testimonial-carousel.is-scroll .testimonial-viewport {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }
    .testimonial-carousel.is-scroll .testimonial-track {
        gap: 16px;
        padding: 0 6px;
        transition: none;
        transform: none;
    }
    .testimonial-carousel.is-scroll .testimonial-slide {
        flex: 0 0 88%;
        scroll-snap-align: center;
    }
    .testimonial-card { padding: 22px !important; }

    .course-heading {
        font-size: 30px !important;
    }

    .course-subheading {
        font-size: 14px !important;
        width: 100% !important;
    }

    .contact-header {
        text-align: center !important;
    }

    .contact-subheader {
        font-size: 13px !important;
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .contact-form {
        width: 100% !important;
    }

    .navbar {
        margin-top: 15px !important;
        top: 0 !important;
        position: relative !important;
        z-index: 1000 !important;
    }
}