/* ============================================================
 * Mtech — About Us page (page-about-mtech-technologies.php)
 * ============================================================ */

.mtech-about { overflow-x: hidden; }

.mtech-awrap { max-width: 900px; margin: 0 auto; padding: 0 24px; }

.mtech-csec { position: relative; }

/* Full-bleed helper */
.mtech-about-cta {
	left: 50%; right: 50%;
	width: 100vw;
	margin-left: -50vw; margin-right: -50vw;
}

/* Body content */
.mtech-about-body { padding: 44px 0 52px; }
.mtech-about .entry-content { color: #374151; font-size: 16px; line-height: 1.7; }
.mtech-about .entry-content > *:first-child { margin-top: 0; }

/* Opening H1 */
.mtech-about .entry-content h1 {
	font-size: clamp(26px, 1.6rem + 1.4vw, 38px);
	font-weight: 800;
	color: #111827;
	line-height: 1.15;
	margin: 0 0 22px;
	text-align: center;
}

.mtech-about .entry-content h2 {
	font-size: clamp(22px, 1.3rem + 1vw, 28px);
	font-weight: 800;
	color: #111827;
	margin: 40px 0 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #eef1f5;
}
.mtech-about .entry-content h3 {
	font-size: 19px;
	font-weight: 700;
	color: #135289;
	margin: 28px 0 10px;
}
.mtech-about .entry-content p { margin: 0 0 16px; }
.mtech-about .entry-content a { color: #135289; font-weight: 600; text-decoration: none; }
.mtech-about .entry-content a:hover { text-decoration: underline; }

/* Brands strip image */
.mtech-about .entry-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 6px auto 26px;
	border-radius: 10px;
}

/* Lists → check bullets */
.mtech-about .entry-content ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.mtech-about .entry-content ul li {
	position: relative;
	padding: 6px 0 6px 30px;
	margin: 0;
}
.mtech-about .entry-content ul li::before {
	content: "";
	position: absolute;
	left: 0; top: 9px;
	width: 18px; height: 18px;
	background: #eaf6ee;
	border-radius: 50%;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009245' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
}
.mtech-about .entry-content ul li strong { color: #111827; }

/* CTA */
.mtech-about-cta { background: #f7f8fa; border-top: 1px solid #e5e7eb; padding: 48px 0 52px; text-align: center; }
.mtech-about-cta h2 { font-size: clamp(22px, 1.4rem + 1vw, 30px); font-weight: 800; color: #111827; margin: 0 0 8px; }
.mtech-about-cta p { color: #6b7280; margin: 0 auto 22px; max-width: 560px; font-size: 15.5px; }
.mtech-about-cta-btns { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

.mtech-a-btn {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 12px 24px; border-radius: 8px; font-weight: 600; font-size: 15px;
	text-decoration: none; border: 1.5px solid transparent;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.mtech-a-btn-primary { background: #135289; color: #fff; }
.mtech-a-btn-primary:hover { background: #0e3f6b; color: #fff; }
.mtech-a-btn-ghost { background: #fff; color: #135289; border-color: #135289; }
.mtech-a-btn-ghost:hover { background: #135289; color: #fff; }

@media (max-width: 600px) {
	.mtech-about-hero { padding: 42px 0 46px; }
	.mtech-about-body { padding: 34px 0 40px; }
}