.swiper { overflow: hidden; }
.swiper-slider { position: relative; }
.slider-container { position: relative; }

:root {
	--slider-color-button: var(--color-light-gray); --slider-color-button-hover: var(--color-blue);
	--slider-color-arrow: black; --slider-color-arrow-hover: white;
	--swiper-pagination-bullet-size: 10px; 
	--swiper-pagination-color: var(--color-blue);
	--swiper-pagination-bullet-inactive-color: black; 
	--swiper-pagination-bullet-inactive-opacity: 1;
}

.swiper-slide { padding: 1rem; }
.swiper-outer { position: relative; }

.swiper-button-prev,
.swiper-button-next {
	width: 3rem; height: 3rem;  color: white; margin-top:0; background: var(--slider-color-button);
	border-radius: 50%; position: absolute; top: 50%; transform: translate(0, -50%);
}

.swiper-button-next { right:-4rem; }
.swiper-button-prev { left:-4rem; }


.swiper-button-prev::after { --image: url(../img/icons/arrow-left.png);  }
.swiper-button-next::after { --image: url(../img/icons/arrow-right.png); } 

.swiper-button-prev::after,
.swiper-button-next::after {
	width: 2rem; height: 1.7rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	content: ''; background: var(--slider-color-arrow); mask: var(--image) center/contain no-repeat;; -webkit-mask: var(--image) center/contain no-repeat;; }

.swiper-button-prev:hover,
.swiper-button-next:hover { background: var(--slider-color-button-hover); }

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after { background: var(--slider-color-arrow-hover); }

.swiper-pagination { position: relative; margin-top: 4rem; }

.adaptive-slider { position: relative; }

@media screen and (max-width: 768px) {
	.swiper.adaptive-slider .swiper-slide { padding: 0; }
	.swiper-button-next { right: 1rem; left: auto; }
	.swiper-button-prev { left: 1rem; right: auto; }
}