.news-nav {
	margin-top: 60px;
}
.news-nav > .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.nav-page {
	font-family: 'Oswald';
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
        align-items: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: rgba(44, 111, 95, 1);
	margin: 0 2px;
	width: 50px;
	height: 50px;
	border: 0;
	border-radius: 12px;
	background-color: rgba(233, 246, 244, 1);
	user-select: none;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	text-decoration: none;
	-moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.nav-page.current-page {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(44, 111, 95, 1);
}

.nav-prev,
.nav-next {
	width: unset !important;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	column-gap: 9px;
	position: relative;
	cursor: pointer;
	font-size: 12px !important;
	letter-spacing: 0.05em;
	font-weight: 600;
	color: rgba(18, 29, 65, 0.35);
	display: none;
}
.nav-prev {
	margin-right: 9px;
}
.nav-next {
	margin-left: 9px;
}
.nav-prev > svg > path,
.nav-next > svg > path {
	opacity: 0.35;
	-moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.nav-pass {
	align-items: unset;
    padding-top: 11px;
}

@media all and (max-width: 1599px) {
	.news-nav {
	   
	}
}

@media all and (max-width: 1199px) {
	.news-nav {
		margin-top: 40px;
	}
}

@media all and (max-width: 767px) {
	.news-nav {
		margin-top: 30px;
	}
	.nav-page {
		font-size: 18px;
		width: 36px;
		height: 36px;
		border-radius: 10px;
	}
}

@media all and (max-width: 574px) {
	.nav-page {
		font-size: 14px;
	}
	.nav-prev, .nav-next {
		font-size: 10px !important;
	}
}

@media all and (min-width: 1025px) {
	.nav-page:not(.current-page):not(.nav-pass):not(.nav-prev):not(.nav-next):hover {
		background-color: rgba(44, 111, 95, 1);
		color: rgba(255, 255, 255, 1);
	}
	.nav-prev:hover,
	.nav-next:hover {
		color: rgba(18, 29, 65, 1);
	}
	.nav-prev:hover > svg > path,
	.nav-next:hover > svg > path {
		stroke: #121D41;
		opacity: 1;
	}
}