
.bx-pagination {
	margin: 10px 0;

}


.bx-pagination .bx-pagination-container {
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	flex: 1;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 0px 15px 10px;
}
.bx-pagination .bx-pagination-container ul li span{
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: black;
	background: var(--color-buttom);
	border-radius: 38px;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 16px;

	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: var(--color-buttom-hover);
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	color: white;
	background: var(--corporate);
}
.bx-pagination .bx-pagination-container  li.bx-pag-prev ,
.bx-pagination .bx-pagination-container  li.bx-pag-next {
		list-style: none;

}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container  li.bx-pag-prev span.cover,
.bx-pagination .bx-pagination-container  li.bx-pag-next span.cover{
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: black;
	border:none;
	opacity: 0.2;
	padding: 20px 30px;
	background: var(--color-buttom);
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.bx-pagination .bx-pagination-container  li.bx-pag-next span.cover:after{
		content: url("/local/templates/main/icon/next.svg");
	height: 16px;
}
.bx-pagination .bx-pagination-container  li.bx-pag-prev span.cover:before{
	content: url("/local/templates/main/icon/next.svg");
	transform: rotate(180deg);
	height: 16px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container  li.bx-pag-prev a span.cover,
.bx-pagination .bx-pagination-container  li.bx-pag-next a span.cover {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: black;
	border:none;
	opacity: 1;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container li.bx-pag-prev a:hover span.cover,
.bx-pagination .bx-pagination-container li.bx-pag-next a:hover span.cover {
	background: var(--color-buttom-hover);
	color: #000;
}

/*color schemes*/
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}
.bx-pagination_arrows{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	gap: 40px;
	align-items: center;
}
.bx-pagination_number{
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.bx-pagination_number-count{
	display: flex;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: black;
	background: var(--color-buttom);
	padding: 15px 0;
	border-radius: 10px;
}
.bx-pagination_number-count_text{padding: 0 24px;}
.bx-pagination_number-count a{padding: 16px; border-radius: 10px;}
.bx-pagination_number-count a.active{
	background: var(--corporate);
	color: white;
	cursor: default;
}
.bx-pagination_number-count a:not(.active):hover{background: var(--color-buttom-hover);}

@media (max-width: 1380px) {
	.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
	.bx-pagination .bx-pagination-container li.bx-pag-prev span.cover,
	.bx-pagination .bx-pagination-container li.bx-pag-next span.cover {
		padding: 15px 20px;
	}
}

@media (max-width: 767px) {
	.bx-pagination {
		margin: 40px 0 0;
	}
	.bx-pagination .bx-pagination-container ul li span {
		font-size: 12px;
		width: 40px;
		height: 40px;
	}
	.bx-pagination .bx-pagination-container ul li {
		display: inline-block;
		margin: 0 0px 10px 6px;
	}
}
@media (max-width: 480px) {
	.btn-corparate.lasyload{font-size: 12px}
	.bx-pagination_arrows{gap:8px}
	.bx-pagination {
		margin: 24px 0 0;
	}
	.bx-pagination_number-count {font-size: 12px; padding:8px 0}
	.bx-pagination_number-count a {padding: 12px;}
	.bx-pagination_number-count_text {
		padding: 0px;
		padding-left: 10px;
	}
}