.elementor-19 .elementor-element.elementor-element-e9c20b0{--display:flex;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-fe8ca3b{--display:flex;}.elementor-19 .elementor-element.elementor-element-c9d4299{--display:flex;}.elementor-19 .elementor-element.elementor-element-4d0e591{--display:flex;}.elementor-19 .elementor-element.elementor-element-d46e08e{--display:flex;}.elementor-19 .elementor-element.elementor-element-7348861{--display:flex;}.elementor-19 .elementor-element.elementor-element-2fd4969{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-790d7dd *//* ================================================
   BEST Hero — Full Width Fix
   Paste this into:
   Elementor Section > Advanced > Custom CSS
   OR
   Appearance > Customize > Additional CSS
   ================================================ */

/* Make the Elementor section itself full width */
.elementor-section:has(.bh3),
.e-con:has(.bh3) {
  width: 100vw !important;
  max-width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  position: relative !important;
}

/* Remove padding from the column and widget wrapper */
.elementor-section:has(.bh3) .elementor-column,
.elementor-section:has(.bh3) .elementor-column-wrap,
.elementor-section:has(.bh3) .elementor-widget-wrap,
.elementor-section:has(.bh3) .elementor-widget-container,
.e-con:has(.bh3) .elementor-widget-container {
  padding: 0 !impoartant;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Make the section full screen height */
.elementor-section:has(.bh3),
.e-con:has(.bh3) {
  min-height: 100vh !important;
}/* End custom CSS */