.benefits {
padding: 40px 20px;
background: #f7f9fc;
text-align: center;
font-family: "Prompt", sans-serif;
}
.benefits h2 {
margin-bottom: 24px;
font-size: 28px;
font-weight: 700;
color: #10295c;
}
.benefit-grid {
max-width: 1120px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}
.benefit-card {
background: #fff;
border-radius: 10px;
padding: 18px 10px;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
min-height: 125px;
}
.benefit-card .icon {
font-size: 32px;
color: #0057c8;
margin-bottom: 8px;
}
.benefit-card h3 {
margin: 0 0 6px;
font-size: 15px;
font-weight: 700;
color: #222;
}
.benefit-card p {
margin: 0;
font-size: 13px;
line-height: 1.55;
color: #333;
} @media (max-width: 1024px) {
.benefit-grid {
grid-template-columns: repeat(3, 1fr);
}
} @media (max-width: 600px) {
.benefits h2 {
font-size: 24px;
}
.benefit-grid {
grid-template-columns: repeat(2, 1fr);
}
.benefit-card {
min-height: 120px;
}
}