.skd-blog-new .skd-module-stat {
  padding-top: 60px;
  padding-bottom: 0;
}

/* — Grid — 3 equal columns, same as icon block — */
.skd-blog-new .skd-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 48px;
}

/* — Single stat item — */
.skd-blog-new .skd-stat-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* — Value row: arrow (optional) + number side by side — */
.skd-blog-new .skd-stat-item__value-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.skd-blog-new .skd-stat-item__arrow {
  height: 50px;
  width: 34px;          /* 50px × 0.66 — crops to circle only */
  flex-shrink: 0;
  display: block;
  object-fit: cover;
  object-position: left center;
}

/* — Stat value — Manrope ExtraBold, 50px, 140% LH, 0% LS, blue — */
.skd-blog-new .skd-stat-item__value {
  font-family: var(--skd-font-heading);
  font-weight: var(--skd-fw-extrabold);
  font-size: 50px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #0055FF;
  margin: 0;
}

/* — Description — body copy rules — */
.skd-blog-new .skd-stat-item__desc {
  font-family: var(--skd-font-body);
  font-weight: var(--skd-fw-regular);
  font-size: var(--skd-fs-body);
  line-height: var(--skd-lh-body);
  letter-spacing: var(--skd-ls-body);
  color: var(--skd-color-text);
  margin: 0;
}

/* — 2-column variant — use when the block has exactly 2 stats.
   Add skd-stat-grid--2col to the .skd-stat-grid div.
   ——————————————————————————————————————————————————— */
.skd-blog-new .skd-stat-grid.skd-stat-grid--2col {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 28px;
}

/* — Splitter variant — stat block sits between a heading and body copy.
   Add skd-module-stat--splitter to the outer .skd-block wrapper.
   Pattern:
     <div class="skd-block skd-module-text">                                  ← H2 only
     <div class="skd-block skd-module-stat skd-module-stat--splitter">        ← this
     <div class="skd-block skd-module-text" style="padding-top:0">            ← body copy
   ————————————————————————————————————————————————————————————————————————— */
.skd-blog-new .skd-module-stat.skd-module-stat--splitter {
  padding-top: 24px;
  padding-bottom: 24px;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .skd-blog-new .skd-stat-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 28px;
    row-gap: 40px;
  }
  .skd-blog-new .skd-stat-item__value {
    font-size: 42px;
  }
  .skd-blog-new .skd-stat-item__arrow {
    height: 42px;
    width: 28px;        /* 42px × 0.66 */
  }
}

@media (max-width: 768px) {
  .skd-blog-new .skd-module-stat {
    padding-top: 40px;
  }
  .skd-blog-new .skd-stat-grid {
    column-gap: 20px;
    row-gap: 32px;
  }
  .skd-blog-new .skd-stat-item__value {
    font-size: 36px;
  }
  .skd-blog-new .skd-stat-item__arrow {
    height: 36px;
    width: 24px;        /* 36px × 0.66 */
  }
}

@media (max-width: 480px) {
  .skd-blog-new .skd-stat-grid {
    grid-template-columns: 1fr;
  }
}

/* .skd-blog-new .three-columns {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
}
.skd-blog-new .three-columns span {
	font-size: 50px;
	line-height: 140%;
	color:#0055FF;
	font-weight: 800;
	display: block;
} */