.testimonies {
    padding-top: 26.5vw;
}
.testimony__legend {
    background-color: var(--tColor);
    padding: 27.5vw 5vw 20vw 5vw;
    position: relative;
}
.testimony__legend::before {
    color: var(--whiteBis);
    content: "«";
    display: block;
    font-family: var(--ffMBo);
    font-size: 11.9375rem;
    font-style: italic;
    left: -7vw;
    line-height: 19.9375rem;
    position: absolute;
    top: -28vw;
}
.testimony__legend::after {
    bottom: -23.5vw;
    color: var(--whiteBis);
    content: "»";
    display: block;
    font-family: var(--ffMBo);
    font-size: 9.375rem;
    font-style: italic;
    line-height: 15.625rem;
    position: absolute;
    right: -1vw;
}
.testimony__author {
    color: var(--whiteBis);
    font-family: var(--ffMBo);
    font-size: var(--fsTitleH2);
    line-height: 1.75rem;
    margin-top: 7.5vw;
    text-transform: uppercase;
}
.testimony__role {
    color: var(--whiteBis);
    font-family: var(--ffMRe);
    font-size: var(--fsCorps);
    line-height: 1.4375rem;
    margin-top: 2.5vw;
    width: 70%;;
}
.testimony__container {
    display: flex;
}
.testimonies .title--frontpage {
    margin-bottom: 7.5vw;
    text-align: center;
}
.testimonies .swiper-pagination {
    display: none;
}
/* .testimonies .swiper.mySwiper .testimony__container {
    overflow: visible;
} */
.testimonies--widget {
    padding-bottom: 12.5vw;
    padding-top: 0;
}
.testimonies--widget .title--frontpage {
    display: none;
}
.testimonies .testimonies__title--widget {
    display: none;
}
.testimonies--widget .testimonies__title--widget {
    color: var(--whiteBis);
    display: block;
    font-family: var(--ffMBo);
    font-size: var(--fsTitleH2);
    line-height: 1.75rem;
    margin-bottom: var(--fsCorps);
    text-transform: uppercase;
}
.actu__content.client__content .illustrationContainer {
    margin-bottom: 0;
}
.actu__content.client__content .testimonies--widget .testimonies__title--agency, .testimonies--agency > .title, .testimonies__title--agency, .testimonies--agency .testimony__role {
    display: none;
}
.testimonies.testimonies--agency .testimonies__title--agency {
    color: var(--whiteBis);
    display: block;
    font-family: var(--ffMBo);
    font-size: var(--fsTitleH2);
    line-height: 1.75rem;
    margin-bottom: var(--fsCorps);
    text-transform: uppercase;
}
.testimonies--agency {
    padding-top: 16.5vw;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    overflow-y: hidden;
}
.testimonies--agency > .swiper.mySwiper, .testimonies--clients > .swiper.mySwiper {
    margin-bottom: 15vw;
}

@media screen and (min-width: 575.98px) {
    /* .testimonies .swiper-css-mode.swiper-horizontal>.swiper-wrapper {
        overflow: visible;
    } */
    .testimony__legend::before {
        left: -5vw;
        top: -20vw;
    }
    .testimony__legend::after {
        bottom: -16.5vw;
    }
    .testimonies--agency > .swiper.mySwiper, .testimonies--clients > .swiper.mySwiper {
        margin-bottom: 12.5vw;
    }
}

@media screen and (min-width: 767.98px) {
    .testimonies--widget .testimony__legend::before {
        top: -10vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -11.5vw;
    }
    .testimonies--widget {
        padding-bottom: 7.5vw;
    }
    .testimonies--agency {
        padding-top: 10vw;
    }
    .testimonies--agency .testimony__legend::before {
        left: -5vw;
        top: -15vw;
    }
    .testimonies--agency .testimony__legend::after {
        bottom: -12.5vw;
    }
    .testimonies--agency .testimony__author {
        margin-top: 4vw;
    }
    .testimony__legend {
        padding-block: 17.5vw 12.5vw;
    }
}

