.swiper-container-wrapper{@media screen and (max-width:768px){padding:0!important}}.timeline-image{img{height:300px;object-fit:cover;border-radius:16px}}.swiper-container-wrapper--timeline{display:flex;.swiper-slide{display:block;height:100%;border-left:1px solid #888;.swiper-year{position:relative;color:var(--fs-color-primary);padding-left:20px;&::before{content:"";width:14px;height:2px;background:var(--fs-color-primary);position:absolute;left:0;top:50%;transform:translateY(-50%)}}.swiper-content{padding:20px 40px;display:flex;gap:20px;align-items:start;div{flex:1}@media screen and (max-width:768px){flex-direction:column}}.container{padding:0;width:100%}.title{font-size:18px;opacity:1;transition:0.5s ease 0.5s}&.swiper-slide-active{.title{opacity:1}}}.swiper-pagination-progressbar{position:relative;background-color:#fff0;height:4px;border-bottom:1px solid #888;width:85%!important;left:20px;@media screen and (max-width:768px){left:0;width:75%;margin-bottom:70px}&::before{position:absolute;top:2px;left:-100%;height:3px;background-color:var(--fs-color-primary);content:""}&::after{position:absolute;top:3px;width:77.5%;height:1px;content:""}}.swiper-pagination-progressbar-fill{background-color:transparent!important;height:3px;top:2px;@media screen and (max-width:768px){display:none}}.swiper-pagination-custom{position:relative;list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;line-height:1.66;bottom:0;z-index:11;width:100%;&::before{content:'';position:absolute;top:0;left:0;height:100%;width:1px;background-color:#333}.swiper-pagination-switch{margin-left:0;margin-bottom:30px;position:relative;width:100%;height:30px;line-height:30px;display:block;.switch-title{position:absolute;font-weight:600;left:0;cursor:pointer;z-index:1;transition:0.2s all ease-in-out;font-size:24px;padding-left:30px;&::after{position:absolute;top:16px;right:99.8%;display:block;transform:translateX(50%) translateY(-50%);width:12px;height:12px;background:var(--fs-color-secondary)!important;border-radius:2rem;content:"";transition:0.2s all ease-in-out;z-index:1}}&.active{.switch-title{font-weight:600;transition-delay:0.4s;font-size:30px;color:var(--fs-color-primary);&::after{background:var(--fs-color-primary)!important;width:25px;height:25px;transition-delay:0.4s}}&~.swiper-pagination-switch{.switch-title{color:#888;&::after{background:var(--fs-color-primary)}}}}}@media screen and (max-width:768px){display:none}}}.swiper-button-prev,.swiper-button-next{bottom:2px;top:unset!important;background:#fff;border:1px solid var(--fs-color-primary);width:40px!important;height:40px!important;border-radius:50%;&::after{font-size:18px!important;color:var(--fs-color-primary)!important}&:hover{background:var(--fs-color-primary)!important;border:1px solid #fff;&::after{color:#fff!important}}@media screen and (max-width:768px){bottom:0;width:50px!important;height:50px!important}}.swiper-button-prev{right:116px!important;left:unset!important;@media screen and (max-width:768px){right:unset!important;left:30%!important}}.swiper-button-next{right:5%!important;@media screen and (max-width:768px){right:var(--swiper-navigation-sides-offset,35%)!important}}.swiper-pagination-custom li{transition:all .35s ease}.swiper-pagination-custom li.step-1{transform:translateX(20px)}.swiper-pagination-custom li.step-2{transform:translateX(40px)}.swiper-pagination-custom li.step-3{transform:translateX(60px)}.swiper-pagination-custom li.active{transform:translateX(80px)}.swiper-pagination-custom li.active .switch-title{color:#2b50ff;font-weight:700}.swiper-pagination-custom li{transition:all .35s ease}.swiper-pagination-custom li.active .switch-title{color:#2b50ff;font-weight:700}