.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
}

    .timeline::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 80px;
        width: 2px;
        background: #dee2e6;
    }

.timeline-item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 100px;
}

    .timeline-item::before {
        content: '';
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #007bff;
        border: 2px solid #fff;
    }

.timeline-date {
    width: 70px;
    font-weight: bold;
    text-align: right;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.timeline-content {
    display: inline-block;
    vertical-align: middle;
}