/* TABLET (769px – 1024px) */

@media (min-width: 769px) and (max-width: 1024px) {

    .features-section,
    .cta-section,
    .courses-section,
    .testimonials-section {
        margin-top: 0 !important;
    }

    .slider-section {
        margin-top: 0 !important;
        padding: 2rem 1.5rem !important;
    }

    .hero-slider {
        height: 55vh !important;
    }

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

    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .features-outer-box,
    .testimonials-outer-box,
    .courses-outer-box,
    .slider-outer-box,
    .info-outer-box {
        padding: 2rem !important;
    }

    .info-section {
        padding-top: 1rem !important;
    }

    .cta-content {
        gap: 2rem !important;
    }

    .cta-header-line {
        font-size: 2.2rem !important;
    }

    .cta-section {
        padding: 3rem 1.5rem !important;
    }

    .avatar-wrapper.active {
        width: 75px !important;
        height: 75px !important;
    }

    .footer-content {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 3rem !important;
    }

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

    .intro-grid,
    .collage-grid {
        gap: 2rem !important;
    }
}