/*faq__section*/
.faq__section {
    background: var(--color-sage-1);
    color: var(--color-black);
    padding: 1.5rem 1rem;
    margin: 2.5rem 0;
    border-radius: var(--image-border-radius-mobile);
}
.faq__section .card.card-base {
    font-weight: var(--font-weight-regular);
}
.faq__section_title {
    font-size: var(--title-size-L);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--title-weight-L);
    line-height: var(--title-line-height-L);
    letter-spacing: var(--title-letter-spacing-L);
}

.faq__section_sub_title {
    margin-top: 1.5rem;
    margin-bottom:0.5rem;
    font-size: var(--text-size-S);
    font-family: var(--font-family-title), sans-serif;
    font-weight: var(--text-weight-bold);
    line-height: var(--text-line-height-S);
    letter-spacing: var(--text-letter-spacing-S);
}

.faq__section .card.card-base {
    padding: 0;
    margin-bottom: 0.5rem;
}

.faq__section .card-base__img {
    background: var(--color-green-1);
}

.faq__page .accordion__item,
.faq__section .accordion__item {
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-gray-3);
    padding: 0.5rem 0;
}

.faq__page .accordion__title a,
.faq__section .accordion__title a {
    padding: 0.5rem  2.25rem 0.5rem 0.25rem;
}

@media (max-width: 575px) {
    .faq__section {
        margin-left: -1rem;
        border-radius: 0;
        margin-right: -1rem;
    }
}
@media (min-width: 576px) {
    .faq__section {
        margin:  5rem 0;
        border-radius: var(--image-border-radius);
        padding: 2rem 2.5rem;
    }

    .faq__section_title {
        font-size: var(--title-size-XL);
        font-weight: var(--title-weight-XL);
        line-height: var(--title-line-height-XL);
        letter-spacing: var(--title-letter-spacing-XL);
    }

    .faq__section_sub_title {
        font-size: var(--title-size-M);
        font-weight: var(--title-weight-M);
        line-height: var(--title-line-height-M);
        letter-spacing: var(--title-letter-spacing-M);
    }
}