/* == slider == */

.slider {
	margin-bottom: 30px;
}

.splide {
	margin: 0;
	width: 100%;
}

.splide__track {
	max-height: 540px;
}

.splide__slide .frame {
	margin-bottom: 0;
	margin-top: 0;
}

.splide__slide img {
	height: auto;
	object-fit: cover;
	width: 100%;
}

@media(min-width: 768px) {
	
	.splide__arrows button {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	
	.splide:hover .splide__arrows button {
		opacity: 1;
	}
	
}