/* header-redesign.css */
/* ZenOnco header redesign — white main bar */
.zen-header-v2 {
	--zh-teal: #046461;
	--zh-teal-deep: #035552;
	--zh-teal-text: #0a5c5a;
	--zh-wa: #1f8d1c;
	--zh-border: #d9e5e4;
	--zh-navy: #1a2b4a;
	--zh-ink: #263238;
	--zh-accent: var(--zh-teal);
	--zh-accent-soft: #EEF6F5;
	--zh-line: rgba(38, 50, 56, 0.06);
	--zh-font: Poppins, "Segoe UI", sans-serif;
	background: #fff;
	box-shadow: 0 1px 0 rgba(4, 100, 97, 0.08);
	position: relative;
	z-index: 1000;
}

.zen-header-v2 .container {
	max-width: 1240px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	box-sizing: border-box;
}

/* Utility bar removed */
.zen-utility-bar {
	display: none !important;
}

/* ——— Main header ——— */
.zen-main-header {
	background: #fff;
}

.zen-main-header > .container {
	padding-top: 0;
	padding-bottom: 0;
}

.zen-header-v2 .nav-wrapper {
	padding: 0;
}

.zen-header-v2 nav.navbar.zen-navbar,
.zen-header-v2 .zen-navbar {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	min-height: 72px;
	padding: 10px 0 !important;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	background: transparent;
	overflow: visible;
}

.zen-header-v2 .zen-main-header,
.zen-header-v2 .nav-wrapper,
.zen-header-v2 .container {
	overflow: visible;
}

.zen-header-v2 a.navbar-brand.zen-logo-lockup {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0;
	max-width: none;
	text-decoration: none !important;
	line-height: 1;
}

.zen-header-v2 .zen-logo-mark {
	width: 46px !important;
	height: 46px !important;
	max-width: 46px !important;
	max-height: 46px !important;
	object-fit: contain;
	object-position: center;
	flex-shrink: 0;
	display: block;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	image-rendering: auto;
}

.zen-header-v2 .zen-logo-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1px;
	min-width: 0;
}

.zen-header-v2 .zen-logo-name {
	display: block;
	color: #2f2f2f;
	font-family: Poppins, "Segoe UI", sans-serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	white-space: nowrap;
}

.zen-header-v2 .zen-logo-tag {
	display: block;
	color: #0033a0;
	font-family: Poppins, "Segoe UI", sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2;
	white-space: nowrap;
}

.zen-header-v2 .zen-logo-lockup .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* legacy img fallback if present */
.zen-header-v2 a.navbar-brand img.zen-header-logo {
	width: auto !important;
	height: 48px !important;
	max-height: 48px !important;
	max-width: 190px !important;
	object-fit: contain;
}

/* Desktop primary nav */
.zen-header-v2 ul.zen-nav-desktop {
	display: flex !important;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0 8px !important;
	padding: 0 !important;
	list-style: none;
	min-width: 0;
}

.zen-header-v2 ul.zen-nav-desktop > li {
	margin: 0 !important;
	position: relative;
	flex: 0 0 auto;
}

.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link,
.zen-header-v2 ul.zen-nav-desktop > li.nav-item > a {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	color: var(--zh-ink) !important;
	font-family: var(--zh-font) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	padding: 10px 9px !important;
	background: none !important;
	border: none !important;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	position: relative;
	z-index: 1;
	transition: color 180ms ease;
}

.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link .nav-name,
.zen-header-v2 ul.zen-nav-desktop .nav-name .nav-name {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	padding: 0 !important;
	margin: 0 !important;
	color: inherit !important;
	font: inherit !important;
	text-transform: none !important;
	background: none !important;
}

.zen-header-v2 ul.zen-nav-desktop > li.nav-item:hover > .no-link,
.zen-header-v2 ul.zen-nav-desktop > li.nav-item:hover > a,
.zen-header-v2 ul.zen-nav-desktop > li.nav-item.zen-nav-expanded > .no-link,
.zen-header-v2 ul.zen-nav-desktop > li.nav-item.active > .no-link {
	color: var(--zh-accent) !important;
	background: none !important;
}

.zen-header-v2 .caret {
	display: inline-block !important;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 2px !important;
	border: solid currentColor;
	border-width: 0 1.5px 1.5px 0;
	vertical-align: middle;
	opacity: 0.7;
	transform: rotate(45deg);
	transition: transform 180ms ease, opacity 180ms ease;
}

.zen-header-v2 li.nav-item:hover > .no-link .caret,
.zen-header-v2 li.nav-item.zen-nav-expanded > .no-link .caret {
	opacity: 1;
	transform: translateY(3px) rotate(225deg);
}

.zen-header-v2 .no-link:focus-visible,
.zen-header-v2 a.submenuoption:focus-visible {
	outline: 2px solid var(--zh-accent);
	outline-offset: 2px;
	border-radius: 8px;
}

/* Actions: WhatsApp + Call */
.zen-header-actions {
	display: flex !important;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	margin-left: auto;
	position: relative;
	z-index: 2;
}

.zen-header-search {
	display: none !important;
}

.zen-btn-wa,
.zen-btn-call {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 40px;
	padding: 0 16px;
	border-radius: 10px;
	font-family: var(--zh-font);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	box-sizing: border-box;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.zen-btn-wa {
	border: 1.5px solid var(--zh-wa);
	background: #fff;
	color: var(--zh-wa) !important;
}

.zen-btn-wa:hover {
	background: #f3faf3;
	color: #187516 !important;
	text-decoration: none !important;
}

.zen-btn-wa img,
.zen-btn-wa svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.zen-btn-call {
	border: 1.5px solid var(--zh-teal);
	background: var(--zh-teal);
	color: #fff !important;
}

.zen-btn-call:hover {
	background: var(--zh-teal-deep);
	border-color: var(--zh-teal-deep);
	color: #fff !important;
	text-decoration: none !important;
}

.zen-btn-call svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* Hide legacy green navbar strip when redesign is active */
.zen-header-v2 .navbar_box,
.zen-header-v2 .grad-bar {
	display: none !important;
}

/* Dropdown panels under white header — keep legacy selectors working */
.zen-header-v2 ul.zen-nav-desktop > li.drop-down > ul,
.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full .mega-drop-inner {
	position: absolute;
	top: 100%;
	left: 50%;
	right: auto;
	margin: 0 !important;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -4px);
	transition: opacity 200ms ease-out, transform 200ms ease-out, visibility 0s linear 200ms;
	background: #fff;
	list-style: none;
	z-index: 200;
}

