.home-banner .wrapper {
  padding: 0 !important;
}

.hero-banner-april-sale {
  font-family: FranklinGothic-HvyIt, sans-serif;
  font-size: clamp(1px, 1.3vw, 10px);
  font-weight: 700;
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
}

@media (min-width: 1025px) {
  .hero-banner-april-sale {
    font-size: clamp(10px, 1vw, 16px);
  }
}

@media (min-width: 1025px) {
  .hero-banner-april-sale {
    font-size: 14px;
  }
}

.hero-banner-april-sale__wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.rich-hero-banner-april-sale__column--right {
  position: absolute;
  width: 100%;
  left: 0;
  top: 12em;
}

@media (min-width: 600px) {
  .rich-hero-banner-april-sale__column--right {
    top: 5em;
  }
}

@media (min-width: 768px) {
  .rich-hero-banner-april-sale__column--right {
    top: 2em;
  }
}

@media (min-width: 1025px) {
  .rich-hero-banner-april-sale__column--right {
    top: 2em;
  }
}

@media (min-width: 1400px) {
  .rich-hero-banner-april-sale__column--right {
    top: 5em;
  }
}



.rich-hero-banner-april-sale__subtitle {
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #000;
}

.rich-hero-banner-april-sale__subtitle--number {
  min-width: 1.1em;
  display: inline-block;
}

.rich-hero-banner-april-sale__subtitle--text {
  display: inline-block;
}

.rich-hero-banner-april-sale__subtitle--timer {
  color: #fff100;
}