section.timeline_module {
    /*display: none;*/
}

.timeline-content .navigation-arrows{
    display: none;
}

.timeline-content .swiper-wrapper{
    display: flex!important;
    flex-direction: column;
    height: 60rem!important;
}

section.timeline_module .container {
    display: flex;
    background: #EDEDED;
    border-radius: 24px;
    flex-wrap: wrap;
    padding: 8rem 8rem 0 calc(8rem - 27px);
    overflow: hidden;
}

section.timeline_module h2.module-title {
    width: 100%;
    text-align: center;
    margin-bottom: 4.8rem;
    margin-top: 0;
}

.timeline-content .container{
    flex-direction: column;
    row-gap: 2.4rem;
}

.timeline-navitem:last-of-type .timeline-line{
    display: none;
}

.timeline_module .navtitle {
	font-size: 1.5rem;
	line-height: 1.9rem;
	font-weight: bold;
	text-transform: uppercase;
}
.timeline_module .subtitle {
	font-size: 1.2rem;
}
.timeline_module .navtitle, .timeline_module .navsubtitle {
	/*opacity: 0.5;*/
	/*margin-left: 3.5rem;*/
}
.timeline-navitem .navtitle,
.timeline-content .container .tc-item .navtitle{
    margin-bottom: 0;
	opacity: 1;
    padding: 0.1rem 0.8rem;
    background: #0A0A0A;
    font-size: calc(1.2rem * var(--text-scaler));
    line-height: calc(1.8rem * var(--text-scaler));
    letter-spacing: 0.03em;
    font-family: 'GT-Flexa-Medium';
    color: #fff;
    border-radius: 2px;
}
.timeline-navitem .navsubtitle {
    font-size: calc(var(--fontsize_xs) * var(--text-scaler));
    line-height: calc(var(--lineh_xs) * var(--text-scaler));
    font-family: 'GT-Flexa-Medium';
}
.timeline-navitem {
    /* padding-bottom: 14rem; */
    cursor: pointer;
    padding: 1rem;
    background: transparent;
    transition: var(--animtime1);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.timeline-navitem.swiper-slide-thumb-active{
    background: #fff;
}

.timeline-navitem {
    height: auto !important;
}

.timeline-nav { 
	position: relative;
    width: 40.7rem;
    height: 55.2rem;
    overflow-y: auto;
}
section.timeline_module .timeline-nav .swiper-wrapper{
    transform: unset!important;
    padding-left: 27px!important;
}
.timeline-content {
    width: calc(100% - 40.7rem);
    padding-left: 3.2rem;
    position: relative;
}
.timeline-content::after{
    background: linear-gradient(180deg, rgba(237, 237, 237, 0) 50.98%, #EDEDED 75.49%);
    content: '';
    width: 100%;
    height: 14rem;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*.timeline-content::before {*/
/*    background: linear-gradient(180deg, rgba(237, 237, 237, 0) 50.98%, #EDEDED 75.49%);*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 14rem;*/
/*    z-index: 2;*/
/*    position: absolute;*/
/*    top: -8rem;*/
/*    transform: rotate(180deg);*/
/*    left: 0;*/
/*}*/
.timeline-content .container {
    padding: 0 !important;
    /* height: 55.2rem; */
    overflow-y: auto;
    border-radius: 0 !important;
    overflow: hidden !important;
}
.timeline-content .container .tc-item {
    background-color: #fff;
    padding: 3.2rem 2.4rem 4.8rem !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.timeline-content .container .tc-item p,
.timeline-content .container .tc-item li,
.timeline-content .container .tc-item a{
    font-size: calc(1.6rem * var(--text-scaler));
    line-height: calc(2.4rem * var(--text-scaler));
}

.timeline-content .container .tc-item h3.h5{
    font-weight: 500;
    margin: 0.4rem 0;
}

.timeline-content .container .tc-item p{
    margin-bottom: 0;
}
.timeline-content .container .tc-item p:first-of-type{
    margin-top: 0;
}
.timeline-line {
    position: absolute;
    border: 1px solid;
    height: 100%;
    left: -18px;
    top: 1.2rem;
	transition: 0.3s ease!important;
}
.timeline-navitem.active .timeline-line {
	/*top: 2.5rem;*/
	top: 1.2rem;
}
.timeline-navitem.active .timeline-dot-inner {
    width: 0.8rem;
    height: 0.8rem;
}
.timeline-dot {
	position: absolute;
    transform: translateX(-50%);
	top: 1rem;
    left: 0;
}
.before-active .timeline-line {
    top: 1.3rem;
}
.timeline-dot-inner {
	background: black;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
	left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.timeline-navitem.swiper-slide-thumb-active .timeline-dot {
	width: 1.3rem;
    height: 1.3rem;
	top: 1.2rem;
}
.timeline-navitem * {
	transition: 0.3s ease-out;
}
.timeline-navitem .timeline-dot {
	width: 1rem;
    height: 1rem;
    border: 1px solid;
    border-radius: 50%;
	top: 1.2rem;
	left: -17px;
}
.tc-item.active {
    display: block;
}
.tc-item {
    display: none;
}
.timeline_module .swiper-wrapper {
	padding: 0!important;
}

@media screen and (min-width: 1001px) {
	.timeline_module .swiper-wrapper {
		margin: 0!important;
		display: block;
	}
	.timeline-navitem.active .timeline-dot {
		background-color: transparent!important;
	}
}
@media screen and (max-width: 1000px) {
    section.timeline_module {
        /*display: none;*/
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
    .timeline-nav {
        width: 100%;
    }
    .timeline-navitem.swiper-slide {
        height: auto !important;
        width: 100% !important;
        border-top: 1px solid #C2C2C2;
        /*padding-top: 1.6rem;*/
    }
    .timeline-navitem.swiper-slide:first-of-type{
        border-top: 0;
        /*padding-top: 1rem;*/
    }
    .timeline-line,
    .timeline-navitem.active .timeline-line{
        top: 1.8rem;
    }
    section.timeline_module .container {
        padding: 1.6rem 1.6rem 1.6rem 1.6rem !important;
    }
    .timeline-nav{
        padding-left: 2.6rem;
    }
    section.timeline_module h2.module-title {
        margin-bottom: 2.4rem;
    }
    .timeline-content {
        width: 100%;
        padding-left: 0;
        position: relative;
    }
    .timeline-content .swiper-wrapper {
        height: auto !important;
        flex-direction: unset;
    }
    .timeline-content .container .tc-item {
        /*width: 100% !important;*/
    }
    .timeline-content {
        display: none;
        bottom: 0;
        position: fixed;
        height: 45.2rem;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #0A0A0A;
        padding: 2.4rem;
    }
    .timeline-content.active{
        display: block;
    }
    section.timeline_module .timeline-content .container{
        background: transparent!important;
        padding: 0!important;
    }
    .timeline-content .container .tc-item{
        background-color: transparent;
        padding: 0!important;
        margin: 0!important;
    }
    .timeline-content .container .tc-item *{
        color: #fff;
    }
    .timeline-content .container .tc-item .navtitle {
        background: #fff;
        color: #0A0A0A;
    }
    .timeline-content .container .tc-item h3.h5 {
        margin: 0.8rem 0 0.4rem;
    }
    .timeline-content .navigation-arrows {
        display: flex;
        position: absolute;
        right: 2.4rem;
    }

    .timeline-content .navigation-arrows svg path{
        stroke: #fff;
    }
    .timeline-content::after{
        content: none;
    }
    .timeline-content .navigation-arrows .slider-button{
        height: auto;
        width: auto;
    }
    section.timeline_module .timeline-nav .swiper-wrapper {
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 1000px) and (min-width: 500px) {
.timeline-navitem.swiper-slide.dummy {
    width: 3rem!important;
}
}