.zen-header-v2 ul.zen-nav-desktop > li.drop-down > ul {
	padding: 0;
}

@media (min-width: 992px) {
	.zen-header-v2 #NewHeaderId {
		display: contents !important;
	}

	.zen-header-v2 #NewHeaderId > .row,
	.zen-header-v2 #NewHeaderId #CustomSearchBox {
		display: none !important;
	}

	.zen-header-v2 .MobileIconShow,
	.zen-header-v2 .menu-toggle,
	.zen-header-v2 .MobilemenuIcon {
		display: none !important;
	}

	.zen-header-v2 ul.zen-nav-desktop,
	.zen-header-v2 ul.zen-nav-desktop.desk-view {
		display: flex !important;
	}

	.zen-header-v2 .zen-header-actions.desk-view {
		display: flex !important;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.drop-down > ul,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full .mega-drop-inner {
		background: #fff !important;
		border: 1px solid var(--zh-line) !important;
		border-radius: 16px !important;
		box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.drop-down:hover > ul,
	.zen-header-v2 ul.zen-nav-desktop > li.drop-down.zen-nav-expanded > ul,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full:hover .mega-drop-inner,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full.zen-nav-expanded .mega-drop-inner {
		display: block !important;
		top: 100%;
		left: 50%;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translate(-50%, 0);
		transition: opacity 200ms ease-out, transform 200ms ease-out, visibility 0s;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.drop-down > ul {
		width: max-content;
		min-width: 260px;
		max-width: min(360px, calc(100vw - 32px));
		max-height: 70vh;
		overflow-y: auto;
		padding: 24px !important;
	}

	/* Pointer lives on the li so the scrollable panel cannot clip it */
	.zen-header-v2 ul.zen-nav-desktop > li.drop-down::after,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		width: 12px;
		height: 12px;
		background: #fff;
		border-top: 1px solid rgba(38, 50, 56, 0.08);
		border-left: 1px solid rgba(38, 50, 56, 0.08);
		border-top-left-radius: 2px;
		transform: translate(-50%, -50%) rotate(45deg);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 200ms ease-out, visibility 0s linear 200ms;
		z-index: 201;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.drop-down:hover::after,
	.zen-header-v2 ul.zen-nav-desktop > li.drop-down.zen-nav-expanded::after,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full:hover::after,
	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full.zen-nav-expanded::after {
		opacity: 1;
		visibility: visible;
		transition: opacity 200ms ease-out, visibility 0s;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.mega-drop-full.services-mega .mega-drop-inner {
		width: 540px !important;
		max-width: calc(100vw - 32px);
		padding: 28px !important;
		overflow: visible;
	}

	.zen-header-v2 .services-mega .mega-drop-inner .container-fluid {
		padding: 0 !important;
	}

	.zen-header-v2 .services-mega .mega-drop-inner .row {
		display: flex;
		flex-wrap: nowrap;
		margin: 0;
	}

	.zen-header-v2 .services-mega .mega-drop-inner .col {
		flex: 1 1 50%;
		min-width: 0;
		padding: 0 20px !important;
		border-right: 1px solid rgba(38, 50, 56, 0.08) !important;
	}

	.zen-header-v2 .services-mega .mega-drop-inner .col:first-child {
		padding-left: 0 !important;
	}

	.zen-header-v2 .services-mega .mega-drop-inner .col:last-child {
		padding-right: 0 !important;
		border-right: none !important;
	}

	.zen-header-v2 .services-mega .mega-drop-inner ul {
		margin: 0;
		padding: 0 !important;
		list-style: none;
	}

	.zen-header-v2 .customarrow {
		display: none !important;
	}

	.zen-header-v2 ul.zen-nav-desktop li.CustomClassMenuOption {
		padding: 0 !important;
		margin: 0 0 4px;
		background: none !important;
	}

	.zen-header-v2 ul.zen-nav-desktop li.CustomClassMenuOption:last-child {
		margin-bottom: 0;
	}

	.zen-header-v2 ul.zen-nav-desktop a.submenuoption {
		display: block;
		width: auto !important;
		padding: 6px 12px !important;
		border-radius: 8px;
		color: var(--zh-ink) !important;
		font-family: var(--zh-font) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 30px !important;
		letter-spacing: 0.2px;
		text-transform: none !important;
		text-decoration: none !important;
		white-space: nowrap;
		background: transparent;
		transition: all 180ms ease;
	}

	.zen-header-v2 ul.zen-nav-desktop a.submenuoption:hover,
	.zen-header-v2 ul.zen-nav-desktop a.submenuoption:focus-visible {
		color: var(--zh-accent) !important;
		background: var(--zh-accent-soft);
	}

	.zen-header-v2 ul.zen-nav-desktop .OurSubmenuTitle {
		display: block;
		margin: 0 12px 8px !important;
		padding: 0 !important;
		color: var(--zh-ink) !important;
		font-family: var(--zh-font) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 18px !important;
		letter-spacing: 1.2px;
		text-transform: uppercase;
	}
}

/* Small desktop: tighten nav type and spacing */
@media (min-width: 1200px) and (max-width: 1279.98px) {
	.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link,
	.zen-header-v2 ul.zen-nav-desktop > li.nav-item > a {
		font-size: 14px !important;
		padding: 10px 8px !important;
	}
}

/* Tablet landscape / mid desktop: tighten spacing */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.zen-header-v2 nav.navbar.zen-navbar {
		gap: 8px;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link,
	.zen-header-v2 ul.zen-nav-desktop > li.nav-item > a {
		font-size: 14px !important;
		padding: 10px 6px !important;
	}

	.zen-btn-wa,
	.zen-btn-call {
		padding: 0 12px;
		font-size: 12px;
	}

	/* Icon-only WhatsApp; the text stays as the link's accessible name */
	.zen-btn-wa {
		width: 40px;
		padding: 0;
		gap: 0;
		font-size: 0;
	}

	.zen-header-v2 a.navbar-brand.zen-logo-lockup {
		max-width: none;
	}

	.zen-header-v2 .zen-logo-mark {
		width: 42px !important;
		height: 42px !important;
		max-width: 42px !important;
		max-height: 42px !important;
	}

	.zen-header-v2 .zen-logo-name {
		font-size: 20px;
	}

	.zen-header-v2 .zen-logo-tag {
		font-size: 10.5px;
	}

	.zen-header-v2 a.navbar-brand img.zen-header-logo {
		height: 44px !important;
		max-height: 44px !important;
		max-width: 170px !important;
	}

	.zen-header-v2 ul.zen-nav-desktop {
		margin: 0 4px !important;
	}
}

@media (min-width: 992px) and (max-width: 1099.98px) {
	.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link,
	.zen-header-v2 ul.zen-nav-desktop > li.nav-item > a {
		font-size: 13px !important;
		padding: 10px 5px !important;
	}

	.zen-header-v2 ul.zen-nav-desktop > li.nav-item .no-link .nav-name {
		gap: 4px;
	}
}

/* Tablet / mobile */
@media (max-width: 991px) {
	.zen-header-v2 .zen-utility-bar,
	.zen-header-v2 .zen-utility-bar.desk-view {
		display: none !important;
	}

	.zen-header-v2 ul.zen-nav-desktop,
	.zen-header-v2 ul.zen-nav-desktop.desk-view,
	.zen-header-v2 .zen-header-actions,
	.zen-header-v2 .zen-header-actions.desk-view {
		display: none !important;
	}

	.zen-header-v2 #NewHeaderId ul.zen-nav-desktop.menuitem {
		display: block !important;
	}

	.zen-header-v2 .container {
		padding-left: 14px;
		padding-right: 14px;
	}

	.zen-header-v2 nav.navbar.zen-navbar {
		gap: 10px;
		min-height: 64px;
		padding: 10px 0 !important;
		overflow: visible !important;
		align-items: center;
	}

	.zen-header-v2 a.navbar-brand.zen-logo-lockup {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 168px);
		overflow: visible !important;
		align-items: center;
		gap: 8px;
		line-height: 1.15;
	}

	.zen-header-v2 .zen-logo-text {
		min-width: 0;
		overflow: hidden;
	}

	.zen-header-v2 .zen-logo-mark {
		width: 40px !important;
		height: 40px !important;
		max-width: 40px !important;
		max-height: 40px !important;
		flex-shrink: 0;
		overflow: visible !important;
		object-fit: contain;
		object-position: center;
	}

	.zen-header-v2 .zen-logo-name {
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.zen-header-v2 .zen-logo-tag {
		display: block !important;
		font-size: 9.5px;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.zen-header-v2 a.navbar-brand {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 168px);
		overflow: visible !important;
	}

	.zen-header-v2 a.navbar-brand img.zen-header-logo {
		height: 40px !important;
		max-height: 40px !important;
		max-width: 100% !important;
	}

	.zen-header-v2 .MobileIconShow {
		display: flex !important;
		order: 2;
		flex: 0 0 auto;
		margin-left: auto;
		margin-right: 0;
		z-index: 2;
	}

	.zen-header-v2 .menu-toggle,
	.zen-header-v2 #mobile-menu {
		display: flex !important;
		order: 3;
		position: static !important;
		flex: 0 0 40px;
		width: 40px !important;
		height: 40px !important;
		margin: 0 0 0 12px !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.zen-header-v2 .menu-toggle .bar {
		display: block;
		width: 18px;
		height: 2px;
		margin: 2px 0;
		background: var(--zh-teal);
		border-radius: 1px;
	}

	.zen-header-v2 .MobileIconShow a.header-call-btn,
	.zen-header-v2 .MobileIconShow a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 5px;
		height: 36px;
		min-width: 36px;
		max-width: none;
		width: auto !important;
		padding: 0 10px;
		border-radius: 10px;
		background: var(--zh-teal) !important;
		border: 1px solid var(--zh-teal) !important;
		color: #fff !important;
		font-family: var(--zh-font);
		font-size: 11px;
		font-weight: 600;
		text-decoration: none !important;
		overflow: visible;
		white-space: nowrap;
		flex-shrink: 0;
	}

	.zen-header-v2 .MobileIconShow .request-call-label,
	.zen-header-v2 .MobileIconShow #ContactNumberHere {
		display: inline !important;
		color: #fff !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		margin: 0 !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: none !important;
	}

	.zen-header-v2 #NewHeaderId.mobile-nav {
		background: #fff;
	}

	.zen-header-v2 #NewHeaderId ul.menuitem,
	.zen-header-v2 #NewHeaderId ul.menuitem.mobile-view {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.zen-header-v2 #NewHeaderId .close-menu {
		top: 4px !important;
		right: 4px !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		opacity: 1;
	}

	/* Drawer uses the grouped mobile Services list, never the desktop mega-menu */
	.zen-header-v2 #NewHeaderId ul.menuitem,
	.zen-header-v2 #NewHeaderId ul.menuitem.mobile-view,
	.zen-header-v2 #NewHeaderId li.nav-item.mobile-view {
		display: block !important;
	}

	/* Legacy "#NewHeaderId, .navbar ul" drawer rule also matches lists inside the drawer */
	.zen-header-v2 #NewHeaderId ul {
		position: static;
		top: auto;
		width: auto;
		height: auto;
		margin-left: 0;
		overflow: visible;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		transform: none;
	}

	.zen-header-v2 #NewHeaderId li.desktop-mega-drop,
	.zen-header-v2 #NewHeaderId .customarrow {
		display: none !important;
	}

	.zen-header-v2 #NewHeaderId .menuitem > li.nav-item {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid var(--zh-line);
	}

	.zen-header-v2 #NewHeaderId .nav-item .no-link,
	.zen-header-v2 #NewHeaderId .nav-item > a,
	.zen-header-v2 #NewHeaderId .nav-name {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		color: var(--zh-ink) !important;
		font-family: var(--zh-font) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		background: none !important;
		transition: color 180ms ease;
	}

	.zen-header-v2 #NewHeaderId .nav-item .no-link,
	.zen-header-v2 #NewHeaderId .nav-item > a {
		padding: 14px 4px !important;
	}

	.zen-header-v2 #NewHeaderId .nav-item .no-link .nav-name {
		width: 100%;
		padding: 0 !important;
	}

	.zen-header-v2 #NewHeaderId .nav-item:hover > .no-link,
	.zen-header-v2 #NewHeaderId .nav-item:hover > .no-link .nav-name,
	.zen-header-v2 #NewHeaderId .nav-item.zen-nav-expanded > .no-link,
	.zen-header-v2 #NewHeaderId .nav-item.zen-nav-expanded > .no-link .nav-name {
		color: var(--zh-accent) !important;
	}

	.zen-header-v2 #NewHeaderId .caret {
		margin: -3px 4px 0 12px !important;
	}

	.zen-header-v2 #NewHeaderId .nav-item > ul {
		display: none;
		margin: 0 !important;
		padding: 0 0 12px !important;
		list-style: none;
	}

	.zen-header-v2 #NewHeaderId .nav-item.zen-nav-expanded > ul {
		display: block;
	}

	.zen-header-v2 #NewHeaderId li.CustomClassMenuOption {
		margin: 0 0 2px !important;
		padding: 0 !important;
	}

	.zen-header-v2 #NewHeaderId a.submenuoption {
		display: block;
		width: auto !important;
		padding: 6px 12px !important;
		border-radius: 8px;
		color: var(--zh-ink) !important;
		font-family: var(--zh-font) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 30px !important;
		letter-spacing: 0.2px;
		text-decoration: none !important;
		transition: all 180ms ease;
	}

	.zen-header-v2 #NewHeaderId a.submenuoption:hover,
	.zen-header-v2 #NewHeaderId a.submenuoption:focus-visible {
		color: var(--zh-accent) !important;
		background: var(--zh-accent-soft);
	}

	.zen-header-v2 #NewHeaderId .OurSubmenuTitle {
		display: block;
		margin: 12px 12px 6px !important;
		padding: 0 !important;
		color: var(--zh-ink) !important;
		font-family: var(--zh-font) !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		line-height: 18px !important;
		letter-spacing: 1.2px;
		text-transform: uppercase;
	}

	.zen-header-v2 #NewHeaderId .nav-item > ul > .OurSubmenuTitle:first-child {
		margin-top: 4px !important;
	}

	/* One menu lives in the header. Keep it off-canvas until the toggle opens it. */
	.zen-header-v2 #NewHeaderId {
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		width: min(88vw, 380px) !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 56px 18px 24px !important;
		background: #fff !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		transform: translate3d(105%, 0, 0) !important;
		visibility: hidden;
		z-index: 100070 !important;
	}

	.zen-header-v2 #NewHeaderId.mobile-nav {
		transform: translate3d(0, 0, 0) !important;
		visibility: visible;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.zen-header-v2 #NewHeaderId {
		width: min(80%, 380px);
		margin-left: 0;
		padding-top: 45px;
	}
}

