.faq-1 {
  display: grid;
  row-gap: var(--spacing-block);
}
.faq-1_item {
  color: var(--faq-color, inherit);
  background-color: var(--faq-bg, var(--main-color-2));
  border-radius: var(--border-radius);
}
@media (min-width: 740px) {
  .faq-1_item {
    --_padding: 1rem;
  }
}
@media (max-width: 739.98px) {
  .faq-1_item {
    --_padding: 0.75rem;
  }
}
.faq-1_title {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--spacing-text);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--_padding);
  text-align: start;
  transition: all 250ms ease-in-out;
}
.faq-1_title:hover,
.faq-1_title:focus-visible {
  opacity: 0.8;
}
.faq-1_title.active {
  padding-bottom: 0;
}
.faq-1_title.active::after {
  transform: scaleY(-1);
}
.faq-1_title::after {
  width: var(--size);
  height: var(--size);
  content: "";
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.5 14.89a1.31 1.31 0 0 1-.45-.35L2.34 7.2A1.3 1.3 0 0 1 2 6.29a1.33 1.33 0 0 1 .59-1.11c.18-.12.38-.18.6-.18.33 0 .62.13.88.4L10 11.94l5.93-6.54c.25-.27.54-.4.88-.4.22 0 .42.06.6.18a1.32 1.32 0 0 1 .6 1.11 1.3 1.3 0 0 1-.35.9l-6.7 7.35c-.15.15-.3.27-.45.35-.16.07-.33.11-.51.11s-.35-.04-.5-.11Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    center/contain no-repeat;
  transition: transform 250ms ease-in-out;
}
@media (min-width: 740px) {
  .faq-1_title::after {
    --size: 24px;
  }
}
@media (max-width: 739.98px) {
  .faq-1_title::after {
    --size: 20px;
  }
}
.faq-1_content {
  overflow: hidden;
  transition: max-height 250ms ease-in-out;
}
.faq-1_content:not(.show) {
  max-height: 0;
}
.faq-1_text {
  position: relative;
  padding: calc(var(--_padding) / 1.5) var(--_padding) var(--_padding);
}
