{% scope_css %}
/* Replace your existing .th-hero-2::after block with this */
.th-hero-2::after,
.th-hero-2::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;                      /* shorthand for full coverage */
  background-color: rgba(0,0,0,0.12) !important; /* lighter (12%) overlay */
  z-index: 2;
  pointer-events: none;         /* lets clicks pass to content below */
}

/* ensure content sits above overlay */
.th-hero-2 > .max-width-850 {
  position: relative;
  z-index: 3;
}

/* Overlay */
.th-hero-2::after {
  content: '';
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.15); /* lighter overlay (15% black) */
  z-index: 1;
}

/* Content wrapper (text that will fade) */
.th-hero-2 > .max-width-850 {
  position: relative;
  z-index: 2;
  text-align: center;
  transition: opacity 0.25s ease-out; /* smooth fade */
  opacity: 1;
}

/* Tagline */
{% if module.styles.tagline.tag_line_color.color %}
.th-hero-2 .tagline-wrap .tagline {
  color: rgba(, );
}
.th-hero-2 .tagline-wrap .tagline-line {
  background-color: rgba(, );
}
{% endif %}

/* Heading */
{% if module.styles.heading.heading_color.color %}
.th-hero-2 .heading-text .heading-color {
  color: rgba(, );
}
{% endif %}
.th-hero-2 .heading-text .heading-color strong {
  color: ;
}

/* CTA Button */
{% if module.styles.button.button_outline %}
.th-hero-2 .button-outline {
  border-color: rgba(, );
  color: rgba(, );
}
{% else %}
.th-hero-2 .button {
  background-color: rgba(, );
  border-color: rgba(, );
  color: rgba(, {{ module.styles.butt_
 module.styles.butt_