/* DEUS Homepage CMS repair v2 — exact horizontal overflow repair */

html,
body.deus-home-cms {
    max-width: 100%;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
}

body.deus-home-cms main#top {
    max-width: 100%;
    overflow-x: hidden !important;
}

body.deus-home-cms main#top > section,
body.deus-home-cms main#top > section > *,
body.deus-home-cms .deus-hero-media,
body.deus-home-cms .deus-video-frame,
body.deus-home-cms .deus-video-viewport,
body.deus-home-cms .pain-grid,
body.deus-home-cms .feature-grid,
body.deus-home-cms .pricing-grid,
body.deus-home-cms .deus-workflow-grid,
body.deus-home-cms .deus-trust-panel,
body.deus-home-cms .faq-layout,
body.deus-home-cms #trial > div {
    min-width: 0;
    max-width: 100%;
}

/*
 * homepage-cms.css used both inset: 0 -100vmax and a 100vmax box-shadow.
 * Merely resetting width/left/right does not remove the overflow area.
 */
body.deus-home-cms main#top > section::after {
    inset: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    box-shadow: none !important;
    clip-path: inset(0) !important;
    background: var(--deus-section-bg, var(--deus-bg)) !important;
}

body.deus-home-cms main#top > section:nth-of-type(1)::before {
    right: 0 !important;
    max-width: min(78vw, 980px) !important;
}

body.deus-home-cms img,
body.deus-home-cms video,
body.deus-home-cms canvas,
body.deus-home-cms svg,
body.deus-home-cms iframe {
    max-width: 100%;
}

@supports (overflow: clip) {
    html,
    body.deus-home-cms,
    body.deus-home-cms main#top {
        overflow-x: clip !important;
    }
}

@media (max-width: 820px) {
    body.deus-home-cms main#top > section::after {
        width: 100dvw !important;
    }
}

/* deus-homepage-body-scroll-fix:start */
html {
    overflow-x: clip !important;
    overflow-y: auto !important;
}

body.deus-home-cms {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100% !important;
}
/* deus-homepage-body-scroll-fix:end */

/* deus-home-material-icons-light:start */
body.deus-home-cms .material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 200,
        'GRAD' 0,
        'opsz' 24 !important;
    font-weight: 200 !important;
}
/* deus-home-material-icons-light:end */