.offer__steps {
    background: #000;
    color: $color-primary;;
    border-top: 1px solid #696969;
    border-bottom: 1px solid #696969;
    padding: 1em 0;

    @media (max-width: 980px) {
        font-size: 8px;
    }
    @media (max-width: 767px) {
        padding: 0;
    }
}
.steps__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3em;

    .steps__item {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }
    .steps__number {
        color: $color-secondary;
        font-size: 8em;
        font-family: 'Vanguard-ExtraBold';
        margin-right: 0.2em;
        padding: 0;
    }
    .steps__item-copy {
        font-size: 3.2em;
        text-transform: uppercase;
        line-height: 1;
    }

    @media (max-width: 767px) {
        grid-template-columns: 1fr;

        .steps__item-copy br {
            display: none;
        }
        .steps__number {
            min-width: 0.5em;
        }

        .steps__item {
            position: relative;
            padding-bottom: 0.6em;
            justify-content: flex-start;

            &:not(:last-child):before {
                content: '';
                content: '';
                border-bottom: 1px solid #696969;
                height: 1px;
                width: calc(100% + 40px);
                left: -20px;
                position: absolute;
                bottom: 0;
            }
        }
    }
}