div.modern-page-navigation { 
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	gap: 10px;
}
div.modern-page-navigation a.modern-page-previous, 
div.modern-page-navigation a.modern-page-next{ 
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 30px;
	font-size: 0 !important;	
}
div.modern-page-navigation a.modern-page-previous { 
	background-image: url('/img/icons/pagenavigation-arrow.svg');
	transform: rotate(180deg);
}
div.modern-page-navigation a.modern-page-next { 
	background-image: url('/img/icons/pagenavigation-arrow.svg');
	
}

div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first { 

}
span.modern-page-current { 
	background: #06519E;
	color: #fff !important;
}
div.modern-page-navigation a, 
span.modern-page-current, 
div.modern-page-navigation a.modern-page-previous, 
span.modern-page-dots { 
	display: block;
	border-radius: 15px;
	width: 50px;
	height: 50px;
	font-size: 36px;
	line-height: 50px;
	text-align: center;
	letter-spacing: -0.03em;
	color: #000;
}
div.modern-page-navigation a:hover{
	text-decoration: none;
}

@media (max-width: 1200px) {
	div.modern-page-navigation { 
		margin-top: 30px;
		gap: 10px;
	}
}
@media (max-width: 992px) {
	div.modern-page-navigation { 
		gap: 5px;
	}

	div.modern-page-navigation a, 
	span.modern-page-current, 
	div.modern-page-navigation a.modern-page-previous, 
	span.modern-page-dots { 
		display: block;
		border-radius: 8px;
		width: 30px;
		height: 30px;
		font-size: 20px;
		line-height: 30px;
	}
	div.modern-page-navigation a.modern-page-previous, 
	div.modern-page-navigation a.modern-page-next{ 
		background-size: 8px 16px;

	}
}