.swiperNavDots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-top: 30px;
	position: relative;
	z-index: 0;
}
.swiperNavDots [class*=swiper-button-] {
	position: static;
	width: 57px;
	height: 57px;
	margin: 0;
	border: 1px solid #000000;
	border-radius: 100%;
	opacity: .24;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiperNavDots [class*=swiper-button-] img {
	width: 24px;
}
.swiperNavDots [class*=swiper-button-]:after {
	display: none;
}
.swiperNavDots [class*=swiper-button-]:hover {
	opacity: 1;
}
.swiperNavDots [class*=swiper-button-].swiper-button-disabled {
	opacity: .24;
	cursor: default;
}
.swiperNavDots .swiper-pagination {
	position: static;
	width: auto;
}
.swiperNavDots .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 7px;
	outline: 0;
	border: none;
	mask: linear-gradient(#000000 0 0) 50% / 2px 100% no-repeat, linear-gradient(#000000 0 0) 0% / 100% 2px no-repeat;
	-webkit-mask: linear-gradient(#000000 0 0) 50% / 2px 100% no-repeat, linear-gradient(#000000 0 0) 0% / 100% 2px no-repeat;
	background: #000000;
	border-radius: 10px;
	opacity: 1;
	transition: .25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiperNavDots .swiper-pagination span:hover,
.swiperNavDots .swiper-pagination span.swiper-pagination-bullet-active {
	mask: linear-gradient(#000000 0 0) 50% / 100% 100% no-repeat, linear-gradient(#000000 0 0) 0% / 100% 100% no-repeat;
	-webkit-mask: linear-gradient(#000000 0 0) 50% / 100% 100% no-repeat, linear-gradient(#000000 0 0) 0% / 100% 100% no-repeat;
	background: #000000;
}