/* Services page — layout/placement only (components own the visuals). */

/* Hero background image (component handles overlay/typography). */
.page-template-template-services .hero {
	background-image: url("../images/services/hero.jpg");
}

/* 3-up service card grid. */
.svc-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* Data Centralization: office photo under the navy tint. */
.svc-central {
	background-image:
		linear-gradient(rgba(4, 19, 42, 0.88), rgba(4, 19, 42, 0.88)),
		url("../images/office-bg.jpg");
	background-size: cover;
	background-position: center;
}
.svc-central .checklist {
	margin-top: 40px;
}

/* 4-up credentials stats. */
.svc-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

/* Closing CTA button centering. */
.svc-cta {
	text-align: center;
}

@media (max-width: 900px) {
	.svc-cards { grid-template-columns: 1fr; }
	.svc-stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
	.svc-stats { grid-template-columns: 1fr; }
}