@media (max-width: 480px) {
	.zen-header-v2 .container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.zen-header-v2 a.navbar-brand.zen-logo-lockup,
	.zen-header-v2 a.navbar-brand {
		max-width: calc(100% - 112px);
		gap: 6px;
	}

	/* Keep full enso visible — do not shrink below readable mark size */
	.zen-header-v2 .zen-logo-mark {
		width: 38px !important;
		height: 38px !important;
		max-width: 38px !important;
		max-height: 38px !important;
	}

	.zen-header-v2 .zen-logo-name {
		font-size: 14px !important;
	}

	.zen-header-v2 .zen-logo-tag {
		display: block !important;
		font-size: 9px !important;
		line-height: 1.2;
		letter-spacing: 0.01em;
	}

	/* Icon-only call so the menu button stays on screen */
	.zen-header-v2 .MobileIconShow a.header-call-btn,
	.zen-header-v2 .MobileIconShow a {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		padding: 0 !important;
		gap: 0 !important;
		border-radius: 10px;
		overflow: hidden !important;
	}

	.zen-header-v2 .MobileIconShow .request-call-label,
	.zen-header-v2 .MobileIconShow #ContactNumberHere {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
	}

	.zen-header-v2 .MobileIconShow .request-call-icon {
		width: 13px;
		height: 13px;
		flex-shrink: 0;
		transform: none;
	}

	.zen-header-v2 .menu-toggle,
	.zen-header-v2 #mobile-menu {
		flex: 0 0 36px;
		width: 36px !important;
		height: 36px !important;
		margin: 0 0 0 8px !important;
		flex-shrink: 0;
		z-index: 3;
	}
}

