.banner77 {
  position: relative;
}

.banner77__content {
  position: absolute;
  bottom: 3rem;
  z-index: 1;
}
[dir=ltr] .banner77__content {
  left: 3rem;
}
[dir=rtl] .banner77__content {
  right: 3rem;
}

.banner77__center {
  height: 50%;
}
.banner77__center img {
  height: 100%;
}

.banner77__img--only img {
  height: 100%;
}
@media (max-width: 1199px) {
  .banner77__img--only img {
    max-height: 46rem;
  }
}

.banner77__img .xo-image {
  height: 100%;
  object-fit: contain;
}

.banner77__title {
  font-family: var(--font-custom-family);
  font-size: clamp(2rem, calc(0.5vw + 1.8rem), 2.4rem);
  font-weight: 500;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  text-transform: uppercase;
}

.banner77__title,
.banner77 .xo-btn--link .xo-btn__text[data-text]:before,
.banner77 .xo-btn--link .xo-btn__text[data-text]:after,
.banner77 .xo-btn--link .xo-btn__content {
  color: color-mix(in srgb, rgba(var(--color-background)) calc(1 * 100%), transparent);
}