@media (max-width: 992px) {
    .exam-feature {
        grid-template-columns: repeat(2, 1fr);
    }

    .ef-item:nth-child(2) {
        border-right: none;
    }

    .ef-item:nth-child(3) {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
    }

    .ef-item:nth-child(4) {
        border-top: 1px solid var(--line);
        border-right: none;
    }
}

@media (max-width: 768px) {
    .hero {
        margin-top: 2rem;
    }

    .hero-heading {
        font-size: 2.6rem;
    }

    .exam-feature {
        grid-template-columns: 1fr;
    }

    .ef-item {
        border-right: none;
        border-bottom: 1px solid var(--line);
    }

    .ef-item:last-child {
        border-bottom: none;
    }

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

    .results-note {
        text-align: left;
    }

    .why-panel {
        aspect-ratio: auto;
        min-height: 360px;
    }
}

@media (max-width: 480px) {
    .hero-heading {
        font-size: 2.2rem;
    }

    .hero-cta-row {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 991.98px) {

    .header-nav,
    .header-actions {
        display: none;
    }

    .header-hamburger {
        display: flex;
    }
}

@media (min-width: 992px) {
    .header-hamburger {
        display: none;
    }
}


@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-brand__desc {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-brand {
        grid-column: auto;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .footer-bottom__badges {
        gap: 0.5rem;
    }

    .footer-wave svg {
        height: 36px;
    }
}

@media (max-width: 992px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .contact-form-card {
        padding: 2rem;
    }

    .hero-right {
        width: 100%;
        margin-bottom: 50px;
    }
}

@media (max-width: 640px) {
    .form-row {
        grid-template-columns: 1fr;
    }

    .eval-features {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .story-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .timeline::before {
        left: 22px;
    }

    .tl-item,
    .tl-item--right {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }

    .tl-dot {
        order: 1 !important;
    }

    .tl-content {
        order: 2 !important;
        grid-column: 2;
    }

    .tl-spacer {
        display: none !important;
    }
}

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

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

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

@media (max-width: 992px) {
    .featured-card {
        grid-template-columns: 1fr;
    }

    .featured-card__visual {
        min-height: 260px;
    }

    .courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .featured-card__includes {
        grid-template-columns: 1fr;
    }

    .page-hero__stats {
        gap: 1.5rem;
    }
}

@media (max-width: 1024px) {
    .ph-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ph-circle-fill,
    .ph-circle-ring-md,
    .ph-circle-ring-lg {
        right: -300px;
        opacity: .4;
    }
}

@media (max-width: 640px) {
    .ph-section {
        padding: 6rem 5vw 3rem;
    }

    .ph-heading {
        font-size: clamp(2.5rem, 8vw, 4rem);
    }

    .ph-cta-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .cp-plans,
    .ap-mini-stats,
    .ap-values,
    .ct-methods {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cat-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .featured-post {
        grid-template-columns: 1fr;
    }

    .featured-thumb {
        min-height: 220px;
    }

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

    .cat-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-cta-strip {
        flex-direction: column;
        text-align: center;
    }

    .blog-cta-strip-btns {
        flex-direction: column;
        width: 100%;
    }

    .blog-cta-strip-btns a {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .cat-strip {
        grid-template-columns: 1fr 1fr;
    }

    .blog-hero {
        padding: 5rem 0 3rem;
    }
}

@media (max-width: 768px) {
    .courses-wrap {
        grid-template-columns: 1fr;
    }

    .crs-features {
        grid-template-columns: 1fr;
    }

    .hero-stats {
        gap: 1.5rem;
    }

    .price-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .crs-enroll-btn {
        width: 100%;
        justify-content: center;
    }

    .guarantee-inner {
        gap: 1.2rem;
    }
}

@media (max-width: 480px) {
    .courses-hero {
        padding: 5rem 0 3.5rem;
    }

    .crs-head,
    .crs-body {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    .product-hero {
        padding: 72px 0 60px;
    }

    .hero-card {
        margin-top: 36px;
    }

    .demo-inner {
        flex-direction: column;
        padding: 40px 28px;
        text-align: center;
    }

    .demo-text p {
        max-width: 100%;
    }

    .demo-actions {
        align-items: center;
        width: 100%;
    }

    .module-detail-card {
        flex-direction: column;
        gap: 22px;
    }
}

@media (max-width: 767.98px) {
    .product-hero h1 {
        font-size: 1.8rem;
    }

    .hero-stats {
        gap: 20px;
    }

    .section-heading {
        font-size: 1.5rem;
    }

    .batch-card {
        margin-bottom: 20px;
    }

    .demo-inner {
        padding: 32px 20px;
    }

    .module-tab-nav {
        gap: 8px;
    }

    .module-tab-btn {
        font-size: 0.8rem;
        padding: 8px 14px;
    }
}

@media (max-width: 575.98px) {
    .product-hero {
        padding: 60px 0 50px;
    }

    .hero-cta-group {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .exam-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .exam-visual {
        min-height: 220px;
    }
}

@media (max-width: 767px) {
    .exam-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .exam-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .exam-section {
        padding: 56px 0;
    }
}

@media (max-width: 480px) {
    .exam-cards-grid {
        grid-template-columns: 1fr 1fr;
    }
}