.elementor-1840 .elementor-element.elementor-element-b794ec9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1840 .elementor-element.elementor-element-401e83d{--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;--gap:50px 0px;--row-gap:50px;--column-gap:0px;}/* Start custom CSS for container, class: .elementor-element-b794ec9 *//*
 * Custom CSS for Full-Width Hero Section
 * This code targets the element with the class 'hero-section'
 * and forces it to span the full width of the browser window,
 * breaking it out of any parent containers.
*/

.hero-section {
    width: 100vw; /* Sets the width to 100% of the viewport width */
    max-width: 100vw !important; /* Overrides any max-width from Elementor or themes */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw; /* Pulls the section to the left edge */
    margin-right: -50vw; /* Pulls the section to the right edge */
}

/*
 * This optional rule prevents a horizontal scrollbar from appearing,
 * which can sometimes happen with this full-width technique.
*/
body {
    overflow-x: hidden;
}/* End custom CSS */