.hoiet_counter_bg {
  padding: clamp(30px, 3.125vw, 60px) 0;
  background: var(--color-primary);
  position: relative;
  z-index: 1;
}

.hoiet_counter{
  margin-top: -75px;
}
.hoiet_counter_bg .item {
  padding: 0px 4%;
}
.hoiet-box {
  display: flex;
}
.aini{
  animation-name: example;
  animation-duration: 1s;
  animation-timing-function: linear;
}

@-webkit-keyframes example {
  0%{
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  25%{
     -webkit-transform: translateY(65px);
    transform: translateY(65px);
  }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  75%{
     -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.hoiet_counter_inner {
  overflow: hidden;
}

.hoiet_counter_inner h3,
.hoiet_counter_inner span {
  font-size: clamp(24px, 2.08vw, 40px);
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hoiet_counter_inner h4 {
  color: #ffffff;
  font-size: clamp(14px, 0.83vw, 16px);
  font-weight: 700;
  padding: 5px 0px 0px 0px;
}

@media(max-width:991px){
  .hoiet-box {flex-wrap: wrap;}
  .hoiet_counter_bg .item {padding: 0px 10px;width: 50%;}
  .hoiet_counter_inner h3, .hoiet_counter_inner span {white-space: normal;}
  .hoiet_counter_bg .item:nth-child(1),
  .hoiet_counter_bg .item:nth-child(2) {margin-bottom: 20px;}
}

@media (min-width: 576px) and (max-width: 991px) {
  .hoiet_counter .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .hoiet_counter .container {
    padding: 0;
  }
  .hoiet_counter_bg .item {width: 100%;}
  .hoiet_counter_bg .item:not(:last-child) {margin-bottom: 20px;}
}