.timeline ul{padding:50px 0}.timeline ul li{background:#cdd3f6;list-style-type:none;margin:0 auto;padding-top:50px;position:relative;width:6px}.timeline ul li:after{background:inherit;border-radius:50%;bottom:11px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%);width:30px;z-index:1}.timeline ul li div{background:#28315c;border-radius:15px;bottom:0;color:#fff;padding:15px;position:relative;width:500px}.timeline ul li div p{color:#fff!important}.timeline ul li div:before{border-style:solid;bottom:20px;content:"";height:0;position:absolute;width:0}.timeline ul li:nth-child(odd) div{left:45px}.timeline ul li:nth-child(odd) div:before{border-color:transparent #28315c transparent transparent;border-width:8px 16px 8px 0;left:-15px}.timeline ul li:nth-child(2n) div{left:-539px}.timeline ul li:nth-child(2n) div:before{border-color:transparent transparent transparent #28315c;border-width:8px 0 8px 16px;right:-15px}time{color:#cdd3f6;display:block;font-size:2rem;font-weight:500;margin-bottom:15px}.timeline ul li:after{transition:background .5s ease-in-out}.timeline ul li.in-view:after{background:#28315c}.timeline ul li div{opacity:0;transition:all .5s ease-in-out;visibility:hidden}.timeline ul li:nth-child(odd) div{transform:translate3d(200px,0,0)}.timeline ul li:nth-child(2n) div{transform:translate3d(-200px,0,0)}.timeline ul li.in-view div{opacity:1;transform:none;visibility:visible}@media screen and (max-width:900px){.timeline ul li div{width:250px}.timeline ul li:nth-child(2n) div{left:-289px}}@media screen and (max-width:600px){.timeline ul li{margin-left:20px}.timeline ul li div{width:calc(100vw - 91px)}.timeline ul li:nth-child(2n) div{left:45px}.timeline ul li:nth-child(2n) div:before{border-color:transparent #28315c transparent transparent;border-width:8px 16px 8px 0;left:-15px}}.timeline-clippy ul li:after{border-radius:0;height:40px;width:40px}.timeline-rhombus ul li:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.timeline-rhombus ul li div:before{bottom:12px}.timeline-star ul li:after{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.timeline-heptagon ul li:after{clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%)}.timeline-infinite ul li:after{animation:scaleAnimation 2s infinite}@keyframes scaleAnimation{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.25)}to{transform:translateX(-50%) scale(1)}}