.step {
    position: relative;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

.step.step-dashed .step-icon::after {
    border-left-style: dashed
}

.step-title {
    display: block;
    color: #1e2022;
    font-weight: 600
}

.step-text:last-child {
    color: #677788;
    margin-bottom: 0
}

.step-border-last-0 .step-item:last-child .step-icon::after {
    display: none
}

.step .step-item {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-bottom: 1.5rem
}

.step-item-between .step-item:last-child {
    flex: 0 0 auto;
    width: auto
}

.step .step-content-wrapper {
    position: relative;
    display: flex;
    width: 100%
}

.step .step-content {
    flex: 1
}

.step-item.collapse:not(.show) {
    display: none
}

.step-item .step-title-description {
    display: none
}

.step-item.focus .step-title-description {
    display: block
}

.step .step-avatar {
    font-size: 1rem;
    font-weight: 600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem
}

.step .step-avatar-img {
    max-width: 100%;
    height: auto;
    border-radius: 50%
}

.step .step-avatar::after {
    position: absolute;
    top: 3.59375rem;
    left: 1.5625rem;
    height: calc(100% - 2.65625rem);
    border-left: .125rem solid #e7eaf3;
    content: ""
}

.step-avatar-xs .step-avatar,.step-avatar-xs.step-avatar {
    font-size: .75rem;
    width: 1.75rem;
    height: 1.75rem
}

.step-avatar-xs .step-avatar::after,.step-avatar-xs.step-avatar::after {
    top: 2.21875rem;
    left: .8125rem;
    width: 1.0625rem;
    height: calc(100% - 1.28125rem)
}

.step-avatar-xs .step-divider::after {
    left: .875rem
}

.step-avatar-sm .step-avatar,.step-avatar-sm.step-avatar {
    font-size: .8125rem;
    width: 2.6875rem;
    height: 2.6875rem
}

.step-avatar-sm .step-avatar::after,.step-avatar-sm.step-avatar::after {
    top: 3.15625rem;
    left: 1.28125rem;
    width: 1.0625rem;
    height: calc(100% - 2.21875rem)
}

.step-avatar-sm .step-divider::after {
    left: 1.34375rem
}

.step-avatar-lg .step-avatar,.step-avatar-lg.step-avatar {
    font-size: 1.25rem;
    width: 4.25rem;
    height: 4.25rem
}

.step-avatar-lg .step-avatar::after,.step-avatar-lg.step-avatar::after {
    top: 4.71875rem;
    left: 2.0625rem;
    width: 1.0625rem;
    height: calc(100% - 3.78125rem)
}

.step-avatar-lg .step-divider::after {
    left: 2.125rem
}

.step-divider {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    height: 1rem;
    font-weight: 600
}

.step-divider::after {
    position: absolute;
    top: 1.46875rem;
    left: 1.5625rem;
    height: calc(100% - .53125rem);
    border-left: .125rem solid #e7eaf3;
    content: ""
}

.step .step-icon {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem
}

.step .step-icon::after {
    position: absolute;
    top: 3.59375rem;
    left: 1.5625rem;
    height: calc(100% - 2.65625rem);
    border-left: .125rem solid #e7eaf3;
    content: ""
}

.step .step-icon-pseudo::before {
    display: block;
    width: .25rem;
    height: .25rem;
    background-color: #97a4af;
    border-radius: 50%;
    content: ""
}

.step-icon-xs .step-icon,.step-icon-xs.step-icon {
    font-size: .75rem;
    width: 1.75rem;
    height: 1.75rem
}

.step-icon-xs .step-icon::after,.step-icon-xs.step-icon::after {
    top: 2.21875rem;
    left: .8125rem;
    width: 1.0625rem;
    height: calc(100% - 1.28125rem)
}

.step-icon-xs .step-divider::after {
    left: .875rem
}

.step-icon-sm .step-icon,.step-icon-sm.step-icon {
    font-size: .8125rem;
    width: 2.6875rem;
    height: 2.6875rem
}

.step-icon-sm .step-icon::after,.step-icon-sm.step-icon::after {
    top: 3.15625rem;
    left: 1.28125rem;
    width: 1.0625rem;
    height: calc(100% - 2.21875rem)
}

.step-icon-sm .step-divider::after {
    left: 1.34375rem
}

.step-icon-lg .step-icon,.step-icon-lg.step-icon {
    font-size: 1.25rem;
    width: 4.25rem;
    height: 4.25rem
}

.step-icon-lg .step-icon::after,.step-icon-lg.step-icon::after {
    top: 4.71875rem;
    left: 2.0625rem;
    width: 1.0625rem;
    height: calc(100% - 3.78125rem)
}

.step-icon-lg .step-divider::after {
    left: 2.125rem
}

@media (min-width: 576px) {
    .step-sm.step-dashed .step-icon::after {
        border-left:none;
        border-top-style: dashed
    }

    .step-sm .step-item {
        flex-grow: 1;
        flex: 1;
        margin-bottom: 0
    }

    .step-sm:not(.step-inline) .step-content-wrapper {
        display: block
    }

    .step-sm .step-icon {
        margin-bottom: 1rem
    }

    .step-sm .step-icon::after {
        top: 1.5625rem;
        left: 4.0625rem;
        width: calc(100% - 4.0625rem);
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        border-left: none
    }

    .step-sm .step-icon.step-icon-xs::after,.step-sm.step-icon-xs .step-icon::after {
        top: .875rem;
        left: 2.6875rem;
        width: calc(100% - 2.6875rem)
    }

    .step-sm .step-icon.step-icon-sm::after,.step-sm.step-icon-sm .step-icon::after {
        top: 1.34375rem;
        left: 3.625rem;
        width: calc(100% - 3.625rem)
    }

    .step-sm .step-icon.step-icon-lg::after,.step-sm.step-icon-lg .step-icon::after {
        top: 2.125rem;
        left: 5.1875rem;
        width: calc(100% - 5.1875rem)
    }
}

@media (min-width: 768px) {
    .step-md.step-dashed .step-icon::after {
        border-left:none;
        border-top-style: dashed
    }

    .step-md .step-item {
        flex-grow: 1;
        flex: 1;
        margin-bottom: 0
    }

    .step-md:not(.step-inline) .step-content-wrapper {
        display: block
    }

    .step-md .step-icon {
        margin-bottom: 1rem
    }

    .step-md .step-icon::after {
        top: 1.5625rem;
        left: 4.0625rem;
        width: calc(100% - 4.0625rem);
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        border-left: none
    }

    .step-md .step-icon.step-icon-xs::after,.step-md.step-icon-xs .step-icon::after {
        top: .875rem;
        left: 2.6875rem;
        width: calc(100% - 2.6875rem)
    }

    .step-md .step-icon.step-icon-sm::after,.step-md.step-icon-sm .step-icon::after {
        top: 1.34375rem;
        left: 3.625rem;
        width: calc(100% - 3.625rem)
    }

    .step-md .step-icon.step-icon-lg::after,.step-md.step-icon-lg .step-icon::after {
        top: 2.125rem;
        left: 5.1875rem;
        width: calc(100% - 5.1875rem)
    }
}

@media (min-width: 992px) {
    .step-lg.step-dashed .step-icon::after {
        border-left:none;
        border-top-style: dashed
    }

    .step-lg .step-item {
        flex-grow: 1;
        flex: 1;
        margin-bottom: 0
    }

    .step-lg:not(.step-inline) .step-content-wrapper {
        display: block
    }

    .step-lg .step-icon {
        margin-bottom: 1rem
    }

    .step-lg .step-icon::after {
        top: 1.5625rem;
        left: 4.0625rem;
        width: calc(100% - 4.0625rem);
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        border-left: none
    }

    .step-lg .step-icon.step-icon-xs::after,.step-lg.step-icon-xs .step-icon::after {
        top: .875rem;
        left: 2.6875rem;
        width: calc(100% - 2.6875rem)
    }

    .step-lg .step-icon.step-icon-sm::after,.step-lg.step-icon-sm .step-icon::after {
        top: 1.34375rem;
        left: 3.625rem;
        width: calc(100% - 3.625rem)
    }

    .step-lg .step-icon.step-icon-lg::after,.step-lg.step-icon-lg .step-icon::after {
        top: 2.125rem;
        left: 5.1875rem;
        width: calc(100% - 5.1875rem)
    }
}

@media (min-width: 1200px) {
    .step-xl.step-dashed .step-icon::after {
        border-left:none;
        border-top-style: dashed
    }

    .step-xl .step-item {
        flex-grow: 1;
        flex: 1;
        margin-bottom: 0
    }

    .step-xl:not(.step-inline) .step-content-wrapper {
        display: block
    }

    .step-xl .step-icon {
        margin-bottom: 1rem
    }

    .step-xl .step-icon::after {
        top: 1.5625rem;
        left: 4.0625rem;
        width: calc(100% - 4.0625rem);
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        border-left: none
    }

    .step-xl .step-icon.step-icon-xs::after,.step-xl.step-icon-xs .step-icon::after {
        top: .875rem;
        left: 2.6875rem;
        width: calc(100% - 2.6875rem)
    }

    .step-xl .step-icon.step-icon-sm::after,.step-xl.step-icon-sm .step-icon::after {
        top: 1.34375rem;
        left: 3.625rem;
        width: calc(100% - 3.625rem)
    }

    .step-xl .step-icon.step-icon-lg::after,.step-xl.step-icon-lg .step-icon::after {
        top: 2.125rem;
        left: 5.1875rem;
        width: calc(100% - 5.1875rem)
    }
}

@media (min-width: 576px) {
    .step-sm.step-centered {
        text-align:center
    }

    .step-sm.step-centered .step-item:last-child .step-icon::after {
        display: none
    }

    .step-sm.step-centered .step-icon {
        margin-left: auto;
        margin-right: auto
    }

    .step-sm.step-centered .step-icon::after {
        width: calc(100% - 3.125rem);
        left: calc(50% + 2.5rem)
    }

    .step-sm.step-centered .step-icon.step-icon-xs::after,.step-sm.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.75rem);
        left: calc(50% + 1.8125rem)
    }

    .step-sm.step-centered .step-icon.step-icon-sm::after,.step-sm.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.6875rem);
        left: calc(50% + 2.28125rem)
    }

    .step-sm.step-centered .step-icon.step-icon-lg::after,.step-sm.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 4.25rem);
        left: calc(50% + 3.0625rem)
    }
}

