@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
.kpi-section {
  padding: var(--default-padding) 0;
}
.kpi-section__box {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 4.4379vw, 6rem);
}
.kpi-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.kpi-section__item {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.7751vw, 2.4rem);
  align-items: center;
}
.kpi-section__value {
  color: var(--cl-m);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(36px, 3.2544vw, 4.4rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(40px, 3.5503vw, 4.8rem);
  letter-spacing: -0.176rem;
}
.kpi-section__text {
  color: var(--cl-t);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(16px, 1.4793vw, 2rem);
  font-style: normal;
  font-weight: 400;
  line-height: clamp(20px, 1.7751vw, 2.4rem);
  letter-spacing: -0.1rem;
  max-width: clamp(125px, 12.2041vw, 16.5rem);
}
.kpi-section__icon {
  margin-bottom: 1.6rem;
  width: clamp(56px, 5.3994vw, 7.3rem);
  height: clamp(56px, 5.3994vw, 7.3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--bg-a);
  box-shadow: 0.2rem 0.2rem 1.26rem 0 rgba(0, 0, 0, 0.05);
}
.kpi-section__icon svg,
.kpi-section__icon img, .kpi-section__icon .sprite {
  width: clamp(40px, 3.9201vw, 5.3rem);
  height: clamp(40px, 3.9201vw, 5.3rem);
}
@media (min-width: 768px){
  .kpi-section__item {
    border-right: solid 0.1rem var(--br-b);
  }
}
@media (max-width: 767.98px){
  .kpi-section__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 4rem;
  }
}
@media (max-width: 767.98px) and (min-width: 576px){
  .kpi-section__item:nth-child(odd) {
    border-right: solid 0.1rem var(--br-b);
  }
}
@media (max-width: 575.98px){
  .kpi-section__value {
    letter-spacing: -1.44px;
  }
  .kpi-section__icon {
    margin-bottom: 18px;
  }
}
/*# sourceMappingURL=section-kpi-cards.css.map */