@media (max-width: 360px) {
	.zen-header-v2 a.navbar-brand.zen-logo-lockup,
	.zen-header-v2 a.navbar-brand {
		max-width: calc(100% - 100px);
	}

	/* Icon-only only on the narrowest phones */
	.zen-header-v2 .MobileIconShow a.header-call-btn,
	.zen-header-v2 .MobileIconShow a,
	.zen-header-v2 .MobileIconShow a.WhichbtnClick {
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
		min-height: 36px !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	.zen-header-v2 .MobileIconShow .request-call-label,
	.zen-header-v2 .MobileIconShow span#ContactNumberHere,
	.zen-header-v2 .MobileIconShow #ContactNumberHere {
		display: none !important;
	}

	.zen-header-v2 .MobileIconShow .request-call-icon,
	.zen-header-v2 .MobileIconShow img {
		width: 15px !important;
		height: 15px !important;
	}

	.zen-header-v2 .menu-toggle,
	.zen-header-v2 #mobile-menu {
		flex: 0 0 36px;
		width: 36px !important;
		height: 36px !important;
		margin: 0 0 0 8px !important;
	}
}

/* Mobile nav click-away backdrop */
.zen-nav-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 100040;
	background: rgba(10, 24, 40, 0.45);
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.zen-nav-backdrop.is-visible,
.zen-nav-backdrop:not([hidden]) {
	display: block;
}
.zen-nav-backdrop[hidden] {
	display: none !important;
}
body.zen-nav-open {
	overflow: hidden;
}
/* Keep drawer + backdrop above sticky footer (z-index 100001).
   Elevate the header stacking context while open — otherwise
   #NewHeaderId stays trapped under .zen-header-v2 (z-index 1000)
   and the full-screen backdrop (100060) intercepts all taps. */
