/* Title */
.faq .eyebrow {
    text-align: center;
}

/* List */
.faq .container,
.faq-list {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.faq-item {
    padding: 1em 0;
    border-bottom: 1px solid var(--outline-100);
}
.faq-item:last-child {
  border-bottom: none;
}

/* Question */
.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    text-align: left;
    cursor: pointer;
    border: 0;
    padding: 0;
    gap: 2em;
}
.faq-question h4 {
    font-size: 1.4em;
    margin: 0;
}
.faq-icon {
    font-size: 2em;
    padding: 0 16px;
}

/* Answer */
.faq-answer p {
    line-height: 1.8;
    margin: 0 2em 0 0;
}

/* Interaction */
.faq-answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.4s ease, opacity 0.3s ease;
}
.faq-item.is-open .faq-answer {
  opacity: 1;
}

@media only screen and (max-width: 768px) {
    .faq-item h4 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 480px) {
    .faq-item {
        padding: 1em 0;
    }
    .faq-item h4 {
        font-size: 1.4em;
    }
}