.bannercontdown4__pd {
  display: flex;
  align-items: center;
  top: 60%;
}
@media (min-width: 992px) {
  .bannercontdown4__pd {
    top: unset;
  }
}

.banner__countdown4--button {
  text-align: center;
}

.banner__countdown4--bg {
  text-align: center;
  padding: 4.5rem 2rem 5.5rem;
  text-align: center;
  width: 100%;
  border: 2px solid;
  border-radius: 8px;
}
@media (min-width: 0px) {
  .banner__countdown4--bg {
    padding: 7.5rem 2rem 5.5rem;
  }
}

.banner__countdown4--title {
  margin: 0 0 3rem;
  font-size: clamp(1.8rem, calc(0.75vw + 1.5rem), 2.4rem);
  color: rgba(var(--color-foreground));
  letter-spacing: calc(var(--font-heading-scale) * 0.16rem);
  position: relative;
  padding-bottom: 1.6rem;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
}

.banner__countdown4--title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 3rem);
  width: 6rem;
  height: 0.2rem;
  background: rgba(var(--color-foreground));
}

.banner__countdown4--subtitle {
  font-size: clamp(2.5rem, calc(3.125vw + 1.25rem), 5rem);
  margin: 0;
  font-weight: 500;
  line-height: calc(1 + 0.2 / var(--font-heading-scale));
  text-align: center;
  font-family: var(--font-custom-family);
  color: rgba(var(--color-foreground));
  margin-bottom: 1rem;
}

.banner__countdown4--price {
  color: rgba(var(--color-foreground));
  font-size: clamp(2.5rem, calc(0.625vw + 2.25rem), 3rem);
  font-weight: 400;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  padding-right: 0.5rem;
}

.banner__countdown4--pro {
  max-width: 80rem;
  padding: 0 2rem;
  text-align: center;
  margin-top: 0rem;
  top: -43rem;
}
@media (min-width: 992px) {
  .banner__countdown4--pro {
    margin-top: -20rem;
    min-height: 50rem;
  }
}

.banner__countdown4--img .xo-image img {
  padding: 1rem;
  height: 100%;
  width: 75%;
}
@media (min-width: 992px) {
  .banner__countdown4--img .xo-image img {
    padding: 1rem;
    height: 100%;
    width: 100%;
  }
}

.xo-container-width {
  padding: 0 1.5rem;
}
@media (min-width: 1400px) {
  .xo-container-width {
    max-width: unset;
    padding: 0 14rem !important;
  }
}

.bannercontdown4 {
  height: 83.5rem;
}
@media (min-width: 576px) {
  .bannercontdown4 {
    height: unset;
  }
}