body {
	padding: 0;
}

@media screen and (max-width: 767.9px) {
	body {
		padding: 21px 0;
	}
}

.base-template__wrapper {
	max-width: 1560px;overflow:hidden;
height: 100vh;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 8dvw;
}

.base-template__content {
	max-width: 34.1vw;
}

@media screen and (max-width: 767.9px) {
	.base-template__wrapper {overflow:hidden;
		max-width: 100%;
		height: 100%;
		align-items: stretch;
		flex-direction: column;
	}

	.base-template__content {
		max-width: 100%;
	}
}

/**
 * Slider Instance
 */

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-wrapper {
	transition-timing-function: linear !important;
}

.swiper-slide {
	height: auto !important;
	width: auto !important;
}

.vertical-ticker {
	height: 100dvh;
	display: flex;
	-moz-column-gap: 2.85vw;
	     column-gap: 2.85vw;
	overflow: hidden;
}

@media screen and (max-width: 767.9px) {
	.vertical-ticker {
		margin: 0 -20px;
		height: 100%;
		flex-direction: column;
		row-gap: 15px;
	}
}

/**
 * Slider Slides
 */

.vertical-ticker__slide-content {
	position: relative;
	width: 15.625vw;
	aspect-ratio: 300 / 205;
	border-radius: 10px;
	overflow: hidden;
	-webkit-backdrop-filter: blur(50px);
	        backdrop-filter: blur(50px);
}

@media screen and (max-width: 767.9px) {
	.vertical-ticker__slide-content {
		width: 150px;
	}
}

.vertical-ticker__slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: opacity 0.6s ease-out;
}

.vertical-ticker__slide img:last-child {
	position: absolute;
	inset: 0;
	opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
	.vertical-ticker__slide:hover img:last-child {
		opacity: 1;
	}
}