/*================================================
TESTIMONIALS
Luxury Glass Section
==================================================*/

.testimonials{

    position:relative;

    padding:140px 0;

    overflow:hidden;

}

.testimonials::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-220px;

    top:-220px;

    border-radius:50%;

    background:var(--primary);

    opacity:.05;

    filter:blur(150px);

}

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

.testimonial-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

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

.testimonial-card{

    position:relative;

    overflow:hidden;

    padding:40px;

    border-radius:30px;

    background:rgba(255,255,255,.03);

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

    backdrop-filter:blur(20px);

    transition:.45s;

}

.testimonial-card:hover{

    transform:translateY(-12px);

    border-color:var(--primary);

    box-shadow:

    0 30px 80px rgba(255,180,0,.15);

}

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

.quote-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,180,0,.10);

    margin-bottom:30px;

}

.quote-icon img{

    width:34px;

}

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

.testimonial-card p{

    color:#cfcfcf;

    font-size:17px;

    line-height:1.9;

    margin-bottom:35px;

}

/*====================================
CLIENT
====================================*/

.client{

    display:flex;

    align-items:center;

    gap:18px;

}

.client img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    border:2px solid var(--primary);

}

.client-info h4{

    font-size:22px;

    margin-bottom:5px;

}

.client-info span{

    color:var(--primary);

    font-size:15px;

}

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

.rating{

    display:flex;

    gap:5px;

    margin-top:18px;

}

.rating img{

    width:18px;

    height:18px;

}