.timeline-bar{position:absolute;left:50%;top:0;transform:translateX(-50%);width:2px;height:100%;background-color:#e8e8f6;z-index:1;pointer-events:none}.timeline-bar__progress{position:absolute;top:0;left:0;width:100%;height:0;background-color:#ffcb1d;z-index:2;transition:height .3s ease}.timeline-bar__point{position:absolute;left:50%;transform:translateX(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e8e8f6;color:#fff;transition:background-color .3s ease;z-index:3;pointer-events:none}.timeline-bar__point.active{background-color:#ffcb1d}.timeline-bar__point i{font-size:12px;line-height:1;display:block}.timeline-bar__point .fas.fa-circle{background-color:#ffcb1d;width:65%!important;height:65%!important;border-radius:50%!important;display:block;font-size:0!important;line-height:0!important}@media (max-width:980px){.timeline-bar{left:20px;transform:none}.timeline-bar__point{width:30px;height:30px}.timeline-bar__point i{font-size:10px}}@media (max-width:768px){.timeline-bar{left:12px;transform:none}.timeline-bar__point{width:20px;height:20px}.timeline-bar__point i{font-size:8px}}