/* Mobile Devices (< 576px) */
@media (max-width: 576px) {
    /* .navbar {
        width: 95%;
        padding: 10px 20px;
    } */

    .hero-section,
    .about-section,
    .methodology-section,
    .testimonials-section,
    .contact-section,
    .academy-section,
    .video-section,
    .impact-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-content h1 {
        font-size: 2.5rem;
        /* Smaller title for mobile */
    }

    .hero-content p {
        font-size: 1rem;
    }

    .social-strip .logos-track {
        gap: 30px;
        /* Tighter logos */
    }

    .stat-item h3 {
        font-size: 2rem;
    }

    .contact-info,
    .contact-form {
        padding: 30px 20px;
    }

    .floating-badge {
        width: 70px;
        height: 70px;
    }

    .badge-secondary {
        width: 100px;
        height: 100px;
        left: unset;
        right: 10px;
        bottom: 200px;
    }

    .badge-primary {
        left: 10px;
        bottom: 50px;
    }
}