/* grid container */
    .stats-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;           /* gutter between items */
      padding: 2rem;       /* outer space */
    }

    /* each stat box */
    .stat-item {
      text-align: center;
      padding: 1rem;
      border-right: 2px solid white;
      color: #00e893;      /* number colour */
    }

    /* only remove right border on every 4th item */
    .stat-item:nth-child(4n) {
        border-right: none;
    }

    /* big number */
    .stat-number {
        font-size: 2.25rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
        font-family: 'Merriweather', serif;
        font-weight: 600;
        color: #2fb088;                  /* bright mint-green */
        line-height: 1;                    /* tight vertical spacing */
    }

    /* label text */
    .stat-label {
      font-size: 1rem;
      color: #fff;
      font-weight: 200;
    }

    /* Tablet: 1 column */

    @media (max-width: 1199px) {
    
    /* Reduce gap and padding on tablets */  
    .stats-container {
      gap: 0.5rem;           /* gutter between items */
      padding: 1rem;       /* outer space */
    }
    .stat-item {
      text-align: center;
      padding: 1rem 0.75rem;

    }

    /* Mobile: 1 column */
    @media (max-width: 768px) {
      .stats-container {
        grid-template-columns: 1fr;
      }

    .stat-item {
      border-bottom: 2px solid white;
      border-right: none;
    }
    }