.timeline-section .timeline-slider {
    list-style-type: none;
    margin: 0 0 4.25rem
}

.timeline-section .timeline-slider .timeline-slide {
    position: relative
}

.timeline-section .timeline-slider .timeline-slide .date {
    display: flex;
    flex-direction: column;
    padding: 3rem 0 2rem;
    position: relative;
    color: #f9d4aa
}

@media print,
screen and (min-width: 40em) {
    .timeline-section .timeline-slider .timeline-slide .date {
        color: #ee7f00
    }
}

.timeline-section .timeline-slider .timeline-slide .date-month {
    padding-top: 1.125rem;
    font-size: 1rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .timeline-slider .timeline-slide .date-month {
        font-size: 1.5rem
    }
}

.timeline-section .timeline-slider .timeline-slide .date-year {
    font-family: "NNNittiGrotesk-Heading";
    font-size: .75rem;
    text-align: center
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .timeline-slider .timeline-slide .date-year {
        font-size: 1.125rem
    }
}

.timeline-section .timeline-slider .timeline-slide:not(.slick-current) .date {
    cursor: pointer
}

.timeline-section .timeline-slider .timeline-slide:after {
    position: absolute;
    content: "";
    left: 47%;
    bottom: 0;
    background-color: #f9d4aa;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: solid 4px #fff
}

@media print,
screen and (min-width: 40em) {
    .timeline-section .timeline-slider .timeline-slide:after {
        background-color: #ee7f00
    }
}

.timeline-section .timeline-slider .slick-current.slick-center .date {
    color: #e94d09;
    font-family: "NNNittiGrotesk-Heading"
}

.timeline-section .timeline-slider .slick-current.slick-center .date-month {
    font-size: 1.5rem;
    padding-top: 0
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .timeline-slider .slick-current.slick-center .date-month {
        font-size: 2rem
    }
}

.timeline-section .timeline-slider .slick-current.slick-center .date-year {
    font-size: 1rem
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .timeline-slider .slick-current.slick-center .date-year {
        font-size: 1.5rem
    }
}

.timeline-section .timeline-slider .slick-current.slick-center:after {
    left: 47%;
    bottom: -5px;
    background-color: #e94d09;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: solid 4px #fff
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .timeline-slider .slick-current.slick-center:after {
        bottom: -2px
    }
}

.timeline-section .timeline-slider .slick-next,
.timeline-section .timeline-slider .slick-prev {
    font-size: .9375rem;
    border: 2px solid #ee7f00;
    background-color: #fff;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem
}

.timeline-section .timeline-slider .slick-disabled {
    border: 2px solid rgba(238, 127, 0, .25)
}

.timeline-section .timeline-slider .slick-next:before,
.timeline-section .timeline-slider .slick-prev:before {
    position: absolute;
    top: .7rem
}

.timeline-section .timeline-slider .slick-next:before {
    left: .98rem
}

.timeline-section .timeline-slider .slick-prev:before {
    right: .98rem
}

.timeline-section .timeline-slider:before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 6px;
    height: 3px;
    background-image: radial-gradient(circle, #ee7f00 49%, #fff 100%)
}

.timeline-section .events-list {
    list-style-type: none
}

@media print,
screen and (min-width: 40em) {
    .timeline-section .events-list {
        padding: 0 7.5rem
    }
}

.timeline-section .events-list-event {
    display: flex;
    flex-direction: column
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .events-list-event {
        flex-direction: row
    }
}

.timeline-section .events-list-event .event-text {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .events-list-event .event-text {
        width: 60%;
        padding: 0 7.5rem 0 0
    }
}

.timeline-section .events-list-event .event-text-month {
    font-size: 1.5rem;
    color: #cac7c7
}

.timeline-section .events-list-event .event-text-year {
    font-size: 1.125rem;
    font-family: "NNNittiGrotesk-Heading";
    color: #cac7c7;
    padding-bottom: 1.5rem
}

.timeline-section .events-list-event .event-text-title {
    font-size: 2rem;
    font-family: "NNNittiGrotesk-Heading";
    padding-bottom: 1rem
}

.timeline-section .events-list-event .event-text-description {
    font-size: 1.5rem;
    padding-bottom: .5rem
}

.timeline-section .events-list-event .event-image {
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .timeline-section .events-list-event .event-image {
        width: 40%
    }
}