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


.testimonial-section{


background:

radial-gradient(
circle at left,
rgba(212,175,55,.12),
transparent 35%
),

#050505;



padding:

110px 25px;


}








.testimonial-container{


max-width:1200px;


margin:auto;


}









/* HEADING */


.testimonial-heading{


max-width:760px;


margin:

0 auto 70px;


text-align:center;


}







.testimonial-heading h2{


font-size:

clamp(34px,4vw,56px);



line-height:1.1;



letter-spacing:-1.5px;



font-weight:900;



color:white;



margin-bottom:25px;


}







.testimonial-heading p{


font-size:17px;


line-height:1.8;


color:#bdbdbd;


}





.testimonial-heading strong{

color:white;

}










/* GRID */


.testimonial-grid{


display:grid;



grid-template-columns:

repeat(3,1fr);



gap:28px;


}










/* CARD */


.testimonial-card{


padding:

38px 34px;



border-radius:32px;



background:

linear-gradient(

145deg,

rgba(255,255,255,.08),

rgba(255,255,255,.02)

);



border:

1px solid rgba(212,175,55,.20);



transition:.35s;


}








.testimonial-card:hover{


transform:

translateY(-8px);



border-color:

rgba(212,175,55,.55);


}









.testimonial-card.featured{


background:

linear-gradient(

145deg,

rgba(212,175,55,.18),

rgba(255,255,255,.04)

);



border-color:

rgba(212,175,55,.45);


}










/* STAR */


.stars{


font-size:20px;



letter-spacing:3px;



color:#d4af37;



margin-bottom:28px;


}










.review{


font-size:16px;



line-height:1.8;



color:#ddd;



margin-bottom:35px;


}











/* CLIENT */


.client{


display:flex;


align-items:center;


gap:15px;


}







.client img{


width:54px;


height:54px;



border-radius:50%;



object-fit:cover;



border:

2px solid #d4af37;


}









.client strong{


display:block;



font-size:16px;



font-weight:900;



color:#ffffff;


}








.client span{


display:block;


margin-top:5px;



font-size:13px;



color:#aaa;


}











/* RESPONSIVE */


@media(max-width:950px){



.testimonial-grid{


grid-template-columns:

1fr;


}




.testimonial-card{


max-width:600px;


margin:auto;


}



}









@media(max-width:520px){



.testimonial-section{


padding:

80px 20px;


}




.testimonial-card{


padding:

32px 26px;


}



}