@media (min-width: 768px) {
    .step-md.step-centered {
        text-align:center
    }

    .step-md.step-centered .step-item:last-child .step-icon::after {
        display: none
    }

    .step-md.step-centered .step-icon {
        margin-left: auto;
        margin-right: auto
    }

    .step-md.step-centered .step-icon::after {
        width: calc(100% - 3.125rem);
        left: calc(50% + 2.5rem)
    }

    .step-md.step-centered .step-icon.step-icon-xs::after,.step-md.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.75rem);
        left: calc(50% + 1.8125rem)
    }

    .step-md.step-centered .step-icon.step-icon-sm::after,.step-md.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.6875rem);
        left: calc(50% + 2.28125rem)
    }

    .step-md.step-centered .step-icon.step-icon-lg::after,.step-md.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 4.25rem);
        left: calc(50% + 3.0625rem)
    }
}

@media (min-width: 992px) {
    .step-lg.step-centered {
        text-align:center
    }

    .step-lg.step-centered .step-item:last-child .step-icon::after {
        display: none
    }

    .step-lg.step-centered .step-icon {
        margin-left: auto;
        margin-right: auto
    }

    .step-lg.step-centered .step-icon::after {
        width: calc(100% - 3.125rem);
        left: calc(50% + 2.5rem)
    }

    .step-lg.step-centered .step-icon.step-icon-xs::after,.step-lg.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.75rem);
        left: calc(50% + 1.8125rem)
    }

    .step-lg.step-centered .step-icon.step-icon-sm::after,.step-lg.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.6875rem);
        left: calc(50% + 2.28125rem)
    }

    .step-lg.step-centered .step-icon.step-icon-lg::after,.step-lg.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 4.25rem);
        left: calc(50% + 3.0625rem)
    }
}

