.countdown-clock {
  display: flex;
  justify-content: left;
  align-items: center;

  gap: 20px;
}

.countdown-clock-wrap .label-faltam {
  top: -20px;
  color: #505F79;
  font-family: 'Margem-bold';
  font-size: 14px;
  font-weight: 700;
  line-height: 125%;
  text-transform: uppercase;
}

@media (max-width: 575.98px) {
  .countdown-clock-wrap .label-faltam {
    left: 0;
    right: 0;
  }
}

@media (min-width: 576px) and (max-width: 991.99px) {
  .countdown-clock-wrap .label-faltam {
    left: 0;
    right: 0;
    text-align: center;
  }

  .countdown-clock {
    justify-content: center;
  }

}

.countdown-clock .countdown-element {
  font-family: "Margem-light";
  display: flex;
  flex-direction: column;
  justify-content: end;
  background: unset !important;
}

.countdown-clock span.dois-pontos {
  display: flex;
  align-items: center;

  font-size: 31px;
  height: 100%;
  font-weight: 400;
  color: #091E42;
  line-height: 100%;
  font-family: "Margem-light";
}
.countdown-clock .countdown-element span {
  font-size: 48px;
  height: 100%;
  font-weight: 400;
  color: #091E42;
  line-height: 100%;
  font-family: "Margem-light";
}

.countdown-clock span.dois-pontos {
  margin-top: -5px;
}

.countdown-clock .countdown-element span span {
  color: #494B4C;
}

.countdown-clock .countdown-element small {
  font-family: "Margem-regular";
  font-size: 12px;
  text-transform: uppercase;
  color: #5E6C84;
  font-weight: 700;
  text-align: center;
  /* padding-left: 15px; */
}

.countdown-clock .countdown-element.segundo span {
  font-family: "Margem-regular";
  font-size: 24px;
  color: #5E6C84;
}

.countdown-clock .countdown-element.segundo small {
  /* padding-left: 10px; */
  color: #5E6C84;
}

.countdown-clock .countdown-element.segundo {
  display: flex;
}

.lb-faltam {
  font-family: "MuseoSansBold", sans-serif;
}

@media (max-width: 342.98px) {

  /* .countdown-clock .countdown-element small {
    padding-left: 7px;
  }

  .countdown-clock .countdown-element.segundo small {
    padding-left: 5px;
  } */

  .countdown-clock .countdown-element.segundo span {
    font-size: 1.8rem;
    margin-bottom: 3px;
  }
}

@media (max-width: 447.98px) {
  .countdown-clock span.dois-pontos {
    line-height: 70px;
    font-size: 50px;
  }

  .countdown-clock-wrap {
    margin-top: 2rem !important;
  }

  .countdown-clock-wrap .label-faltam {
    top: -20px;
  }
}


/* personalizacao black friday */

.black-friday-oab .hero .countdown-clock .countdown-element span,
.black-friday-oab .hero .countdown-clock .countdown-element small,
.black-friday-oab .hero .countdown-clock-wrap .label-faltam,
.black-friday-oab .hero .countdown-clock span.dois-pontos {
  color: #FFFFFF;
}


.black-friday-oab .hero .countdown-clock .countdown-element.segundo span,
.black-friday-oab .hero .countdown-clock .countdown-element.segundo small {
  color: #DD303E;
}