/* Counter Animation CSS */
.animated-counter {
  display: inline-block;
  min-width: 1.5em;
  text-align: right;
}

/* Fallback in case animation doesn't work */
.animated-counter::after {
  content: "35";
}

/* Animation */
@keyframes countUp {
  0% { content: "0"; }
  10% { content: "3"; }
  20% { content: "7"; }
  30% { content: "11"; }
  40% { content: "14"; }
  50% { content: "18"; }
  60% { content: "21"; }
  70% { content: "25"; }
  80% { content: "28"; }
  90% { content: "32"; }
  100% { content: "35"; }
}

/* Hide the fallback content when animation is supported */
.animated-counter::before {
  content: "";
  animation: countUp 2s forwards ease-out;
}