#counter {
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 50px 0;
    gap: 10%;
}

.counter {
  color: var(--color-heading-section);
  font-family: var(--font-main);
  text-transform: uppercase;
}

.counter-number {
  font-size: var(--text-heading-xl);
  width: 250px;
  text-align: center;
}

.counter-title {
  font-size: var(--text-heading-sm);
  width: 250px;
  text-align: center;
}