.faq {
  container-type: inline-size;
  padding: 24px 0;
  margin-bottom: 24px;
}
.faq .faq__title {
  font-family: "Bangers", cursive;
  font-size: 22px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  margin: 0 0 10px;
  letter-spacing: 2px;
}
.faq .faq-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Red Hat Display", sans-serif;
  font-size: 16px;
  line-height: 21px;
}
.faq .faq-list .faq-item {
  padding: 13px 12px;
  background-color: #A95DFD;
  border-radius: 16px;
}
.faq .faq-list .faq-item.faq-item--active .faq-item__header:after {
  transform: rotate(180deg);
}
.faq .faq-list .faq-item.faq-item--active .faq-item__body {
  padding-top: 9px;
  height: auto;
}
.faq .faq-list .faq-item__header {
  padding-right: 24px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
.faq .faq-list .faq-item__header:after {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1176 18.6897C11.4985 19.0896 12.1314 19.105 12.5314 18.7241L19.0484 12.517C19.4483 12.1361 19.4637 11.5031 19.0828 11.1032C18.7019 10.7033 18.069 10.6879 17.669 11.0688L11.8761 16.5862L6.35868 10.7933C5.97778 10.3934 5.34481 10.3779 4.94489 10.7588C4.54497 11.1397 4.52955 11.7727 4.91045 12.1726L11.1176 18.6897ZM12.1583 5L11.1586 4.97565L10.842 17.9757L11.8417 18L12.8414 18.0244L13.158 5.02435L12.1583 5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  transition: 0.25s all;
}
.faq .faq-list .faq-item__body {
  font-weight: 600;
  overflow: hidden;
  height: 0;
}

/*# sourceMappingURL=faq-wrapper.css.map */