.timeline-container{padding:50px 0;position:relative;width:100%}.timeline-line{bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:1}.timeline-item{box-sizing:border-box;opacity:0;padding:20px 40px;position:relative;transform:translateY(50px);transition:all .6s ease-out;width:50%}.timeline-item.show{opacity:1;transform:translateY(0)}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-content{background:#f9f9f9;border-radius:8px;padding:20px;position:relative;z-index:2}.timeline-circle{border:4px solid #fff;border-radius:50%;height:20px;position:absolute;top:30px;width:20px;z-index:3}.timeline-item.left .timeline-circle{right:-10px}.timeline-item.right .timeline-circle{left:-10px}@media (max-width:768px){.timeline-item{left:0!important;padding-left:60px;text-align:left!important;width:100%}.timeline-circle{left:20px!important;right:auto}.timeline-line{left:30px;transform:none}}