/* Help & FAQs accordion (Pages/HelpFAQs). Page width and the contact box come from info-page.css. */
.help-faqs__list {
    border-top: 1px solid #d4d4d4;
}

.help-faqs__item {
    border-bottom: 1px solid #d4d4d4;
}

.help-faqs__question {
    position: relative;
    display: block;
    list-style: none;
    cursor: pointer;
    padding: 22px 48px 22px 0;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.4;
    color: #3b3b3c;
    transition: color .2s ease;
}

    /* Hide the default disclosure triangle */
    .help-faqs__question::-webkit-details-marker {
        display: none;
    }

    .help-faqs__question::marker {
        content: "";
    }

    /* Plus icon that turns into a minus when open */
    .help-faqs__question::before,
    .help-faqs__question::after {
        content: "";
        position: absolute;
        right: 8px;
        top: 50%;
        width: 16px;
        height: 2px;
        background-color: #ea8634;
        transition: transform .25s ease;
    }

    .help-faqs__question::after {
        transform: rotate(90deg);
    }

    .help-faqs__question:hover {
        color: #ea8634;
    }

    .help-faqs__question:focus-visible {
        outline: 2px solid #ea8634;
        outline-offset: 4px;
    }

.help-faqs__item[open] > .help-faqs__question {
    color: #ea8634;
}

    .help-faqs__item[open] > .help-faqs__question::after {
        transform: rotate(0deg);
    }

.help-faqs__answer {
    padding: 0 48px 24px 0;
    color: #595552;
    font-size: 1.7rem;
    line-height: 1.7;
}

    .help-faqs__answer p {
        margin: 0;
    }

@media only screen and (max-width: 767px) {
    .help-faqs__question {
        font-size: 1.7rem;
        padding: 18px 40px 18px 0;
    }

    .help-faqs__answer {
        padding-right: 0;
        font-size: 1.6rem;
    }
}