.elementor-55 .elementor-element.elementor-element-7c2e667{--display:flex;}.elementor-55 .elementor-element.elementor-element-84740bf{--display:flex;}.elementor-55 .elementor-element.elementor-element-69352db{--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-55 .elementor-element.elementor-element-e41a928{--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-55 .elementor-element.elementor-element-a9fdfb5{--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-55 .elementor-element.elementor-element-45ed300{--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-ddadbf3 */.hero-wrapper {
  font-family: 'Poppins', sans-serif;
  color: #000;
  max-width: 1150px;
  margin: auto;
  border-radius: 24px;
  background: #fff;   /* Always white */
  box-shadow: 0 25px 60px rgba(0, 0, 0, .1);
  display: flex;
  gap: 40px;
  padding: 50px 40px;
  position: relative; /* ✅ helps background layering */
  z-index: 0;
}

.hero-content {
  flex: 1 1 420px;
  min-width: 280px;
  background: #ffffff !important;  /* ✅ Force white, override gray */
  border-radius: 24px;
  padding: 0;
  position: relative; /* ✅ Isolate from wrapper shadow bleed */
  z-index: 1;         /* ✅ Ensure content sits above any overlay */
}/* End custom CSS */