{#---------GENERAL STYLES---------#}
.image-slider {
	position: relative;
	z-index: 2;
}
.swiper.image-slider__swiper {
	padding: 25px 20px;
}
.image-slider__swiper .swiper-wrapper {
	margin-bottom: 40px;
}

.image-slider .swiper-pagination {
	position: static;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-slider .swiper-slide {
	padding: 0 5.5px;
}
.swiper-slide {
	transition: all 200ms linear;
}

{#-------LOGO IMAGE--------#}
.swiper-slide{
	align-self: center;
}
.image-slider .swiper-slide,
.swiper-slide img{
	line-height: 0;
}


{#---------ARROW---------#}
.image-slider__navigation {
	position: absolute;
	width: 100%;
	height: calc(100% - 40px);
	top: 0;
	left: 0;
	pointer-events: none;
}
.image-slider__navigation .swiper-button-prev,
.image-slider__navigation .swiper-button-next {
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	box-shadow: 0px 4px 20px rgba(128, 128, 128, 0.20);
	pointer-events: initial;
	z-index: 10;
}
.image-slider__navigation .swiper-button-prev {
	left: 4px
}
.image-slider__navigation .swiper-button-next {
	right: 4px;
}
.image-slider__navigation .swiper-button-next::after,
.image-slider__navigation .swiper-button-prev::after {
	font-size: 16px;
	color: var(--body);
}
@media (max-width: 767px) {
	.image-slider__navigation .swiper-button-prev {
		left: 12px
	}
	.image-slider__navigation .swiper-button-next {
		right: 12px;
	}
}