.scroll-timeline{margin:0 auto;max-width:960px;padding:40px 20px;position:relative}.timeline-item{align-items:center;display:flex;margin:0;position:relative}.timeline-item+.timeline-item{margin-top:240px}.timeline-fill-line{background:#a8d500;left:50%;position:absolute;transform:translateX(-50%);transition:height .2s ease-out;width:2px;z-index:1}.timeline-node{background:#d9ead3;box-shadow:0 12px 24px rgba(138,98,255,.25),0 4px 12px rgba(0,0,0,.1);height:60px;width:60px;z-index:2}.timeline-node,.timeline-node:after{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-node:after{background:#a8d500;content:"";height:50px;width:50px}.item-body{flex:0 0 40%;opacity:0;padding-right:40px;text-align:right;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.item-body.visible{opacity:1;transform:translateY(0)}.item-image{flex:0 0 auto;margin-left:auto;opacity:0;padding-left:40px;position:relative;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;z-index:2}.item-image.visible{opacity:1;transform:translateY(0)}.item-image img{border:none;border-radius:50%;display:block;height:auto;max-height:100%;max-width:100%;object-fit:cover;width:auto}@media (min-width:769px){.item-image{flex:none!important;left:60%;margin:0!important;padding:0!important;position:absolute!important;top:50%;transform:translateY(-50%) translateY(20px)}.item-image.visible{transform:translateY(-50%) translateY(0)}}@media (max-width:768px){.scroll-timeline{padding:20px 10px}.timeline-item+.timeline-item{margin-top:80px}.timeline-fill-line{width:2px}.timeline-node{height:20px;width:20px}.item-body{flex:0 0 45%;padding-right:10px;text-align:right}.item-image{flex:0 0 45%;padding-left:10px;transform:translateY(20px)}.item-image.visible{transform:translateY(0)}.item-image img{height:auto;width:100%}}