/* section temoignage */
    .testi_grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px,1fr));
        gap: 16px;
    }
    
    .testi_card {
        background: var(--light-white);
        border-radius: 16px;
        padding: 20px;
    }
    
    .box_action_tem{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
    }
    
    .testi_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:hover{
        background: var(--green);
        i{
            color: var(--white);
        }
    }
    .action_tem button:hover{
        background: var(--red);
        i{
            color: var(--white);
        }
    }
    
    .testi_text {
        font-style: italic;
        margin: 16px 0;
        height: auto;
        max-height: 100px;
        overflow-y: auto;
        padding-right: 5px;
        white-space: pre-line;
    }
    
    .testi_author {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    .testi_av {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: var(--white);
        border: 3px solid var(--second);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    
    .testi_av img{
        width: 100%; height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }
    
    .testi_name {
        font-weight: 700;
    }
    
    .testi_role {
        font-size: 13px;
        color: var(--second);
        margin-top: 2px;
    }
    
    .link_tem{
        margin-top: 16px;
        text-align: center;
        a{
            color: var(--second);
            text-decoration: underline;
        }
        a:hover{
            color: var(--white);
            font-weight: 600;
        }
    }
/* section temoignage */

/* section temoignage */
    @media screen and (max-width: 977px){
        .testi_text{
            height: auto;
            max-height: 100px;
        }
    }
    
    @media screen and (max-width: 380px){
        .testi_grid{
            grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
        }
    }
/* section temoignage */