.timeline-vertical{position:relative}.timeline-vertical .stripes{display:flex;height:calc(105% + 30px);left:50%;opacity:.8;position:absolute;top:-30px;transform:translateX(-50%);width:35px}.timeline-vertical .stripes .stripe{height:100%;width:25%}.timeline-vertical .stripes:after{background-color:#fff;clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:35px;position:absolute;top:-2px;width:100%}.timeline-vertical .steps{display:flex;flex-direction:column;margin-top:65px}.timeline-vertical .steps .step{display:flex;height:auto;margin:0 auto;max-width:1272px;position:relative;width:100%}.timeline-vertical .steps .step.even{justify-content:flex-end}.timeline-vertical .steps .step.odd{justify-content:flex-start}.timeline-vertical .steps .step .step-content{background-color:#fff;border-style:solid;border-width:2px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);max-width:45%;padding:60px 20px 20px 3%;position:relative}.timeline-vertical .steps .step .step-content .step-number{font-size:3em;font-weight:900;left:5%;position:absolute;top:5%}.timeline-vertical .steps .step .step-content h3{margin-top:40px;text-transform:uppercase}.timeline-vertical .steps .step .step-content .step-line{height:5px;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:-1}