@charset "utf-8";
body {
		background: #F3F4F5;
}
section {
		padding: 80px 0;
}
@media(max-width: 767px) {
		section {
				padding-top: 40px;
		}
}
.news_wrap {
		background-color: #fff;
		border-radius: 8px;
		padding: 70px
}
@media(max-width: 1200px) {
		.news_wrap {
				padding: 60px 30px;
		}
}
@media(max-width: 767px) {
		.news_wrap {
				padding: 30px 15px;
		}
}
/* =============== */
main .wp-pagenavi {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 60px 0 0;
		font-size: 18px;
		font-family: 'Poppins', sans-serif!important;
		font-weight: 500!important;
}
main .pages {
		display: none !important
}
main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
		text-decoration: none;
		padding: 0;
		margin: 0 20px 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		color: #fff;
		background: #C2D3D8;
		border: none !important;
}
main .wp-pagenavi span.current {
		color: #fff;
		background: #224BA1;
		border: none !important;
}
main a.previouspostslink, main a.nextpostslink {
		position: relative;
		color: rgba(255, 255, 255, 0) !important;
}
main a.previouspostslink::after, main a.nextpostslink::after {
		content: '';
		display: block;
		position: absolute;
		width: 7px;
		height: 7px;
		pointer-events: none;
		top: calc(50% - 4px);
}
main a.previouspostslink::after {
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: rotate(-45deg);
		left: 22px;
}
main a.nextpostslink::after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		right: 22px;
}
@media (hover: hover) {
		main .wp-pagenavi a:hover {
				color: #fff;
				background: #224BA1;
		}
}
@media(max-width: 960px) {
		main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
				width: 54px;
				height: 54px;
				margin-right: 15px;
		}
		main a.previouspostslink::after {
				left: 26px;
		}
		main a.nextpostslink::after {
				right: 26px;
		}
}
@media(max-width: 767px) {
		main .wp-pagenavi {
				margin: 40px 0 0;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		main .wp-pagenavi a, main .wp-pagenavi span, main a.previouspostslink, main a.nextpostslink {
				width: 46px;
				height: 46px;
				margin: 0 5px;
				font-size: 13px;
		}
		main a.previouspostslink::after, main a.nextpostslink::after {
				width: 6px;
				height: 6px;
				top: calc(50% - 4px);
		}
		main a.previouspostslink::after {
				left: 19px;
		}
		main a.nextpostslink::after {
				right: 19px;
		}
}