@media (max-width: 768px){

    .hero-content{
        flex-direction: column !important;
        text-align: center;
    }

    .hero-text h1{
        font-size: 2.5rem !important;
        line-height: 1.15 !important;
    }

    .hero-buttons{
        flex-direction: column;
    }

    .btn-primary-custom,
    .btn-secondary-custom{
        width: 100%;
        text-align: center;
    }

}
/* =========================
   HOMEPAGE RESPONSIVE
========================= */

@media (max-width:768px){

    /* Why Choose */
    .why-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    /* Subjects */
    .subjects-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    /* How It Works */
    .works-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    /* Learning Modes */
    .learning-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    /* Footer */
    .footer-grid{
        grid-template-columns:1fr;
        gap:25px;
        text-align:center;
    }

}

/* Courses Page Mobile */

@media(max-width:576px){

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

}
@media(max-width:576px){

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

}