.faq__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: max-content;
    row-gap: 28px;
}
.faq__container {
    position: relative;
    height: max-content;
}
.faq__container > div:first-child {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
    bottom: -14%;
}
.faq_title > * {
    display: inline-block;
    vertical-align: middle;
}
.faq_title > span {
    /* color: var(--mColor) !important; */
    /* -webkit-text-fill-color: var(--mColor) !important; */
}
.faq__item {
    padding: 36px;
    position: relative;
    height: max-content;
    max-height: 500px;
    overflow: hidden;
    font-weight: 200;

    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--brad);
}
.faq__item p {
    font-weight: 200;
    font-size: 14px;
}
.faq__item::before {
    content: "—";
    /* color: var(--mColor); */
    background: linear-gradient(45deg, #957bff 5%, #fe72a1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
.faq__item_title_triangle {
    content: "◄";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(0%);
    font-size: 12px;
    rotate: 0deg;
    transition: rotate 1s cubic-bezier(0, 1, 0, 1);
}
.rotate {
    transform: translateY(0%) translateX(90%);
    rotate: -90deg;
}

.faq__item_title {
    cursor: pointer;
    position: relative;
    padding: 0 56px 0 24px;
}
.faq__item_descr {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 1s cubic-bezier(0, 1, 0, 1);
}

.faq__item_descr.show {
    /* max-height: 9999px;  */
    opacity: 1;
}

.faq__item_descr > p {
    padding: 36px 56px 0 24px;
}
.faq__item_line {
    margin: 32px 0;
    float: right;
    width: 97%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

.faq__question {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 100px;
}
