/*******************************************************
* SWIPER custom css
*******************************************************/

.gratzi-slider .swiper-pagination .swiper-pagination-bullet-active {
	background: var(--primary-color);
}
.gratzi-slider .swiper-button-prev,
.gratzi-slider .swiper-button-next {
	color: #fff;
}
.gratzi-slider .swiper-button-next::after,
.gratzi-slider .swiper-button-prev::after {
	text-shadow: 0px 0px 3px rgba(0,0,0,.4)!important;
}
.gratzi-slider .swiper-scrollbar .swiper-scrollbar-drag {
	background: rgba(0,0,0,.5);
}
.gratzi-slider .autoplay-progress {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 10;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--menu-font-weight);
	color: var(--primary-color);
}
.gratzi-slider .autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 4px;
	stroke: var(--primary-color);
	fill: none;
	stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}