.card-content-with-icon {
    @include breakpoint(md) {
        margin-bottom: 42px;
    }

    & + .card-content-with-icon {
        margin-top: 40px;

        @include breakpoint(md) {
            margin-top: 0;
        }
    }

    .card-wrap {
        height: 100%;
    }

    .text {
        // margin-top: auto;
        max-width: 248px;
        margin: 0 auto;
    }

    h3 {
        letter-spacing: -0.01em;
        margin-bottom: 33px;
        @include breakpointMax(lg) {
            line-height: 1.75;
            margin-bottom: 16px;
        }
    }

    .icon-wrap {
        height: 78px;
        margin-bottom: 26px;

        @include breakpoint(lg) {
            margin-bottom: 36px;
        }

        img {
            max-height: 78px;
        }
    }

    h4 {
        text-transform: uppercase;
        margin-bottom: 24px;
    }

    p {
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 20px;

        @include breakpoint(lg) {
            margin-bottom: 25px;
        }

        &:last-child {
            margin-bottom: 0;
        }
    }
}

.content-with-icon-block {
    .heading {
        // max-width: 700px;
        max-width: 800px;

        &.text-center {
            margin-left: auto;
            margin-right: auto;

            p {
                margin-left: auto;
                margin-right: auto;
            }
        }

        p {
            max-width: 730px;
        }

        h2 {
            margin-bottom: 24px;
        }
    }
}