@media (min-width: 992px) {
    .step-lg.step-centered {
        text-align:center
    }

    .step-lg.step-centered .step-item:last-child .step-icon::after {
        display: none
    }

    .step-lg.step-centered .step-icon {
        margin-left: auto;
        margin-right: auto
    }

    .step-lg.step-centered .step-icon::after {
        width: calc(100% - 3.125rem);
        left: calc(50% + 2.5rem)
    }

    .step-lg.step-centered .step-icon.step-icon-xs::after,.step-lg.step-centered.step-icon-xs .step-icon::after {
        width: calc(100% - 1.75rem);
        left: calc(50% + 1.8125rem)
    }

    .step-lg.step-centered .step-icon.step-icon-sm::after,.step-lg.step-centered.step-icon-sm .step-icon::after {
        width: calc(100% - 2.6875rem);
        left: calc(50% + 2.28125rem)
    }

    .step-lg.step-centered .step-icon.step-icon-lg::after,.step-lg.step-centered.step-icon-lg .step-icon::after {
        width: calc(100% - 4.25rem);
        left: calc(50% + 3.0625rem)
    }
}

.step .step-is-invalid-icon,.step .step-is-valid-icon {
    display: none
}

.step .active .step-icon,.step .active.is-valid .step-icon {
    color: #fff;
    background-color: #377dff
}

