[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

.timeline {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    transition: 250ms ease-in-out;
}

@media(max-width: 575px) {
    .timeline {
        padding: 0;
    }
}

#visualization {
    position: relative;
}

.timeline:before {
    /*content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(left, var(--fadeBorder-bg) 0px, rgba(255, 255, 255, 0) 25px, rgba(255, 255, 255, 0) -25px, var(--fadeBorder-bg) 100%);
    z-index: 1;*/
}

.timeline-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.75em;
    font-size: 32px;
}

.timeline-nav a {
    cursor: pointer;
}

.timeline-list-items {
}

.timeline .timeline-line {
    height: 2px;
    background-color: #aaa;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

@media(max-width: 991px) {
    .timeline {
        width: 100%;
        padding: 25px 0;
    }

    .timeline-list-items {
        justify-content: initial;
    }

    .timeline .timeline-line {
        left: 0;
        transform: none;
    }
}

.timeline img {
    padding: 0;
    cursor: pointer !important;
    border-radius: 0.35rem;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    margin-bottom: 15px;
}

.timeline * {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.timeline .timeline-item.timeline-item-top .timeline-item-line {
    border-left: 2px solid #ccc;
    height: 50px;
    display: flex;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: -2px;
}

.timeline .timeline-item.timeline-item-bottom .timeline-item-line {
    border-left: 2px solid #ccc;
    height: 50px;
    display: flex;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: -2px;
}

.timeline .timeline-item {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.timeline .timeline-bottom .timeline-item:before {
    content: '';
    width: 2px;
    border: 2px dashed #919191;
    height: 50px;
    display: flex;
}

.timeline-item {
    position: relative;
}

.timeline-item img {
    max-width: 300px;
    max-height: 200px;
}

.timeline-item .item-date {
    color: #003772;
    font-weight: 600;
    font-size: 0.95em;
    margin-bottom: 4px;
}

.timeline-item .item-title {
    color: #333;
    font-weight: 500;
    font-size: 0.85em;
    margin-bottom: 4px;
}

.timeline-item .item-content {
    font-weight: 500;
    margin-top: 10px;
    min-width: 150px;
}

.timeline-item .item-content p {
    line-height: 1;
    font-size: 0.85em;
    font-weight: 500;
    color: #111;
}

.timeline-item .item-heading {
    line-height: 1em;
    text-align: center;
}             

.timeline-nav-prev-button {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    font-size: 40px;
    background: white;
    border-radius: 100%;
}

.timeline-nav-prev-button.active, .timeline-nav-next-button.active {
    opacity: 1;
}

.timeline-nav-next-button {
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    font-size: 40px;
    background: white;
    border-radius: 100%;
}