.faq__cats {
    gap: 1rem;

    & .accordion-content-inner {
        background: #f3f5f8 !important;
    }

    & a {
        margin: 0;

        @media (max-width: 991px) {
            width: 100%;
            text-align: center;
        }
    }

}

.faq-new {

    & .accordion {
        width: 100%;
    }

    & .accordion-item {
        width: 100%;
    }
}

.new-faq-item__title {
    position: relative;
    margin: 0;
    cursor: pointer;

    & svg {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: -2.5rem;
        transition: transform 350ms ease;

        & path {
            fill: var(--white);
        }
    }

    &.is-active {

        svg {
            transform: scaleY(-1);
        }
    }
}

.new-faq-item__content {
    transition: all 350ms ease;
    max-height: 600px;
    color: var(--grey);
    background-color: var(--white);

    &:not(.is-active) {
        max-height: 0;
        padding-block: 0 !important;
        opacity: 0;
        pointer-events: none;
    }
}