@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 */
.benefit-section {
  padding: var(--default-padding) 0;
}
.benefit-section__box {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.9586vw, 4rem);
}
.benefit-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 1.7751vw, 2.4rem);
}
.benefit-section__icon {
  display: flex;
  width: 4rem;
  height: 4rem;
}
.benefit-section__icon .sprite {
  width: 100%;
  height: 100%;
}
.benefit-section__icon svg,
.benefit-section__icon img {
  width: 100%;
  height: auto;
}
.benefit-section__item {
  border-radius: clamp(16px, 1.4793vw, 2rem);
  background: var(--bg-s);
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: clamp(24px, 2.071vw, 2.8rem) clamp(24px, 2.3669vw, 3.2rem);
}
.benefit-section__item p {
  color: var(--cl-t);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.1rem;
}
@media (max-width: 1023.98px){
  .benefit-section__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px){
  .benefit-section__list {
    grid-template-columns: 100%;
  }
  .benefit-section__item {
    padding-right: 2.9rem;
  }
}
/*# sourceMappingURL=section-benefit-cards.css.map */