@media screen and (max-width: 767px) {
	.case-slider {
		overflow: hidden;
	}
}
@media screen and (min-width: 768px) {
	.swiper-slider__content-container {
		padding: 3rem 12rem 3rem 0;
		width: auto;
	}
}
/* Image change size on hover */
.swiper-slide__featured-img-container {
	transition: 0.2s ease-out;
	margin: 2rem;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 1025px) {
	.swiper-slide__featured-img-container {
		height: 260px;
	}
	.case-slider .swiper-slider__content-container > * {
		padding: 0 2rem;
	}
	.case-slider .swiper-slide__featured-img-container {
		margin: 2rem 2rem 0 2rem;
		padding: unset;
	}
	.case-slider .btn {
		margin: 0 2rem 2rem;
		padding: 0.5rem 0 0.5rem 4.4rem !important;
		min-width: 150px;
		width: max-content !important;
	}
}
.swiper-slide__featured-img-container img {
	height: 100%;
	position: absolute;
	object-fit: cover;
	width: 100%;
	transform: translateZ(0);
}

@media screen and (min-width: 1026px) {
	.swiper-slide:hover .swiper-slide__featured-img-container {
		margin: 0;
	}
	.swiper-slide-next:hover .swiper-slide__featured-img-container,
	.swiper-slide-prev:hover .swiper-slide__featured-img-container {
		margin: 2rem;
	}
}
/* Button change on hover */
@media screen and (min-width: 1026px) {
	.swiper-slide:hover .btn--outline {
		background: var(--base);
		color: white !important;
	}
	.swiper-slide-next:hover .btn--outline,
	.swiper-slide-prev:hover .btn--outline {
		color: var(--base) !important;
		background: transparent !important;
	}
}
.swiper-slide span.btn {
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	/*
	.content-slider .swiper-wrapper .swiper-slide-active::after {
		content: "";
		height: 100%;
		position: absolute;
		width: 30px;
		background: #e2d3be;
		right: -40px;
		opacity: 0.5;
		z-index: -1;
	}
	*/
	.content-slider .swiper-slide {
		opacity: 1;
	}
}

.case-slider__logo {
	height: 80px;
}
@media screen and (max-width: 767px) {
	.case-slider__logo {
		height: 50px;
	}
}
.case-slider .highlight-line {
	background: var(--action);
}

@media screen and (max-width: 1025px) {
	.case-slider h2 {
		font-size: var(--h2);
	}
	.case-slider h3,
	.case-slider h4 {
		font-size: var(--h4);
	}
	.swiper-slider__content-container {
		padding-bottom: 3rem;
	}
}