.faq-content-wrap {
  margin-top: 6rem;

  border: 1px solid #e5e5e5;
}

.faq-accordion .accordion-item + .accordion-item {
  border-top: 1px solid #e5e5e5;
}

.faq-accordion .accordion-header {
  font-size: 2rem;
  font-weight: 500;
  color: #262626;
  text-align: left;

  background: #fff;
  padding: 4.6rem 6rem 4.6rem 8rem;

  transition: background 0.3s ease;
}

.faq-accordion .accordion-item .accordion-header:before,
.faq-accordion .accordion-item .accordion-header:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translate(0, -50%);

  width: 2.4rem;
  height: 1px;
  background: #262626;
  opacity: 1;

  transition: all 0.3s;
}

.faq-accordion .accordion-item .accordion-header:after {
  transform: translate(0, -50%) rotate(90deg);
}

.faq-accordion .accordion-item.active .accordion-header:after {
  transform: translate(0, -50%) rotate(90deg) scaleX(0);
  opacity: 0;
}

.faq-accordion .accordion-header-inner:before {
  content: "Q";

  font-family: var(--font-libre-bodoni);
  font-size: 2.8rem;
  font-weight: 500;
  color: #a3a3a3;

  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translate(0, -50%);
}

.faq-accordion .accordion-item:not(.active) .accordion-header:hover {
  background: #edf8ff;
}

.faq-accordion .accordion-content {
  background: #edf8ff;

  font-size: 1.8rem;
  color: var(--color-primary);
}

.faq-accordion .accordion-content-inner {
  position: relative;
  padding: 3rem 10rem 3rem 16rem;
}

.faq-accordion .accordion-content-inner:before {
  content: "A";

  font-family: var(--font-libre-bodoni);
  font-size: 2.8rem;
  font-weight: 500;
  color: var(--color-primary-light);

  position: absolute;
  top: 50%;
  left: 10rem;
  transform: translate(0, -50%);
}

.faq-accordion .accordion-content-inner p + p {
  margin-top: 1.2em;
}

@media (max-width: 960px) {
  .faq-accordion .accordion-header {
    padding: 3rem 5rem 3rem 6.4rem;
  }

  .faq-accordion .accordion-item .accordion-header:before,
  .faq-accordion .accordion-item .accordion-header:after {
    right: 2rem;
  }

  .faq-accordion .accordion-content-inner {
    padding: 7rem 2rem 3rem;
  }

  .faq-accordion .accordion-content-inner:before {
    top: 2rem;
    left: 2rem;
    transform: translate(0, 0);
  }
}
