.swiper-pagination {
	$self: &;

	&.custom-swiper-pagination {
		position: relative !important;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		gap: 6px;
		top: 0 !important;
		bottom: 0 !important;
		margin-top: 16px;

		#{ $self }-bullet {
			width: 8px;
			height: 8px;
			margin: 0 !important;
			opacity: 1;
			border-radius: 50%;
			background-color: #d7d7d7;

			&-active {
				background-color: $color-green;
			}
		}
	}
}