.timeline-wrapper{position:relative;}
/*.timeline-wrapper .container{}*/
.timeline-wrapper .fs-1{font-weight:400;font-size:42px;line-height:49px;letter-spacing:-1.504px;color:#121212;margin:0px 0px .5rem;}
.timeline-wrapper .fs-5 {font-weight: 400;font-size: 20px;line-height: 33px;color: rgba(0, 0, 0, 0.8);margin:0px !important;}
.timeline-wrapper .fs-5>p{margin:0px;}
.timeline-wrapper .fs-5>p:empty{display:none;}

.timeline-wrapper .row{display:flex;flex-wrap:wrap;}
.timeline-wrapper .row.align-items-center{align-items:center;}
.timeline-wrapper .row.g-53{gap:35px;}
.timeline-wrapper .col{box-sizing: border-box;}
.timeline-wrapper .col-12{width:100%;}
@media(min-width:768px){.timeline-wrapper .col-md-6{width:calc(50% - 35px);}}

.timeline-wrapper .swiper-container:not(.swiper-container-initialized)>.swiper-wrapper, .timeline-wrapper .swiper:not(.swiper-initialized)>.swiper-wrapper{overflow:visible !important}

.timeline-wrapper .__tl_img img{width:100%;height:auto;display:block;border-radius:20px;}


.timeline-wrapper .swiper-pagination-progressbar{position: relative;margin-bottom: 37px;background-color: transparent;height: 2px;border-bottom: 2px solid #E4E4E4;width: 100%;margin-top:52px;}
.timeline-wrapper .swiper-pagination-progressbar-fill{background-color: #000;height: 2px;}
.timeline-wrapper .swiper-pagination-progressbar:after{position: absolute;top: 0;right: -100%;width: 100%;height: 2px;background-color: #E4E4E4;content: "";}

.timeline-wrapper .swiper-pagination-custom{position: relative;list-style: none;margin: 1rem 0;padding: 0;display: flex;line-height: 1.66;z-index: 11;width: 100%;}

.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch{
    position: relative;width:100%;/*height:30px;line-height:30px;*/display: block;
}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title{transition: 0.2s all ease-in-out;cursor:pointer;position:relative;display:inline-block;opacity:.5;font-weight:400;color:#000000;}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch.active .switch-title{opacity:1;}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title .fs-2{font-size:38px;line-height:49px;letter-spacing:-1.504px;}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title .fs-18{font-size:18px;line-height:30px;}

.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title:after{
    position: absolute;bottom: calc(100% + 14px);right: 100%;transform: translateX(50%) translateY(-50%);width: 2px;height: 1rem;background: #E4E4E4;content: "";transition: 0.2s all ease-in-out;opacity: 0.3;
}

.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {background:#000;opacity:1;}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {color:#888;}
.timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {background:#888;}
.timeline-wrapper .__tl__contents{position: relative;}
.timeline-wrapper .__tl__contents .fs-35x{font-size:8.5rem;font-weight:500;color:rgba(0, 0, 0, 0.06);letter-spacing:-8px;opacity:.4;position:absolute;top:50%;left:0;z-index:-1;margin:0;}
@media(min-width:1200px){.timeline-wrapper .__tl__contents .fs-35x{font-size:200px;top:-138px;}}
@media(min-width:1600px){.timeline-wrapper .__tl__contents .fs-35x{font-size:232px;line-height:1;top:-80px}}

@media(max-width:991px) {
    .timeline-wrapper .fs-1{font-size:30px;line-height:36px;}
    .timeline-wrapper .fs-5{font-size:16px;line-height:24px;}
    
    .timeline-wrapper .__tl__contents .fs-35x{position:static;margin-bottom:-60px;line-height:1;}
    .timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title .fs-2{font-size:22px;line-height:30px;}
    .timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title .fs-18{font-size:14px;line-height:24px;}
}
/*
@media (max-width: 767px) {
  .timeline-wrapper .swiper-pagination-custom{overflow-x: auto;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width:none;}
  .timeline-wrapper .swiper-pagination-custom::-webkit-scrollbar{display:none;}
  .timeline-wrapper .swiper-pagination-switch{flex: 0 0 96px;margin-right: 0rem;}
  .timeline-wrapper .swiper-pagination-custom .swiper-pagination-switch .switch-title{white-space: nowrap;}
}*/
