.countDownTimer_container {
  aspect-ratio: 679 / 150;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  text-align: center;
  /*to fix for counter*/ }
  @media screen and (max-width: 479px) {
    .countDownTimer_container {
      aspect-ratio: 339 / 158; } }
  @media screen and (min-width: 480px) and (max-width: 969px) {
    .countDownTimer_container {
      aspect-ratio: 439 / 205; } }
  @media screen and (min-width: 970px) {
    .countDownTimer_container {
      aspect-ratio: 679 / 150; } }
  @media screen and (max-width: 1023px) {
    .countDownTimer_container {
      margin-bottom: 39px; } }
  .countDownTimer_container.countDownBG_image figure {
    position: relative;
    display: block;
    height: 100%;
    width: 100%; }
    .countDownTimer_container.countDownBG_image figure img {
      width: 100%;
      object-fit: cover;
      height: 100%;
      margin-bottom: 0; }
  .countDownTimer_container.countDownBG_color {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px; }
  .countDownTimer_container .timer_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 44px 43px 45px; }
    @media (min-width: 768px) {
      .countDownTimer_container .timer_container {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: unset; } }
    @media screen and (min-width: 767.5px) and (max-width: 991.5px) {
      .countDownTimer_container .timer_container {
        padding: 19px 12px 18px; } }
    @media (min-width: 992px) {
      .countDownTimer_container .timer_container {
        padding: 19px 42px 18px; } }
    .countDownTimer_container .timer_container .time {
      display: flex;
      flex-direction: column;
      column-gap: 10px;
      justify-content: center;
      align-items: center;
      padding-top: 5px; }
      .countDownTimer_container .timer_container .time .days,
      .countDownTimer_container .timer_container .time .hour,
      .countDownTimer_container .timer_container .time .minute,
      .countDownTimer_container .timer_container .time .second {
        display: flex;
        align-items: center;
        line-height: 1;
        aspect-ratio: 1;
        width: 1.9em;
        padding: 0;
        font-size: 25px;
        border-radius: 14px;
        text-align: center;
        justify-content: center;
        width: 55px;
        min-width: 55px; }
        @media screen and (min-width: 480px) and (max-width: 629px) {
          .countDownTimer_container .timer_container .time .days,
          .countDownTimer_container .timer_container .time .hour,
          .countDownTimer_container .timer_container .time .minute,
          .countDownTimer_container .timer_container .time .second {
            width: unset;
            min-width: 40px;
            font-size: 20px; } }
        @media screen and (min-width: 630px) and (max-width: 770px) {
          .countDownTimer_container .timer_container .time .days,
          .countDownTimer_container .timer_container .time .hour,
          .countDownTimer_container .timer_container .time .minute,
          .countDownTimer_container .timer_container .time .second {
            width: 1.5em; } }
        @media (min-width: 770px) {
          .countDownTimer_container .timer_container .time .days,
          .countDownTimer_container .timer_container .time .hour,
          .countDownTimer_container .timer_container .time .minute,
          .countDownTimer_container .timer_container .time .second {
            font-size: 35px;
            border-radius: 16px; } }
        @media (min-width: 992px) {
          .countDownTimer_container .timer_container .time .days,
          .countDownTimer_container .timer_container .time .hour,
          .countDownTimer_container .timer_container .time .minute,
          .countDownTimer_container .timer_container .time .second {
            font-size: 40px;
            border-radius: 16px; } }
        @media (min-width: 1200px) {
          .countDownTimer_container .timer_container .time .days,
          .countDownTimer_container .timer_container .time .hour,
          .countDownTimer_container .timer_container .time .minute,
          .countDownTimer_container .timer_container .time .second {
            font-size: 50px;
            width: 86px;
            height: 86px;
            border-radius: 28px;
            line-height: 175%; } }
      .countDownTimer_container .timer_container .time .text {
        font-size: 10px;
        text-wrap: nowrap; }
        @media (min-width: 768px) {
          .countDownTimer_container .timer_container .time .text {
            font-size: 18px; } }
  .countDownTimer_container .separator {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 8px;
    margin: -8px 4px 0px;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) {
      .countDownTimer_container .separator {
        margin: -18px 4px 0px;
        gap: 10px; } }
    .countDownTimer_container .separator .box {
      width: 5px;
      height: 5px; }
      @media (min-width: 768px) {
        .countDownTimer_container .separator .box {
          width: 7px;
          height: 7px; } }

/*# sourceMappingURL=countDownTimer.css.map */