.block-slider {
	background: linear-gradient(170deg, white 40%, #ef382a 35%);
}

.block-slider > div {
	max-width: 1400px;
    margin-inline: auto;
	position: relative;
}

.block-slider h2 {
	color: #ED3B2B;
}

.block-slider ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	column-gap: 1rem;
	align-items: start;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
  	scroll-behavior: smooth;
	scrollbar-width: none;
}

.block-slider ul li {
	min-width: 100%;
	width: 100%;
	aspect-ratio: 16 / 9;
	scroll-snap-align: start;
}

.block-slider ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-slider ul li iframe {
	width: 100%;
	height: 100%;
}

.block-slider .slider-button {
	background-color: #ED3B2B;
	border: 0;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #fff;
	position: absolute;
	top: 50%;
	cursor: pointer;
}

@media (max-width: 1024px) {
	.block-slider .slider-button {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 1024px) {
	.block-slider .slider-button svg {
		width: 1rem;
		height: 1rem;
	}
}

.block-slider .slider-button:first-of-type {
	left: 0;
	transform: translate(-50%, -50%);
}

.block-slider .slider-button:first-of-type svg {
	transform: rotate(180deg);
}

.block-slider .slider-button:last-child {
	right: 0;
	transform: translateY(-50%) translateX(50%);
}