@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 */
.cards-section {
  background: var(--bg-n);
  padding: var(--default-padding) 0;
  border-radius: clamp(16px, 1.4793vw, 2rem);
}
.cards-section__inner {
  display: grid;
  grid-template-columns: 1fr clamp(450px, 49.1124vw, 66.4rem);
  gap: 4rem;
}
.cards-section__inner .editor {
  gap: clamp(20px, 2.3669vw, 3.2rem);
  max-width: 47rem;
}
.cards-section__inner .editor p:not([class]) {
  color: var(--cl-l);
  leading-trim: both;
  text-edge: cap;
  line-height: 137.5%;
  letter-spacing: -0.08rem;
}
.cards-section__item {
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  background: var(--bg-a);
  padding-top: 3rem;
  gap: clamp(22px, 2.2189vw, 3rem);
  overflow: hidden;
}
.cards-section__text {
  padding: clamp(17px, 1.5533vw, 2.1rem) 0.5rem clamp(17px, 1.6272vw, 2.2rem);
  background: var(--bg-j);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cl-m);
  text-align: center;
  font-family: var(--font-family);
  font-size: clamp(16px, 1.6272vw, 2.2rem);
  font-style: normal;
  font-weight: 600;
  line-height: 127.273%;
  letter-spacing: -0.088rem;
}
.cards-section__image {
  display: flex;
  width: 12rem;
  height: clamp(92px, 8.1361vw, 11rem);
  align-self: center;
  justify-content: center;
}
.cards-section__image img,
.cards-section__image svg,
.cards-section__image .sprite {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: auto;
}
.cards-section__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 1.7751vw, 2.4rem);
}
@media (max-width: 767.98px){
  .cards-section__inner .editor > * {
    text-align: center;
  }
  .cards-section__inner .editor {
    justify-self: center;
  }
  .cards-section__inner {
    grid-template-columns: 100%;
  }
}
@media (max-width: 575.98px){
  .cards-section__text {
    line-height: 137.5%;
    letter-spacing: -0.64px;
    margin-top: auto;
  }
}
@media (max-width: 470px) and (min-width: 411px){
  .cards-section__text {
    font-size: 14px;
  }
  .cards-section__image {
    max-width: 12rem;
    width: 100%;
    padding: 0 12px;
  }
  .cards-section__list {
    gap: 16px;
  }
}
@media (max-width: 410px){
  .cards-section__list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}
/*# sourceMappingURL=section-cards.css.map */