:root {
  --c-text: #36234e;
  --c-muted: #5d4b73;
  --font: "Figtree", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Section */
.numbers {
  font-family: var(--font);
  color: var(--c-text);
  background: var(--bg, #E1F9C4);
  border-radius: var(--radius, 32px);
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 4vw, 48px);
  margin: 24px 0;
      max-width: 1200px;
    margin: 0 auto;
}

.numbers__inner {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}



/* Header */
.numbers__heading {
  font-size: clamp(28px, 4.2vw, 48px);
  line-height: 1.1;
  margin: 0 0 12px;
}

.numbers__intro {
  max-width: 740px;
  margin: 0 auto clamp(18px, 2.8vw, 28px);
  font-size: 18px;
  line-height: 1.55;
  color: var(--c-muted);
}

/* Stats grid */
.numbers__grid {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: nowrap;
  overflow-x: auto;
}


@media (max-width: 800px) {
  .numbers__grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}
@media (max-width: 520px) {
  .numbers__grid {
    grid-template-columns: 1fr;
  }
  .numbers__bubbles .bubble {
    border-radius: 50%;
    opacity: .9;
    pointer-events: none;
    position: absolute;
    display: none;
}
}

.numbers__card {
  background: var(--card-bg, #F9F7FD)!important;
  border-radius: 16px!important;
  padding: 16px 20px!important;
  list-style: none!important;
}
}

.numbers_value {
  font-size: clamp(28px, 3.6vw, 36px)!important;
  font-weight: 800!important;
  line-height: 1.1!important;
  margin-bottom: 6px!important;
}

.numbers_label {
  font-size: 16px!important;
  line-height: 1.4!important;
}

/* Decorative bubbles (optional) */
.numbers__bubbles .bubble {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.9;
}

/* Positions/colors loosely based on your mock */
.bubble--1 { width:139px; height:139px; background:#C7F1EB; top: 90px;  left: -40px; }
.bubble--2 { width:214px; height:214px; background:#64AAB4; bottom:-40px; right:-60px; }
.bubble--3 { width:116px; height:116px; background:#1E4320; top: -40px; right: -30px; opacity:0.75; }
.bubble--4 { width:197px; height:197px; background:#FCF5D4; bottom: -30px; left: -20px; }