.scd-timeline__swiper-content-first {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.scd-timeline__swiper-content-first-inner {
    max-width: 455px;
    padding-right: 40px;
}

.scd-timeline__swiper-grid {
    position: relative;
}

/* Timeline Content Year */
.scd-timeline__year-floating {
    max-width: 230px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 3;
}

/* Navigation */
.scd-timeline__swiper-navigation-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.scd-timeline__swiper-navigation {
    max-width: 1100px;
}

.scd-timeline__swiper-navigation .swiper-wrapper {
    align-items: center;
}

.scd-timeline__swiper-navigation .swiper-slide {
    text-align: center;
    cursor: pointer;
    height: auto;
}

.scd-timeline__swiper-navigation .swiper-slide p {
    margin: 0;
    transition: all 0.3s ease;
    transform: scale(1);
}

.scd-timeline__swiper-navigation .swiper-slide:not(.swiper-slide-active) p:hover {
    transform: scale(1.25);
}

.scd-timeline__container .swiper-arrow {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    transition: all 0.3s ease;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    border: 1px solid transparent;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 10%);
}

.scd-timeline__container .swiper-arrow svg {
    transition: transform 0.1s ease;
    transform: scale(1);
}

.scd-timeline__container .swiper-arrow:hover svg {
    transform: scale(1.15);
}

.scd-timeline__container .swiper-arrow svg path {
    transition: stroke 0.2s ease;
}

.scd-timeline__container .swiper-arrow::after {
    display: none;
}

.scd-timeline__container .swiper-arrow.swiper-button-prev svg {
    transform: scale(1) rotate(180deg);
}

.scd-timeline__container .swiper-arrow.swiper-button-prev:hover svg {
    transform: scale(1.15) rotate(180deg);
}

.scd-timeline__container .swiper-arrow:hover svg path {
    stroke: var(--e-global-color-e7bc772);
}

@media only screen and (max-width: 1025px) {
    .scd-timeline__year-floating {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .scd-timeline__swiper-content-last {
        order: 1;
    }

    .scd-timeline__swiper-content-first {
        order: 2;
        margin-top: 60px;
    }

    .scd-timeline__swiper-navigation-wrapper {
        margin-top: 55px;
    }
}