.FAQ-section{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 50px 0;
    scroll-snap-align: none;
    color: var(--blanc);
}
    .wrapper {
        width: var(--width-wrapper-faq);
        margin-top: 20px;
    }
        
        .container {
            background-color: var(--color1);
            border: solid var(--border-sticker) var(--color1bis);
            box-shadow: 0 0 0 var(--border-sticker) var(--color4);
            border-radius: calc(var(--radius)/2);
            -webkit-filter: var(--drop-shadow);
                filter: var(--drop-shadow);
            margin: 25px 0;
        }
        
        .question {
            padding: var(--padding-question-faq);
            position: relative;
            display: -webkit-box; 
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            cursor: pointer;

            font-family: "Host Grotesk", sans-serif;
            font-size: calc(var(--font-size)/1.5);
            color: var(--color1bis);
            line-height: 1;

            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }
        
        .question::after {
            content: "\002B";
            position: absolute;
            right: 20px;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .question:hover, .question.active:hover{
            color: var(--color4);
            font-family: var(--secondaryFontBold);
        }
        .question.active{
            color: var(--color4);
            font-family: var(--secondaryFontBold);
        }
        
        .question.active::after {
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
        }
        
        .answercont {
            max-height: 0;
            overflow: hidden;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }
        
        .answer {
            padding: var(--padding-answer-faq);
            font-size: calc(var(--font-size)/2);
        }

        .answer a {
            color: var(--color1bis);
            text-decoration: underline;
            transition: 0.2s;
        }

        .answer a:hover{
            color: var(--color4);
        }
        
        .question.active + .answercont {
            display: auto;
        }