.flex-content.timeline {
    padding: 80px 0;
    background-color: var(--light-blue);
    color: var(--navy-blue);
    background-image: url('/wp-content/uploads/2025/06/about-timeline-back.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: clip;
    max-width: 100dvw;
}
.flex-content.timeline .swiper {
    overflow: visible;
}
.flex-content.timeline .swiper-wrapper {
    align-items: flex-start;
}

.flex-content.timeline .swiper-slide {
    height: auto;
    padding: 25px 5px 0;
    text-align: center;
    font-size: 16px;
}
.flex-content.timeline .swiper-slide:nth-child(even) {
    align-self: flex-end;
}

.flex-content.timeline .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    right: -11px;
    height: 10px;
    /* transform: translateY(-50%); */
    background-color: #FFF;
}
.flex-content.timeline .swiper-slide:nth-child(even)::before {
    top: -5px;
}
.flex-content.timeline .swiper-slide:nth-child(odd)::before {
    bottom: -5px;
}
.flex-content.timeline .swiper-slide:first-child::before {
    left: 50%;
}
.flex-content.timeline .swiper-slide:last-child::before {
    right: 50%;
}

.flex-content.timeline .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    left: calc(50% - 10px);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: var(--gold);
}
.flex-content.timeline .swiper-slide:nth-child(even)::after {
    top: -10px;
}
.flex-content.timeline .swiper-slide:nth-child(odd)::after {
    bottom: -10px;
}
.flex-content.timeline .swiper-slide-active::after {
    background-color: #c8a74b;
}

.flex-content.timeline .swiper-slide .text > *:last-child {
    margin-bottom: 0;
}

.flex-content.timeline .swiper-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}