/*==============================
          BENEFITS
==============================*/

.benefits{

    background:linear-gradient(
        180deg,
        transparent,
        rgba(255,255,255,.02)
    );

}

.benefits-grid{

    display:grid;

    grid-template-columns:1fr;

    gap:24px;

}

.benefit-card{

    text-align:center;

}

.benefit-icon{

    width:72px;

    height:72px;

    margin:0 auto 20px;

    border-radius:50%;

    background:rgba(56,189,248,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

}

.benefit-card h3{

    color:var(--white);

    margin-bottom:12px;

    font-family:var(--title);

}

.benefit-card p{

    color:var(--text-light);

}