.data-block__graph-bar {
}
.data-block .data-block__graph-bar-main {
  position: absolute;
  bottom: 0;
  height: 0;
  transition: height 1s ease-in-out 0.8s;
  transform-origin: bottom;
}
.data-block.is-active .data-block__graph-bar-main {
  height: 100%;
}
.js-countUp {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.data-block.is-active .js-countUp {
  opacity: 1;
}

.countUp-180 {
  display: inline-block;
  width: min(4.5vw, 8.8rem);
}

.countUp-300 {
  display: inline-block;
  width: min(5vw, 9.8rem);
}

.countUp-7800 {
  display: inline-block;
  width: min(8.5vw, 14.2rem);
}

.countUp-15000 {
  display: inline-block;
  width: min(8.5vw, 16.2rem);
}

@media screen and (max-width: 767px){
  .countUp-180 {
    width: 12vw;
  }

  .countUp-300 {
    width: 14vw;
  }

  .countUp-7800 {
    width: 24.5vw;
  }

  .countUp-15000 {
    width: 28.5vw;
  }
}