.banner76 {
  position: relative;
  height: 100%;
}

.banner76__img .xo-image {
  height: 100%;
  object-fit: contain;
}
.banner76__img img {
  height: 100%;
  min-height: 390px;
}

.banner76__content {
  position: absolute;
  z-index: 1;
  max-width: 100%;
}
[dir=ltr] .banner76__content {
  left: 10%;
  right: 10%;
  bottom: 3rem;
}
[dir=rtl] .banner76__content {
  right: 10%;
  left: 10%;
  bottom: 3rem;
}
@media (max-width: 767px) {
  [dir=ltr] .banner76__content {
    left: 5%;
    right: 5%;
    bottom: 2rem;
  }
  [dir=rtl] .banner76__content {
    right: 5%;
    left: 5%;
    bottom: 2rem;
  }
}

.banner76__title,
.banner76__subtitle,
.banner76__content-text {
  color: color-mix(in srgb, rgb(var(--color-background)) calc(1 * 100%), #ffffff);
}

.banner76__title {
  font-family: var(--font-custom-family);
  font-size: clamp(2rem, calc(1.25vw + 1.5rem), 3rem);
  font-weight: 500;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
}

.banner76__subtitle {
  font-size: clamp(1.6rem, calc(0.5vw + 1.4rem), 2rem);
  font-weight: 400;
  line-height: calc(1 + 0.5 / var(--font-heading-scale));
}

.banner76__content-text {
  font-size: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
  font-weight: 500;
  line-height: calc(1 + 0.5 / var(--font-heading-scale));
}