.bloc-faq-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--container-space);
    gap: 4rem;
    position: relative;
    overflow: hidden;
    min-height: 1020px;
    & .bloc-faq-wrapper{
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 var(--container-space);
        gap: 1rem;
        &:nth-child(1){
            & h2, & h3, & p{
                margin: 0;
                color: var(--wp--preset--color--blanc);
            }
        }
        &:nth-child(2){
            & .bloc-faq-questions{
                display: flex;
                flex-direction: column;
                gap: 1rem;
                & .bloc-faq-question{
                    background-color: var(--wp--preset--color--blanc);
                    border-radius: 20px;
                    & .bloc-faq-question-title{
                        display: flex;
                        position: relative;
                        cursor: pointer;
                        & h3{
                            width: 85%;
                            display: flex;
                            padding: 1rem;
                            margin: 0;
                            align-items: center;
                            gap: 1rem;
                            justify-content: space-between;
                            position: relative;
                            font-weight: 500;
                            font-size: 19px;
                        }
                        & span{
                            display: flex;
                            width: 40px;
                            height: 40px;
                            background: url(../../../assets/svg/arrow-faq.svg) no-repeat;
                            transition: transform .6s ease-in-out;
                            position: absolute;
                            right: 1rem;
                            top: 50%;
                            transform: translateY(-50%);
                        }
                    }
                    & .bloc-faq-question-text{
                        display: grid;
                        grid-template-rows: 0fr;
                        transition: grid-template-rows .6s ease-in-out;
                        color: var(--wp--preset--color--noir);
                        & div{
                            overflow: hidden;
                            & div{
                                padding: 1rem;
                            }
                        }
                    }
                    &.active{
                        & .bloc-faq-question-title{
                            & span{
                                transform: translateY(-50%) rotate(-180deg);
                            }
                        }
                        & .bloc-faq-question-text{
                            grid-template-rows: 1fr;
                        }
                    }
                }
            }
        }
    }
    & .bloc-faq-image{
        display: flex;
        width: 2900px;
        min-height: 1020px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0%, 0%);
        z-index: -1;
        & img{
            position: absolute;
            width: 2900px;
            height: 100%;
            object-fit: cover;
            object-position: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}
@media (max-width: 768px) {
    .bloc-faq-container {
        & .bloc-faq-wrapper {
            padding: 0;
        }
        & .bloc-faq-wrapper {
            &:nth-child(2) {
                & .bloc-faq-questions {
                    & .bloc-faq-question {
                        & .bloc-faq-question-text {
                            & div {
                                & div {
                                    padding: 0 1rem 1rem;
                                    & p:first-child {
                                        margin-top: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        & .bloc-faq-image{
            display: none;
        }
    }
}