.banner-v11 {
  position: relative;
}

.banner-v11__wrap {
  position: absolute;
  left: 10rem;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .banner-v11__wrap {
    width: 100%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
  }
}

.banner-v11__title {
  max-width: clamp(40rem, calc(25vw + 10rem), 60rem);
  font-family: "Bebas Neue", sans-serif;
  color: rgba(var(--color-foreground));
  font-size: clamp(4rem, calc(3.75vw - 0.5rem), 7rem);
  text-transform: capitalize;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  font-weight: 600;
}
@media (min-width: 576px) {
  .banner-v11__title::after {
    content: "";
    position: absolute;
    width: clamp(8rem, calc(10vw + 4rem), 16rem);
    height: clamp(8rem, calc(10vw + 4rem), 16rem);
    right: 126px;
    top: -29px;
    background-color: rgba(var(--color-accent), 0.7);
    border-radius: 29% 71% 62% 38%/73% 79% 21% 27%;
    z-index: -1;
  }
}
@media (max-width: 991px) {
  .banner-v11__title {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .banner-v11__title {
    width: 100%;
    max-width: 100%;
  }
}

.banner-v11__button {
  display: inline-block;
  position: relative;
  margin-top: 9rem;
}
@media (min-width: 576px) {
  .banner-v11__button:after {
    content: "";
    position: absolute;
    width: clamp(6.5rem, calc(8.125vw + 3.25rem), 13rem);
    height: clamp(6.5rem, calc(8.125vw + 3.25rem), 13rem);
    left: 0;
    top: -29px;
    background-color: rgba(var(--color-accent));
    border-radius: 50% 50% 60% 40%/89% 29% 71% 11%;
    z-index: -1;
  }
}

.banner-v11__img img {
  min-height: 40rem;
  width: 100%;
  max-height: 90dvh;
}