.m-solutions-header .label {
    margin-bottom: 16px
}

.m-solutions-header .text-large {
    margin-top: 24px
}

.m-solutions-list {
    counter-reset: item;
    margin-top: 44px
}

@media only screen and (min-width: 1200px) {
    .m-solutions-list {
        margin-top:96px
    }
}

.m-solutions-list.numbers .m-solutions-list-column::after {
    content: counter(item) ".";
    font-size: 20px;
    display: block;
    margin-top: auto
}

@media only screen and (min-width: 864px) {
    .m-solutions-list.numbers .m-solutions-list-column::after {
        font-size:32px
    }
}

@media only screen and (min-width: 1200px) {
    .m-solutions-list.numbers .m-solutions-list-column::after {
        font-size:44px
    }
}

.m-solutions-list-column {
    display: flex;
    flex-direction: column;
    counter-increment: item;
    position: relative;
    padding-bottom: 120px
}

@media only screen and (max-width: 863px) {
    .m-solutions-list-column {
        margin-bottom:32px
    }
}

.m-solutions-list-item {
    margin-bottom: 24px
}

.m-solutions-list-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 68px;
    height: 68px;
    margin-bottom: 24px;
    border: 1px solid rgba(1,9,22,.12)
}

.m-solutions.m-section--dark .m-solutions-list-item .icon {
    border-color: rgba(255,255,255,.12)
}

.m-solutions-list-item .icon img {
    display: block;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.m-solutions-list-item .text {
    margin-top: 12px
}
