/* About page styles */
.about-page{
	padding: 16px 0 36px 0;
	color: #1f2f44;
	/* center and constrain width so it doesn't hug the sides */
	max-width: 1100px;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
}

.about-hero{
	background: #f7fbff;
	border: 1px solid #e6eef7;
	border-radius: 14px;
	padding: 36px 24px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}
.about-badge{
	display: inline-block;
	background: #25456c;
	color: #fff;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 13px;
	margin-bottom: 6px;
}
.about-title{
	margin: 6px 0 4px 0;
	font-weight: 700;
	letter-spacing: -0.3px;
}
.about-subtitle{
	margin: 4px 0 2px 0;
	color: #587099;
}
.about-brand{
	margin: 0;
	font-size: 16px;
	color: #25456c;
	font-weight: 600;
}

.about-section{
	margin: 28px 0;
}
.section-title{
	position: relative;
	padding-left: 12px;
	margin: 0 0 14px 0;
	font-weight: 700;
}
.section-title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 4px;
	background: #25456c;
	border-radius: 4px;
}

.about-list{
	margin: 0;
	padding-left: 18px;
	line-height: 1.9;
}
.about-list li{
	margin: 4px 0;
}

.about-links{
	margin-top: 12px;
}
.about-links .btn-link{
	display: inline-block;
	margin-left: 8px;
	color: #25456c;
	border: 1px solid #d4deea;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	background: #fff;
}
.about-links .btn-link:hover{
	text-decoration: none;
	background: #f0f6ff;
	border-color: #b4c6df;
}

.about-quote{
	border: 1px solid #e6eef7;
	background: #fbfdff;
	padding: 16px;
	border-radius: 10px;
}
.about-quote .quote-title{
	font-weight: 700;
	margin: 0 0 8px 0;
}
.about-quote .quote-footnote{
	color: #6e7f9b;
	margin: 8px 0 0 0;
	font-size: 13px;
}

.branch-card{
	border: 1px solid #e6eef7;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 14px;
	background: #fff;
	transition: box-shadow .15s ease, transform .15s ease;
}
.branch-card:hover{
	box-shadow: 0 8px 18px rgba(31, 47, 68, .08);
	transform: translateY(-2px);
}
.branch-name{
	font-weight: 700;
	font-size: 16px;
}
.branch-phone{
	color: #25456c;
	font-weight: 600;
	margin: 4px 0;
}
.branch-addr{
	color: #4b5f80;
}

.strength-block{
	border: 1px solid #e6eef7;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 12px;
	background: #fff;
}
.strength-title{
	font-weight: 700;
	margin-bottom: 6px;
}
.strength-desc{
	color: #4b5f80;
	margin-bottom: 6px;
}
.inline-badge{
	display: inline-block;
	background: #f0f6ff;
	color: #25456c;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 8px;
	font-size: 12px;
}

.about-note{
	margin: 0;
	color: #25456c;
	font-weight: 600;
}
.about-closing{
	background: #f7fbff;
	border: 1px solid #e6eef7;
	border-radius: 10px;
	padding: 16px;
}

/* ---------- Responsive ---------- */
@media (min-width: 1280px){
	.about-page{ max-width: 1180px; }
	.about-hero{ padding: 40px 40px; }
}

@media (max-width: 991px){
	.about-hero{ padding: 28px 20px; }
	.section-title{ margin-bottom: 10px; }
	.branch-card{ margin-bottom: 12px; }
}

@media (max-width: 767px){
	.about-page{
		padding-left: 14px;
		padding-right: 14px;
	}
	.about-title{ font-size: 22px; }
	.about-subtitle{ font-size: 13px; }
	.about-hero{ padding: 22px 16px; }
	.strength-block{ padding: 12px; }
}