/* section temoignage */
    .carousel_tem{
        position:relative;
        width: 100%;
        max-width: 1200px;
        height: 400px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow: hidden;
        margin: 0 auto;
        margin-top: -48px;
    }
    
    .card_tem{
        position:absolute;
        width: 330px;
        height: auto;
        background:var(--white);
        border-radius:16px;
        padding: 36px 30px 26px;
        box-shadow:0 20px 40px rgba(0,0,0,0.25);
        transition:all 0.5s cubic-bezier(.25,.8,.25,1);
        opacity:0;
        pointer-events:none;
    }
    
    .box_action_tem{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        margin-bottom: 16px;
    }
    
    .box_stars .bxs-star {
        color: var(--second);
        letter-spacing: 3px;
        font-size: 18px;
    }
    
    .action_tem{
        display: flex;
        align-items: center;
        gap: 8px;
        .bx-edit{
            color: var(--green);
        }
        .bx-trash{
            color: var(--red);
        }
    }
    
    .action_tem a, .action_tem button{
        background: var(--white);
        border: none;
        width: 25px; height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
    }
    
    .action_tem a{
        background: var(--green);
        .bx-edit{
            color: var(--white);
        }
    }
    .action_tem button{
        background: var(--red);
        .bx-trash{
            color: var(--white);
        }
    }
    
    .action_tem a:hover, .action_tem button:hover{
        transform: translateY(-2px);
    }
    
    .quote-text{
        color :var(--black);
        margin-bottom: 26px;
        max-height: 150px;
        overflow-y: auto;
        white-space: pre-line;
        padding-right: 5px;
        text-align: justify;
    }
    
    .author{
        display:flex;
        align-items:center;
        gap: 8px;
    }
    
    .avatar{
        width:46px;
        height:46px;
        border-radius:50%;
        object-fit:cover;
        flex-shrink:0;
        border:2px solid var(--primary);
    }
    
    .author-info h4{
        margin:0;
        font-size:15px;
        font-weight: 600;
        color:var(--second);
    }
    
    .author-info p{
        margin:2px 0 0;
        font-size:12.5px;
        color: var(--gray);
    }
    
    /* States: position in carousel_tem */
    .card_tem.center{
        opacity:1;
        transform:translateX(0) scale(1);
        z-index:5;
        pointer-events:auto;
    }
    
    .card_tem.left-1{
        opacity:0.85;
        transform:translateX(-230px) scale(0.85);
        z-index:4;
        filter:blur(0.5px) brightness(0.95);
    }
    
    .card_tem.left-2{
        opacity:0.5;
        transform:translateX(-420px) scale(0.72);
        z-index:3;
        filter:blur(1.5px) brightness(0.9);
    }
    
    .card_tem.right-1{
        opacity:0.85;
        transform:translateX(230px) scale(0.85);
        z-index:4;
        filter:blur(0.5px) brightness(0.95);
    }
    
    .card_tem.right-2{
        opacity:0.5;
        transform:translateX(420px) scale(0.72);
        z-index:3;
        filter:blur(1.5px) brightness(0.9);
    }
    
    .card_tem.hidden{
        opacity:0;
        transform:translateX(0) scale(0.6);
        z-index:1;
    }
    
    /* nav buttons */
    .nav-btn{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:44px;
        height:44px;
        border-radius:50%;
        border:none;
        background: var(--second);
        font-size:20px;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        z-index:10;
        backdrop-filter:blur(4px);
        transition:background 0.25s ease;
    }
    
    .nav-btn:hover{ background: var(--primary); }
    .nav-btn.prev{ left:10px; }
    .nav-btn.next{ right:10px; }
    
    /*.dots{*/
    /*    position:absolute;*/
    /*    bottom:-46px;*/
    /*    left:50%;*/
    /*    transform:translateX(-50%);*/
    /*    display:flex;*/
    /*    gap:10px;*/
    /*}*/
    
    .link_tem{
        text-align: center;
        margin-top: 0;
        a{
            color: var(--second);
            text-decoration: underline;
        }
        a:hover{
            color: var(--white);
            font-weight: 600;
        }
    }
/* section temoignage */

/* responsive */
    /* Tablette */
    @media (max-width:900px){
        .card_tem.left-1{ transform:translateX(-190px) scale(0.82); }
        .card_tem.left-2{ transform:translateX(-340px) scale(0.68); }
        .card_tem.right-1{ transform:translateX(190px) scale(0.82); }
        .card_tem.right-2{ transform:translateX(340px) scale(0.68); }
    }
    
    /* Mobile large */
    @media (max-width:600px){
        .quote-mark{ font-size:38px; }
        .quote-text{ font-size:13px; line-height:1.5; margin-bottom:20px; }
        .avatar{ width:40px; height:40px; }
        .author-info h4{ font-size:14px; }
        .author-info p{ font-size:11.5px; }
    
        .card_tem.left-1{ transform:translateX(-130px) scale(0.78); opacity:0.6; }
        .card_tem.right-1{ transform:translateX(130px) scale(0.78); opacity:0.6; }
        /* on cache les cartes de niveau 2 pour eviter le debordement */
        .card_tem.left-2,
        .card_tem.right-2{ opacity:0; transform:translateX(0) scale(0.6); pointer-events:none; }
    
        .nav-btn{ width:36px; height:36px; font-size:16px; }
        .nav-btn.prev{ left:2px; }
        .nav-btn.next{ right:2px; }
        .dots{ bottom:-38px; }
    }
    
    /* Tres petit mobile */
    @media (max-width:500px){
        .card_tem{ width: 270px;}
        .quote-text{ font-size:12px; }
        .card_tem.left-1{ transform:translateX(-105px) scale(0.75); }
        .card_tem.right-1{ transform:translateX(105px) scale(0.75); }
    }
/* responsive */