.iso-timeline-carousel {
	position: relative;
	padding-top: 50px;
	padding-left: 50px;
}

.iso-timeline-carousel .iso-timeline-carousel__swiper {
	overflow: visible;
	scrollbar-width: none;
}

.iso-timeline-carousel .iso-timeline-carousel__swiper::-webkit-scrollbar {
	display: none;
}

.iso-timeline-carousel .swiper-wrapper {
	align-items: stretch;
}

.iso-timeline-carousel,
.iso-timeline-carousel * {
	overflow: visible;
}

.iso-timeline-carousel .iso-timeline-carousel__controls {
	position: absolute;
	top: 0;
	right: 8px;
	display: flex;
	gap: 6px;
	opacity: 0;
	transition: opacity 180ms ease;
	z-index: 10;
	pointer-events: none;
}

.iso-timeline-carousel:hover .iso-timeline-carousel__controls {
	opacity: 1;
	pointer-events: auto;
}

.iso-timeline-carousel:not(.iso-timeline-carousel--arrows) .iso-timeline-carousel__controls {
	display: none;
}

.iso-timeline-carousel:not(.iso-timeline-carousel--arrows-hover) .iso-timeline-carousel__controls {
	opacity: 1;
	pointer-events: auto;
}

.iso-timeline-carousel .iso-timeline-carousel__btn {
	background: none;
	border: none;
	border-radius: 0;
	color: #000;
	font-size: 38px;
	line-height: 1;
	cursor: pointer;
	padding: 0 4px;
}

.iso-timeline-carousel .iso-timeline-carousel__btn:focus-visible {
	outline: 2px solid Highlight;
	outline-offset: 2px;
}

.iso-timeline-carousel .iso-timeline-carousel__slide {
	display: flex;
	height: 100%;
}

.iso-timeline-carousel .iso-timeline-carousel__card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 24px;
	background: #f1e1d2;
	color: #222;
	padding: 80px 28px;
	min-height: 120px;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.iso-timeline-carousel .iso-timeline-carousel__card {
		padding: 30px 28px;
		min-height: 160px;
	}
}

.iso-timeline-carousel .iso-timeline-carousel__year {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-30%, -50%);
	font-weight: 800;
	font-size: clamp(36px, 8vw, 72px);
	line-height: 0.9;
	white-space: nowrap;
	pointer-events: none;
}

.iso-timeline-carousel .iso-timeline-carousel__content {
	margin-left: 96px;
}

@media (max-width: 767px) {
	.iso-timeline-carousel .iso-timeline-carousel__content {
		margin-left: 72px;
	}
}

.iso-timeline-carousel .iso-timeline-carousel__title {
	margin: 0 0 6px 0;
	font-weight: 500;
	font-size: 20px;
}

.iso-timeline-carousel .iso-timeline-carousel__subtitle {
	margin: 0;
	opacity: 0.85;
}


