.timeline{padding:2rem 0;position:relative}.timeline:before{content:"";background:#000;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-progress{z-index:50;background:#0000001a;width:4px;height:100vh;position:fixed;top:0;left:2rem}.timeline-progress-bar{background:#000;width:100%;height:0;transition:height .2s linear}.timeline-item{margin-bottom:4rem;padding-top:1rem;position:relative}.timeline-dot,.timeline-dot.sliding-dot{z-index:10;background:#000;border:4px solid #fff;border-radius:50%;width:24px;height:24px;animation:2.5s ease-in-out infinite pulse;position:absolute;left:50%}@keyframes pulse{0%,to{transform:translate(-50%)scale(1);box-shadow:0 0 6px #0000004d,inset 0 0 4px #fff3}50%{transform:translate(-50%)scale(1.1);box-shadow:0 0 12px #0009,inset 0 0 6px #ffffff4d}}.timeline-content{opacity:0;background:#fff;border:2px solid #000;width:45%;padding:2rem;transition:all .6s ease-out;position:relative;transform:translateY(40px)}.timeline-item.visible .timeline-content{opacity:1;transform:translateY(0)}.timeline-content:after{content:"";border:10px solid #0000;width:0;height:0;position:absolute;top:2rem}.timeline-item:nth-child(odd) .timeline-content{margin-left:auto}.timeline-item:nth-child(odd) .timeline-content:after{border-right-color:#000;left:-20px}.timeline-item:nth-child(2n) .timeline-content{margin-right:auto}.timeline-item:nth-child(2n) .timeline-content:after{border-left-color:#000;right:-20px}.timeline-step{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:300;display:flex;position:absolute;top:-12px}.timeline-item:nth-child(odd) .timeline-step{right:-12px}.timeline-item:nth-child(2n) .timeline-step{left:-12px}.timeline-end-marker{height:2rem;position:relative}.timeline-end-marker>div{position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:900px){.timeline-dot,.timeline-dot.sliding-dot{left:50%!important;transform:translate(-50%)!important}.timeline-content{width:90%!important;margin-bottom:2.5rem!important;margin-left:auto!important;margin-right:auto!important}.timeline-content:after{display:none!important}.timeline-step{left:auto!important;right:-12px!important}.timeline-progress{left:auto;right:1rem}}