.timeline{position:relative;max-width:1200px}.timeline h1{margin:6rem 0;text-align:center}.timeline-wrapper{position:relative;display:flex;flex-direction:column}.timeline-wrapper .line{position:absolute;top:3rem;left:50%;transform:translateX(-50%);width:.4rem;height:100%;overflow-y:hidden}.timeline-wrapper .red-line,.timeline-wrapper .white-line{display:block;position:absolute;width:100%;pointer-events:none}.timeline-wrapper .white-line{background:#fff;height:20%}.timeline-wrapper .red-line{background:var(--color-background);height:100%}.timeline-wrapper h2{font-size:2.5rem;margin:1rem 0 0}.timeline-wrapper .image img{max-width:100%;height:auto}.timeline-wrapper a{color:#fff;text-decoration:none}.timeline-wrapper .container{padding:1rem 2rem;position:relative;background-color:inherit;width:50%}.timeline-wrapper .container::before{content:" ";height:0;position:absolute;top:3rem;width:0;z-index:1;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff}.timeline-wrapper .container::after{content:"";position:absolute;width:2rem;height:2rem;background-color:#fff;top:2rem;border-radius:50%;z-index:1}.timeline-wrapper .timeline-left{align-self:flex-start}.timeline-wrapper .timeline-left::before{right:1rem;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #252b3a}.timeline-wrapper .timeline-left::after{right:-1rem}.timeline-wrapper .timeline-right{align-self:flex-end}.timeline-wrapper .timeline-right::before{left:1rem;border-width:10px 10px 10px 0;border-color:transparent #252b3a transparent transparent}.timeline-wrapper .timeline-right::after{left:-1rem}.timeline-wrapper .content{padding:2rem;background-color:#252b3a;position:relative;border-radius:6px}@media screen and (max-width:1023px){.timeline-wrapper h2{font-size:1.8rem}.timeline-wrapper .container{width:100%}.timeline-wrapper .container::before{left:1rem;border-width:10px 10px 10px 0;border-color:transparent #252b3a transparent transparent}.timeline-wrapper .container::after{left:-1rem}}