.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	border: 1px solid #FEC00F;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background-color: #FEC00F;
}

.pagination {
    margin: 20px 0;
    text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .prev,
.pagination .next,
.pagination .prev-start,
.pagination .next-end {
	padding: 5px;
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .prev,
.pagination .prev-start {
	rotate: 180deg;
}
.page-number {
	width: 22px;
	height: 22px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
	border: none;
	color: #fff;
    background-color: #D9D9D9;
    cursor: pointer;
}
.page-number.active {
    background-color: #FEC00F;
    color: #fff;
    font-weight: bold;
}
.page-number:hover {
    background-color: #FEC00F;
}


 @media (width >= 1024px) {
 	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 33px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
		margin: 0 7px;
	}
 }