@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.timeline-container.vertical{overflow:hidden;padding:20px 0;position:relative;width:100%}.timeline-container.vertical .timeline-bar{background-color:#007bff;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-container.vertical .timeline-items .timeline-item{display:flex;justify-content:space-between;margin:20px 0;opacity:0;transform:translateY(30px)}.timeline-container.vertical .timeline-items .timeline-item.left,.timeline-container.vertical .timeline-items .timeline-item.right{animation:fadeInUp .5s ease-out forwards}.timeline-container.vertical .timeline-items .timeline-item.in-view{opacity:1;transform:translateY(0)}.timeline-container.vertical .timeline-items .timeline-item.left .timeline-content{text-align:left}.timeline-container.vertical .timeline-items .timeline-item.right{flex-direction:row-reverse}.timeline-container.vertical .timeline-items .timeline-item.right .timeline-date{text-align:left}.timeline-container.vertical .timeline-items .timeline-item.right .timeline-content{text-align:right}.timeline-container.vertical .timeline-items .timeline-item .timeline-date{color:#6c757d;font-size:14px;text-align:right;width:40%}.timeline-container.vertical .timeline-items .timeline-item .timeline-icon{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:50%;color:#007bff;display:flex;height:40px;justify-content:center;left:50%;padding:10px;position:absolute;transform:translate(-50%);transition:all .4s ease-in-out;width:40px;z-index:2}.timeline-container.vertical .timeline-items .timeline-item .timeline-content{border-radius:10px;box-sizing:border-box;font-size:16px;padding:20px;text-align:left;width:40%}.timeline-container.vertical .timeline-items .timeline-item .timeline-content .timeline-title{font-size:18px;font-weight:700;margin-bottom:5px;margin-top:0}.timeline-container.vertical .timeline-items .timeline-item .timeline-content .timeline-description{color:#333;font-size:14px}.timeline-container.vertical .carousel-button{display:none}.timeline-container.horizontal{box-sizing:border-box;overflow:hidden;padding:0 40px;position:relative;width:100%}.timeline-container.horizontal .timeline-bar{background-color:#007bff;height:4px;left:0;position:absolute;width:100%}.timeline-container.horizontal .timeline-items{display:flex;transform:translateX(0);transition:transform .5s ease-in-out}.timeline-container.horizontal .timeline-items .timeline-item{align-items:end;display:flex;flex:0 0 calc(50% - 40px);margin:0 20px;opacity:1;transition:opacity .3s ease-in-out}.timeline-container.horizontal .timeline-items .timeline-item .timeline-date{position:absolute;width:100%}.timeline-container.horizontal .timeline-items .timeline-item .timeline-icon{align-items:center;color:#007bff;display:flex;height:40px;justify-content:center;padding:10px;position:absolute;transition:all .4s ease-in-out;width:40px;z-index:2}.timeline-container.horizontal .timeline-items .timeline-item .timeline-content{border-radius:10px;padding:20px}.timeline-container.horizontal .carousel-button{position:absolute}.timeline-container.horizontal .carousel-button.prev{left:0;z-index:10}.timeline-container.horizontal .carousel-button.next{right:0}
