div.treatment-benefits {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-evenly;
    row-gap:var(--sp15);
    column-gap:var(--sp15);
    padding-top:var(--sp2);
    padding-bottom:var(--sp3);
}

div.benefit-card {
    padding-top:0;
    padding-bottom:0;
    padding-left:var(--sp3);
    padding-right:var(--sp3);
    max-width:75%;
    @media (min-width:768px) {
        max-width: 60%;
    }
    @media (min-width:992px) {
        max-width:30%;
    }
    h4 {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        color:var(--sec);
        font-family:"Galano Grotesque";
        font-weight:bold;
        font-size:1.4rem;
        line-height: 2.1rem;
        margin-top:var(--sp2);
        margin-bottom:var(--sp1);
    }
    p {
        text-align: center;
        br {
            margin-bottom: var(--sp1);
        }
    }
}