.faq {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.faq-items {
  margin: 1rem;
  list-style-type: none;
  cursor: pointer;
  color: black;
}
.faq-item {
  color: inherit;
  background: var(--bs-light-gray) !important;
  margin-bottom: 0.5rem;
}
.faq-item:hover, .faq-item.active {
  color: black;
  background: var(--bs-medium-gray) !important;
}
.faq-item:hover .faq-item-question, .faq-item.active .faq-item-question {
  color: var(--bs-yellow);
}
.faq-item:hover .faq-item-answer, .faq-item.active .faq-item-answer {
  color: white;
}
.faq-item:not(.active) .faq-item-answer {
  display: none;
}
.faq-item-question {
  position: relative;
  padding: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: normal;
}
.faq-item-question::after {
  inset: 0;
  position: absolute;
  left: auto;
  content: "+";
  padding: 0.5em;
}
.faq-item-answer {
  padding: 0 1rem 1rem;
  padding-left: 2rem;
  transition: margin 1s, opacity 1s ease-in-out 0.1s, max-height 2s ease-in-out;
  opacity: 1;
  max-height: 100%;
  color: black;
  background: inherit;
}