body.zen-nav-open .zen-header-v2,
body.zen-nav-open #navBar.zen-header-v2 {
	z-index: 100070 !important;
}
.zen-nav-backdrop {
	z-index: 100060 !important;
}
#NewHeaderId.mobile-nav {
	z-index: 100070 !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 28px !important;
}
.cd-secondary-dropdown.fade-in {
	z-index: 100071 !important;
}

/* Page-level status rows (`.row > .col-md-12 > .update-msg-box`) sit outside any .container;
   without this their -15px gutters widen the page on phones. */
.row:has(> [class*="col-"] > .update-msg-box) {
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 420px) {
	/* Cart icon leaves no room for the tagline; hide it instead of truncating mid-word. */
	.zen-header-v2:has(.zen-header-cart--mobile:not(.is-hidden)) .zen-logo-tag {
		display: none !important;
	}
}

@media (max-width: 767px) {
	/* iOS Safari zooms the page when a focused field is under 16px. */
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="reset"]),
	select,
	textarea {
		font-size: 16px !important;
	}
}

/* button-theme.css */
/* Site-wide button colors. Loaded last in <head> by set_new_header.php.
 * Each selector ends with :not(#zbt):not(#zbt) to add two ID-levels of specificity, so these rules
 * beat the older ID-scoped !important button rules (e.g. #footerTip, #expertSlider, #addAddressModal)
 * and the <style> blocks printed later inside <body>. ID selectors are kept in their own rules so
 * they don't raise the specificity of the class groups (:is() takes its most specific argument). */

:root {
	--btn-primary: #2563A6;
	--btn-primary-hover: #1D4F85;
	--btn-primary-tint: #EEF4FB;
	--btn-primary-shadow: rgba(37, 99, 166, 0.22);
}

