/* Mobile Overflow Fix - Load this last */

/* Prevent horizontal scroll on all devices */
html {
    overflow-x: hidden;
    width: 100%;
}

body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Ensure all major containers fit within viewport */
@media (max-width: 768px) {
    * {
        max-width: 100vw;
    }

    /* Force all sections to fit */
    section,
    .container,
    .hero-section,
    .about-section,
    .programs-section,
    .news-events-section,
    .testimonials-section,
    .institutes-section,
    .admissions-section,
    .placements-section,
    .campus-life-section,
    .research-section {
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Fix container padding on mobile */
    .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    /* Ensure rows and grids don't overflow */
    .row,
    .grid,
    .flex-container {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Fix images and media */
    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }
}