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

.testimonials-section{

    position:relative;

    padding:80px 0;

    background:#F8FAFC;

    overflow:hidden;

}


.testimonials-section::before{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    left:-150px;

    top:-120px;

    background:rgba(30,139,255,.06);

    border-radius:50%;

    filter:blur(80px);

}


.testimonials-section .container{

    position:relative;

    z-index:2;

}



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


.testimonial-card{

    position:relative;

    height:100%;

    background:#ffffff;

    padding:35px;

    border-radius:26px;

    border:1px solid rgba(13,10,99,.06);

    box-shadow:0 15px 40px rgba(15,23,42,.05);

    transition:.35s ease;

}



.testimonial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(15,23,42,.12);

}



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


.quote-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #0D0A63,
        #1E8BFF
    );

    color:#fff;

    margin-bottom:25px;

}



.quote-icon i{

    font-size:1.7rem;

}



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


.testimonial-text{

    color:#526071;

    font-size:.98rem;

    line-height:1.9;

    margin-bottom:30px;

    position:relative;

}



.testimonial-text::before{

    content:"“";

    position:absolute;

    left:-5px;

    top:-20px;

    font-size:4rem;

    font-weight:700;

    color:rgba(30,139,255,.10);

    z-index:0;

}



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


.client-info{

    display:flex;

    align-items:center;

    gap:15px;

}



.client-avatar{

    width:60px;
    height:60px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#0D0A63,#1E8BFF);

    color:#fff !important;

    font-size:1.2rem;
    font-weight:700;
    letter-spacing:1px;

    box-shadow:0 10px 25px rgba(30,139,255,.25);

}

.client-avatar span{

    color:#fff !important;

    font-size:1.2rem;

    font-weight:700;

    line-height:1;

}

.testimonial-card:hover .client-avatar{

    transform:scale(1.08);

    box-shadow:0 15px 35px rgba(13,10,99,.35);

}



.client-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.client-info h5{

    color:#24324B;

    font-size:1rem;

    font-weight:700;

    margin:0 0 5px;

}



.client-info span{

    color:#6B7280;

    font-size:.85rem;

}



/*==================================================
STAR RATING (OPTIONAL)
==================================================*/


.client-rating{

    margin-bottom:20px;

}


.client-rating i{

    color:#FFB703;

    font-size:.9rem;

}



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


@media(max-width:991px){


    .testimonials-section{

        padding:70px 0;

    }


    .testimonial-card{

        padding:30px;

    }


}



@media(max-width:767px){


    .testimonials-section{

        padding:60px 0;

    }


    .testimonial-card{

        border-radius:22px;

        padding:25px;

    }


    .quote-icon{

        width:50px;

        height:50px;

    }


}