/* Shared style for every Claue Elementor Promotion banner. */
.elementor-widget-promotion .jas-promotion::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, .48) 0%, rgba(0, 0, 0, .20) 45%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
.elementor-widget-promotion .jas-promotion > .pa {
  z-index: 2;
}

/* Mobile homepage hero: match the Promotion banner shade behind the caption. */
@media (max-width: 767px) {
  .home .elementor-element-0ecd09e > .elementor-background-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, .48) 0%, rgba(0, 0, 0, .20) 27%, rgba(0, 0, 0, 0) 60%);
    opacity: 1 !important;
    pointer-events: none;
  }
}

/* Reusable hero title; independent of Elementor's generated widget IDs. */
.manov-hero-title {
  margin: 20px 0;
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .manov-hero-title {
    font-size: 48px;
  }
}