.project-name{padding:10px 0;text-align:center}.timeline-container{margin:0 auto;max-width:1000px}#timeline .timeline-item:after,#timeline .timeline-item:before{clear:both;content:"";display:block;width:100%}#timeline{margin:30px auto;padding:0 20px 50px;position:relative;transition:all .4s ease;width:100%}#timeline:before{height:calc(100% - 20px);top:0;width:2px}#timeline:after,#timeline:before{background:#09c;content:"";left:50%;position:absolute;transform:translateX(-50%)}#timeline:after{border-radius:50%;bottom:20px;height:20px;width:20px}#timeline .timeline-item{margin-bottom:50px;position:relative}#timeline .timeline-item .timeline-icon{align-items:center;background:#09c;border-radius:50%;display:flex;height:36px;justify-content:center;left:50%;margin-left:-16px;overflow:hidden;position:absolute;top:0;width:36px}.timeline-item .timeline-icon i{color:#fff;font-size:18px;margin-top:0!important;position:relative}#timeline .timeline-item .timeline-content{background-color:#fff;border-radius:7px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);padding:0;position:relative;width:45%}#timeline .timeline-item .timeline-content>img{border-top-left-radius:7px;border-top-right-radius:7px;display:block}.timeline-text{padding:20px}#timeline .timeline-item .timeline-content:before{border-bottom:10px solid transparent;border-left:10px solid #fff;border-top:10px solid transparent;content:"";height:0;left:100%;pointer-events:none;position:absolute;top:10px;width:0;z-index:1}#timeline .timeline-item .timeline-content.right{float:right}.no-indicator:before{display:none!important}#timeline .timeline-item .timeline-content.right:before{border-left:0;border-right:10px solid #fff;left:auto;right:100%}.timeline-content.is-hidden,.timeline-icon.is-hidden{opacity:0;transition:none;visibility:hidden}.timeline-content.is-hidden{transform:translateX(-100px)}.timeline-content.right.is-hidden{transform:translateX(100px)}.timeline-content.animate-it{opacity:1;transform:translateX(0);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);visibility:visible}.timeline-icon.animate-it{animation:bounce-1 .6s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible}@keyframes bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){#timeline{margin:30px;padding:0;width:90%}#timeline:before{left:0}#timeline .timeline-item .timeline-content{float:right;width:90%}#timeline .timeline-item .timeline-content.right:before,#timeline .timeline-item .timeline-content:before{display:none}#timeline .timeline-item .timeline-icon,#timeline:after{left:0}}