/* MOBILE (481px – 768px) */

@media (min-width: 481px) and (max-width: 768px) {

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

    .info-outer-box {
        padding: 1.5rem !important;
        width: 100% !important;
        border-radius: 12px !important;
    }

    .info-container {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .info-text-box {
        padding: 2rem !important;
        margin: 0 !important;
    }

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

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

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

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

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