@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 */
/* stylelint-disable */
.faq-section {
  background: var(--bg-n);
  padding: var(--default-padding) 0;
  border-radius: clamp(16px, 1.4793vw, 2rem);
}
.faq-section__box {
  display: flex;
  flex-direction: column;
  gap: var(--default-gap);
}
.faq-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.faq-section .accordion__btn {
  color: var(--cl-b);
  font-family: var(--font-family);
  font-size: clamp(22px, 1.7751vw, 2.4rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(24px, 2.071vw, 2.8rem);
  letter-spacing: clamp(-1.32px, -0.1065vw, -0.144rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1.8rem;
  text-align: start;
  border-radius: 1.2rem;
  background: var(--bg-o);
  padding: clamp(24px, 2.071vw, 2.8rem) clamp(20px, 2.3669vw, 3.2rem);
  gap: 6.3rem;
}
.faq-section .accordion__btn-icon {
  transition: all 0.3s;
  display: flex;
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  z-index: 2;
}
.faq-section .accordion__btn-icon::before, .faq-section .accordion__btn-icon::after {
  position: absolute;
  content: "";
  background: rgba(33, 35, 36, 0.7);
  transition: all 0.3s;
}
.faq-section .accordion__btn-icon:after {
  height: 100%;
  width: 0.3rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.faq-section .accordion__btn-icon::before {
  width: 100%;
  height: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.faq-section .accordion__btn.active .accordion__btn-icon::before {
  transform: translateY(-50%) rotate(90deg);
  opacity: 0;
}
.faq-section .accordion__btn.active .accordion__btn-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq-section .accordion__item .editor {
  gap: clamp(20px, 2.071vw, 2.8rem);
  padding: clamp(24px, 3.2544vw, 4.4rem) clamp(20px, 2.3669vw, 3.2rem);
}
.faq-section .accordion__item .editor p:not([class]) {
  color: var(--cl-l);
  leading-trim: both;
  text-edge: cap;
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: -0.1rem;
}
.faq-section .accordion__item:last-of-type .editor {
  padding-bottom: 0;
}
/*# sourceMappingURL=section-faq.css.map */