.step .active .step-title,.step .active.is-valid .step-title {
    color: #377dff
}

.step .is-valid .step-icon {
    color: #fff;
    background-color: #377dff
}

.step .is-valid .step-title {
    color: #377dff
}

.step .is-valid .step-is-valid-icon {
    display: inline-flex
}

.step .is-valid .step-is-default-icon,.step .is-valid .step-is-invalid-icon {
    display: none
}

.step .is-invalid .step-icon {
    color: #fff;
    background-color: #ed4c78
}

.step .is-invalid .step-title {
    color: #ed4c78
}

.step .is-invalid .step-is-invalid-icon {
    display: inline-flex
}

.step .is-invalid .step-is-default-icon,.step .is-invalid .step-is-valid-icon {
    display: none
}



.step-inline .step-content-wrapper {
    align-items: center
}

.step-inline .step-item:last-child .step-title::after {
    display: none
}

.step-inline .step-title {
    display: inline-block
}

@media (min-width: 576px) {
    .step-sm.step-inline.step-dashed .step-title::after {
        border-top-style:dashed
    }

    .step-sm.step-inline .step-item {
        overflow: hidden
    }

    .step-sm.step-inline .step-icon {
        margin-bottom: 0
    }

    .step-sm.step-inline .step-icon::after {
        display: none
    }

    .step-sm.step-inline .step-title::after {
        position: absolute;
        top: 1.5625rem;
        width: 100%;
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        margin-left: .9375rem;
        content: ""
    }

    .step-sm.step-inline .step-icon-xs+.step-content .step-title::after,.step-sm.step-inline.step-icon-xs .step-content .step-title::after {
        top: .875rem
    }

    .step-sm.step-inline .step-icon-sm+.step-content .step-title::after,.step-sm.step-inline.step-icon-sm .step-content .step-title::after {
        top: 1.34375rem
    }

    .step-sm.step-inline .step-icon-lg+.step-content .step-title::after,.step-sm.step-inline.step-icon-lg .step-content .step-title::after {
        top: 2.125rem
    }
}

