/* ==========================================================================
   MaxCover — các section giữa của trang chủ.
   Bản HTML gốc dựng bằng markup WPBakery (đã bỏ theo D4). File này dựng lại
   ĐÚNG bố cục và kiểu dáng quan sát được trên bản gốc, bằng CSS Grid thuần.
   Chỉ nạp trên trang chủ.
   ========================================================================== */

/* --- Nút gold đặc, chữ đen (kiểu nút chính của bản gốc) ----------------- */
.mc-gold-btn {
	display: inline-block;
	background: var(--mc-gold);
	color: #000;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	padding: 16px 26px;
	text-decoration: none;
	border: none;
	transition: background-color .2s ease;
}

.mc-gold-btn:hover {
	background: #cf9e08;
	color: #000;
}

/* --- Link phụ kiểu "—— Nhãn" (nectar-cta của bản gốc) ------------------- */
.mc-dash-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
	font-size: 14.5px;
	color: var(--mc-navy);
	text-decoration: none;
}

.mc-dash-link .mc-dash {
	display: block;
	width: 26px;
	height: 2px;
	background: currentColor;
	flex: 0 0 auto;
	transition: width .22s ease;
}

.mc-dash-link:hover {
	color: var(--mc-blue);
}

.mc-dash-link:hover .mc-dash {
	width: 38px;
}

/* --- Băng "…takes your insurance to a higher level." -------------------- */
.mc-higher-section {
	background: var(--mc-white);
	padding: 46px 0 54px;
	text-align: center;
}

.mc-higher-title {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.28;
	color: #0a0a0a;
	margin: 0 0 20px;
	max-width: 900px;
	margin-inline: auto;
}

.mc-higher-brand {
	color: var(--mc-blue);
	font-weight: 400;
}

/* --- "What Makes … Unique" ---------------------------------------------- */
.mc-unique-section {
	background: var(--mc-white);
	padding: 20px 0 70px;
}

.mc-unique-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}

.mc-unique-row-b {
	margin-top: 66px;
	align-items: start;
}

.mc-unique-media img {
	display: block;
	width: 100%;
	height: auto;
}

.mc-unique-title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
	color: #0a0a0a;
	margin: 0 0 18px;
}

.mc-unique-text {
	font-size: 16px;
	line-height: 1.75;
	color: #4a4a4a;
	margin: 0 0 20px;
}

.mc-unique-body-left .mc-unique-text:last-of-type {
	margin-bottom: 26px;
}

/* --- Hai khối icon ở cột phải hàng B ------------------------------------ */
.mc-feature-stack {
	display: flex;
	flex-direction: column;
}

.mc-feature-block {
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 18px;
	align-items: start;
	padding-bottom: 26px;
}

.mc-feature-block + .mc-feature-block {
	border-top: 1px solid var(--mc-line);
	padding-top: 26px;
}

.mc-feature-icon {
	color: var(--mc-blue);
	line-height: 0;
	padding-top: 2px;
}

.mc-feature-title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	color: #0a0a0a;
	margin: 0 0 10px;
}

.mc-feature-text {
	font-size: 15.5px;
	line-height: 1.7;
	color: #4a4a4a;
	margin: 0 0 14px;
}

@media (max-width: 900px) {
	.mc-unique-row {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.mc-unique-row-b {
		margin-top: 40px;
	}

	.mc-higher-title {
		font-size: 27px;
	}

	.mc-unique-section {
		padding: 10px 0 44px;
	}
}

/* --- "The Solution to Your Insurance Needs" ----------------------------- */
.mc-solutions-section {
	background: #f1f2f6;
	padding: 70px 0;
}

.mc-solutions-head {
	text-align: center;
	max-width: 820px;
	margin: 0 auto 54px;
}

.mc-solutions-title {
	font-size: 38px;
	font-weight: 400;
	line-height: 1.25;
	color: #0a0a0a;
	margin: 0 0 14px;
}

.mc-solutions-sub {
	font-size: 17px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0;
}

.mc-solutions-sub a {
	color: var(--mc-blue);
	text-decoration: none;
}

.mc-sol-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
	margin-bottom: 62px;
}

.mc-sol-row:last-child {
	margin-bottom: 0;
}

/* Hàng lật: nội dung trái, ảnh phải. */
.mc-sol-flip .mc-sol-media {
	order: 2;
}

/* Ảnh đặt lệch trong khung đen — đúng hiệu ứng của bản gốc. */
.mc-sol-frame {
	position: relative;
	background: #131313;
	padding: 0 0 26px 26px;
}

