/*======================================
            TESTIMONIALS V3
======================================*/

.testimonials{

    padding:140px 0;

    background:#111111;

}

/*======================================
            GRID
======================================*/

.testimonial-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:70px;

}

/*======================================
            CARD
======================================*/

.testimonial-card{

    background:#1b1b1b;

    border:1px solid rgba(212,175,55,.15);

    border-radius:24px;

    padding:35px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:420px;

    transition:.4s ease;

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

.testimonial-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:
    0 25px 50px rgba(0,0,0,.45),
    0 0 25px rgba(212,175,55,.20);

}

/*======================================
            QUOTE ICON
======================================*/

.quote-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#D4AF37;

    font-size:24px;

    margin-bottom:20px;

}

/*======================================
            STARS
======================================*/

.stars{

    color:#D4AF37;

    letter-spacing:4px;

    font-size:18px;

    margin-bottom:20px;

}

/*======================================
            REVIEW TEXT
======================================*/

.testimonial-card p{

    color:#d6d6d6;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

    flex-grow:1;

}

/*======================================
            GUEST
======================================*/

.guest-avatar{

    width:72px;

    height:72px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #D4AF37,
        #F6D365
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    color:#111;

    flex-shrink:0;

}

.guest-text{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.guest-info{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:auto;

}

.guest-info img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #D4AF37;

}

.guest-info h3{

    color:#ffffff;

    font-size:20px;

    margin-bottom:5px;

}

.guest-info span{

    color:#bbbbbb;

    font-size:14px;

}

/*======================================
            RESPONSIVE
======================================*/

@media(max-width:1100px){

    .testimonial-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .testimonial-grid{

        grid-template-columns:1fr;

    }

}