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

.testimonials{

    padding:0px 0;

    background:var(--color-background);

}

/*==================================================
    SECTION HEADING
==================================================*/

.testimonials .section-heading{

    text-align:center;

    max-width:600px;

    margin:0 auto 70px;

}

.testimonials .section-heading h2{

    margin:20px 0;

}

.testimonials .section-heading p{

    max-width:650px;

    margin:auto;

}

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

.testimonial-grid{

    display:grid;

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

    gap:35px;

}

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

.testimonial-card{

    background:linear-gradient(
        180deg,
        #171717,
        #111111
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    overflow:hidden;

    transition:.45s ease;

    position:relative;

}

.testimonial-card:hover{

    transform:translateY(-12px);

    border-color:rgba(199,154,121,.45);

    box-shadow:
        0 30px 70px rgba(0,0,0,.45),
        0 0 40px rgba(199,154,121,.15);

}

/*==================================================
    GOLD LINE
==================================================*/

.testimonial-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:3px;

    background:linear-gradient(
        90deg,
        transparent,
        var(--color-primary),
        transparent
    );

}

/*==================================================
    IMAGE
==================================================*/

.testimonial-image{

    overflow:hidden;

}

.testimonial-image img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

    transition:.5s ease;

}

.testimonial-card:hover img{

    transform:scale(1.08);

}

/*==================================================
    CONTENT
==================================================*/

.testimonial-content{

    padding:30px;

}

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

.stars{

    color:var(--color-primary);

    font-size:20px;

    letter-spacing:4px;

    margin-bottom:18px;

}

/*==================================================
    PARAGRAPH
==================================================*/

.testimonial-content p{

    color:rgba(255,255,255,.78);

    line-height:1.9;

    margin-bottom:25px;

}

/*==================================================
    TITLE
==================================================*/

.testimonial-content h4{

    font-size:1.5rem;

    color:#fff;

    margin-bottom:8px;

}

/*==================================================
    SERVICE
==================================================*/

.testimonial-content span{

    color:var(--color-primary);

    font-size:.9rem;

    letter-spacing:2px;

    text-transform:uppercase;

}

/*==================================================
    HOVER
==================================================*/

.testimonial-card:hover h4{

    color:var(--color-primary);

}

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

@media(max-width:992px){

    .testimonial-grid{

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

    }

}

@media(max-width:768px){

    .testimonial-grid{

        grid-template-columns:1fr;

    }

}