/* Services section only: index, subcategories and inner articles. */
.onp-page .onp-services{
	width:100%;
	max-width:none;
	color:#2c3a49;
	font-size:16px;
	line-height:1.75;
	text-align:left;
}
.onp-page .onp-services > .page_title,
.onp-page .onp-services > .page_title + .spacer30{
	display:none;
}
.onp-page .onp-services .page_content,
.onp-services-note{
	box-sizing:border-box;
	width:100%;
	max-width:none;
	text-align:left;
}
.onp-services .page_content p,
.onp-services .page_content li,
.onp-services .page_content h2,
.onp-services .page_content h3,
.onp-services-note,
.onp-services-note p,
.onp-services-note li{
	text-align:left;
}
.onp-services .page_content p,
.onp-services-note p{
	margin:0 0 0.9em;
	color:#2c3a49;
	font-size:16px;
	line-height:1.75;
}
.onp-services .page_content h2,
.onp-services .page_content .page_title,
.onp-services-note h2{
	margin:1.5em 0 0.55em;
	color:#16324f;
	font-size:26px;
	font-weight:700;
	line-height:1.3;
	text-align:left;
	text-transform:none;
}
.onp-services .page_content h2::after,
.onp-services .page_content .page_title::after{
	content:none;
}
.onp-services .page_content h3,
.onp-services-note h3{
	margin:1.2em 0 0.45em;
	color:#16324f;
	font-size:20px;
	font-weight:700;
	line-height:1.35;
	text-align:left;
}
.onp-services .page_content ul,
.onp-services-note ul{
	margin:0 0 1em;
	padding-left:1.2em;
}
.onp-services .page_content li,
.onp-services-note li{
	margin:0 0 0.35em;
	line-height:1.65;
}
.onp-services .page_content a,
.onp-services-note a{
	color:#1d5c96;
}
.onp-services .page_content a:hover,
.onp-services-note a:hover{
	color:#e77817;
}
.onp-services .intro-text{
	max-width:none;
}
.onp-services-note{
	margin-top:28px;
}

.onp-services .page_content img{
	float:left !important;
	display:block;
	box-sizing:border-box;
	width:45% !important;
	max-width:45% !important;
	height:auto !important;
	margin:4px 40px 16px 0 !important;
	border-radius:14px;
	background:#f5f8fb;
	object-fit:contain;
}
.onp-services .page_content strong:has(img){
	float:left;
	display:block;
	width:45%;
	max-width:45%;
	margin:4px 40px 16px 0;
}
.onp-services .page_content strong:has(img) img{
	float:none !important;
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
}
@media (hover:hover) and (pointer:fine){
	.onp-services .page_content img{
		transition:transform .2s ease;
	}
	.onp-services .page_content img:hover{
		transform:scale(1.015);
	}
}

.onp-services .services_arr{
	width:100%;
	margin:8px 0 28px;
}
.onp-services .services_arr > .spacer20,
.onp-services .services_arr .spacer,
.onp-services .service_item .spacer10{
	display:none;
}
.onp-services .services_arr > .container,
.onp-services .services_arr .row{
	box-sizing:border-box;
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
	float:none;
}
.onp-services .services_arr .row{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:18px;
}
.onp-services .services_arr .row::before,
.onp-services .services_arr .row::after{
	content:none;
	display:none;
}
.onp-services .service_item{
	position:relative;
	display:flex;
	flex-direction:column;
	width:auto !important;
	max-width:none !important;
	float:none !important;
	margin:0;
	padding:0 !important;
	overflow:hidden;
	border:1px solid rgba(22, 50, 79, 0.1);
	border-radius:14px;
	background:#fff;
}
.onp-services .service_item:has(.service_title a:empty){
	display:none;
}
.onp-services .category_pic{
	display:block;
	aspect-ratio:4 / 3;
	overflow:hidden;
	background:#f4f7fb;
}
.onp-services .category_pic::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
}
.onp-services .category_pic img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.onp-services .service_content{
	padding:14px 16px 16px;
}
.onp-services .service_title{
	margin:0;
	text-align:left;
	text-transform:none;
	font-size:17px;
	font-weight:700;
	line-height:1.35;
}
.onp-services .service_title a{
	color:#16324f;
	text-decoration:none;
}
@media (hover:hover) and (pointer:fine){
	.onp-services .service_item{
		transition:transform .2s ease, box-shadow .2s ease;
	}
	.onp-services .category_pic img{
		transition:transform .2s ease;
	}
	.onp-services .service_item:hover{
		opacity:1;
		transform:translateY(-4px);
		box-shadow:0 12px 28px rgba(22, 50, 79, 0.12);
	}
	.onp-services .service_item:hover .category_pic img{
		transform:scale(1.04);
	}
	.onp-services .service_item:hover .service_title a{
		color:#e77817;
	}
}

.onp-page .onp-services .onp-services-gallery.row{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:16px;
	width:100%;
	margin:8px 0 20px;
}
.onp-page .onp-services .onp-services-gallery.row::before,
.onp-page .onp-services .onp-services-gallery.row::after,
.onp-page .onp-services .onp-services-gallery > .clearfix,
.onp-page .onp-services .onp-services-gallery .spacer30,
.onp-page .onp-services .onp-services-gallery .clearfix{
	content:none;
	display:none;
}
.onp-page .onp-services .onp-services-gallery > [class*="col-"]{
	width:auto !important;
	max-width:none !important;
	float:none !important;
	padding:0 !important;
	margin:0;
}
.onp-services-gallery a.fancy{
	display:block;
	overflow:hidden;
	aspect-ratio:4 / 3;
	border-radius:12px;
	background:#f4f7fb;
}
.onp-page .onp-services .onp-services-gallery img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
@media (hover:hover) and (pointer:fine){
	.onp-services-gallery a.fancy img{
		transition:transform .2s ease;
	}
	.onp-services-gallery a.fancy:hover img{
		transform:scale(1.04);
	}
}

@media (min-width:560px){
	.onp-services .services_arr .row,
	.onp-page .onp-services .onp-services-gallery.row{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (min-width:900px){
	.onp-services .services_arr .row{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
	.onp-page .onp-services .onp-services-gallery.row{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
@media (min-width:1200px){
	.onp-services .services_arr .row,
	.onp-page .onp-services .onp-services-gallery.row{
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}
}
@media (max-width:767px){
	.onp-services .page_content strong:has(img){
		float:none;
		width:100%;
		max-width:100%;
		margin:0 0 16px;
	}
	.onp-services .page_content img{
		float:none !important;
		width:100% !important;
		max-width:100% !important;
		margin:0 0 16px !important;
	}
	.onp-services .page_content p,
	.onp-services-note p{
		font-size:15px;
	}
}
@media (max-width:420px){
	.onp-services .services_arr .row,
	.onp-page .onp-services .onp-services-gallery.row{
		grid-template-columns:minmax(0, 1fr);
	}
}
@media (prefers-reduced-motion:reduce){
	.onp-services .service_item,
	.onp-services .category_pic img,
	.onp-services .page_content img,
	.onp-services-gallery a.fancy img{
		transition:none;
	}
}
