.faq {
  display: flex;
}

.faq__wrapper {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.faq__col-one {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
}

.faq__title h2 {
  color: var(--color-primary--1);
  font-weight: 700;
  line-height: 140%; /* 67.2px */
  margin: 0px;
}


.faq__col-two {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.faq__items {
  width: 100%;
}

.faq-item {
  border : unset;
  border-bottom: solid 1px var(--color-system--5);
  padding: 8px 0px;
  margin: 0;
}




.faq-item__title {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;

  font-family: var(--font--garamond);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
  color : var(--color-primary--1);
}

.faq-item__title::marker {
  content: '';
  display: none;
}

.faq-item__title::after {
  transition: all 0.2s;
  content:url('../../images/icons/chevron_down.svg');
}

.faq-item[open] .faq-item__title::after {
  transform: rotateZ(180deg);
}

.faq-item__text {
  padding: 32px 64px 32px 32px;
}

.faq-item__text p {
  margin: 0;
}

@media all and (min-width: 900px) {
  .faq__wrapper {
    display: grid;
    grid-template-columns: fit-content(463px) auto;
    gap: 28px;
  }


  .faq-item__title {
    padding: 16px 32px;
  }

}