/* Filled buttons */
html body :is(
	/* header, footer, modals, chat */
	.zen-btn-call,
	.MobileIconShow a.header-call-btn,
	.headerConsult,
	.footer-tip__cta,
	.btn-primary,
	.allBtnClassName,
	.btn-next,
	.btn-app-next,
	.btn-diet-next,
	.btn-expert-next,
	.form-submit-btn,
	.am2-btn-submit,
	.hv-submit,
	.hv-success__btn--map,
	.zc-btn,
	/* home */
	.hh-hero__cta:not(.hh-hero__cta--video),
	.zh-expert-ask__phone-submit,
	.home-guidance-next,
	.home-treatment-cost__cta,
	.home-reports-upload__cta,
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__help-btn--call,
	.zh-btn--primary,
	.zh-btn--accent,
	.zh-why-zenheal__view-all,
	.OurServices .hx-treatment-view-all,
	.OurServices .svc-cta,
	.zh-symptoms-card__cta-btn,
	.zh-symptoms-section__btn,
	.zh-cancer-types__cta-btn,
	.zh-financial-support__btn,
	.zh-hospital-guidance__btn,
	.zh-final-cta__btn,
	.zh-quote-vision__btn--primary,
	.zh-hero-banner__cta,
	button.btn.Connect_with_Expert,
	.CancerExpertBtn,
	.shine-btn,
	.btn-ex-program,
	.section-micro-cta-btn,
	.consult-btn,
	.primebtn,
	/* hospitals */
	.hx-dr-card-book,
	.hx-btn-primary,
	.hx-lead-submit,
	.hx-reach__btn--primary,
	.hub-cta-primary,
	.hub-hcard .btn-solid,
	/* doctors and experts */
	.zo-dr-card-cta,
	.onco-search,
	.btn-choose-date,
	.grid-btn-choose-date,
	.op-book__cta,
	.op-cta__book,
	.ie-card__book,
	.ie-btn--primary,
	.ei-book-btn,
	.expert-page .proceed-btn,
	.ei-upload__btn,
	.ei-book-form__submit,
	.ei-cta__book,
	.book-btn2,
	/* services and programs */
	.svc-btn--primary,
	.rp-hero__callback .svc-btn,
	.cp-btn--primary,
	.cs-btn--primary,
	.ehm-btn--primary,
	.ehm-btn--teal,
	.mc-btn--primary,
	.mc-callback__btn,
	.yx-btn--primary,
	.yx-btn--teal,
	.yx-sticky-cta__btn,
	.vc-btn--primary,
	.vc-btn--accent,
	.s4h__btn:not(.s4h__btn--ghost),
	.s4-sticky-cta__btn,
	.enrol-now,
	.book-plan,
	.subscription-footer .btn,
	.service_btn.see-all,
	.custom-from-ziopar-btn,
	.btn-submit-ziopar,
	.dwn-btn,
	.subm-btn,
	/* products, cart, checkout */
	.add-to-cart-btn,
	.btn-buy-now,
	.btn-talk-expert,
	.pl-help-btn--call,
	.pd-add-cart,
	.pd-together-atc,
	.pd-sticky-cart,
	.pd-reviews-write-btn,
	.cv2-apply,
	.cv2-checkout,
	.co2-apply,
	.co2-checkout,
	/* content pages */
	.contact-form__submit,
	.rg-cta-btn,
	.blog-end-cta__btn,
	.blog-listing-hero-cta__btn,
	.CustomFreeGuidenceFormOk,
	.Shrebtn
):not(#zbt):not(#zbt),
html body :is(
	#ShareNoBtn,
	#ReadMoreBtn:not(.CustomReadMoreBtn),
	#HomePageSubmitId,
	#proceed_btn,
	#addReviewButton,
	#app_submit,
	#step1_next,
	#custom-from-ziopar-btn,
	#saveChangesButton
):not(#zbt):not(#zbt) {
	background: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: #fff !important;
}

html body :is(
	.zen-btn-call,
	.MobileIconShow a.header-call-btn,
	.headerConsult,
	.footer-tip__cta,
	.btn-primary,
	.allBtnClassName,
	.btn-next,
	.btn-app-next,
	.btn-diet-next,
	.btn-expert-next,
	.form-submit-btn,
	.am2-btn-submit,
	.hv-submit,
	.hv-success__btn--map,
	.zc-btn,
	.hh-hero__cta:not(.hh-hero__cta--video),
	.zh-expert-ask__phone-submit,
	.home-guidance-next,
	.home-treatment-cost__cta,
	.home-reports-upload__cta,
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__help-btn--call,
	.zh-btn--primary,
	.zh-btn--accent,
	.zh-why-zenheal__view-all,
	.OurServices .hx-treatment-view-all,
	.OurServices .svc-cta,
	.zh-symptoms-card__cta-btn,
	.zh-symptoms-section__btn,
	.zh-cancer-types__cta-btn,
	.zh-financial-support__btn,
	.zh-hospital-guidance__btn,
	.zh-final-cta__btn,
	.zh-quote-vision__btn--primary,
	.zh-hero-banner__cta,
	button.btn.Connect_with_Expert,
	.CancerExpertBtn,
	.shine-btn,
	.btn-ex-program,
	.section-micro-cta-btn,
	.consult-btn,
	.primebtn,
	.hx-dr-card-book,
	.hx-btn-primary,
	.hx-lead-submit,
	.hx-reach__btn--primary,
	.hub-cta-primary,
	.hub-hcard .btn-solid,
	.zo-dr-card-cta,
	.onco-search,
	.btn-choose-date,
	.grid-btn-choose-date,
	.op-book__cta,
	.op-cta__book,
	.ie-card__book,
	.ie-btn--primary,
	.ei-book-btn,
	.expert-page .proceed-btn,
	.ei-upload__btn,
	.ei-book-form__submit,
	.ei-cta__book,
	.book-btn2,
	.svc-btn--primary,
	.rp-hero__callback .svc-btn,
	.cp-btn--primary,
	.cs-btn--primary,
	.ehm-btn--primary,
	.ehm-btn--teal,
	.mc-btn--primary,
	.mc-callback__btn,
	.yx-btn--primary,
	.yx-btn--teal,
	.yx-sticky-cta__btn,
	.vc-btn--primary,
	.vc-btn--accent,
	.s4h__btn:not(.s4h__btn--ghost),
	.s4-sticky-cta__btn,
	.enrol-now,
	.book-plan,
	.subscription-footer .btn,
	.service_btn.see-all,
	.custom-from-ziopar-btn,
	.btn-submit-ziopar,
	.dwn-btn,
	.subm-btn,
	.add-to-cart-btn,
	.btn-buy-now,
	.btn-talk-expert,
	.pl-help-btn--call,
	.pd-add-cart,
	.pd-together-atc,
	.pd-sticky-cart,
	.pd-reviews-write-btn,
	.cv2-apply,
	.cv2-checkout,
	.co2-apply,
	.co2-checkout,
	.contact-form__submit,
	.rg-cta-btn,
	.blog-end-cta__btn,
	.blog-listing-hero-cta__btn,
	.CustomFreeGuidenceFormOk,
	.Shrebtn
):not(#zbt):not(#zbt):is(:hover, :focus-visible),
html body :is(
	#ShareNoBtn,
	#ReadMoreBtn:not(.CustomReadMoreBtn),
	#HomePageSubmitId,
	#proceed_btn,
	#addReviewButton,
	#app_submit,
	#step1_next,
	#custom-from-ziopar-btn,
	#saveChangesButton
):not(#zbt):not(#zbt):is(:hover, :focus-visible),
html body a.CustomDrName:hover .consult-btn:not(#zbt):not(#zbt) {
	background: var(--btn-primary-hover) !important;
	border-color: var(--btn-primary-hover) !important;
	color: #fff !important;
	opacity: 1;
	filter: none !important;
	text-decoration: none !important;
}

/* guidance-modal.css turns every .btn orange on hover site-wide */
html body :is(.btn, .BtnHover, .BtnConnectHover):hover {
	background-color: var(--btn-primary-hover) !important;
}

/* Filled buttons that carry a tinted drop shadow */
html body :is(
	.hh-hero__cta:not(.hh-hero__cta--video),
	.home-reports-upload__cta-bar-btn,
	.home-reports-upload__sticky-cta .home-reports-upload__cta,
	.hx-dr-card-book,
	.consult-btn,
	.footer-tip__cta,
	.hv-submit
):not(#zbt):not(#zbt) {
	box-shadow: 0 6px 16px var(--btn-primary-shadow) !important;
}

/* Outline buttons */
html body :is(
	.hh-hero__cta--video,
	.home-guidance-back,
	.home-guidance-counselor-cta,
	.home-reports-upload__add-more,
	.home-reports-upload__help-btn--whatsapp,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.zh-btn--ghost,
	.zh-quote-vision__btn--ghost,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-page .hx-treatment-view-all,
	.hx-page .hx-treatment-show-less,
	.hx-page .CustomReadMoreBtn,
	.hx-reach__btn--ghost,
	.hub-hcard .btn-outline,
	.hub-hcard-sec-btn,
	.btn-secondary-action,
	.op-cta__call-btn,
	.ie-btn--outline,
	.svc-btn--ghost,
	.cp-btn--secondary,
	.cs-btn--secondary,
	.ehm-btn--ghost,
	.mc-btn--secondary,
	.yx-btn--ghost,
	.yx-concern__cta,
	.vc-btn--ghost,
	.s4h__btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt) {
	background: #fff !important;
	border-color: var(--btn-primary) !important;
	color: var(--btn-primary) !important;
	box-shadow: none !important;
}

html body :is(
	.hh-hero__cta--video,
	.home-guidance-back,
	.home-guidance-counselor-cta,
	.home-reports-upload__add-more,
	.home-reports-upload__help-btn--whatsapp,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.zh-btn--ghost,
	.zh-quote-vision__btn--ghost,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-page .hx-treatment-view-all,
	.hx-page .hx-treatment-show-less,
	.hx-page .CustomReadMoreBtn,
	.hx-reach__btn--ghost,
	.hub-hcard .btn-outline,
	.hub-hcard-sec-btn,
	.btn-secondary-action,
	.op-cta__call-btn,
	.ie-btn--outline,
	.svc-btn--ghost,
	.cp-btn--secondary,
	.cs-btn--secondary,
	.ehm-btn--ghost,
	.mc-btn--secondary,
	.yx-btn--ghost,
	.yx-concern__cta,
	.vc-btn--ghost,
	.s4h__btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt):is(:hover, :focus-visible) {
	background: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: #fff !important;
	text-decoration: none !important;
}

html body :is(
	.hh-hero__cta--video,
	.hx-dr-card-visit,
	.hx-expert-doctors-all,
	.hv-success__btn--call,
	.hx-btn-secondary,
	.hx-btn-outline,
	.hx-reach__btn--ghost,
	.op-cta__call-btn,
	.svc-btn--ghost,
	.s4-plan-help__btn,
	.pd-research-cta
):not(#zbt):not(#zbt) svg {
	color: inherit !important;
}

/* White buttons on dark bands: keep the white fill, switch the text to blue.
 * Three boosters so .svc-cta .svc-btn--primary beats the filled .svc-btn--primary rule. */
html body :is(
	.cp-btn--light,
	.ehm-btn--light,
	.ie-btn--light,
	.mc-btn--light,
	.rp-btn--light,
	.svc-cta .svc-btn--primary,
	.s4-final__btn,
	.vc-btn--light,
	.yx-btn--light,
	.blog-sticky-cta__btn
):not(#zbt):not(#zbt):not(#zbt) {
	background: #fff !important;
	border-color: #fff !important;
	color: var(--btn-primary) !important;
}

html body :is(
	.cp-btn--light,
	.ehm-btn--light,
	.ie-btn--light,
	.mc-btn--light,
	.rp-btn--light,
	.svc-cta .svc-btn--primary,
	.s4-final__btn,
	.vc-btn--light,
	.yx-btn--light,
	.blog-sticky-cta__btn
):not(#zbt):not(#zbt):not(#zbt):is(:hover, :focus-visible) {
	background: var(--btn-primary-tint) !important;
	border-color: var(--btn-primary-tint) !important;
	color: var(--btn-primary-hover) !important;
	text-decoration: none !important;
}

/* Text link on desktop, outline pill below 768px */
@media (max-width: 767px) {
	html body .ZioparSection_home .zh-ziopar-view-all:not(#zbt):not(#zbt) {
		border-color: var(--btn-primary) !important;
		color: var(--btn-primary) !important;
	}

	html body .ZioparSection_home .zh-ziopar-view-all:not(#zbt):not(#zbt):is(:hover, :focus-visible) {
		background: var(--btn-primary) !important;
		color: #fff !important;
	}
}

/* heading-theme.css */
/* Site-wide section heading colors: navy text, teal accent words. Loaded last in <head>.
 * Each selector ends with :not(#zht):not(#zht) to add two ID-levels of specificity, so these
 * rules beat the older ID-scoped !important heading rules and the <style> blocks printed later
 * inside <body>. Headings that sit on dark backgrounds (white text) are intentionally not listed,
 * and the dark-band wrappers are excluded so their headings stay white. */

:root {
	--heading-navy: #1e3a5f;
	--heading-accent: #046461;
}

html body :is(
	h2:is(
		.section-header,
		.sec-header,
		.sec-title,
		.section-title,
		.previous-section-header,
		.HaveChallenges,
		.CancerCareTitle,
		.PatientImprovement,
		.DownloadCancerReport,
		.svc-title,
		.svc-section__title,
		.yx-title,
		.ehm-title,
		.zen-title,
		.ei-section-title,
		.scode-title,
		.op-section-head,
		.op-section-title,
		.heading-48,
		.heading-40,
		.tb-hding,
		.rp-title,
		.vc-head__title,
		.vc-form__title,
		.about-mission__title,
		.blog-listing-hero-cta__title,
		.za-title,
		.ov-title,
		.fn-title,
		.pd-key-title,
		.pd-bdi-title,
		.pd-rr-title,
		.pd-fw-title,
		.zh-why-zenheal__title,
		.zh-section__title,
		.zh-trust-title,
		.zh-hospitals-title,
		.zh-cancer-types__title,
		.zh-care-services__title,
		.zh-support-beyond__title,
		.zh-financial-support__title,
		.zh-symptoms-card__title,
		.zh-expert-ask__title,
		.zh-final-cta__title,
		.hx-expert-doctors-title,
		.hub-doctors-section-title,
		.home-guidance__title,
		.home-reports-upload__hero-title,
		.home-treatment-cost__title,
		.survivors-speak__title
	),
	:is(.mc-section__head, .cs-section__head, .cp-section__head, .am2-head, .da-head, .about-story-problem__copy, .about-story-solution__copy) > h2,
	:is(.mc-faq, .cs-faq, .cp-faq, .s4-sec, .mc-split) h2
):not(:is(.mc-section--dark, .cs-section--dark, .cp-section--dark, .s4-final) *):not(#zht):not(#zht) {
	color: var(--heading-navy) !important;
	-webkit-text-fill-color: currentColor;
}

/* Highlighted words */
html body :is(
	h2:is(
		.section-header,
		.sec-header,
		.sec-title,
		.section-title,
		.previous-section-header,
		.HaveChallenges,
		.CancerCareTitle,
		.PatientImprovement,
		.DownloadCancerReport,
		.svc-title,
		.svc-section__title,
		.yx-title,
		.ehm-title,
		.zen-title,
		.ei-section-title,
		.scode-title,
		.op-section-head,
		.op-section-title,
		.heading-48,
		.heading-40,
		.tb-hding,
		.rp-title,
		.vc-head__title,
		.vc-form__title,
		.about-mission__title,
		.blog-listing-hero-cta__title,
		.za-title,
		.ov-title,
		.fn-title,
		.pd-key-title,
		.pd-bdi-title,
		.pd-rr-title,
		.pd-fw-title,
		.zh-why-zenheal__title,
		.zh-section__title,
		.zh-trust-title,
		.zh-hospitals-title,
		.zh-cancer-types__title,
		.zh-care-services__title,
		.zh-support-beyond__title,
		.zh-financial-support__title,
		.zh-symptoms-card__title,
		.zh-expert-ask__title,
		.zh-final-cta__title,
		.hx-expert-doctors-title,
		.hub-doctors-section-title,
		.home-guidance__title,
		.home-reports-upload__hero-title,
		.home-treatment-cost__title,
		.survivors-speak__title
	),
	:is(.mc-section__head, .cs-section__head, .cp-section__head, .am2-head, .da-head, .about-story-problem__copy, .about-story-solution__copy) > h2,
	:is(.mc-faq, .cs-faq, .cp-faq, .s4-sec, .mc-split) h2
):not(:is(.mc-section--dark, .cs-section--dark, .cp-section--dark, .s4-final) *) :is(
	.textColor,
	em,
	span:not(.active):not(.home-reports-upload__title-line)
):not(#zht):not(#zht) {
	color: var(--heading-accent) !important;
	-webkit-text-fill-color: currentColor;
}

/* sticky-footer-bar.css */
/* Global mobile sticky action bar — Book / Doctors / WhatsApp / Hospitals / Call */

.hospital-sticky-stack {
	display: none;
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 100001 !important;
	pointer-events: none;
	box-sizing: border-box;
	padding: 0 !important;
	margin: 0 !important;
	background: #fff !important;
	/* Block page content from showing behind / around the bar */
	isolation: isolate;
}

.hospital-sticky-stack::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #fff;
	z-index: 0;
	pointer-events: none;
}

.hospital-sticky-cta.hospital-sticky-cta--tabs {
	display: none;
	position: relative !important;
	z-index: 1;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	background: #fff !important;
	border: 0 !important;
	border-top: 1px solid rgba(4, 100, 97, 0.08) !important;
	border-radius: 18px 18px 0 0 !important;
	box-shadow: 0 -8px 24px rgba(15, 40, 38, 0.1) !important;
	padding: 18px 4px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	align-items: end !important;
	gap: 4px !important;
	box-sizing: border-box;
	pointer-events: auto;
}

.hospital-sticky-cta--tabs .sticky-tab {
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 4px !important;
	width: 100% !important;
	height: auto !important;
	min-height: 48px !important;
	min-width: 48px !important;
	padding: 6px 4px 4px !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #046461 !important;
	text-decoration: none !important;
	font-family: Poppins, sans-serif !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.hospital-sticky-cta--tabs .sticky-tab__glyph {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #046461;
	flex: 0 0 28px;
}

.hospital-sticky-cta--tabs .sticky-tab__glyph svg {
	display: block;
	width: 22px;
	height: 22px;
}

.hospital-sticky-cta--tabs .sticky-tab__glyph--mint {
	width: 28px !important;
	height: 28px !important;
	flex-basis: 28px !important;
	border-radius: 0;
	background: transparent !important;
}

.hospital-sticky-cta--tabs .sticky-tab__glyph--mint svg {
	width: 22px;
	height: 22px;
}

.hospital-sticky-cta--tabs .sticky-tab__label {
	display: block !important;
	width: 100%;
	height: 22px !important;
	min-height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #046461 !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 22px !important;
}

.hospital-sticky-cta--tabs .sticky-tab__label--two {
	white-space: normal !important;
	line-height: 1.05 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 10px !important;
}

.hospital-sticky-cta--tabs .sticky-tab--center {
	z-index: 3;
	overflow: visible !important;
	top: auto !important;
}

.hospital-sticky-cta--tabs .sticky-tab__fab {
	position: absolute !important;
	left: 50%;
	bottom: 28px !important;
	top: auto !important;
	transform: translateX(-50%);
	width: 58px !important;
	height: 58px !important;
	border-radius: 50% !important;
	background: #25D366 !important;
	color: #fff !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 16px rgba(37, 211, 102, 0.35) !important;
	border: 3px solid #fff !important;
	flex-shrink: 0;
	margin: 0 !important;
}

.hospital-sticky-cta--tabs .sticky-tab__fab svg {
	display: block;
}

.hospital-sticky-cta--tabs .sticky-book,
.hospital-sticky-cta--tabs .sticky-tab--accent {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 2px !important;
	min-height: 0 !important;
}

.sticky-counsellor-chip {
	display: none !important;
}

@media (min-width: 768px) {
	body.has-hospital-sticky .hospital-sticky-stack,
	.hospital-sticky-stack {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body.has-hospital-sticky .hospital-sticky-stack {
		display: block !important;
		visibility: visible !important;
		pointer-events: none !important;
	}

	body.has-hospital-sticky .hospital-sticky-cta--tabs,
	.hospital-sticky-cta.hospital-sticky-cta--tabs {
		display: grid !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	body.has-hospital-sticky .floating_button_container,
	body.has-hospital-sticky .floating_button_container.mobile-view,
	.floating_button_container.mobile-view {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
		opacity: 0 !important;
	}

	body.has-hospital-sticky {
		padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
	}
}

body.modal-open .hospital-sticky-stack,
body.home-guidance-modal-open .hospital-sticky-stack,
body.zen-nav-open .hospital-sticky-stack,
body.has-hospital-sticky.zen-nav-open .hospital-sticky-stack,
body.has-hospital-sticky.zen-nav-open .hospital-sticky-cta--tabs,
body.zen-nav-open .hospital-sticky-cta.hospital-sticky-cta--tabs {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
}

@media (max-width: 360px) {
	.hospital-sticky-cta--tabs .sticky-tab {
		font-size: 10px !important;
	}
	.hospital-sticky-cta--tabs .sticky-tab__label--two {
		font-size: 9.5px !important;
	}
	.hospital-sticky-cta--tabs .sticky-tab__fab {
		width: 52px !important;
		height: 52px !important;
		bottom: 24px !important;
	}
}