.elementor-46 .elementor-element.elementor-element-a1ed4f1{--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-46 .elementor-element.elementor-element-a1ed4f1:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-a1ed4f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9FB;}.elementor-46 .elementor-element.elementor-element-0bab7dc{width:100%;max-width:100%;}.elementor-46 .elementor-element.elementor-element-843734f{--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-46 .elementor-element.elementor-element-843734f:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-843734f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9FB;}.elementor-46 .elementor-element.elementor-element-ef2fb2b{width:100%;max-width:100%;}/* Start custom CSS *//*
* This code fixes the theme's default layout, allowing Elementor sections
* to stretch to the full width of the screen.
*/

/* Target the main theme wrappers and remove their width restrictions */
.site-content,
.site-content .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* * This rule ensures the content inside a full-width section
* remains centered within a standard, responsive container.
*/
.elementor-container {
    max-width: 1140px; /* You can adjust this value to your preferred container width */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */