.benefits-block {
    padding-top: 40px;
    padding-bottom: 40px;

    @media (min-width:768px) {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.benefits-list {
    margin: -15px;

    @media (min-width:1200px) {
        margin-left: -50px;
        margin-right: -50px;
    }
}

.benefits-list__item {
    padding: 15px;

    @media (min-width:768px) {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 33.333333%;
    }

    @media (min-width:1200px) {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.benefit {
    text-align: center;
}

.benefit__icon {
    display: block;
    margin-bottom: 10px;

    svg {
        width: 48px;
        height: 48px;

        path,
        circle {
            stroke: var(--brand-primary);
        }
    }
}

.benefit__name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}