body {
font-family: Arial, sans-serif;
background: #f2f2f2;
margin: 0;
padding: 40px 20px;
}

.testimonial-wrapper {
max-width: 1000px;
margin: auto;
}

h2 {
margin: 40px 0 20px;
}

.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
margin-bottom: 40px;
}

.card {
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 6px 12px rgba(0,0,0,0.08);
position: relative;
}

.quote {
font-size: 28px;
color: #3b6de0;
}

.card p {
margin: 10px 0;
}

.name {
font-weight: bold;
}

.stars {
color: gold;
}

.badge {
background: #2ca24f;
color: #fff;
padding: 4px 8px;
border-radius: 6px;
font-size: 12px;
float: right;
}

.testimonial-form {
background: #fff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 6px 12px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
gap: 10px;
}

.testimonial-form input,
.testimonial-form textarea,
.testimonial-form select {
padding: 10px;
border-radius: 6px;
border: 1px solid #ccc;
}

.testimonial-form button {
background: #3b6de0;
color: white;
border: none;
padding: 12px;
border-radius: 6px;
cursor: pointer;
}

.testimonial-form button:hover {
background: #2f55b7;
}

.recommend {
display: flex;
justify-content: space-between;
align-items: center;
}