.timeline {
    width: 100%;
    height: auto;
    overflow: visible;
}

.timeline .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 2px dashed #B7B7B7;
    overflow: visible;
}

.timeline .swiper-button-prev,
.swiper-button-next {
    width: 32px !important;
    height: 32px !important;
    font-size: 24px !important;
    color: var(--color-dark) !important;
}

.timeline .swiper-button-prev {
    left: -25px !important;
}

.swiper-button-prev:after {
    font-size: 24px !important;
}

.timeline .swiper-button-next {
    right: -25px !important;
}

.swiper-button-next:after {
    font-size: 24px !important;
}

.timeline .swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background: var(--color-dark) !important;
}

.timeline .timeline-content {
    padding: 25px 50px;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: visible;
    background: transparent;
}

.timeline .location {
    position: absolute;
    top: -32px;
    left: 25px;
    padding: 15px;
    color: var(--color-blue);
    font-size: 32px;
    border-radius: 50%;
    background: #F5F5FC;
}

.year-card {
    margin-bottom: 25px;
}

.year-card ul {
    display: block;
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    border-left: 2px dotted var(--color-dark);
}

.year-card li {
    display: block;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid var(--color-lightgray);
}