.elementor-361 .elementor-element.elementor-element-e93d8aa{--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-361 .elementor-element.elementor-element-2712ce7{--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-361 .elementor-element.elementor-element-c700e1b{--display:flex;}.elementor-361 .elementor-element.elementor-element-274f4ff{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0582cfd *//* ============ FORCE FULL WIDTH BREAKOUT ============ */

/* Make the section span the full viewport width, even inside Elementor's container */
.hero{
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  left: 0 !important;
  right: 0 !important;
  padding: clamp(60px, 8vw, 90px) clamp(20px, 5vw, 60px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Kill any parent container restrictions */
.elementor-widget-html:has(.hero),
.elementor-widget-container:has(.hero){
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Inner content stays centered with a max width */
.hero-inner{
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.hero .stats{
  max-width: 1200px !important;
  margin: clamp(50px, 6vw, 70px) auto 0 !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c700e1b *//* ============ FORCE WHY SECTION FULL WIDTH ============ */

/* Break the section out of Elementor's container constraints */
.why{
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  left: 0 !important;
  right: 0 !important;
  padding: clamp(60px, 7vw, 100px) clamp(20px, 5vw, 60px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Kill parent widget restrictions */
.elementor-widget-html:has(.why),
.elementor-widget-html:has(.why) .elementor-widget-container{
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Inner content stays centered with max-width for readability */
.why-inner{
  max-width: 1240px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* Ensure the camel scene + dunes span the full viewport */
.why .scene{
  width: 100vw !important;
  left: 0 !important;
}

/* Sun positions correctly relative to the full section */
.why .sun{
  right: 12% !important;
}/* End custom CSS */