.faq-block {
    margin: 0 auto;
    max-width: 109.2rem;
    padding: 6.4rem 4rem 12rem 4rem;
}

@media (max-width: 767px) {
    .faq-block {
        padding: 3.2rem 2rem 6.4rem 2rem;
    }
}

.faq-item {
    margin-bottom: 0.8rem;
    border: 1px solid #F5F5F5;
}

.faq-question {
    background-color: #F5F5F5;
    padding: 3.2rem;
    margin: 0;
    cursor: pointer;
    position: relative;
}

@media (max-width: 767px) {
    .faq-question {
        padding: 1.6rem 3.2rem 1.6rem 3.2rem;
    }
}


.faq-toggle-icon {
    position: absolute;
    right: 3.2rem;
    top: 50%;
    transform: translateY(-50%);
}

.faq-toggle-icon::before {
    display: block;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><g id="icons/32px/plus"><path id="Vector" d="M12 5.5V19.5" stroke="%23000066" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5 12.5H19" stroke="%23000066" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

.faq-question.active .faq-toggle-icon::before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2725%27 fill=%27none%27%3E%3Cpath stroke=%27%23006%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 12.5h14%27/%3E%3C/svg%3E");
}

.faq-answer {
    padding: 0 3.2rem; /* Maintain horizontal padding */
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    padding-top 0.2s ease-in-out,
    padding-bottom 0.2s ease-in-out;
    background-color: #F5F5F5;
}

.faq-answer.active {
    opacity: 1;
    background-color: #F5F5F5;
    /* max-height and padding are handled dynamically via JavaScript */
}

.faq-block .faq-answer section.block,
.faq-block .faq-answer .block__inner,
.faq-block .faq-answer p.-content-padding {
    padding: 0;
}

.faq-block .faq-answer .b-copy-media__content {
    row-gap: 0;
}

@media (max-width: 767px) {
    .faq-block .faq-answer .b-copy-media__content {
        row-gap: 2rem;
    }
}