.timeline,.timeline__item{position:relative}.timeline__item{display:flex}.timeline__item.right{justify-content:flex-end}.timeline__item:first-child{margin-top:0;padding-top:0}.timeline__item-inner{color:var(--white-color);max-width:700px;padding-bottom:40px;padding-top:40px;width:50%}.timeline__content{background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.075));border-radius:8px;padding:2em}.timeline__year{padding-bottom:.2em}.timeline__heading,.timeline__year{color:var(--white-color)}.timeline__heading{padding-bottom:.2em}@media(min-width:768px){.timeline__item.left .timeline__item-inner{padding-right:100px;text-align:right}.timeline__item.right .timeline__item-inner{padding-left:100px;text-align:left}.timeline__item-indicator{background-color:#f0b;height:4px;opacity:0;right:50%;top:40%;transition:all .35s ease;width:0}.timeline__item-indicator:after{background-color:#f0b;border-radius:100%;content:"";display:block;height:46px;left:-23px;position:absolute;top:-5px;width:46px}.timeline__item.previous .timeline__item-indicator:after{background-color:#8400ff}.timeline__item.active .timeline__item-indicator{opacity:1}.timeline__track{background:transparent;height:100%}.timeline__bar,.timeline__track{left:50%;margin-left:-3px;position:absolute;width:6px}.timeline__bar{background:linear-gradient(180deg,#8400ff,#f0b);bottom:0;top:40%}.timeline__item.previous .timeline__bar{background:#8400ff}.timeline__item.previous:last-child .timeline__bar{background:linear-gradient(180deg,#8400ff,#f0b)}.timeline__item-indicator{left:50%;position:absolute;transform:translateX(-50%);z-index:2}}@media(max-width:992px){.timeline__item.left .timeline__item-inner{padding-right:80px}.timeline__item.right .timeline__item-inner{padding-left:80px}.timeline__content{padding:1em}}@media(max-width:767px){.timeline__item{display:block}.timeline__item.left .timeline__item-inner{padding-right:0}.timeline__item.right .timeline__item-inner{padding-left:0}.timeline__item-inner{width:100%}.timeline__track{display:none}.timeline__item-indicator{left:50%;position:absolute;transform:translateX(-50%);z-index:2}.timeline__item:first-child .timeline__item-indicator{display:none}.timeline__item.active .timeline__item-indicator{opacity:1}.timeline__bar{display:none}}