.timeline{padding:3rem 0;position:relative}.timeline .timeline-point{border-radius:100%;height:22px;left:0;position:absolute;transform:translateX(-50%);width:22px}.timeline .timeline-point.start{top:0}.timeline .timeline-point.end{bottom:0}.timeline .timeline-line{background:blue;height:100%;left:0;position:absolute;top:0;width:1px}@media (min-width:1024px){.timeline{padding:5rem 1rem}.timeline .timeline-line{left:50%}.timeline .timeline-point{margin:0 auto;right:0;transform:translateX(0)}}.timeline .timeline-item{margin-bottom:1rem;padding-left:32px;position:relative}.timeline .timeline-item .item-inner{background:#fff;border-radius:20px;font-size:16px;padding:32px 32px 0;position:relative}.timeline .timeline-item .item-inner:after{background:#fff;content:"";height:30px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:30px;z-index:1}.timeline .step-description p:last-child{margin-bottom:0}.timeline .step-description img{height:auto;max-width:100%}@media (min-width:1024px){.timeline .timeline-item{margin-bottom:0;width:50%}.timeline .timeline-item.odd{margin-right:50%;padding-left:0;padding-right:100px}.timeline .timeline-item.even{margin-left:50%;padding-left:100px}.timeline .timeline-item .item-inner{padding:20px}.timeline .timeline-item.odd .item-inner:after{left:auto;right:0;transform:translate(50%,-50%) rotate(45deg)}.timeline .timeline-item.even .item-inner:after{left:0;transform:translate(-50%,-50%) rotate(45deg)}.timeline .step-description,.timeline .step-headline{padding-left:0}.timeline .timeline-item.even .step-description{margin-left:2px}.timeline .timeline-item.odd .step-description{margin-right:2px}}.timeline .step-mark{border-radius:100%;height:22px;left:0;position:absolute;top:0;top:50%;transform:translate(-50%,-50%);width:22px;z-index:1}@media (min-width:1024px){.timeline .timeline-item.odd .step-mark{left:auto;right:0;transform:translate(50%,-50%)}.timeline .timeline-item.even .step-mark{left:0;transform:translate(-50%,-50%)}}