/* Slider */
/* -------------------------------------------------------------------- */
.slider { display: block; position: relative; }
.slick-list { display: block;  position: relative; height: 100% !important;}
.slick-track { display: block; height: 100%; display: flex; gap: 2rem; }
.slick-slider { position: relative; }


.slick-slider .slick-arrow { padding: 0; position: absolute !important; top: 50% !important;
	width: 5rem; height: 5rem; color: transparent !important;  transform: translateY(-50%); z-index: 100;
	box-shadow: none;  background: transparent; opacity: 0.5; transition: all .3s;
	--image: url(../img/icons/arrow-right.svg); }
.slick-slider .slick-arrow:hover { opacity: 1; }
.slick-slider .slick-arrow::after { content: ''; display: inline-block; width: 2rem; height: 4rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
	mask: var(--image) center/contain no-repeat; -webkit-mask: var(--image) center/contain no-repeat; background: black; transition: .3s all;
	}
.slick-slider .slick-arrow:hover::after { background: var(--color-blue); }
.slick-slider .slick-prev { position: absolute; left: -5rem; --image: url(../img/icons/arrow-left.svg); }
.slick-slider .slick-next { position: absolute; right: -5rem;   }
.slick-slider .slick-dots { position: absolute; bottom: -1rem;  left: 50%; white-space: nowrap; transform: translateX(-50%); }
.slick-slider .slick-dots li { display: inline-block; margin: 0.2rem; }
.slick-slider .slick-dots li button { display: inline-block; padding: 0; background: #ececec; color: transparent; width: 2rem !important; height: 2rem !important; border-radius: 50%; border: 2px solid white; }
.slick-slider .slick-dots li.slick-active button { background: #2d67b6; }

@media screen and (max-width: 960px) {
	.slick-slider .slick-prev { left: 0.5rem; }
	.slick-slider .slick-next { right: 0.5rem; }
}