/*
 * IDFC Guided Tours – popovers, welcome card, Help menu, field help, guide buttons.
 * Staff screens inherit the portal's tokens (--idfc-* on body.idfc-app, light and dark).
 * Public pages use the Ithala website colours. Avada styles buttons globally with !important,
 * so the few button rules here do the same, scoped to our own classes.
 */

/* ---- Tokens ----------------------------------------------------------- */
.idfc-tour--staff, .idfc-tours-help, .idfc-tour-welcome-wrap {
	--tour-bg: var(--idfc-surface, #fff);
	--tour-bg-2: var(--idfc-surface-2, #f6f8fb);
	--tour-ink: var(--idfc-ink, #0f1d33);
	--tour-ink-2: var(--idfc-ink-2, #44546b);
	--tour-line: var(--idfc-line, #dde4ee);
	--tour-accent: var(--idfc-accent, #1a73c9);
	--tour-accent-soft: var(--idfc-accent-soft, #e5f0fb);
	--tour-warn-soft: var(--idfc-warn-soft, #fdf1dc);
	/* 1.4.1: Open Sans for headings and text, on staff screens as on the website. */
	--tour-font: "Open Sans", var(--body_typography-font-family, Arial), Helvetica, sans-serif;
	--tour-font-h: "Open Sans", var(--body_typography-font-family, Arial), Helvetica, sans-serif;
	--tour-r: var(--idfc-r, 12px);
}
.idfc-tour--public, .idfc-guide-wrap, .idfc-guide-btn, .idfc-guides, .idfc-guide-cards, .idfc-guide-link {
	--tour-bg: #fff;
	--tour-bg-2: #f5f7fa;
	--tour-ink: #222;
	--tour-ink-2: #444;
	--tour-line: #e1e1e1;
	--tour-accent: #06549c;
	--tour-accent-soft: #e6eef6;
	--tour-warn-soft: #fdf1dc;
	--tour-accent-hover: #04467f;
	/* The website's own body font (Avada setting), so tour text matches the page. */
	--tour-font: "Open Sans", var(--body_typography-font-family, Arial), Helvetica, sans-serif;
	--tour-font-h: "Open Sans", var(--body_typography-font-family, Arial), Helvetica, sans-serif;
	--tour-r: 14px;
}

/* ---- Overlay: above the portal's side panel (99991) and toasts (99999) - */
.driver-overlay { z-index: 100000 !important; }
.driver-active .idfc-tours-help-btn { pointer-events: none; }

/* ---- Popover ----------------------------------------------------------- */
.driver-popover.idfc-tour-pop {
	font-family: var(--tour-font);
	background: var(--tour-bg);
	color: var(--tour-ink);
	border: 1px solid var(--tour-line);
	border-radius: var(--tour-r);
	box-shadow: 0 12px 32px rgba(11, 26, 51, .28);
	padding: 18px 18px 14px;
	min-width: 260px;
	max-width: min(380px, calc(100vw - 32px));
}
.driver-popover.idfc-tour-pop .driver-popover-title {
	font: 600 16px/1.35 var(--tour-font-h);
	color: var(--tour-ink);
	padding-right: 28px;
}
.driver-popover.idfc-tour-pop .driver-popover-description {
	font: 400 14.5px/1.55 var(--tour-font);
	color: var(--tour-ink-2);
}
.driver-popover.idfc-tour-pop .driver-popover-description p { margin: 0 0 8px; }
.driver-popover.idfc-tour-pop .driver-popover-description p:last-child { margin-bottom: 0; }
.driver-popover.idfc-tour-pop .driver-popover-description ul,
.driver-popover.idfc-tour-pop .driver-popover-description ol { margin: 4px 0 8px 18px; padding: 0; }
.driver-popover.idfc-tour-pop .driver-popover-description li { margin: 2px 0; }
.driver-popover.idfc-tour-pop .driver-popover-description a { color: var(--tour-accent); text-decoration: underline; }
.driver-popover.idfc-tour-pop .driver-popover-description strong,
.driver-popover.idfc-tour-pop .driver-popover-description b { color: var(--tour-ink); }
.driver-popover.idfc-tour-pop .driver-popover-footer { margin-top: 14px; gap: 8px; flex-wrap: wrap; }
.driver-popover.idfc-tour-pop .driver-popover-progress-text { font: 500 12.5px/1.3 var(--tour-font); color: var(--tour-ink-2); }
.driver-popover.idfc-tour-pop .driver-popover-footer-btn {
	font: 600 14px/1.2 var(--tour-font) !important;
	min-height: 38px !important;
	padding: 8px 14px !important;
	border-radius: 9px !important;
	border: 1px solid var(--tour-line) !important;
	background: var(--tour-bg) !important;
	color: var(--tour-ink) !important;
	text-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center;
}
.driver-popover.idfc-tour-pop .driver-popover-footer-btn[style*="none"],
.driver-popover.idfc-tour-pop .driver-popover-close-btn[style*="none"] { display: none !important; } /* Driver hides buttons inline. */
.driver-popover.idfc-tour-pop .driver-popover-next-btn {
	background: var(--tour-accent) !important;
	border-color: var(--tour-accent) !important;
	color: #fff !important;
}
.driver-popover.idfc-tour-pop .driver-popover-footer-btn:hover { filter: brightness(1.06); }
.driver-popover.idfc-tour-pop .driver-popover-close-btn {
	width: 36px; height: 36px; top: 6px; right: 6px;
	color: var(--tour-ink-2); font-size: 22px; line-height: 36px; border-radius: 8px;
}
.driver-popover.idfc-tour-pop .driver-popover-close-btn:hover { color: var(--tour-ink); background: var(--tour-bg-2); }
.driver-popover.idfc-tour-pop button:focus-visible,
.driver-popover.idfc-tour-pop a:focus-visible {
	outline: 2px solid var(--tour-accent) !important;
	outline-offset: 2px;
}
.driver-popover.idfc-tour-pop .driver-popover-arrow-side-left { border-left-color: var(--tour-bg); }
.driver-popover.idfc-tour-pop .driver-popover-arrow-side-right { border-right-color: var(--tour-bg); }
.driver-popover.idfc-tour-pop .driver-popover-arrow-side-top { border-top-color: var(--tour-bg); }
.driver-popover.idfc-tour-pop .driver-popover-arrow-side-bottom { border-bottom-color: var(--tour-bg); }
.idfc-tour-look {
	font-size: 13px; background: var(--tour-warn-soft); color: var(--tour-ink);
	border-radius: 8px; padding: 6px 10px; margin-top: 8px !important;
}
.idfc-tour-prevnote {
	font-size: 12.5px; background: var(--tour-accent-soft); color: var(--tour-ink);
	border-radius: 8px; padding: 6px 10px;
}
.idfc-tour-hint.driver-popover .driver-popover-description { font-size: 14px; }

/* ---- Welcome card ------------------------------------------------------ */
.idfc-tour-welcome-wrap {
	position: fixed; inset: 0; z-index: 100001;
	background: rgba(11, 26, 51, .5);
	display: grid; place-items: center; padding: 16px;
}
.idfc-tour-welcome {
	box-sizing: border-box;
	background: var(--tour-bg); color: var(--tour-ink); font-family: var(--tour-font);
	border-radius: 16px; box-shadow: 0 20px 48px rgba(11, 26, 51, .35);
	width: min(460px, calc(100vw - 32px)); padding: 28px 28px 22px; max-height: calc(100vh - 32px); overflow: auto;
}
.idfc-tour-welcome h2 { font: 600 21px/1.3 var(--tour-font-h); margin: 0 0 10px; color: var(--tour-ink); }
.idfc-tour-welcome p { font-size: 15px; line-height: 1.55; color: var(--tour-ink-2); margin: 0 0 18px; }
.idfc-tour-kicker { font-size: 12px !important; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tour-accent) !important; margin: 0 0 6px !important; }
.idfc-tour-welcome { position: relative; }
.idfc-tour-welcome h2 { padding-right: 36px; }
body button.idfc-tour-x {
	position: absolute; top: 16px; right: 16px;
	width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important;
	padding: 0 !important; margin: 0 !important; border-radius: 50% !important;
	border: 1px solid var(--tour-line) !important; background: var(--tour-bg) !important; color: var(--tour-ink-2) !important;
	display: grid !important; place-items: center; font: 400 20px/1 var(--tour-font) !important; cursor: pointer; box-shadow: none !important;
}
body button.idfc-tour-x::before { content: ""; position: absolute; inset: -5px; } /* 44px touch target */
body button.idfc-tour-x:hover { background: var(--tour-bg-2) !important; color: var(--tour-ink) !important; }
body button.idfc-tour-x:focus-visible { outline: 2px solid var(--tour-accent) !important; outline-offset: 2px; }
.idfc-tour-chips { list-style: none !important; display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 22px !important; padding: 0 !important; }
.idfc-tour-chips li {
	margin: 0 !important; padding: 5px 11px !important; border-radius: 999px;
	background: var(--tour-bg-2); color: var(--tour-ink); font-size: 13px; line-height: 1.3;
}
.idfc-tour-chips li::before { content: none !important; }
/* Public: the Ithala blue and green band, and the site's heading weight. */
.idfc-tour--public .idfc-tour-welcome { width: min(500px, calc(100vw - 32px)); padding: 32px 30px 26px; border-radius: 18px; overflow: hidden; }
.idfc-tour--public .idfc-tour-welcome::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px;
	background: linear-gradient(90deg, #06549c 0 65%, #32b34c 65%); /* Ithala blue and green */
}
.idfc-tour--public .idfc-tour-welcome h2 { font-weight: 700; font-size: 24px; line-height: 1.25; }
.idfc-tour--public .idfc-tour-welcome p { font-size: 15.5px; line-height: 1.6; }
.idfc-tour--public .idfc-tour-kicker { font-weight: 700; letter-spacing: .09em; }
.idfc-tour--public button.idfc-tour-btn { border-radius: 12px !important; font-size: 15px !important; padding: 11px 20px !important; }
.idfc-tour--public button.idfc-tour-btn.is-pri:hover { background: var(--tour-accent-hover) !important; border-color: var(--tour-accent-hover) !important; }
.idfc-tour-acts { display: flex; gap: 10px; flex-wrap: wrap; }
button.idfc-tour-btn {
	font: 600 14.5px/1.2 var(--tour-font) !important;
	min-height: 44px !important; padding: 10px 18px !important; margin: 0 !important;
	border-radius: 10px !important; border: 1px solid var(--tour-line) !important;
	background: var(--tour-bg) !important; color: var(--tour-ink) !important;
	cursor: pointer; box-shadow: none !important; text-transform: none !important; letter-spacing: normal !important;
}
button.idfc-tour-btn.is-pri { background: var(--tour-accent) !important; border-color: var(--tour-accent) !important; color: #fff !important; }
button.idfc-tour-btn:focus-visible { outline: 2px solid var(--tour-accent) !important; outline-offset: 2px; }

/* ---- Quiet offer (public first visit, form errors) --------------------- */
.idfc-tour-nudge {
	position: fixed; right: 16px; bottom: 16px; z-index: 99998;
	width: min(360px, calc(100vw - 32px));
	background: var(--tour-bg); color: var(--tour-ink); font-family: var(--tour-font);
	border: 1px solid var(--tour-line); border-radius: var(--tour-r);
	box-shadow: 0 12px 32px rgba(11, 26, 51, .22); padding: 16px;
}
.idfc-tour-nudge p { margin: 0 0 12px; font-size: 14.5px; line-height: 1.5; }
.idfc-tour-nudge p span { display: block; color: var(--tour-ink-2); margin-top: 4px; }

/* ---- Help menu (staff portal top bar) ---------------------------------- */
.idfc-tours-help { position: relative; }
.idfc-tours-help.is-floating { position: fixed; right: 16px; bottom: 16px; z-index: 9989; }
body .idfc-tours-help .idfc-tours-help-btn {
	display: inline-flex; align-items: center; gap: 8px;
	height: 42px; padding: 0 14px 0 10px !important; margin: 0 !important;
	border-radius: 10px !important; border: 1px solid var(--tour-line) !important;
	background: var(--tour-bg) !important; color: var(--tour-ink-2) !important;
	font: 600 14px/1 var(--tour-font) !important; cursor: pointer; box-shadow: none !important; position: relative;
}
.idfc-tours-help-btn:hover { color: var(--tour-ink) !important; }
.idfc-tours-help-btn:focus-visible { outline: 2px solid var(--tour-accent) !important; outline-offset: 2px; }
.idfc-tours-q {
	width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center;
	background: var(--tour-accent-soft); color: var(--tour-accent); font-weight: 700; font-size: 13px;
}
.idfc-tours-help-btn.has-dot::after {
	content: ""; position: absolute; top: 6px; right: 6px; width: 9px; height: 9px; border-radius: 50%;
	background: var(--idfc-crit, #c8322f); box-shadow: 0 0 0 2px var(--tour-bg);
}
.idfc-tours-menu {
	position: absolute; right: 0; top: calc(100% + 6px); z-index: 9995;
	width: min(320px, calc(100vw - 32px));
	background: var(--tour-bg); border: 1px solid var(--tour-line); border-radius: 12px;
	box-shadow: 0 12px 32px rgba(11, 26, 51, .2); padding: 6px; font-family: var(--tour-font);
}
.idfc-tours-help.is-floating .idfc-tours-menu { top: auto; bottom: calc(100% + 6px); }
.idfc-tours-menu[hidden] { display: none !important; }
.idfc-tours-menu ul { list-style: none; margin: 0; padding: 4px 0; }
.idfc-tours-menu ul + ul { border-top: 1px solid var(--tour-line); }
.idfc-tours-mh { margin: 6px 10px 2px; font-size: 11.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--tour-ink-2); }
.idfc-tours-menu [role="menuitem"] {
	display: flex !important; justify-content: space-between; align-items: center; gap: 10px; width: 100%;
	min-height: 40px; padding: 8px 10px !important; margin: 0 !important; border: 0 !important; border-radius: 8px !important;
	background: transparent !important; color: var(--tour-ink) !important; text-align: left;
	font: 500 14px/1.3 var(--tour-font) !important; text-decoration: none !important; cursor: pointer; box-shadow: none !important;
}
.idfc-tours-menu [role="menuitem"]:hover, .idfc-tours-menu [role="menuitem"]:focus { background: var(--tour-bg-2) !important; outline: none; }
.idfc-tours-menu [role="menuitem"]:focus-visible { outline: 2px solid var(--tour-accent) !important; outline-offset: -2px; }
.idfc-tours-menu small { color: var(--tour-accent); font-weight: 600; font-size: 12.5px; white-space: nowrap; }
@media (max-width: 640px) {
	.idfc-tours-help-l { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	body .idfc-tours-help .idfc-tours-help-btn { padding: 0 9px !important; }
}

/* ---- Help Centre card and checklist ------------------------------------ */
.idfc-tours-help-sub { color: var(--idfc-ink-2, #44546b); margin: 0 0 12px; }
.idfc-tours-help-topic { font: 600 14px/1.3 "Open Sans", Arial, Helvetica, sans-serif; margin: 16px 0 6px; color: var(--idfc-ink, #0f1d33); }
.idfc-tours-count { font-weight: 500; color: var(--idfc-ink-2, #44546b); margin-left: 6px; }
.idfc-tours-list, .idfc-tours-check { list-style: none; margin: 0; padding: 0; }
.idfc-tours-list li, .idfc-tours-check li {
	display: flex; align-items: center; gap: 12px; padding: 10px 0;
	border-top: 1px solid var(--idfc-line, #dde4ee);
}
.idfc-tours-list li:first-child, .idfc-tours-check li:first-child { border-top: 0; }
.idfc-tours-t { flex: 1; min-width: 0; }
.idfc-tours-t b { display: block; color: var(--idfc-ink, #0f1d33); }
.idfc-tours-t span { display: block; color: var(--idfc-ink-2, #44546b); font-size: 13.5px; }
.idfc-tours-tick {
	width: 24px; height: 24px; flex: none; border-radius: 50%; display: grid; place-items: center;
	border: 2px solid var(--idfc-line-2, #c9d3e0); color: #fff; font-size: 14px; font-weight: 700;
}
.idfc-tours-check li.is-done .idfc-tours-tick { background: var(--idfc-good, #23803a); border-color: var(--idfc-good, #23803a); }
.idfc-tours-check li.is-done .idfc-tours-t b { color: var(--idfc-ink-2, #44546b); }
.idfc-tours-cl-sum { color: var(--idfc-ink-2, #44546b); margin: 0 0 8px; }
.idfc-tours-showme { margin-top: 10px; }
@media (max-width: 640px) {
	.idfc-tours-list li, .idfc-tours-check li { flex-wrap: wrap; }
}

/* ---- Field help "?" ------------------------------------------------------ */
body button.idfc-hint-btn {
	display: inline-grid !important; place-items: center; vertical-align: middle;
	width: 24px !important; height: 24px !important; min-width: 0 !important; min-height: 0 !important;
	margin: 0 0 0 6px !important; padding: 0 !important; border-radius: 50% !important;
	border: 1px solid var(--idfc-line-2, #c9d3e0) !important; background: var(--idfc-surface, #fff) !important;
	color: var(--idfc-accent, #1a73c9) !important; font: 700 13px/1 "Open Sans", Arial, Helvetica, sans-serif !important;
	cursor: pointer; box-shadow: none !important; position: relative;
}
body button.idfc-hint-btn::before { content: ""; position: absolute; inset: -10px; } /* 44px touch target */
body button.idfc-hint-btn:focus-visible { outline: 2px solid var(--idfc-accent, #1a73c9) !important; outline-offset: 2px; }

/* ---- Public "Guide me" buttons and guide list --------------------------- */
.idfc-guide-wrap { display: inline-flex; gap: 8px; flex-wrap: wrap; }
/* Ithala blue, the site's 12px corners and body font; reads on the hero photo and on white. */
body .idfc-guide-btn {
	display: inline-flex !important; align-items: center; gap: 10px;
	min-height: 44px; padding: 9px 18px 9px 10px !important; margin: 0 !important;
	border-radius: 12px !important; border: 1px solid var(--tour-accent) !important;
	background: var(--tour-accent) !important; color: #fff !important;
	font: 600 15px/1.2 var(--tour-font) !important; cursor: pointer; text-decoration: none !important;
	box-shadow: none !important; text-shadow: none !important; /* Flat: no shadow or glow. */
	text-transform: none !important; letter-spacing: normal !important;
	transition: background-color .15s ease, border-color .15s ease;
}
.idfc-guide-btn[hidden] { display: none !important; }
body .idfc-guide-btn:hover { background: var(--tour-accent-hover) !important; border-color: var(--tour-accent-hover) !important; color: #fff !important; }
/* Keyboard focus only: a crisp two-colour ring (white, then blue) that shows on the photo and on white. */
body .idfc-guide-btn:focus-visible { outline: 2px solid var(--tour-accent) !important; outline-offset: 2px; box-shadow: 0 0 0 2px #fff !important; }
.idfc-guide-i {
	width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex: none;
	background: rgba(255, 255, 255, .18); color: #fff;
}
.idfc-guide-i svg { width: 15px; height: 15px; display: block; }
.idfc-guide-n { font-weight: 400; font-size: 13px; opacity: .85; }
.idfc-guide-n::before { content: "· "; }
.idfc-guides { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-family: var(--tour-font); }
.idfc-guides a {
	display: block; padding: 14px 16px; border: 1px solid var(--tour-line); border-radius: var(--tour-r);
	text-decoration: none !important; color: var(--tour-ink) !important; background: var(--tour-bg);
}
.idfc-guides a:hover { border-color: var(--tour-accent); }
.idfc-guides b { display: block; color: var(--tour-accent); }
.idfc-guides span { display: block; color: var(--tour-ink-2); font-size: 14px; margin-top: 2px; }

/* ---- Help page: "Start here" guide cards and text links (1.4.0) -------- */
.idfc-gc-wrap { font-family: var(--tour-font); display: flex; flex-direction: column; gap: 16px; }
.idfc-gc-wrap[hidden] { display: none; }
.idfc-gc-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.idfc-gc-top h2 { margin: 0 !important; font-size: 26px !important; line-height: 1.25 !important; font-weight: 700 !important; color: #1b2430 !important; }
.idfc-gc-top p { margin: 0 !important; font-size: 15px; color: #5d6670; }
.idfc-guide-cards {
	list-style: none !important; margin: 0 !important; padding: 0 !important;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px;
	font-family: var(--tour-font);
}
.idfc-guide-cards > li { margin: 0 !important; padding: 0 !important; display: flex; }
.idfc-guide-cards > li::before { content: none !important; }
.idfc-guide-cards > li[hidden] { display: none; }
body .idfc-gc {
	display: flex !important; flex-direction: column; gap: 10px; width: 100%; box-sizing: border-box;
	margin: 0 !important; padding: 22px !important; text-align: left;
	border: 1px solid #dbe3ec !important; border-radius: 16px !important; background: #fff !important;
	color: #3d4652 !important; text-decoration: none !important; box-shadow: none !important;
	font: 400 15px/1.55 var(--tour-font) !important; text-transform: none !important; letter-spacing: normal !important;
	cursor: pointer; transition: border-color .15s ease;
}
body .idfc-gc:hover { border-color: var(--tour-accent) !important; }
body .idfc-gc:focus-visible { outline: 3px solid #7fb0dd !important; outline-offset: 2px; }
.idfc-gc-head { display: flex; align-items: center; gap: 12px; }
.idfc-gc-n {
	flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
	background: var(--tour-accent-soft); color: var(--tour-accent); font-weight: 700; font-size: 15px;
}
.idfc-gc-t { font-size: 18px; font-weight: 700; line-height: 1.3; color: #1b2430; }
.idfc-gc-s { display: block; }
.idfc-gc-foot {
	margin-top: auto; padding-top: 10px; border-top: 1px solid #edf1f5;
	display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; color: #5d6670;
}
.idfc-gc-go { font-weight: 600; color: var(--tour-accent); }
body .idfc-guide-link {
	display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
	box-shadow: none !important; color: var(--tour-accent) !important; font: 600 15px/1.5 var(--tour-font) !important;
	text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; cursor: pointer;
}
body .idfc-guide-link:hover { text-decoration: underline !important; }
body .idfc-guide-link:focus-visible { outline: 3px solid #7fb0dd !important; outline-offset: 2px; }
.idfc-guide-link[hidden] { display: none !important; }

/* ---- Screen readers and motion ------------------------------------------ */
.idfc-tour-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
	.driver-popover, .driver-overlay, .idfc-tour-welcome, .idfc-tour-nudge, .idfc-guide-btn, .idfc-gc { animation: none !important; transition: none !important; }
}

/* ---- 1.4.2: one heading weight; Ithala green where a heading is close to the text size -------
 * Every tour heading is Open Sans 700. Headings only slightly larger than their text (pop-up step
 * titles, Help Centre topics, checklist and guide-list titles) are Ithala green, so they stand apart.
 * The text green is the darker Ithala green (#23863a, 4.6:1 on white); #32b34c is too light for
 * text on white. In the portal's dark mode the portal's own lighter green is used. */
.idfc-tour--staff, .idfc-tours-help, .idfc-tour-welcome-wrap, .idfc-tours-list, .idfc-tours-check { --tour-green: var(--idfc-good, #23863a); }
.idfc-tour--public, .idfc-guide-wrap, .idfc-guides, .idfc-guide-cards { --tour-green: #23863a; }
.driver-popover.idfc-tour-pop .driver-popover-title { font-weight: 700; color: var(--tour-green, #23863a); }
.idfc-tour-welcome h2, .idfc-tour--public .idfc-tour-welcome h2 { font-weight: 700; }
.idfc-tours-help-topic { font-weight: 700; color: var(--idfc-good, #23863a); }
.idfc-tours-t b { font-weight: 700; color: var(--tour-green, #23863a); }
.idfc-tours-check li.is-done .idfc-tours-t b { color: var(--idfc-ink-2, #44546b); }
.idfc-guides b { font-weight: 700; color: var(--tour-green, #23863a); }
.idfc-gc-t, .idfc-gc-top h2 { font-weight: 700 !important; }
.idfc-tours-help, .idfc-tours-list, .idfc-tours-check { font-family: "Open Sans", Arial, Helvetica, sans-serif; }