.timeline__items{position:relative}.timeline__content{margin-top:30px;padding-left:90px}.timeline-items__inner{flex:0 0 100%;opacity:.5;transition:all .4s ease-out}.timeline__items__col{min-height:100px}.timeline__items__col.odd{justify-content:flex-end}.timeline__items__col.even{justify-content:flex-start}.timeline__starter{height:40px;position:relative}.timeline__start-dot{background:#a855f7;border-radius:50%;height:40px;left:-50px;margin:0 auto;position:absolute;top:-30px;width:40px;z-index:3}.timeline__starter .timeline__start-dot:before{bottom:-2px;height:44px;left:-2px;right:-2px;top:-2px;transition:all .2s ease-out;width:44px}.timeline__starter .timeline__start-dot:after,.timeline__starter .timeline__start-dot:before{background:transparent;border:1px solid #a855f7;border-radius:50%;content:"";opacity:0;position:absolute}.timeline__starter .timeline__start-dot:after{bottom:-4px;height:48px;left:-4px;right:-4px;top:-4px;transition:all .4s ease-out;width:48px}.timeline__starter.active .timeline__start-dot:after,.timeline__starter.active .timeline__start-dot:before{opacity:1}.timeline__items:not(:first-child):before{background:#6a6a90;border-radius:50%;content:"";height:16px;left:-38px;position:absolute;top:8px;transition:all .4s ease-out;width:16px;z-index:2}.timeline__items:not(:last-child) .timeline-items__scroller{background:#dbdbdb;height:100%;left:-31px;position:absolute;top:8px;width:2px}.timeline__items:not(:last-child) .timeline-items__scroller:before{background:#70e9e6;content:"";height:0;left:-1px;position:absolute;right:-1px;top:0;transition:all .4s ease-out}.timeline__items:not(:last-child) .timeline-items__scroller:after{border-left:4px dashed #70e9e6;content:"";height:0;left:-1px;position:absolute;top:0;transition:all .4s ease-out}.timeline__items.active .timeline-items__inner{opacity:1}.timeline__items:not(:first-child).active:before{background:#70e9e6;border-radius:50%;content:"";height:28px;left:-44px;position:absolute;top:0;width:28px}.timeline__items.passed:not(:last-child) .timeline-items__scroller:before,.timeline__items:not(:last-child).active .timeline-items__scroller:after{height:100%}.scroll-step-noanim.timeline__items:before{background:#6a6a90;border-radius:50%;content:"";height:16px;left:-38px;position:absolute;top:8px;transition:all .4s ease-out;width:16px;z-index:2}.scroll-step-noanim.timeline__items .timeline-items__inner{opacity:1}.scroll-step-noanim.timeline__items.timeline__items:not(:last-child) .timeline-items__scroller{background:#70e9e6}@media (min-width:768px){.desktop .timeline__content{padding-left:0}.desktop .timeline-items__inner{flex:0 0 45%}.desktop .timeline-items__inner.even{text-align:right}.desktop .timeline__items:not(:first-child):before{left:calc(50% - 8px)}.desktop .timeline__items:not(:first-child).active:before{left:calc(50% - 14px)}.desktop .timeline__items:not(:last-child) .timeline-items__scroller{left:calc(50% - 1px)}.desktop .timeline__starter{height:100px}.desktop .timeline__start-dot{left:calc(50% - 20px)}}