/**
 * Global Responsive Override
 * Load this file LAST (after all other stylesheets) to fix fixed-width and
 * overflow issues across pages.
 */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100vw; }

.container,
.mega-menu .container {
    max-width: min(var(--container-width, 1170px), 100vw - 2 * var(--gutter-width, 15px)) !important;
    width: 100% !important;
    box-sizing: border-box;
}

.step-connector {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

.overview-full-text,
.overview-content-full,
.services-intro-content,
.why-choose-content,
.journey-content,
.methodologies-content,
.hero-minimal-content,
.strategy-frame-container {
    max-width: min(100%, 1100px) !important;
    box-sizing: border-box;
}

.section,
.section-overview,
.section-process,
.inner-hero,
.inner-hero-modern,
.inner-hero-futuristic {
    max-width: 100% !important;
    overflow-x: hidden;
}

.inner-hero-grid,
.inner-hero .container,
.inner-hero-modern .container {
    max-width: min(100%, 1320px) !important;
    width: 100% !important;
    box-sizing: border-box;
}

img, video, iframe, embed, object {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 768px) {
    .container, .mega-menu .container {
        max-width: 100% !important;
    }
}

@media (min-width: 2560px) {
    .container, .mega-menu .container {
        max-width: min(1920px, 100vw - 80px) !important;
    }
}