.testimonialDefault {
}
    /* Header */
    .testimonialDefault .header {
        width: 100%;
        height: 250px;
        background-image: url("defaultTestimonialHeader.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    @media (min-width: 768px) {
        .testimonialDefault .header {
            height: 430px;
        }
    }
    @media (min-width: 992px) {
        .testimonialDefault .header {
            height: 480px;
        }
    }
    @media (min-width: 1200px) {
        .testimonialDefault .header {
            height: 530px;
        }
    }
    /* h2 */
    .testimonialDefault h2 {
        font-family: "FontFaceBold", sans-serif;
        text-align: center;
        color: rgb(67, 67, 66);
        padding: 0;
        margin: 30px 0 30px 0;
        font-size: 26px;
    }
    @media (min-width: 768px) {
        .testimonialDefault h2 {
            margin: 50px 0 50px 0;
            font-size: 34px;
        }
    }
    @media (min-width: 992px) {
        .testimonialDefault h2 {
            margin: 60px 0 60px 0;
            font-size: 38px;
        }
    }
    @media (min-width: 1200px) {
        .testimonialDefault h2 {
            margin: 70px 0 70px 0;
            font-size: 46px;
        }
    }
    .testimonialDefault .container {
        position: relative;
    }
        .testimonialDefault .authorQuote {
            display: flex;
            justify-content: space-between;
        }
            .testimonialDefault .authorQuote > div {
                position: relative;
                width: calc(50% - 20px);
                aspect-ratio: 1 / 1;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
            }
                /* Photo */
                .testimonialDefault .photo {
                    display: flex;
                    align-items: center;
                    position: relative;
                    padding-bottom: 25px;
                    margin-bottom: 25px;
                }
                @media (min-width: 768px) {
                    .testimonialDefault .photo {
                        margin-bottom: 30px;
                    }
                }
                @media (min-width: 992px) {
                    .testimonialDefault .photo {
                        margin-bottom: 35px;
                    }
                }
                @media (min-width: 1200px) {
                    .testimonialDefault .photo {
                        margin-bottom: 40px;
                    }
                }
                    .testimonialDefault .photo::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 100 66" viewBox="0 0 100 66"><path fill="rgb(255, 237, 0)" d="M76.7 21.2c-1.4 0-2.7.1-4.1.4L92.5 2.9l-3-2.9-29.2 27.4-.6.6-.3.3c-3.9 4-6.4 9.3-6.4 15.1-.1 12.4 10.4 22.5 23.4 22.6 13 .1 23.6-9.9 23.6-22.2.1-12.4-10.4-22.5-23.3-22.6zm-53.1 0c-1.4 0-2.7.1-4.1.4l20-18.7-3-2.9L7.3 27.4l-.6.6-.3.3C2.5 32.2 0 37.5 0 43.4-.1 55.8 10.4 65.9 23.3 66c13 .1 23.6-9.9 23.6-22.2.2-12.4-10.3-22.5-23.3-22.6z"/></svg>');
                        background-repeat: no-repeat;
                        background-size: 70px;
                        background-position: bottom left;
                    }
                    @media (min-width: 768px) {
                        .testimonialDefault .photo::after {
                            background-size: 90px;
                        }
                    }
                    @media (min-width: 992px) {
                        .testimonialDefault .photo::after {
                            background-size: 110px;
                        }
                    }
                    @media (min-width: 1200px) {
                        .testimonialDefault .photo::after {
                            background-size: 130px;
                        }
                    }
                    .testimonialDefault .photo::before {
                        content: '';
                        position: absolute;
                        bottom: 0;
                        height: 5px;
                        background-color: #ffed00;
                        left: 100px;
                        width: 150px;
                    }
                    @media (min-width: 768px) {
                        .testimonialDefault .photo::before {
                            left: 120px;
                            width: 190px;
                        }
                    }
                    @media (min-width: 992px) {
                        .testimonialDefault .photo::before {
                            left: 160px;
                            width: 220px;
                        }
                    }
                    @media (min-width: 1200px) {
                        .testimonialDefault .photo::before {
                            left: 200px;
                            width: 260px;
                        }
                    }
                    .testimonialDefault .photo img {
                        width: 120px;
                        height: 120px;
                        border-radius: 999px;
                        margin-right: 25px;
                    }
                    @media (min-width: 768px) {
                        .testimonialDefault .photo img {
                            width: 180px;
                            height: 180px;
                            margin-right: 100px;
                        }
                    }
                    @media (min-width: 992px) {
                        .testimonialDefault .photo img {
                            width: 230px;
                            height: 230px;
                            margin-right: 180px;
                        }
                    }
                    @media (min-width: 1200px) {
                        .testimonialDefault .photo img {
                            width: 270px;
                            height: 270px;
                            margin-right: 280px;
                        }
                    }
                .testimonialDefault q {
                    font-family: "FontFaceBold", sans-serif;
                    font-size: 18px;
                    line-height: 1.1;
                }
                @media (min-width: 768px) {
                    .testimonialDefault q {
                        font-size: 28px;
                    }
                }
                @media (min-width: 992px) {
                    .testimonialDefault q {
                        font-size: 32px;
                    }
                }
                @media (min-width: 1200px) {
                    .testimonialDefault q {
                        font-size: 36px;
                    }
                }
                    .testimonialDefault q::before,
                    .testimonialDefault q::after {
                        content: '';
                    }
                .testimonialDefault .nameRole {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 40px;
                }
                    .testimonialDefault .nameRole span {
                        display: block;
                        font-size: 20px;
                        line-height: 1.3;
                    }
                    .testimonialDefault .nameRole span:first-child {
                        font-family: "FontFaceBold", sans-serif;
                    }
                    @media (min-width: 768px) {
                        .testimonialDefault .nameRole span {
                            font-size: 22px;
                        }
                    }
                    @media (min-width: 992px) {
                        .testimonialDefault .nameRole span {
                            font-size: 24px;
                        }
                    }
                    @media (min-width: 1200px) {
                        .testimonialDefault .nameRole span {
                            font-size: 26px;
                        }
            }
        .testimonialDefault .textImage {
            display: flex;
            justify-content: space-between;
            padding-bottom: 100px;
        }
            .testimonialDefault .text,
            .testimonialDefault .image {
                position: relative;
                width: calc(50% - 20px);
                aspect-ratio: 1 / 1;
            }
            .testimonialDefault .text {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                font-size: 15px;
                line-height: 1.3;
            }
            @media (min-width: 992px){
                .testimonialDefault .text {
                    font-size: 17px;
                }
            }
            @media (min-width: 1200px){
                .testimonialDefault .text {
                    font-size: 19px;
                }
            }
                .testimonialDefault .image img {
                    width: 100%;
                    aspect-ratio: 1 / 1;
                    object-fit: cover;
                }
                .testimonialDefault .image div {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    padding: 10px 0 0 0;
                    transform: translateY(100%);
                }
                    .testimonialDefault .image div p {
                        margin: 0;
                        font-size: 11px;
                    }
                    .testimonialDefault .image div p:first-child {
                        /*color: rgb(255, 237, 0);*/
                        font-family: "FontFaceBold", sans-serif;
                    }
                    @media (min-width: 768px) {
                        .testimonialDefault .image div p {
                            font-size: 12px;
                        }
                    }
                    @media (min-width: 992px) {
                        .testimonialDefault .image div p {
                            font-size: 13px;
                        }
                    }
                    @media (min-width: 1200px) {
                        .testimonialDefault .image div p {
                            font-size: 14px;
                        }
                    }
    .testimonialDefault .actionButtons {
        position: absolute;
        top: 0;
        right: 15px;
        width: 200px;
        display: flex;
        justify-content: flex-end;
    }
        .testimonialDefault .actionButtons a {
            position: relative;
            display: block;
            background-color: rgba(255, 237, 0, .5);
            height: 40px;
            width: 40px;
            border-radius: 50%;
            opacity: 1;
            cursor: pointer;
            background-size: 55%;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 15px;
            text-decoration: none !important;
        }
        .testimonialDefault .actionButtons a:hover {
            background-color: rgb(255, 237, 0);
            background-size: 50%;
        }
        .testimonialDefault .actionButtons a:active {
            background-color: white;
        }
        .testimonialDefault .actionButtons .close {
            background-image: url("close.svg");
        }
        .testimonialDefault .actionButtons .close::after {
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            content: 'FERMER';
            text-align: center;
            font-size: 12px;
            color: #333;

        }
        .testimonialDefault .actionButtons .previousTestimonial{
            background-image: url("previous.svg");
        }
        .testimonialDefault .actionButtons .nextTestimonial {
            background-image: url("next.svg");
        }