.timeline-container{position:relative;max-width:900px;margin:50px auto;padding:0 15px;overflow:hidden}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#e9ecef;transform:translateX(-50%);z-index:0}.timeline-element{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.timeline-element.timeline-element-right{flex-direction:row-reverse}.timeline-card{width:45%}.timeline-dot{z-index:1}.timeline-empty{width:45%}@media(max-width:767.98px){.timeline-empty{display:none}.timeline-element{flex-direction:row-reverse}.timeline-card{width:80%}.timeline-line{left:45px}}