.custom-swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: max(.25rem, calc(.25 * var(--su)));
	margin-top: max(2rem, calc(2.5 * var(--su)));
}

.custom-swiper-pagination .custom-swiper-bullet {
	width: max(.5rem, calc(.75 * var(--su)));
	height: max(.5rem, calc(.75 * var(--su)));
	border-radius: 50%;
	background-color: var(--odnhn-black-20);
	opacity: 1;
	transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.custom-swiper-pagination .custom-swiper-bullet.active {
	background-color: var(--odnhn-purple-dark);
}