/* ───────────────────────────────────────────
       SECTION
    ─────────────────────────────────────────── */
    .stats-section {
      max-width: 1440px;
      margin: 0 auto;
      padding:100px 100px;
    }
.stat-item__desc-wrapper {
    max-width: 302px;
    margin: 0 auto;
}
    /* ───────────────────────────────────────────
       GRID
    ─────────────────────────────────────────── */
    .stats-section__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      text-align: center;
      max-width: 1022px;
      margin: 0 auto;
    }

    /* ───────────────────────────────────────────
       STAT ITEM
    ─────────────────────────────────────────── */
    .stat-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 28px;
    }

    /* Circle */
    .stat-item__circle {
         width: 160px;
        height: 160px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .stat-item__circle--blue {
      background:#DEE9F8;
    }

    .stat-item__circle--green {
      background:#E2F6EF;
    }

    .stat-item__circle--pink {
      background:#F9E6E2;
    }

    .stat-item__value {
    font-family: Lufga;
    font-weight: 600;
    font-size: 43px;
    letter-spacing: 0;
    text-align: center;
    }

    /* Description */
    .stat-item__desc-wrapper p {
    font-family: Lufga;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    letter-spacing:0.01em;
    text-align: center;
     margin: 0;
    padding: 0;
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 1440px
    ─────────────────────────────────────────── */
    @media (max-width: 1440px) {
      .stats-section {
        padding: 80px 80px;
      }
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 1366px
    ─────────────────────────────────────────── */
    @media (max-width: 1366px) {
      .stats-section {
        padding: 72px 60px;
      }

      .stat-item__circle {
        width: 160px;
        height: 160px;
      }

      .stat-item__value {
        font-size: 36px;
      }
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 1280px
    ─────────────────────────────────────────── */
    @media (max-width: 1280px) {
      .stats-section {
        padding: 64px 48px;
      }

      .stat-item__circle {
        width: 150px;
        height: 150px;
      }

      .stat-item__value {
        font-size: 34px;
      }
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 1024px
    ─────────────────────────────────────────── */
    @media (max-width: 1024px) {
      .stats-section {
        padding: 56px 40px;
      }

      .stats-section__grid {
        gap: 28px;
      }

      .stat-item__circle {
        width: 136px;
        height: 136px;
      }

      .stat-item__value {
        font-size: 30px;
      }

      .stat-item__desc-wrapper p {
        font-size: 14px;
      }
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 991px
    ─────────────────────────────────────────── */
    @media (max-width: 991px) {
      .stats-section {
        padding: 48px 32px;
      }

      .stats-section__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 48px;
      }

      .stat-item__circle {
        width: 160px;
        height: 160px;
      }

      .stat-item__value {
        font-size: 36px;
      }
    }

    /* ───────────────────────────────────────────
       RESPONSIVE — 767px
    ─────────────────────────────────────────── */
    @media (max-width: 767px) {
      .stats-section {
        padding: 40px 24px;
      }

     .stats-section__grid {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .stat-item__circle {
        width: 140px;
        height: 140px;
      }

      .stat-item__value {
        font-size: 32px;
      }
    }