@media (min-width: 768px) {
    .step-md.step-inline.step-dashed .step-title::after {
        border-top-style:dashed
    }

    .step-md.step-inline .step-item {
        overflow: hidden
    }

    .step-md.step-inline .step-icon {
        margin-bottom: 0
    }

    .step-md.step-inline .step-icon::after {
        display: none
    }

    .step-md.step-inline .step-title::after {
        position: absolute;
        top: 1.5625rem;
        width: 100%;
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        margin-left: .9375rem;
        content: ""
    }

    .step-md.step-inline .step-icon-xs+.step-content .step-title::after,.step-md.step-inline.step-icon-xs .step-content .step-title::after {
        top: .875rem
    }

    .step-md.step-inline .step-icon-sm+.step-content .step-title::after,.step-md.step-inline.step-icon-sm .step-content .step-title::after {
        top: 1.34375rem
    }

    .step-md.step-inline .step-icon-lg+.step-content .step-title::after,.step-md.step-inline.step-icon-lg .step-content .step-title::after {
        top: 2.125rem
    }
}

@media (min-width: 992px) {
    .step-lg.step-inline.step-dashed .step-title::after {
        border-top-style:dashed
    }

    .step-lg.step-inline .step-item {
        overflow: hidden
    }

    .step-lg.step-inline .step-icon {
        margin-bottom: 0
    }

    .step-lg.step-inline .step-icon::after {
        display: none
    }

    .step-lg.step-inline .step-title::after {
        position: absolute;
        top: 1.5625rem;
        width: 100%;
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        margin-left: .9375rem;
        content: ""
    }

    .step-lg.step-inline .step-icon-xs+.step-content .step-title::after,.step-lg.step-inline.step-icon-xs .step-content .step-title::after {
        top: .875rem
    }

    .step-lg.step-inline .step-icon-sm+.step-content .step-title::after,.step-lg.step-inline.step-icon-sm .step-content .step-title::after {
        top: 1.34375rem
    }

    .step-lg.step-inline .step-icon-lg+.step-content .step-title::after,.step-lg.step-inline.step-icon-lg .step-content .step-title::after {
        top: 2.125rem
    }
}

@media (min-width: 1200px) {
    .step-xl.step-inline.step-dashed .step-title::after {
        border-top-style:dashed
    }

    .step-xl.step-inline .step-item {
        overflow: hidden
    }

    .step-xl.step-inline .step-icon {
        margin-bottom: 0
    }

    .step-xl.step-inline .step-icon::after {
        display: none
    }

    .step-xl.step-inline .step-title::after {
        position: absolute;
        top: 1.5625rem;
        width: 100%;
        height: 1.0625rem;
        border-top: .125rem solid #e7eaf3;
        margin-left: .9375rem;
        content: ""
    }

    .step-xl.step-inline .step-icon-xs+.step-content .step-title::after,.step-xl.step-inline.step-icon-xs .step-content .step-title::after {
        top: .875rem
    }

    .step-xl.step-inline .step-icon-sm+.step-content .step-title::after,.step-xl.step-inline.step-icon-sm .step-content .step-title::after {
        top: 1.34375rem
    }

    .step-xl.step-inline .step-icon-lg+.step-content .step-title::after,.step-xl.step-inline.step-icon-lg .step-content .step-title::after {
        top: 2.125rem
    }
}

@media (min-width: 576px) {
    .step-timeline-sm {
        margin-left:0;
        margin-right: 0
    }

    .step-timeline-sm .step-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 50%
    }

    .step-timeline-sm .step-item:nth-child(even) {
        flex-direction: row-reverse;
        text-align: right;
        margin-left: auto;
        margin-right: 50%
    }

    .step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
        flex-direction: row-reverse
    }

    .step-timeline-sm .step-item:nth-child(even) .step-icon {
        margin-left: 0;
        margin-right: -1.5625rem
    }

    .step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
        margin-right: -.875rem
    }

    .step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
        margin-right: -1.34375rem
    }

    .step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
        margin-right: -2.125rem
    }

    .step-timeline-sm .step-item:nth-child(even) .step-content {
        margin-right: 1.5rem
    }

    .step-timeline-sm .step-icon {
        margin-left: -1.5625rem
    }

    .step-timeline-sm .step-icon::after {
        left: auto;
        width: auto
    }

    .step-timeline-sm .step-icon-xs {
        margin-left: -.875rem
    }

    .step-timeline-sm .step-icon-sm {
        margin-left: -1.34375rem
    }

    .step-timeline-sm .step-icon-lg {
        margin-left: -2.125rem
    }
}