@media screen and (min-width: 991.98px) {
    .testimonies--agency > .swiper.mySwiper, .testimonies--clients > .swiper.mySwiper {
        margin-bottom: unset;
    }
    .testimonies {
        padding-bottom: 7.5vw;
        padding-top: 10vw;
        position: relative;
    }
    .testimonies--widget {
        padding-bottom: 5vw;
        padding-top: 5vw;
    }
    .testimony__legend {
        padding: 10vw 6vw 5vw 10vw;
    }
    .testimonies .swiper {
        position: relative;
        width: 70vw;
    }
    .testimonies--widget .swiper {
        margin-left: 0;
    }
    .testimonies::before {
        aspect-ratio: 187 / 268;
        background-image: url(../../img/particles/particleTestimony.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%;
        content: "";
        display: block;
        height: auto;
        left: -6.5vw;
        position: absolute;
        top: 17.5vw;
        width: 15vw;
    }
    .testimonies::after {
        aspect-ratio: 292 / 518;
        background-image: url(../../img/particles/particleTestimonyAfter.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%;
        content: "";
        display: block;
        height: auto;
        right: -9.5vw;
        position: absolute;
        top: 25vw;
        width: 20vw;
    }
    .testimonies--widget::before, .testimonies--widget::after {
        display: none;
    }
    .testimony__legend::before {
        top: -10vw;
    }
    .testimony__legend::after {
        bottom: -10vw;
    }
    .testimony__author {
        font-size: var(--fsTitle);
        line-height: 1.875rem;
        margin-top: var(--fsTitleH2);
    }
    .testimony__role {
        margin-top: .5rem;
    }
    .testimonies--widget .testimony__legend::before {
        top: -12vw;
        left: -3vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -9.5vw;
    }
    .testimonies--widget .testimonies__title--widget {
        font-size: 2.4375rem;
        line-height: 3.0625rem;
    }
    .testimonies.testimonies--agency .testimonies__title--agency {
        font-size: 2.4375rem;
        line-height: 3.0625rem;
    }
    .testimonies--agency::before {
        aspect-ratio: 1 / 1;
        background-image: url(../../img/particles/particleAgenceSBottom.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%;
        content: "";
        display: block;
        height: auto;
        left: -6.5vw;
        position: absolute;
        top: 17.5vw;
        width: 15vw;
    }
    .testimonies--agency::after {
        aspect-ratio: 292 / 518;
        background-image: url(../../img/particles/particleTestimonyAgencyAfter.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%;
        content: "";
        display: block;
        height: auto;
        right: -9.5vw;
        position: absolute;
        top: 45vw;
        width: 20vw;
    }
    .testimonies--agency .testimony__legend::before {
        top: -12vw;
    }
    .testimonies--agency .testimony__legend::after {
        bottom: -9.5vw;
    }
}

@media screen and (min-width: 1199.98px) {
    .testimonies::before {
        top: 12.5vw;
        left: -8.5vw;
    }
    .testimonies .title--frontpage {
        margin-bottom: 5vw;
    }
    .testimony__legend {
        padding: 7.5vw 7vw 3.5vw 12.5vw;
    }
    .testimony__legend::before {
        font-size: 15vw;
        left: -3vw;
        top: -8vw;
    }
    .testimony__legend::after {
        bottom: -8vw;
        font-size: 12.5vw;
        right: -.5vw;
    }
    .testimonies::after {
        right: -8.5vw;
        top: 22.5vw;
        width: 15vw;
    }
    .testimonies--widget {
        padding-bottom: 3.5vw;
        padding-top: 3.5vw;
    }
    .testimonies--widget .testimony__legend {
        padding-top: 5vw;
    }
    .testimonies--widget .testimony__legend::before {
        font-size: 17.5vw;
        left: -3vw;
        top: -9.5vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -8vw;
    }
    .testimonies--widget .swiper {
        width: 65vw;
    }
    .testimonies--agency .testimony__legend::before {
        top: -10vw;
        left: -3vw;
    }
    .testimonies--agency .testimony__legend::after {
        bottom: -8vw;
        right: -1vw;
    }
}

@media screen and (min-width: 1399.98px) {
    .testimonies {
        padding-top: 3.5vw;
    }
    .testimonies::before {
        top: 12.5vw;
        left: -12.5vw;
        width: 12.5vw;
    }
    .testimonies::after {
        right: -12.5vw;
        top: 13.5vw;
    }
    .testimony__legend {
        padding-right: 6vw;
    }
    .testimony__legend::before {
        top: -7vw;
    }
    .testimony__legend::after {
        bottom: -6.5vw;
    }
    .testimony__author {
        margin-top: 2.5vw;
    }
    .testimonies--widget .testimony__legend::before {
        top: -7.5vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -6.5vw;
    }
    .testimonies--agency .testimony__legend::before {
        top: -8vw;
    }
    .testimonies--agency .testimony__legend::after {
        bottom: -6.5vw;
    }
    .testimonies--agency .testimony__author {
        margin-top: 2.5vw;
    }
}

@media screen and (min-width: 1599.98px) {
    .testimonies .swiper {
        width: 60vw;
    }
    .testimony__legend {
        padding: 5.5vw 5vw 2.5vw 10.5vw;
    }
    .testimony__legend::before {
        font-size: 13.5vw;
        left: -2vw;
        top: -6vw;
    }
    .testimony__legend::after {
        bottom: -6.35vw;
        font-size: 7.5vw;
        right: -0.125vw;
    }
    .testimonies::before {
        top: 2.5vw;
        left: -7.5vw;
    }
    .testimonies::after {
        right: -10.5vw;
        top: 12.5vw;
    }
    .testimonies--widget .testimony__legend::before {
        top: -6.5vw;
    }
}

@media screen and (min-width: 1799.98px) {
    .testimonies {
        padding-top: 0;
    }
    .testimonies .title--frontpage {
        margin-bottom: 4vw;
    }
    .testimonies .swiper {
        width: 55vw;
    }
    .testimony__legend {
        padding: 5.5vw 6vw 2.5vw 9vw;
    }
    .testimony__legend::after {
        bottom: -5.35vw;
    }
    .testimony__legend::before {
        top: -5vw;
    }
    .testimonies::after {
        right: -10.5vw;
        top: 5.5vw;
    }
    .testimonies--widget .swiper {
        width: 60vw;
    }
    .testimonies--widget .testimony__legend::before {
        font-size: 13.5vw;
        left: -2vw;
        top: -6vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -5.5vw;
    }
    .testimonies--agency .testimony__legend::before {
        left: -2vw;
        top: -6vw;
    }
    .testimonies--agency .testimony__legend::after {
        bottom: -5.5vw;
        right: -.5vw;
    }
    .testimonies--agency::before {
        width: 7.5vw;
    }
    .testimonies--agency::after {
        width: 12.5vw;
    }
}

@media screen and (min-width: 1919.98px) {
    .testimony__legend {
        padding: 5.5vw 7vw 2.5vw 10vw;
    }
    .testimony__legend::after {
        bottom: -5vw;
    }
    .testimony__legend::before {
        top: -4vw;
    }
    .testimony__author {
        margin-top: 1.75vw;
    }
    .testimonies::after {
        right: -8.5vw;
        top: 5.5vw;
        width: 17.5vw;
    }
    .testimonies--widget .testimony__legend::before {
        font-size: 12.5vw;
        left: -2vw;
        top: -5.5vw;
    }
    .testimonies--widget .testimony__legend::after {
        bottom: -5vw;
    }
    .testimonies--agency::after {
        width: 13.5vw;
    }
}

@media screen and (min-width: 2199.98px) {
    .testimonies .swiper {
        width: 50vw;
    }
    .testimony__legend::before {
        top: -3vw;
    }
    .testimony__legend::after {
        bottom: -4.25vw;
    }
    .testimonies::after {
        right: -5vw;
        width: 15vw;
    }
    .testimonies::before {
        left: -3.5vw;
    }
    .testimonies--widget .swiper {
        width: 60vw;
    }
}