.timeline{position:relative;max-width:1068px;margin:0 auto}.timeline::after{content:"";position:absolute;width:6px;background-color:#baece3;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.container.emphasise::before{border-color:rgba(0,0,0,0) #7d43e0 rgba(0,0,0,0) rgba(0,0,0,0)}.container.emphasise::after{border-color:#7d43e0}.container::after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #51ccbc;top:2.15rem;border-radius:50%;z-index:1}.left{left:-25.4%}.right{left:25.35%}.left::before{content:" ";height:0;position:absolute;top:2.5rem;width:0;z-index:1;right:30px;border:medium solid #fff;border-width:10px 0 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.right::before{content:" ";height:0;position:absolute;top:2.5rem;width:0;z-index:1;left:30px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.right::after{left:-16px}.content{padding:2rem;background-color:#fff;position:relative;border-radius:1rem;box-shadow:0 2px 10px 0 rgba(173,173,180,.16)}.content.emphasise{background-color:#7d43e0;color:#fff}@media screen and (width <= 600px){.timeline::after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container::before{left:60px;border:medium solid #fff;border-width:10px 10px 10px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.left{left:3px}.left::after{left:15px}.right{left:0}.right::after{left:15px}}