.timeline {
    position: relative;
    margin: 2rem 0;
    padding-left: 20px;
    border-left: 3px solid #0d6efd;
}
.timeline-item {
    position: relative;
    margin-bottom: 40px;
}
.timeline-item::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: #0d6efd;
    border-radius: 50%;
    z-index: 1;
}
.timeline-item.left .timeline-content {
    margin-left: 20px;
}
.timeline-item.right .timeline-content {
    margin-left: 20px;
}