.counter-container {
  max-width: 74%;
  margin: 1rem auto;
  background-color: #36bd73;
  border-radius: 0.3rem;
  color: white;
}
.counter-container .counter-content {
  padding: 1rem;
}
.counter-container .counter-content .title {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.counter-container .counter-content .discount-amount {
  text-align: center;
  font-size: 2.5rem;
  padding: 1rem 0;
  font-weight: 800;
}
.counter-container .counter-content .counter-self {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.counter-container .counter-content .counter-self span {
  color: rgb(212, 62, 62);
}
.counter-container .red-color {
  color: rgb(212, 62, 62);
}
.counter-container .counter-inf {
  padding: 0.5rem 0;
  text-align: center;
}
.counter-container .to-next-session {
  text-align: center;
  color: rgb(212, 62, 62);
  font-weight: 700;
}
@media (max-width: 900px) {
  .counter-container {
    max-width: 90%;
  }
}

.home-page-counter {
  padding: 0.5rem !important;
  border: 2px solid #36bd73;
  border-radius: 0.3rem;
  background-color: white;
  color: black;
}
.home-page-counter .title, .home-page-counter .counter-self {
  font-size: 1.3rem !important;
}
.home-page-counter .title span, .home-page-counter .counter-self span {
  color: #36bd73 !important;
}
.home-page-counter .red-color {
  color: #36bd73 !important;
}
.home-page-counter .to-next-session {
  color: gray;
}