.mc-sol-frame img {
	display: block;
	width: 100%;
	height: auto;
	transform: translate(26px, 26px);
}

.mc-sol-title {
	font-size: 25px;
	font-weight: 700;
	color: var(--mc-blue);
	margin: 0 0 18px;
}

.mc-sol-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mc-sol-list li {
	margin-bottom: 10px;
}

.mc-sol-list a {
	position: relative;
	display: inline-block;
	padding-left: 22px;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
}

/* Bullet mũi tên nhỏ như bản gốc. */
.mc-sol-list a::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 7px;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #333;
}

.mc-sol-list a:hover {
	color: var(--mc-blue);
}

.mc-sol-list a:hover::before {
	border-left-color: var(--mc-blue);
}

@media (max-width: 900px) {
	.mc-sol-row {
		grid-template-columns: 1fr;
		gap: 26px;
		margin-bottom: 42px;
	}

	.mc-sol-flip .mc-sol-media {
		order: 0;
	}

	.mc-sol-frame {
		padding: 0 0 16px 16px;
	}

	.mc-sol-frame img {
		transform: translate(16px, 16px);
	}

	.mc-solutions-title {
		font-size: 27px;
	}

	.mc-solutions-section {
		padding: 44px 0;
	}
}

/* --- Testimonials ------------------------------------------------------- */
.mc-testi-section {
	background: var(--mc-navy-deep);
	color: #fff;
	padding: 66px 0;
}

.mc-testi-head {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 38px;
}

.mc-testi-title {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.25;
	color: #fff;
	margin: 0 0 12px;
}

.mc-testi-sub {
	font-size: 16px;
	line-height: 1.6;
	color: #cbd5e1;
	margin: 0 0 22px;
}

.mc-testi-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.mc-testi-card {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .14);
	padding: 26px 24px;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.mc-testi-mark {
	color: var(--mc-gold);
	margin-bottom: 10px;
	line-height: 0;
}

.mc-testi-quote {
	margin: 0 0 18px;
	flex: 1 1 auto;
}

.mc-testi-quote p {
	font-size: 15px;
	line-height: 1.7;
	color: #e2e8f0;
	margin: 0 0 10px;
	font-style: italic;
}

.mc-testi-author {
	border-top: 1px solid rgba(255, 255, 255, .14);
	padding-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mc-testi-author strong {
	font-size: 15px;
	color: #fff;
}

.mc-testi-author span {
	font-size: 13px;
	color: #94a3b8;
}

.mc-testi-google {
	text-align: center;
	margin: 26px 0 0;
}

.mc-testi-google a {
	color: var(--mc-gold);
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
}

.mc-testi-google a:hover {
	text-decoration: underline;
}

.mc-promise-row {
	list-style: none;
	margin: 40px 0 0;
	padding: 26px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .14);
	display: grid;
	/*
	 * auto-fit: bo mot cau cam ket thi hang tu can lai, khong de trong cot.
	 */
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 18px;
}

.mc-promise-item {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 14.5px;
	line-height: 1.5;
	color: #e2e8f0;
}

.mc-promise-item svg {
	flex: 0 0 auto;
	margin-top: 2px;
	color: var(--mc-gold);
}

@media (max-width: 900px) {
	.mc-testi-grid,
	.mc-promise-row {
		grid-template-columns: 1fr;
	}

	.mc-testi-section {
		padding: 44px 0;
	}

	.mc-testi-title {
		font-size: 25px;
	}
}


/* --- Dải logo hãng: tiêu đề ---------------------------------------------- */
.hero-partners-section {
	background: var(--mc-white);
	padding: 44px 0 30px;
}

.partners-heading {
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	color: var(--mc-navy);
	margin-bottom: 26px;
}

/* --- Nút submit của form hero ------------------------------------------- */
.hero-quote-submit-btn {
	display: block;
	width: 100%;
	background: var(--mc-blue);
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: .02em;
	border: none;
	border-radius: var(--mc-radius);
	padding: 14px 20px;
	margin-top: 4px;
	cursor: pointer;
	box-shadow: var(--mc-shadow-cta);
	transition: background-color .2s ease, transform .2s ease;
}

.hero-quote-submit-btn:hover {
	background: var(--mc-blue-dark);
	transform: translateY(-1px);
}

.hero-form-secure-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 12.5px;
	color: var(--mc-muted);
	margin-top: 12px;
}

.hero-form-col .mc-form-notice {
	margin-bottom: 14px;
}