.g--faqs {
    padding: 0 calc(var(--padding-section-base) * 8)
}

.g--faqs .heading--right {
    margin-bottom: 2rem
}

.faqs-item {
    position: relative
}

.faqs-item:not(:last-child) {
    border-bottom: 1px solid var(--c-primary-150)
}

.faqs-question {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 2.8rem 0;
    cursor: pointer;
    font-size: var(--fs-18);
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    --c: var(--c-white);
    position: relative;
    font-variation-settings: var(--fw-500)
}

.faqs-content .faqs-question>i {
    margin-right: auto;
    background: var(--c-primary-150);
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.faqs-content .faqs-question>i::before,.faqs-content .faqs-question>i::after {
    transition: var(--t-ease) var(--ease2)
}

.faqs-item.open .faqs-question>i::before {
    transform: rotate(180deg)
}

.faqs-answer .editor-content {
    padding: 0 0 2rem 4rem;
    font-size: var(--fs-16);
    line-height: 2;
    text-align: justify;
    transform-origin: right top;
    transition: var(--t-ease) var(--ease2)
}

.faqs-item .editor-content.main-content>*+* {
    margin-top: 1rem
}

.faq-expert {
    position: relative
}

.col--faq-expert {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem
}

.faq-expert-img {
    max-width: 32rem;
    margin: auto
}

.faq-expert__img img {
    width: 100%
}

.mobile .col--faq-expert {
    margin-top: 3rem
}

.faq-expert--btns {
    background: var(--c-primary-700);
    border-radius: 3rem;
    padding: .5rem;
    display: flex;
    line-height: 1;
    margin-top: 1rem;
    box-shadow: 0 4px 6px #00000021;
    min-height: 4rem
}

.faq-expert__btn.btn--ws-request {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: var(--fs-12);
    padding: .5rem 1.5rem
}

.faq-expert__btn.call {
    font-size: var(--fs-22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--c-white);
    white-space: nowrap
}

.faq-expert__desc {
    text-align: center;
    font-size: var(--fs-14);
    margin-top: 1.5rem
}

@media (min-width: 50em) {
    .g--faqs {
        display:grid;
        grid-template-columns: 37.5rem minmax(0,1fr);
        gap: 6rem
    }
}