.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.benefit{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:26px 22px;
    text-align:center;
}
.benefit i{font-size:26px;color:var(--accent);margin-bottom:14px}
.benefit h4{font-size:17px;margin-bottom:8px}
.benefit p{color:var(--muted);font-size:14px}

@media (max-width: 1024px){
    .benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
    .benefits{grid-template-columns:1fr;gap:14px}
    .benefit{padding:22px 18px}
    .benefit h4{font-size:16px}
    .benefit p{font-size:13px}
    .benefit i{font-size:22px;margin-bottom:10px}
}

.benefit{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:26px 22px;
    text-align:center;
    transition:.25s;
}
.benefit:hover{
    transform:translateY(-6px);
    border-color:rgba(25,195,125,.4);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}