.timeline-parent{height:100%}.timeline-line{position:relative;width:2px;height:100%;background:#7a7a7a;margin:0 auto}.timeline-line::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:56px;background:#cfcfcf;border-radius:2px}.timeline-line-white{position:relative;width:2px;height:100%;background:#b4b4b4;margin:0 auto}.timeline-line-white::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:56px;background:#000;border-radius:2px}.service-line{position:relative;width:100%;height:2px;background:#8a8a8a}.service-line-year::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:50px;height:4px;background:#222;border-radius:2px}.service-line-seve::before{content:"";position:absolute;left:20%;top:50%;transform:translateY(-50%);width:50px;height:4px;background:#222;border-radius:2px}.service-line-client::before{content:"";position:absolute;left:35%;top:50%;transform:translateY(-50%);width:50px;height:4px;background:#222;border-radius:2px}.service-line-expr::before{content:"";position:absolute;left:70%;top:50%;transform:translateY(-50%);width:50px;height:4px;background:#222;border-radius:2px}.service-line-schedule::before{content:"";position:absolute;left:50%;top:50%;transform:translateY(-50%);width:100px;height:4px;background:#222;border-radius:2px}.service-line-approach::before{content:"";position:absolute;left:50%;top:50%;transform:translateY(-50%);width:100px;height:4px;background:#fff;border-radius:2px}