.steps {
    display: flex;
    flex-direction: column;
    row-gap: 76px
}

.steps__item {
    grid-column-gap: 15px;
    display: grid;
    grid-template-columns: 80px 1fr;
    position: relative
}

.steps__icon {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, .11);
    display: flex;
    height: 80px;
    justify-content: center
}

.steps__icon img {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 60px
}

.steps__content {
    padding-top: 4px
}

.steps__title {
    color: #171717;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.6
}

.steps__desc {
    color: #878787;
    font-size: .75rem;
    line-height: 1.6;
    margin-top: 4px
}

.steps__desc ul {
    list-style-type: none;
    margin-top: 6px;
    padding-left: 0
}

.steps__desc ul li {
    padding-left: 17px;
    position: relative
}

.steps__desc ul li:not(:last-child) {
    margin-bottom: 6px
}

.steps__desc ul li:before {
    background-color: #ff9b40;
    border-radius: 1px;
    content: "";
    display: block;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 10px;
    width: 6px
}

.steps__arrow {
    bottom: -51px;
    color: #01c102;
    font-size: 1.5rem;
    left: 34px;
    position: absolute;
    width: .5em
}

.steps__item:last-child .steps__arrow {
    display: none
}

@media only screen and (min-width:29.75em) {
    .steps__item {
        grid-template-columns: 160px 1fr
    }

    .steps__arrow {
        left: 74px
    }
}

@media only screen and (min-width:48em) {
    .steps__item {
        grid-column-gap: 30px
    }

    .steps__icon {
        height: 156px
    }

    .steps__icon img {
        height: 109px;
        width: 106px
    }

    .steps__content {
        padding-top: 22px
    }

    .steps__title {
        font-size: 1rem
    }

    .steps__desc {
        font-size: .9375rem
    }
}

@media only screen and (min-width:62em) {
    .steps__item {
        grid-template-columns: 270px 1fr
    }

    .steps__desc ul li:before {
        top: 12px
    }

    .steps__arrow {
        left: 128px
    }
}