/* ---- About Us page enhancements ---- */
/* Palette matches the URICH logo: deep navy -> cyan gradient, charcoal text */

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

.about-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;
}

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

.about-features{ margin:34px 0 10px 0; }

.about-features-title{
	margin:0 0 22px 0;
	padding:0;
	color:#20242c;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:20px;
	font-weight:700;
	letter-spacing:.03em;
	text-transform:uppercase;
	text-align:left;
	position:relative;
}
.about-features-title:after{
	content:"";
	display:block;
	width:56px;
	height:3px;
	background:linear-gradient(90deg,#1B3A93,#00AEEF);
	border-radius:2px;
	margin:12px 0 0 0;
}

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

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

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

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

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

.feature-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;
}

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

.about-brands-title{ text-align:center; }

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