/****** FAQ START *******/

.faq li {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
}

.faq li.faq-q {
  font-weight: 600;
  font-family: var(--header-font-family);
}

.faq li.faq-q .label-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faq li.faq-q .label-wrapper .arrow-up {
  display: block;
  transition: transform 0.3s ease;
}

.faq li.faq-q.open .label-wrapper .arrow-up {
  display: block;
  transform: rotate(180deg);
}

.faq li.faq-q:hover:not(.open) {
  background-color: var(--alt-background-color);
  cursor: pointer;
  border-radius: var(--border-radius);
}

.faq li.faq-q.open {
  background-color: var(--alt-background-color);
  border-bottom-color: var(--alt-background-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.faq li.faq-a {
  display: none;
  background-color: var(--alt-background-color);

  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.faq li.faq-a p {
  padding: 0.25rem 0;
}

.faq li.faq-a a {
  color: #dd0015;
  display: inline;
  border-color: #dd0015;
  border-style: solid;
  border-width: 0 0 1px 0;
}

/* hamburger icon*/
.faq li img {
  display: inline;
  width: 30px;
  height: 33px;
}

.faq-a::marker {
  color: transparent;
}