/* Make all text inside .hero-feature white with a dark overlay background */

.hero-feature {
  position: relative;
  color: #ffffff !important;
}

.hero-feature *,
.hero-feature h1,
.hero-feature h2,
.hero-feature h3,
.hero-feature p,
.hero-feature a,
.hero-feature span {
  color: #ffffff !important;
}

/* Optional: add a semi-transparent dark overlay for readability */
.hero-feature::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* adjust opacity here */
  z-index: 0;
}

.hero-feature * {
  position: relative;
  z-index: 1;
}