*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,sans-serif;

background:
radial-gradient(circle at top left,#dfe7ff 0%,transparent 35%),
radial-gradient(circle at bottom right,#edf2ff 0%,transparent 35%),
#f5f7ff;

padding:120px 20px;
overflow-x:hidden;
}

/* SECTION */

.reviews-section{
position:relative;
max-width:1300px;
margin:auto;
}

/* BACKGROUND BLUR */

.background-blur{
position:absolute;
width:600px;
height:600px;
background:rgba(47,76,200,0.08);
filter:blur(120px);
border-radius:50%;
top:-200px;
right:-200px;
z-index:0;
}

/* TITLE */

.reviews-section h2{
position:relative;
z-index:2;

text-align:center;
font-size:54px;
font-weight:800;
color:#2f4cc8;

margin-bottom:70px;
}

/* GRID */

.reviews-grid{
position:relative;
z-index:2;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:35px;
}

/* CARD */

.review-card{
background:rgba(255,255,255,0.78);

backdrop-filter:blur(12px);

border-radius:30px;

padding:45px 35px;

border:1px solid rgba(255,255,255,0.7);

box-shadow:
0 10px 30px rgba(0,0,0,0.06),
0 2px 10px rgba(47,76,200,0.08);

transition:0.35s ease;
}

.review-card:hover{
transform:translateY(-10px);

box-shadow:
0 18px 40px rgba(47,76,200,0.15),
0 5px 15px rgba(0,0,0,0.08);
}

/* STARS */

.stars{
font-size:24px;
color:#ffb400;
letter-spacing:4px;

margin-bottom:25px;
}

/* TEXT */

.review-card p{
font-size:19px;
line-height:1.8;
color:#333;

margin-bottom:30px;
}

/* NAME */

.review-card h3{
font-size:20px;
font-weight:700;
color:#2f4cc8;
}

/* MOBILE */

@media(max-width:768px){

body{
padding:80px 20px;
}

.reviews-section h2{
font-size:38px;
margin-bottom:50px;
}

.review-card{
padding:35px 25px;
}

.review-card p{
font-size:17px;
}

}