/* Global Mobile Overflow Fixes */

/* 1. Apply box-sizing: border-box to all elements */
*, *::before, *::after {
    box-sizing: border-box !important;
}

/* 2. Prevent word-breaking overflow for long text on small screens */
h1, h2, h3, h4, h5, h6, p, span, a, li {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 3. Force absolute containment of overflow on html and body */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* 4. Fix any lingering container overflow and margins on mobile breakpoint */
@media (max-width: 767px) {
    .elementor-section, 
    .elementor-container, 
    .elementor-column,
    .e-container,
    .e-con {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}