/* ==========================================================================
	Stats
============================================================================= */
.stats {
  color: #0e4168;
  margin-block: 40px;
  margin-block: 2.5rem;
  overflow: hidden;
}

.stats--blue {
  --inner-background-color: #e4f1f7;
  --inner-border-radius: 10px;
  --inner-border-radius: 0.625rem;
  --inner-padding-block: 30px 25px;
  --inner-padding-block: 1.875rem 1.5625rem;
  --inner-padding-inline: 40px;
  --inner-padding-inline: 2.5rem;
  --overflow: hidden;
}

.stats--white {
  --carousel-border: 1px solid #0e4168;
  --carousel-border: 0.0625rem solid #0e4168;
  --inner-padding-block: 0;
  --inner-padding-inline: clamp(1px, -19.7446808511px + 4.1489361702vw, 40px);
  --inner-padding-inline: clamp(0.0625rem, -1.23404rem + 4.1489361702vw, 2.5rem);
}

.stats__inner {
  background-color: var(--inner-background-color);
  border-radius: var(--inner-border-radius);
  overflow: var(--overflow);
  padding-block: var(--inner-padding-block);
  padding-inline: var(--inner-padding-inline);
}

.stats__carousel {
  border-block-start: var(--carousel-border);
  overflow: visible;
}

.stats__items {
  container-name: --items;
  container-type: inline-size;
  overflow: visible;
}
@media (min-width:61.25rem) {
  .stats__items {
    display: grid;
    gap: 40px;
    gap: 2.5rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.stats__item {
  block-size: auto;
}
@media (max-width:31.1875rem) {
  .stats__item {
    inline-size: 210px;
    inline-size: 13.125rem;
  }
}
@media (min-width:31.25rem) and (max-width:61.1875rem) {
  .stats__item {
    inline-size: 250px;
    inline-size: 15.625rem;
  }
}

.stats__carousel-controls {
  margin-block-start: 14px;
  margin-block-start: 0.875rem;
}
/*# sourceMappingURL=stats.css.map */