:root {
    --breakpoint-xxl: 1920px;
    --breakpoint-xl: 1440px;
    --breakpoint-lg: 1280px;
    --breakpoint-md: 1024px;
    --breakpoint-md-s: 992px;
    --breakpoint-sm: 768px;
    --breakpoint-sm-s: 640px;
    --breakpoint-xs: 512px;
    --breakpoint-xxs: 390px
}

@keyframes loading {
    0% {
        height: 64px;
        top: 8px
    }

    to {
        height: 32px;
        top: 24px
    }
}

.faq,
.wp-block .faq {
    padding: 100px 0
}

@media(max-width:768px) {

    .faq,
    .wp-block .faq {
        padding: 40px 0
    }
}

.faq__content,
.wp-block .faq__content {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    justify-content: space-between
}

@media(max-width:768px) {

    .faq__content,
    .wp-block .faq__content {
        flex-direction: column
    }
}

.faq__title,
.wp-block .faq__title {
    max-width: 350px;
    width: 100%
}

@media(max-width:768px) {

    .faq__title,
    .wp-block .faq__title {
        max-width: 100%
    }
}

.faq__list,
.wp-block .faq__list {
    list-style: none;
    margin: 0;
    max-width: 750px;
    padding: 0;
    width: 100%
}

.faq__list-item,
.wp-block .faq__list-item {
    background-color: transparent;
    border-radius: 16px 16px 0 16px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .9px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.faq__list-item:after,
.wp-block .faq__list-item:after {
    background-color: var(--section-bg-color);
    content: "";
    filter: brightness(.85);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.faq__list-item:last-child,
.wp-block .faq__list-item:last-child {
    margin-bottom: 0
}

.faq__list-item--open .faq__question,
.wp-block .faq__list-item--open .faq__question {
    filter: brightness(1.25)
}

.faq__list-item--open .faq__question .marker,
.wp-block .faq__list-item--open .faq__question .marker {
    filter: brightness(1.25);
    transform: rotate(45deg)
}

.faq__list-item--open .faq__answer-wrapper,
.wp-block .faq__list-item--open .faq__answer-wrapper {
    grid-template-rows: 1fr;
    margin-bottom: 24px;
    margin-top: 24px;
    max-height: 100vh
}

.faq__question,
.wp-block .faq__question {
    align-items: center;
    background-color: var(--section-bg-color);
    border: none;
    border-radius: 16px 16px 0 16px;
    color: inherit;
    cursor: pointer;
    display: flex;
    filter: brightness(.85);
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
    letter-spacing: .9px;
    line-height: 1.67;
    padding: 17px 25px;
    position: relative;
    transition: .2s;
    transition-timing-function: ease-in-out;
    width: 100%
}

.faq__question:active,
.faq__question:focus,
.faq__question:focus-within,
.faq__question:hover,
.wp-block .faq__question:active,
.wp-block .faq__question:focus,
.wp-block .faq__question:focus-within,
.wp-block .faq__question:hover {
    border: none
}

@media(max-width:768px) {

    .faq__question,
    .wp-block .faq__question {
        letter-spacing: .86px;
        line-height: 1.58;
        padding: 17px 19px 17px 25px
    }
}

.faq__question .text,
.wp-block .faq__question .text {
    text-align: start
}

.faq__question .marker,
.wp-block .faq__question .marker {
    display: flex;
    height: 16px;
    transition: .2s;
    transition-timing-function: ease-in-out;
    width: 16px
}

.faq__question .marker svg path,
.wp-block .faq__question .marker svg path {
    fill: var(--section-font-color)
}

.faq__question:active,
.faq__question:focus,
.faq__question:focus-within,
.faq__question:hover,
.wp-block .faq__question:active,
.wp-block .faq__question:focus,
.wp-block .faq__question:focus-within,
.wp-block .faq__question:hover {
    filter: brightness(1.25)
}

.faq__question:active .marker,
.faq__question:focus .marker,
.faq__question:focus-within .marker,
.faq__question:hover .marker,
.wp-block .faq__question:active .marker,
.wp-block .faq__question:focus .marker,
.wp-block .faq__question:focus-within .marker,
.wp-block .faq__question:hover .marker {
    filter: brightness(1.25)
}

.faq__answer-wrapper,
.wp-block .faq__answer-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: .2s;
    transition-timing-function: ease-in-out
}

.faq__answer,
.wp-block .faq__answer {
    margin: 0 24px;
    min-height: 0
}

.faq__btn-wrapper,
.wp-block .faq__btn-wrapper {
    margin-top: 40px;
    text-align: center
}

@media(max-width:768px) {

    .faq__btn-wrapper,
    .wp-block .faq__btn-wrapper {
        margin-top: 35px
    }

    .faq__btn-wrapper a,
    .wp-block .faq__btn-wrapper a {
        width: 100%
    }
}

/*# sourceMappingURL=faq.css.map*/