.slider-images{
	background: var(--background-color);
	padding: 16px 0;
}

@media (min-width: 576px) {
	.slider-images{
		padding: 8px 0;
	}
}

.slider-images .owl-carousel .owl-stage-outer {
	overflow: visible;
}
@media (min-width: 576px) {
	.slider-images .owl-carousel .owl-stage-outer {
		overflow: hidden;
	}
}

.slider-images .owl-item{
	max-width: 200px;
}

@media (min-width: 576px) {
	.slider-images .owl-item {
		max-width: auto;
	}
}

.slider-images a{
	border-radius: 4px;
	overflow: hidden;
}

.slider-images a img{
    max-width: 100%;
}

.slider-images .owl-dots{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 8px 0;
}

@media(min-width: 576px){
	.slider-images .owl-dots button.owl-dot{
		width: 8px;
		height: 8px;
		background-color: var(--signature-color);
		border-radius: 50%;
	}

	.slider-images .owl-dots button.owl-dot.active{
		background-color: var(--primary-color);
		border-color: var(--primary-color);
	}
}

.slider-item.swiper-slide a {
	padding: 0 8px;
}

.slider-item.swiper-slide a img {
	display: block;
	width: 100%;
}

.slider-item.swiper-slide {
	min-width: 200px !important;
}

@media (max-width: 576px) {
	.slider-item.swiper-slide {
		width: 50vw !important;
	}

	.slider-images.swiper {
		margin: 0 -16px;
	}
}

@media (min-width: 576px) and (max-width: 1400px) {
	.slider-item.swiper-slide {
		width: 25vw !important;
	}
}

@media (min-width: 1400px) and (max-width: 2540px) {
	.slider-item.swiper-slide {
		width: 14.2vw !important;
	}
}

@media (min-width: 2540px) {
	.slider-item.swiper-slide {
		width: 10vw !important;
	}
}