.section__faq {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 56px 0;
}

.container__faq {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.titleQa {
    margin-bottom: 24px;
}

.spoiler {
    width: 100%;
    transition: max-height 0.3s ease-in-out;
    border-bottom: 1px solid #101820;
}

    .spoiler.open {
        max-height: none;
        transition: max-height 0.3s ease-in-out;
    }

.spoiler__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
}

.spoiler__content {
    padding-bottom: 16px;
    max-width: 96%;
}

    .spoiler__content ul {
        padding: 0 16px;
    }

    .spoiler__content p a {
        color: black;
    }

    .spoiler__content ul a {
        color: black;
    }

.spoiler__arrow {
    transform: rotate(360deg);
    transition: transform 0.3s ease-in-out;
}

.spoiler.open .spoiler__arrow {
    transform: rotate(180deg);
}



.h5-semi-bold {
    font-size: 16px;
    line-height: 22.5px;
    font-weight: bold;
    color: #101820;
    max-width: 97%;
    margin: unset;
}


@media screen and (max-width:768px) {
    .section__faq {
        padding: 32px 0;
    }

    .container__faq {
        padding: 0 24px;
    }
}