.faq {
  margin-top: var(--block-section-spacing-top, var(--section-spacing-top, 40px));
  margin-bottom: var(--block-section-spacing-bottom, var(--section-spacing-bottom, 40px));
  background-color: transparent;
}
.faq:not(.faq--no-section-bg) > .container {
  background-color: var(--block-bg, transparent);
  border-radius: var(--block-border-radius, 10px);
  padding: 24px var(--site-gutter, 15px) 30px;
}
.faq--no-section-bg > .container {
  background-color: transparent;
}
.faq__title {
  margin-bottom: 24px;
  font-size: var(--block-title-font-size, inherit);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-color, #fff);
}
.faq__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--additional-c-elements);
  margin-top: 12px;
  border-radius: 5px;
}
.faq__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq__question {
  font-size: var(--block-body-font-size, 18px);
  font-weight: 600;
  line-height: var(--content-line-height, 1.5);
  cursor: pointer;
  list-style: none;
  color: var(--text-color, #fff);
}
.faq__question::-webkit-details-marker {
  display: none;
}
.faq__question::marker {
  display: none;
}
.faq__item {
  margin: 0;
  background: var(--faq-item-bg, var(--block-bg, #211442));
  padding: 20px;
  border-radius: var(--block-border-radius, 10px);
}
.faq__item[open] .faq__question {
  color: var(--additional-c-elements);
}
.faq--no-item-bg .faq__item {
  background: transparent;
}
.faq__answer {
  padding-top: 12px;
  font-size: var(--block-body-font-size, 16px);
  line-height: var(--content-line-height, 1.5);
  color: var(--text-color, #fff);
}
.faq__answer p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
}
.faq__answer p:last-child {
  margin-bottom: 0;
}
.faq__answer ul,
.faq__answer ol {
  margin: 0 0 8px;
  padding-left: 20px;
}

.faq__question {
  position: relative;
  padding-right: 30px;
}
.faq__question::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.faq__item[open] .faq__question::after {
  transform: rotate(-135deg);
  margin-top: -2px;
}

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