.st-flow-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.st-flow {
    padding-left: 0;
}

    .st-flow > li {
        list-style-type: none;
        position: relative;
        padding-left: 50px;
    }

        .st-flow > li:not(:last-child) {
            padding-bottom: 10px;
        }

        .st-flow > li .st-icon {
            width: 2em;
            height: 2em;
            line-height: 2em;
            text-align: center;
            border-radius: 100vh;
            display: inline-block;
            background: #d13631;
            color: #fff;
            position: absolute;
            left: 0;
        }

        .st-flow > li:not(:last-child)::before {
            content: '';
            background: #808080;
            width: 4px;
            height: 100%;
            position: absolute;
            top: calc(50% - -30px);
            left: 15px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

        .st-flow > li dl dt {
            font-size: 1.5em;
            font-weight: 600;
            color: #222;
        }

        .st-flow > li dl dd {
            margin-left: 0;
        }