.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;
} .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;
} .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;
}
}