/* timer count down start*/
.vizion-count-down .displaySection {
  padding: 0 32px;
  display: inline-grid;
  text-align: center;
  position: relative;
  border-radius: var(--border-radius-box);
}

.vizion-count-down .numberDisplay,
.vizion-count-down .periodDisplay {
  display: block;
  color: var(--global-font-title);
  font-size: var(--font-size-h6);
  font-family: var(--highlight-font-family);
  letter-spacing: var(--font-letter-spacing-h6);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
}

/* timer count down end*/

@media (max-width: 1024px) {
  .vizion-count-down .periodDisplay {
    font-size: var(--font-size-h6);
  }

  .vizion-count-down .displaySection {
    padding: 0 32px;
  }
}

@media (min-width: 768px) {
  .vizion_timer_separator span.displaySection:before {
    content: ':';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--font-letter-spacing-h6);
    color: var(--global-font-title);
  }

  .vizion_timer_separator span.displaySection:last-child:before {
    content: none;
  }
}

@media (max-width: 767px) {
  .vizion-count-down .displaySection {
    display: block;
    padding: 0;
    margin-bottom: 16px;
  }

  .vizion-data-countdown-timer {
    padding: 32px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
  }

  .vizion-count-down .displaySection:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 696px) {
  .vizion-count-down .periodDisplay {
    position: relative;
    top: 0;
  }
}

@media (max-width: 580px) {
  .vizion-count-down .displaySection {
    display: block;
  }
}