.products-slider {
	padding: 7em 0 5em;
}

.products-slider .subtitle, 
.products-slider h2 {
	text-align: center;
}

.products-slider h2 {
	margin-bottom: 0.8em;
}

#product-slider {
	margin: 0 -15px 3em;
	width: calc(100% + 22px);
}

#product-slider .splide__arrow--prev {
	left: -4em;
}

#product-slider .splide__arrow--next {
	right: -4em;
}

.products-slider .splide__slide {
	padding: 0 11px;
	position: relative;
}

.products-slider .col-md-4 a {
	display: block;
	position: relative;
	height: 100%;
}


#product-slider a img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
}


#product-slider .title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 3.5em;
	margin-bottom: 0;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(7px);
	position: absolute;
	bottom: 0;
}

#product-slider .col-md-4 img {
	height: 25em;
	max-height: 81vw;
	width: 100%;
	object-fit: cover;
}

#product-slider a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all 0.3s ease;
}

#product-slider  a:hover:before {
	background: rgba(255,255,255,0.6);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

#product-slider a:hover .title {
	background: none;
}

.text-on-hover {
	display: none; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 6em);
	z-index: 1;
	justify-content: center;
	align-items: center;
	padding: 2em;
	color: #000;
	max-width: 31em;
	margin: auto;
	right: 0;
}

#product-slider a:hover .text-on-hover {
	display: flex;
	text-align: center;
	padding-bottom: 0;
}

@media (max-width: 1300px){
	.products-slider .container {
		max-width: 1100px;
	}

	#product-slider .splide__arrow--next {
		right: -4em;
	}
}


@media (max-width: 1199px){
	#product-slider .splide__arrow--next {
		right: -1em;
	}

	#product-slider .splide__arrow--prev {
		left: -1em;
	}
}

@media (max-width: 767px){
	.products-slider {
		padding: 2.5em 0;
	}

	.products-slider h2 {
		margin-bottom: 1.1em;
	}

	#product-slider .title {
		text-align: center;
		padding: 0.5em 1em;
	}

	#product-slider a:hover .text-on-hover  {
		display: none;
	}

	#product-slider .col-md-4 {
		margin-bottom: 2em;
	}
}