.elementor-41 .elementor-element.elementor-element-1ed3c34{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a8a2070 *//* ✅ Readability boost ONLY — makes hero text clean white + stronger contrast */
.sf-hero-inner { color:#ffffff !important; }

.sf-hero-title{
  color:#ffffff !important;
  text-shadow: 0 10px 34px rgba(0,0,0,0.85) !important;
}

.sf-hero-subtitle{
  color:#ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 8px 26px rgba(0,0,0,0.80) !important;
}

/* Slightly stronger overlay so white pops (video still visible) */
.sf-hero-overlay{
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.52) 0%,
    rgba(0,0,0,0.52) 45%,
    rgba(0,0,0,0.72) 100%
  ) !important;
  <style>
/* --- QUICK READABILITY FIX (EYEBROW + SUBTITLE) --- */

/* Make the top eyebrow readable everywhere */
.smf-eyebrow{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.42);              /* subtle luxe pill */
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color:#fff !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.85) !important;
}

/* Also help the paragraph under the title */
.smf-subtitle{
  color:#fff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.85) !important;
  opacity: 1 !important;
}

/* Optional: slightly deepen the overlay only behind the LEFT text area (still shows video) */
.smf-hero::before{
  background:
    radial-gradient(980px 560px at 22% 52%,
      rgba(0,0,0,.84) 0%,
      rgba(0,0,0,.40) 58%,
      rgba(0,0,0,.16) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.18) 0%, rgba(0,0,0,.54) 100%) !important;
}
</style>/* End custom CSS */