.banner-11-link {
  font-family: FranklinGothic-HvyIt, sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 36px 0 24px;
  margin: 0 auto;
  display: flex;
}
@media (min-width: 413px) {
  .banner-11-link {
    font-size: 9px;
  }
}
@media (max-width: 600px) {
  .banner-11-link {
    font-size: 8px;
  }
  @supports (font-size: calc(calc(clamp(7px, 2.2vw, 13px)))) {
    .banner-11-link {
      font-size: clamp(7px, 2.6vw, 13px);
    }
  }
}
@media (min-width: 601px) {
  .banner-11-link {
    font-size: 10px;
    padding: 24px 0;
  }
}
@media (min-width: 1025px) {
  .banner-11-link {
    font-size: 14px;
  }
}
@media (min-width: 601px) {
  @supports (font-size: calc(clamp(9px, 3.5vw, 14px))) {
    .banner-11-link {
      font-size: clamp(8px, 1.1vw, 14px);
    }
  }
}
.banner-11-wrapper {
  width: 100%;
  height: auto;
  padding: 1em 0;
}
.rich-hero-banner-11 {
  margin: 0 auto;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .rich-hero-banner-11 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.rich-hero-banner-11__column--left {
  padding: 0 1em;
  margin-bottom: 1em;
}
@media (min-width: 601px) {
  .rich-hero-banner-11__column--left {
    padding: 0;
    display: inline-block;
    margin-right: 1em;
  }
}
.rich-hero-banner-11__column--right {
  padding: 0 1em;
}
@media (min-width: 601px) {
  .rich-hero-banner-11__column--right {
    display: inline-block;
  }
}
.rich-hero-banner-11__title {
  font-weight: 700;
  letter-spacing: -2px;
  padding: 1em;
  float: left;
  border: 0.35em solid #fff;
  animation: flicker-blue-border 4s infinite;
}
@media (min-width: 601px) {
  .rich-hero-banner-11__title {
    padding: 2em 2em 1em;
    max-width: none;
  }
}
.rich-hero-banner-11__content-left {
  position: relative;
  margin-bottom: 1em;
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__content-left {
    display: inline-block;
    margin-right: 2.5em;
  }
}
.rich-hero-banner-11__content-left:after {
  content: "";
  position: absolute;
  height: 0.25em;
  width: 100%;
  background-color: #fff;
  bottom: -0.5em;
  right: 0;
  animation: d 4s infinite;
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__content-left:after {
    height: 76%;
    width: 0.25em;
    top: 24px;
    right: -2em;
  }
}
.rich-hero-banner-11__content-left--top {
  font-size: 3em;
  line-height: 0.9em;
  height: 1em;
  animation: flicker-pink 4s infinite;
  color: #fff;
}
@supports not ((-webkit-animation: cubic-bezier(1, 0, 0, 1)) or (animation: cubic-bezier(1, 0, 0, 1))) {
  .rich-hero-banner-11__content-left--top {
    color: #d777e8;
  }
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__content-left--top {
    font-size: 3.75em;
  }
}
.rich-hero-banner-11__content-left--bottom {
  font-size: 8em;
  line-height: 0.9em;
  height: 1em;
  animation: flicker-pink 4s infinite;
  color: #fff;
}
@supports not ((-webkit-animation: cubic-bezier(1, 0, 0, 1)) or (animation: cubic-bezier(1, 0, 0, 1))) {
  .rich-hero-banner-11__content-left--bottom {
    color: #d777e8;
  }
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__content-left--bottom {
    font-size: 14.8em;
    height: auto;
    padding: 0;
  }
}
.rich-hero-banner-11__content-right {
  font-size: 3.9em;
  line-height: 0.9em;
  animation: flicker-blue 4s infinite;
  color: #fff;
  letter-spacing: -1px;
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__content-right {
    display: inline-block;
    height: 1em;
    font-size: 4em;
  }
}
@supports not ((-webkit-animation: cubic-bezier(1, 0, 0, 1)) or (animation: cubic-bezier(1, 0, 0, 1))) {
  .rich-hero-banner-11__content-right {
    color: #86ddeb;
  }
}
.rich-hero-banner-11__content-right--top {
  animation: flicker-pink 4s infinite;
  color: #fff;
}
@supports not ((-webkit-animation: cubic-bezier(1, 0, 0, 1)) or (animation: cubic-bezier(1, 0, 0, 1))) {
  .rich-hero-banner-11__content-right--top {
    color: #d777e8;
  }
}
.rich-hero-banner-11__sub-title {
  font-size: 1.9em;
  font-weight: 500;
  margin: 0 auto;
}
@media screen and (min-width: 601px) {
  .rich-hero-banner-11__sub-title {
    transform: translateY(-0.2em);
    font-size: 2.25em;
  }
}
.rich-hero-banner-11__sub-title--top {
  text-align: left;
  height: 1em;
  line-height: 0.9em;
  animation: flicker-blue 4s infinite;
  color: #fff;
  position: relative;
}
.rich-hero-banner-11__sub-title--top:after {
  content: "";
  position: absolute;
  height: 0.1em;
  background-color: #fff;
  width: 64%;
  top: 0.45em;
  right: -0.2em;
  animation: flicker-blue-border 4s infinite;
}
.rich-hero-banner-11__sub-title--price {
  font-size: 4.5em;
  height: 1em;
  line-height: 0.9;
  color: hsla(0, 0%, 100%, 0.8470588235);
}
@supports ((-webkit-animation: flicker-yellow 4s infinite) or (animation: flicker-yellow 4s infinite)) {
  .rich-hero-banner-11__sub-title--price {
    animation: flicker-yellow 4s infinite;
  }
}
.rich-hero-banner-11__sub-title--bottom {
  height: 1em;
  line-height: 0.9em;
  text-align: right;
  color: #fff;
  position: relative;
  animation: flicker-pink 4s infinite;
}
.rich-hero-banner-11__sub-title--bottom:before {
  content: "";
  position: absolute;
  height: 0.1em;
  background-color: #fff;
  width: 25%;
  top: 0.5em;
  left: -0.1em;
  animation: flicker-blue-border 4s infinite;
}
@keyframes flicker-pink {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  to {
    text-shadow: 0 0 0.2rem #d777e8, 0 0 0.5rem #d777e8, 0 0 0.75rem #d777e8, 0 0 1rem #d777e8, 0 0 2rem #d777e8;
  }
  55% {
    text-shadow: none;
  }
}
@keyframes flicker-yellow {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  to {
    text-shadow: 0 0 0.05rem #faf463, 0 0 0.1rem #faf463, 0 0 0.2rem #faf463, 0 0 0.5rem #faf463, 0 0 0.75rem #faf463;
  }
  55% {
    text-shadow: none;
  }
}
@keyframes flicker-blue {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  to {
    text-shadow: 0 0 0.1rem #86ddeb, 0 0 0.25rem #86ddeb, 0 0 0.5rem #86ddeb, 0 0 75rem #86ddeb;
  }
  55% {
    text-shadow: none;
    box-shadow: none;
  }
}
@keyframes flicker-blue-border {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  to {
    box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 1rem #86ddeb, 0 0 0.8rem #86ddeb, inset 0 0 1.3rem #86ddeb;
  }
  55% {
    box-shadow: none;
  }
}

.rich-hero-banner-11__sub-title--price span {
  font-size: 50%;
}

@media screen and (min-width: 601px) {
  .rich-hero-banner-11__sub-title--price {
    font-size: 6em;
  }
}

.rich-hero-banner-11__cav {
  font-size: 10px;
  text-transform: none;
}