.counterNumbers {
  margin-top: 127px;
  padding: 50px 0px;
  background: #f1f1f1;
}

.counters {
  display: flex;
  /* background: rgb(255, 48, 48); */
  padding: 20px;
  /* border-radius: 10px; */
  /* box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); */
  padding-top: 20px;
  border-right: 1px solid #ddd;
  flex-direction: column;
  align-items: center;
}

.counters.last {
  border-right: 0;
}

.counter {
  font-weight: 600;
  letter-spacing: 0.125rem;
  line-height: 1;
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 3.125rem;
  font-size: 3.125rem;
  margin: 0 1.25rem;
}
.counter > span {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 2s ease;
  transform: translateY(0);
  line-height: 1;
}
.counter > span span {
  flex: 0 0 100%;
  height: 100%;
}
.counter:nth-child(1) > span {
  transition-delay: 0s;
}
.counter:nth-child(2) > span {
  transition-delay: 0.375s;
}
.counter:nth-child(3) > span {
  transition-delay: 0.75s;
}
.counter:nth-child(4) > span {
  transition-delay: 1.125s;
}
.counter:nth-child(5) > span {
  transition-delay: 1.5s;
}
.counter:nth-child(6) > span {
  transition-delay: 1.875s;
}
.counter:nth-child(7) > span {
  transition-delay: 2.25s;
}
.counter:nth-child(8) > span {
  transition-delay: 2.625s;
}
.counter:nth-child(9) > span {
  transition-delay: 3s;
}
.counter:nth-child(10) > span {
  transition-delay: 3.375s;
}
.counter:nth-child(11) > span {
  transition-delay: 3.75s;
}
.counter:nth-child(12) > span {
  transition-delay: 4.125s;
}
.counter:nth-child(13) > span {
  transition-delay: 4.5s;
}
.counter:nth-child(14) > span {
  transition-delay: 4.875s;
}
.counter:nth-child(15) > span {
  transition-delay: 5.25s;
}
.counter:nth-child(16) > span {
  transition-delay: 5.625s;
}
.counter:nth-child(17) > span {
  transition-delay: 6s;
}
.counter:nth-child(18) > span {
  transition-delay: 6.375s;
}
.counter:nth-child(19) > span {
  transition-delay: 6.75s;
}
.counter:nth-child(20) > span {
  transition-delay: 7.125s;
}

.counter {
  color: #d02030;
}

.counter:nth-child(2) {
  color: #0EB1D2;
}

.counter:nth-child(3) {
  color: #2D3142;
}

.counter:nth-child(4) {
  color: #698F3F;
}


/*============================== HOME GALLERY RESPONSIVE ==============================*/

@media(max-width:1199px) {

  .counters {
    justify-content: center;
    text-align: center;
    font-size: 15px;
  }

}

@media(max-width:991px) {
  .counter {
    font-size: 2.125rem;
    height: 2.225rem;
  }
  .counterNumbers {
    padding: 30px 0px;
    margin-top: 117px;
  }
}

@media(max-width:767px) {
  .counterNumbers .c2 {
      border-right: 0;
      margin-bottom: 15px;
    }
    .counterNumbers .c4 {
      border-right: 0;
    }
    .counterNumbers {
      margin-top: 107px;
    }
  }

@media(max-width:575px) {
  .counterNumbers {
    padding: 20px 0px;
  }
}

@media(max-width:420px) {

}


/*============================== END HOME GALLERY RESPONSIVE ==============================*/
}