.pix-wrapper-bande-temoignages {
    line-height: 1.1;
    text-align: left;
    font-weight: 400;
    background-size: 100% auto;
    padding: clamp(40px, 5vw, 80px);

    --swiper-theme-color: #94D0E0;
    --swiper-pagination-bullet-inactive-color: #FAF3E2;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-border-radius: 50px;
}


.pix-wrapper-bande-temoignages .swiper-pagination-bullet {
    transition: width 0.2s ease;
}
.pix-wrapper-bande-temoignages .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-width: 20px;
}

.pix-boxed-bande-temoignages {
    position: relative;
    max-width: 1430px;
    margin:auto;

    color: #FAF3E2;
    background: #392E2C url('i/pattern-points.svg') repeat;

    box-shadow: 04px 20px 40px rgba(0, 0, 0, 0.3);

    padding: calc(clamp(60px, 13vw, 150px) * 80/150) calc(clamp(60px, 13vw, 150px) * 80/150) clamp(60px, 13vw, 150px) calc(clamp(60px, 13vw, 150px) * 120/150);
}

.pix-boxed-bande-temoignages::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 10%;
    width: clamp(100px, 30vw, 300px);
    aspect-ratio: 1/1;
    background: url('i/temoignages-mascotte.svg') no-repeat bottom right;
    background-size: contain;
    opacity: 0.4;
}

.pix-boxed-bande-temoignages .temoignages-deco-inner::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: clamp(120px, 20vw, 300px);
    aspect-ratio: 1/1;
    background: url('i/temoignages-deco.svg') no-repeat top right;
    background-size: contain;
}

.pix-boxed-bande-temoignages .temoignages-deco-inner::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: clamp(100px, 15vw, 250px);
    aspect-ratio: 1/1;
    background: url('i/temoignages-deco.svg') no-repeat top right;
    background-size: contain;
    transform: rotate(180deg);
    z-index: 0;
    pointer-events: none;
}

.pix-boxed-bande-temoignages .temoignages-deco-outer::before {
    content: '';
    position: absolute;
    bottom: 40%;
    left: 0;
    width: clamp(300px, 45vw, 700px);
    height: clamp(90px, 13vw, 200px);
    background: url('i/temoignages-deco-arrow.svg') no-repeat bottom right;
    background-size: auto 100%;
    transform: translateX(clamp(-200px, -8vw, -90px)) scaleX(-1) rotate(7deg);
    z-index: -1;

    transition: transform 0.4s ease;
}

.pix-boxed-bande-temoignages .temoignages-deco-outer::after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 0;
    width: clamp(300px, 45vw, 700px);
    height: clamp(90px, 13vw, 200px);
    background: url('i/temoignages-deco-arrow.svg') no-repeat bottom right;
    background-size: auto 100%;
    transform: translateX(clamp(90px, 8vw, 200px)) rotate(9deg);
    z-index: -1;

    transition: transform 0.6s ease;
}

.pix-boxed-bande-temoignages:hover .temoignages-deco-outer::before{
    transform: translateX(clamp(-130px, -7vw, -60px)) scaleX(-1) rotate(5deg);
}
.pix-boxed-bande-temoignages:hover .temoignages-deco-outer::after{
     transform: translateX(clamp(70px, 7vw, 160px)) rotate(7deg);
}

@media (max-width:600px) {
    .pix-boxed-bande-temoignages .temoignages-deco-outer::before,
    .pix-boxed-bande-temoignages .temoignages-deco-outer::after {
        display: none;
    }
}


.pix-boxed-bande-temoignages h2.pix-title {
    color: #FAF3E2!important;
    margin: 0;
    margin-bottom: 0.5em;
    font-size: clamp(28px, 5vw, 60px); 
}

.pix-boxed-bande-temoignages h2.pix-title span.dl {
    display: block;
    font-family: "Bitter", serif;
    font-weight: 400;
    font-size: max(0.7em, 1rem);
    text-transform: none;
    margin-top: 0.2em;
}


.pix-wrapper-bande-temoignages .swiper-pagination {
    position: static;
    margin-top: 1em;
    text-align: left;
}

.pix-wrapper-bande-temoignages .quote {
    max-width: 700px;
}

.pix-wrapper-bande-temoignages .quote q {
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
}

.pix-wrapper-bande-temoignages .quote q::before {
    content: "« ";
}

.pix-wrapper-bande-temoignages .quote q::after {
    content: " »"
}

.pix-wrapper-bande-temoignages .quote .temoignage-auteur {
    display: block;
    margin-top: 0.5em;
    font-style: normal;
    font-weight: 700;
    text-align: right;
}



@media (max-width:900px) {
    .pix-wrapper-bande-temoignages {
        width: 100%;
    }
}



@media (max-width:800px) {

    .pix-wrapper-bande-temoignages {
        background-size: 150% auto;
    }

    .temoignages-slide {padding: 15px 20px 10px 20px;}
    .pix-wrapper-bande-temoignages {padding-left:20px;padding-right: 20px;}
}


@media (max-width:600px) {
    .pix-wrapper-bande-temoignages {padding-left:10px;padding-right: 10px;}
    .temoignages-slide {padding: 15px 0px 10px 0px;}
}

@media (max-width:400px) {
    .pix-wrapper-bande-temoignages {
        background-size: 250% auto;
    }
}