/*======= Background slider =======*/
.swiper-slider {
	position: relative;
	background-color: black;
}

.swiper-slider .bg-slider {
	z-index: 5;
	position: relative;
	width: 100%;
}

.swiper-slider .bg-slider .swiper-slide {
	position: relative;
	width: 100%;
}

.swiper-slider .bg-slider .swiper-slide img {
	width: 100%;
	object-fit: cover;
	background-position: center;
	background-size: cover;
}

.swiper-slider .bg-slider-thumbs {
	z-index: 7;
	position: absolute;
	bottom: 0.2em;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s ease;
}

.swiper-slider .thumbs-container {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	padding: 5px 2px;
	border-radius: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 5px 25px rgb(0 0 0 / 50%);
}

.swiper-slider .thumbs-container img {
	width: 50px;
	height: 35px;
	margin: 0 5px;
	border-radius: 5px;
	cursor: pointer;
}

.swiper-slider .swiper-slide-thumb-active {
	border: 1px solid #6cb443;
}

/*======= Media queries (max-width: 1100px) =======*/
@media screen and (max-width: 1100px) {
	.swiper-slider .bg-slider-thumbs {
		bottom: 1em;
	}
}