@media (min-width: 768px) {
    .step-timeline-md {
        margin-left:0;
        margin-right: 0
    }

    .step-timeline-md .step-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 50%
    }

    .step-timeline-md .step-item:nth-child(even) {
        flex-direction: row-reverse;
        text-align: right;
        margin-left: auto;
        margin-right: 50%
    }

    .step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
        flex-direction: row-reverse
    }

    .step-timeline-md .step-item:nth-child(even) .step-icon {
        margin-left: 0;
        margin-right: -1.5625rem
    }

    .step-timeline-md .step-item:nth-child(even) .step-icon-xs {
        margin-right: -.875rem
    }

    .step-timeline-md .step-item:nth-child(even) .step-icon-sm {
        margin-right: -1.34375rem
    }

    .step-timeline-md .step-item:nth-child(even) .step-icon-lg {
        margin-right: -2.125rem
    }

    .step-timeline-md .step-item:nth-child(even) .step-content {
        margin-right: 1.5rem
    }

    .step-timeline-md .step-icon {
        margin-left: -1.5625rem
    }

    .step-timeline-md .step-icon::after {
        left: auto;
        width: auto
    }

    .step-timeline-md .step-icon-xs {
        margin-left: -.875rem
    }

    .step-timeline-md .step-icon-sm {
        margin-left: -1.34375rem
    }

    .step-timeline-md .step-icon-lg {
        margin-left: -2.125rem
    }
}

@media (min-width: 992px) {
    .step-timeline-lg {
        margin-left:0;
        margin-right: 0
    }

    .step-timeline-lg .step-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 50%
    }

    .step-timeline-lg .step-item:nth-child(even) {
        flex-direction: row-reverse;
        text-align: right;
        margin-left: auto;
        margin-right: 50%
    }

    .step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
        flex-direction: row-reverse
    }

    .step-timeline-lg .step-item:nth-child(even) .step-icon {
        margin-left: 0;
        margin-right: -1.5625rem
    }

    .step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
        margin-right: -.875rem
    }

    .step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
        margin-right: -1.34375rem
    }

    .step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
        margin-right: -2.125rem
    }

    .step-timeline-lg .step-item:nth-child(even) .step-content {
        margin-right: 1.5rem
    }

    .step-timeline-lg .step-icon {
        margin-left: -1.5625rem
    }

    .step-timeline-lg .step-icon::after {
        left: auto;
        width: auto
    }

    .step-timeline-lg .step-icon-xs {
        margin-left: -.875rem
    }

    .step-timeline-lg .step-icon-sm {
        margin-left: -1.34375rem
    }

    .step-timeline-lg .step-icon-lg {
        margin-left: -2.125rem
    }
}

@media (min-width: 1200px) {
    .step-timeline-xl {
        margin-left:0;
        margin-right: 0
    }

    .step-timeline-xl .step-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 50%
    }

    .step-timeline-xl .step-item:nth-child(even) {
        flex-direction: row-reverse;
        text-align: right;
        margin-left: auto;
        margin-right: 50%
    }

    .step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
        flex-direction: row-reverse
    }

    .step-timeline-xl .step-item:nth-child(even) .step-icon {
        margin-left: 0;
        margin-right: -1.5625rem
    }

    .step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
        margin-right: -.875rem
    }

    .step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
        margin-right: -1.34375rem
    }

    .step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
        margin-right: -2.125rem
    }

    .step-timeline-xl .step-item:nth-child(even) .step-content {
        margin-right: 1.5rem
    }

    .step-timeline-xl .step-icon {
        margin-left: -1.5625rem
    }

    .step-timeline-xl .step-icon::after {
        left: auto;
        width: auto
    }

    .step-timeline-xl .step-icon-xs {
        margin-left: -.875rem
    }

    .step-timeline-xl .step-icon-sm {
        margin-left: -1.34375rem
    }

    .step-timeline-xl .step-icon-lg {
        margin-left: -2.125rem
    }
}