.faq {
  padding: 15px 0 40px;
}

.faq .item {
  padding: 25px 0;
  border-bottom: 1px solid #BBBFC8;
}

.faq .item:first-of-type {
  border-top: 1px solid #BBBFC8;
  margin-top: 35px;
}

.faq .question {
  font-size: 18px;
  color: var(--main-green);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.faq .question:after {
  content: "";
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-left: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C7.44772 0 7 0.447715 7 1V15C7 15.5523 7.44772 16 8 16C8.55228 16 9 15.5523 9 15V1C9 0.447715 8.55228 0 8 0Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 7.44772 15.5523 7 15 7H1C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9H15C15.5523 9 16 8.55228 16 8Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.faq .question.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 1C16 0.447715 15.5523 0 15 0H1C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H15C15.5523 2 16 1.55228 16 1Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.faq .answer {
  display: none;
}

.faq .answer p {
  margin-top: 15px;
  margin-bottom: 0;
}

.faq .question.active+.answer {
  display: block;
}

@media (min-width: 1024px) {
  .faq {
    padding: 40px 0 100px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .faq .sectionTitle {
    text-align: center;
  }

  .faq .question {
    font-size: 24px;
  }
}