.timeline {
    position: relative;
}

    /*Line*/
    .timeline > li::before {
        content: '';
        position: absolute;
        width: 1px;
        background-color: #E7E7E7;
        top: 0;
        bottom: 0;
        left: -19px;
    }

    /*Circle*/
    .timeline > li::after {
        text-align: center;
        padding-top: 5px;
        z-index: 10;
        content: counter(item);
        color: white;
        font-weight: bold;
        position: absolute;
        width: 50px;
        height: 50px;
        border: 3px solid white;
        background-color: #1E90FF;
        border-radius: 50%;
        top: 0;
        left: -43px;
        font-size:20px;
    }

    /*Content*/
    .timeline > li {
        counter-increment: item;
        padding: 4px 35px;
        margin-left: 150px;
        min-height: 60px;
        position: relative;
        background-color: white;
        list-style: none;
        right: 50px;
    }

        .timeline > li:nth-last-child(1)::before {
            width: 0px;
        }