/* slider  */
.swiper .arrows {
	--color: var(--color-black);
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
}
.swiper .arrows + * {
	margin-top: 1rem;
}
.swiper .arrows button {
	margin: 0; padding: 0;
	border: none;
	appearance: none;
	background: transparent;
}
.swiper .arrows .icon {
	width: 2rem;
}
.swiper .arrows .prev {
	transform: rotate(180deg);
}
.slider {
	--gap: 1.5rem;
	--gap-bottom: 1.5rem;
}
@media screen and (min-width:800px){
	.slider {
		--gap: 4rem;
		--gap-bottom: 3rem;
	}
}
.slider .inner {
	padding: var(--gap) 6vw var(--gap-bottom);
}
.slider .inner {
	padding-block-start: 0;
}