/* Mobile Responsive Styles */
@media (max-width: 767px) {
    /* Center align text for all headings and paragraphs on mobile */
    h1, h2, h3, h4, h5, h6,
    p, .text-center-mobile {
        text-align: center !important;
    }

    /* Center cards and content containers */
    .grid {
        justify-content: center;
    }

    /* Center images */
    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Center buttons */
    .btn-center-mobile {
        display: flex;
        justify-content: center;
        margin: 1rem auto;
    }

    /* Adjust padding and margins for better mobile spacing */
    .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Center navigation items */
    #mobile-menu a {
        text-align: center;
    }

    /* Ensure full width for mobile elements */
    .w-full-mobile {
        width: 100% !important;
    }

    /* Center the hero section content */
    .hero-gradient > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Center the CTA section content */
    .lg\:flex-row {
        flex-direction: column;
        text-align: center;
    }

    /* Center footer content */
    footer .grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }

    /* Center instructor cards */
    .instructor-card {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px;
    }

    /* Center the CTA button */
    .lg\:mt-0 {
        margin-top: 1rem !important;
        margin-left: 0 !important;
    }
}