@import url('./horizontal-timeline-layout-default.css');
@import url('./horizontal-timeline-layout-bottom.css');
/* ============ TIMELINE: Horizontal Layout (Optimized & Ordered by DOM) ============ */

/* === Wrapper Structure === */
.ks-timeline-horizontal-wrapper {
	--ks-icon-size: 50px;
	margin: 0 var(--ks-nav-icon-size);
	width: calc(100% - 2 * var(--ks-nav-icon-size));
	position: relative;
}
.ks-timeline-horizontal.ks-timeline-wrapper.equal-height .swiper-wrapper {
    height: 100% !important;
    display: flex;
    align-items: stretch !important;
}
.ks-timeline-horizontal-wrapper .ks-timeline-horizontal.ks-timeline-wrapper {
	width: calc(100% - var(--ks-content-box-space));
	margin: 0 calc(var(--ks-content-box-space) * 0.6);
}

.ks-timeline-slider-wrapper {
	margin-top: calc(var(--ks-icon-size) * 2 + var(--ks-label-big-size) + var(--ks-label-small-size) + var(--ks-label-gap) + 25px);
}

.ks-timeline-swiper-container.swiper-container {
	overflow: hidden;
}

.ks-timeline-horizontal.ks-timeline-wrapper.equal-height .ks-timeline-slide,
.ks-timeline-horizontal.ks-timeline-wrapper.equal-height .ks-timeline-story {
	display: flex;
	flex-direction: column;
}

.ks-timeline-horizontal.ks-timeline-wrapper.equal-height .ks-timeline-story {
	flex: 1;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

/* === Timeline Story === */
.ks-timeline-horizontal-wrapper .ks-timeline-story {
	width: 100% !important;
	background: transparent;
}

.ks-timeline-horizontal-wrapper .equal-height .ks-timeline-story.ks-timeline-horizontal-item {
	height: 100%;
}

.ks-timeline-horizontal-wrapper .ks-timeline-story .ks-timeline-content {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.ks-timeline-horizontal-wrapper .ks-timeline-story .ks-timeline-content  .ks-timeline-description{
    order:0 !important;
}

.ks-timeline-horizontal-wrapper .ks-timeline-story .ks-timeline-content .ks-timeline-media img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.swiper-pagination-lock {
    display: block !important;
}