.elementor-9290 .elementor-element.elementor-element-3fae250{--display:flex;}.elementor-9290 .elementor-element.elementor-element-3fae250.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9290 .elementor-element.elementor-element-c02b8e5{--display:flex;}.elementor-9290 .elementor-element.elementor-element-98f4290{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9290 .elementor-element.elementor-element-3fae250{--width:98.802%;}}/* Start custom CSS *//* 1. Reset the foundation */
html, body {
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* Prevents the 'Double Scrollbar' jam */
}

/* 2. Fix the Elementor Wrapper */
.elementor-section-wrap {
    height: 100vh !important;
    width: 100vw;
    overflow-y: auto !important; /* Changed to auto to ensure it's scrollable */
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    position: relative;
    z-index: 99; /* Pulls the scroller to the front */
}

/* 3. Ensure the inner sections don't overflow their bounds */
.elementor-section {
    height: 100vh !important;
}

/* 4. Smooth touch for mobile */
.elementor-section-wrap {
    -webkit-overflow-scrolling: touch;
}/* End custom CSS */