/* ---- Services pages (hub + category subpages) ---- */
/* Palette matches the URICH logo: deep navy -> cyan gradient, charcoal text */

.service-hero{ padding-top:10px; }
.service-hero h1{ margin:0 0 18px 0; padding:0; font-family:"OpenSansRegular", Arial, sans-serif; }

.service-lead{
	font-family:"OpenSansRegular", Arial, sans-serif !important;
	font-size:15px !important;
	line-height:24px !important;
	color:#333 !important;
	border-left:4px solid #1B3A93;
	background:#f4f8fc;
	padding:16px 20px !important;
	margin:0 0 16px 0 !important;
	text-align:left !important;
}

.service-hero > p{ margin-bottom:0; font-family:"OpenSansRegular", Arial, sans-serif; }

/* ---- Hub grid on services.php ---- */

.service-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	margin:30px 0 10px 0;
}

.service-card{
	display:block;
	background:#fff;
	border:1px solid #e8edf4;
	border-top:3px solid transparent;
	border-radius:10px;
	padding:28px 20px;
	text-align:left;
	text-decoration:none !important;
	box-shadow:0 1px 3px rgba(20,30,60,0.04);
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.service-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 24px rgba(27,58,147,0.10);
	border-top-color:#00AEEF;
}

.service-card-icon{
	width:64px;
	height:64px;
	margin:0 0 16px 0;
	border-radius:50%;
	background:linear-gradient(135deg,#1B3A93,#00AEEF);
	display:flex;
	align-items:center;
	justify-content:center;
}

.service-card-icon svg{
	width:30px;
	height:30px;
	stroke:#fff;
	fill:none;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.service-card h3{
	margin:0 0 8px 0 !important;
	padding:0 !important;
	color:#20242c !important;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:15px !important;
	font-weight:700;
	text-transform:none !important;
}

.service-card p{
	margin:0 0 10px 0 !important;
	padding:0 !important;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:12.5px !important;
	line-height:19px !important;
	color:#666 !important;
	text-align:left !important;
}

.service-card-link{
	display:inline-block;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:12.5px;
	font-weight:700;
	color:#1B3A93;
	text-transform:uppercase;
	letter-spacing:.03em;
}
.service-card:hover .service-card-link{ color:#00AEEF; }

.service-note{
	margin-top:26px !important;
	padding:14px 20px !important;
	background:#fff6f6;
	border-left:4px solid #ed1e26;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:13px !important;
	color:#333 !important;
	text-align:left !important;
}

@media only screen and (max-width:1000px){
	.service-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (max-width:600px){
	.service-grid{ grid-template-columns:1fr; }
}

/* ---- Category subpages (feature checklist) ---- */

.service-checklist-title{
	margin:28px 0 10px 0;
	padding:0;
	color:#20242c;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:16px;
	font-weight:700;
}

.service-checklist{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}

.service-checklist li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:10px 4px;
	border-bottom:1px solid #eee;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#333;
	list-style:none !important;
	margin:0 !important;
}

.service-checklist li:last-child{ border-bottom:none; }

.service-checklist li svg{
	width:18px;
	height:18px;
	stroke:#00AEEF;
	fill:none;
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	flex-shrink:0;
	margin-top:1px;
}