/* Mobile-specific styles */
@media screen and (max-width: 900px) {
    /* General section styling */
    section {
        padding: 40px 20px;
        text-align: center;
    }

   

   

    /* Why Choose Us section */
    .why-choose-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .why-choose-card {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

    /* Programs section */
    .programs-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        justify-items: center;
    }

    .program-card {
        width: 100%;
        max-width: 350px;
    }

    /* About section */
    .about-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
    }

    .about-text {
        max-width: 100%;
    }

    /* Contact section */
    .contact-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .contact-form {
        width: 100%;
        max-width: 350px;
    }

    /* General text alignment */
    h1, h2, h3, p {
        text-align: center;
    }
}

/* Extra small devices */
@media screen and (max-width: 390px) {
    section {
        padding: 30px 15px;
    }

    
    .why-choose-card,
    .program-card,
    .contact-form {
        max-width: 100%;
    }
}