.counter-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);

  @media (min-width: 480px) {
    grid-template-columns: repeat(2, 1fr);
    max-width: 500px;
    margin-inline: auto;
    gap:2rem;
  }
  @media (min-width: 1024px) {
    grid-template-columns: repeat(4, 1fr);
    max-width: unset;
    margin-inline: unset;
  }
}


.counter-grid .counter-card {
  padding:1.5rem;
  &:not(:last-of-type) {
    border-bottom:2px solid var(--blue);
  }
  @media (min-width: 480px) {
      padding:1rem 2rem;
      border-left:2px solid var(--blue);
      &:not(:last-of-type) {
        border-bottom:0;
      }
  }
  .counter-box-container {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    text-align: center;
    align-items: center;
    @media (min-width: 480px) {
      text-align: left;
      align-items: flex-start;
    }
  }
}
/* }
@media (min-width: 768px) {
  .counter-grid .counter-card {
    max-width: unset;
    margin-inline: unset;
    min-width: unset;
  }
}
.counter-grid .counter-card h3 {

  text-align: inherit;
}
/* @media (min-width: 768px) {
  .counter-grid .counter-card h2 {
    font-size: 3.5rem;
  }
} 
.counter-grid .counter-card 
.counter-grid .counter-card p.unit {
  font-weight: 600;
  font-family:'Manrope', sans-serif;
}
@media (min-width: 768px) {
  .counter-grid .counter-card p.unit {
    font-size: 1.25rem;
  }
} */