.swiper-3d {
	perspective: 1980px;
}
.swiper-section {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.swiper-container {
	width: var(--swiper-slide-len);
}
.thumbnails-swiper-container {
	width: var(--swiper2-slide-len);
}

.swiper-slide {
	padding-bottom: calc(var(--swiper-gap) + var(--navbtn-size));
	/* margin: 0 2rem; */
}
.thumbnails-swiper-container .swiper-slide {
	/* margin: 0 1rem; */
}
.swiper-slide .swiper-image-wrapper {
	height: var(--swiper-slide-heg);

	position: relative;
	overflow: hidden;
}
.swiper-slide p {
	margin-top: 20px;
	font-weight: 500;
}
.thumbnails-swiper-container .swiper-slide .swiper-image-wrapper {
	height: var(--swiper2-slide-heg);
}
.swiper-slide .swiper-image-wrapper img {
	width: 100%;
	height: auto;
	z-index: 1;
}
.thumbnails-swiper-container .swiper-slide .swiper-image-wrapper a::after {
	content: " ";
	width: 50px;
	height: 50px;
	opacity: .9;
	background-image: url("/images/icons/play.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.thumbnails-swiper-container .swiper-slide .swiper-image-wrapper a::after,
.swiper-slide .swiper-image-wrapper img {
	position: absolute;
	inset: 50% 50%;
	translate: -50% -50%;
}

/* NAVIGATION BUTTONS */
.swiper-container .swiper-button-prev,
.thumbnails-swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next,
.thumbnails-swiper-container .swiper-button-next {
	position: absolute;
	top: unset;
	bottom: 0px;
	width: var(--navbtn-size);
	height: var(--navbtn-size);
	opacity: 1;
	z-index: 10;
}
.swiper-container .swiper-button-prev,
.thumbnails-swiper-container .swiper-button-prev {
	left: calc(50% - var(--swiper-gap) - 20px);
}
.swiper-container .swiper-button-next,
.thumbnails-swiper-container .swiper-button-next {
	right: calc(50% - var(--swiper-gap) - 20px);
}

.swiper-container .swiper-button-prev::after,
.thumbnails-swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after, 
.thumbnails-swiper-container .swiper-button-next::after
{
	content: " ";
	height: 100%;
	width: 100%;
	background-image: url("/images/icons/arrow-full.svg");
	background-size: contain;
}

.swiper-container .swiper-button-prev::after:hover,
.swiper-container .swiper-button-next::after:hover,
.thumbnails-swiper-container .swiper-button-prev::after:hover,
.thumbnails-swiper-container .swiper-button-next::after:hover {
	cursor: pointer;
}

.swiper-container .swiper-button-prev::after,
.thumbnails-swiper-container .swiper-button-prev::after {
	rotate: 180deg;
}

/* @media screen and (min-width: 576px) {
	.swiper-slide {
		margin: 0 var(--swiper-gap);
	}
	.thumbnails-swiper-container .swiper-slide {
		margin: 0 var(--swiper-gap);
	}
}
@media screen and (min-width: 998px) {
	.swiper-slide {
		margin: 0 calc(var(--swiper-gap) * 2);
	}
}
@media screen and (min-width: 1800px) {
	.swiper-slide {
		margin: 0 calc(var(--swiper-gap) * 2);
	}
} */
:root {
	--plyr-video-control-background: #212121;
	--plyr-video-control-background-hover: #212121;
}
.swiper-image-wrapper.swiper-image-wrapper--with-video .video-poster {
	cursor: pointer;
}
.swiper-image-wrapper .play-button {
	display: none;
}
.swiper-image-wrapper.swiper-image-wrapper--with-video .play-button {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-image: url("/images/icons/play.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 48px 48px;
	height: 48px;
	width: 48px;
	z-index: 2;
	cursor: pointer;
}