.countdown-timer__content-box-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.countdown-timer__image {
  position: relative;
  width: 80%;
  overflow: hidden;
  padding: 30px;
}

.countdown-timer__image .responsive-image-wrapper {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.countdown-timer__image .responsive-image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}


  .countdown-timer__image .responsive-image-wrapper img {
    border-radius: 6px;
  }


.countdown-timer__content-box {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .countdown-timer__content-box .countdown-timer__container {
    justify-content: center;
  }
}

.countdown-timer__content-box-inner {
  padding: 0 30px 30px 30px;
}

@media screen and (max-width: 767px) {
  .countdown-timer__content-box-inner {
    text-align: center;
  }
}

.countdown-timer__content-box-inner > * {
  margin-bottom: 0;
}

.countdown-timer__content-box-inner > :not(:first-child) {
  margin-top: 20px;
}

.countdown-timer__content-box-inner [data-timer-complete-content]:first-child.hide + * {
  margin-top: 0;
}

.countdown-timer__subheading,
.countdown-timer__timer-complete-message {
  font-size: var(--body-font-size-12-to-em);
}

.countdown-timer__subheading:not(.hide) + *,
.countdown-timer__timer-complete-message:not(.hide) + * {
  margin-top: 8px;
}

.homepage-sections-wrapper--light .countdown-timer__content-box {
  color: var(--color-scheme-light-text);
  background: var(--color-scheme-light-background);
}

.homepage-sections-wrapper--accent .countdown-timer__content-box {
  color: var(--color-scheme-feature-text);
  background: var(--color-scheme-feature-background);
}

.homepage-sections-wrapper--dark .countdown-timer__content-box {
  color: var(--color-scheme-dark-text);
  background: var(--color-scheme-dark-background);
}

.homepage-sections-wrapper--light .countdown-timer__button {
  color: var(--primary-btn-text-color);
}

@media screen and (min-width: 768px) {
  .countdown-timer__content-box-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 60px;
  }

  .countdown-timer__image,
  .countdown-timer__content-box {
    width: 50%;
  }

  .countdown-timer--text-left .countdown-timer__content-box {
    order: 1;
  }

  .countdown-timer--text-left .countdown-timer__image {
    order: 2;
  }

  .countdown-timer--text-right .countdown-timer__image {
    order: 1;
  }

  .countdown-timer--text-right .countdown-timer__content-box {
    order: 2;
  }
}