.elementor-539 .elementor-element.elementor-element-27e8c91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-539 .elementor-element.elementor-element-1f45e01{--spacer-size:50px;}.elementor-539 .elementor-element.elementor-element-75c6528{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-539 .elementor-element.elementor-element-4ae6c25{width:100%;max-width:100%;}body.elementor-page-539:not(.elementor-motion-effects-element-type-background), body.elementor-page-539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-539 .elementor-element.elementor-element-4ae6c25{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-4ae6c25 *//* =========================================
GLOBAL FULL WIDTH & RESET
SRP WATERLINKS
========================================= */

html,
body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #0F1720; /* Matching your brand dark background */
}

/* =========================================
STRATEGIC FULL-WIDTH BREAKOUT
Forces sections to span edge-to-edge
========================================= */

.section {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    
    /* The breakout logic */
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;

    /* Reduced vertical spacing between sections */
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    overflow: hidden !important;
}

/* =========================================
INNER CONTENT CONTAINER
========================================= */

.section .container {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* =========================================
TYPOGRAPHY & COLOR SCHEME
========================================= */

/* 1. Hero H1 - Remains White */
.hero h1 {
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(28px, 5vw, 62px);
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

/* 2. All other Titles - Forced Black */
h2, 
.section h2 {
    color: #000000 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    margin-bottom: 1.2rem;
}

h3, 
.section h3 {
    color: #000000 !important;
    font-size: 22px;
    margin-bottom: 0.9rem;
}

/* 3. Paragraph Text - Forced Black */
p, 
.section p {
    color: #000000 !important;
    font-size: 17px;
    line-height: 1.75;
}

/* Exception: Keep Hero paragraph white for legibility on dark images */
.hero p {
    color: #ffffff !important;
}

.highlight {
    color: #9ce26b;
    font-family: 'Fraunces', serif;
    font-style: italic;
}

/* =========================================
COMPONENT FIXES
========================================= */

.process-wrap,
.services-grid,
.why-grid {
    width: 100% !important;
    margin-top: 2rem;
}

.elementor-widget-html,
.elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* =========================================
MOBILE RESPONSIVE
========================================= */

@media(max-width: 768px) {
    .section {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .section .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .btn-row {
        justify-content: center !important;
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }
}/* End custom CSS */