/* * HC (High Contrast) mode overrides — applies when * Loaded as the LAST stylesheet on every page so it wins on cascade order. * Pair with js/hc-overrides.js for inline-style runtime overrides. */ /* ============================================================ Sticky-top / Navbar — premium.css forces white background; override container + container-fluid + bg-white descendants ============================================================ */ html.site-a11y-hc body .sticky-top, html.site-a11y-hc body .sticky-top .container, html.site-a11y-hc body .sticky-top .container-fluid, html.site-a11y-hc body .sticky-top .sticky-header-overlay, html.site-a11y-hc body .sticky-top .navbar, html.site-a11y-hc body .sticky-top .navbar.bg-white, html.site-a11y-hc body .sticky-top .navbar-collapse, html.site-a11y-hc body .sticky-top .navbar-nav, html.site-a11y-hc body .navbar.bg-white, html.site-a11y-hc body .bg-white, html.site-a11y-hc body div.bg-white { background: #000 !important; background-color: #000 !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-color: #fff !important; box-shadow: none !important; opacity: 1 !important; } html.site-a11y-hc .sticky-top .navbar-brand, html.site-a11y-hc .sticky-top .navbar-brand *, html.site-a11y-hc .sticky-top .nav-link, html.site-a11y-hc .sticky-top .nav-link *, html.site-a11y-hc .sticky-top .navbar-toggle-glyph, html.site-a11y-hc .navbar .nav-link, html.site-a11y-hc .navbar .nav-link * { color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } html.site-a11y-hc .sticky-top .nav-link.nav-cta, html.site-a11y-hc .navbar .nav-item.nav-link.nav-cta { background: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: 1px solid #fff !important; } html.site-a11y-hc .sticky-top .navbar-toggler { background: #000 !important; color: #fff !important; border: 1px solid #fff !important; } /* Hero / mo-highlights / #about / #service / #why-pragya: strict black+white in hc-light-sections.css */ html.site-a11y-hc .hero-premium, html.site-a11y-hc .hero-premium-content, html.site-a11y-hc .hero-premium-left, html.site-a11y-hc .hero-premium-right, html.site-a11y-hc .hero-premium-row, html.site-a11y-hc .hero-premium-media, html.site-a11y-hc .hero-premium-pill, html.site-a11y-hc .hero-trust-strip, html.site-a11y-hc .hero-trust-item, html.site-a11y-hc .mo-highlights, html.site-a11y-hc .mo-highlights .container, html.site-a11y-hc .mo-highlights__inner, html.site-a11y-hc .mo-highlight, html.site-a11y-hc .mo-highlight__icon, html.site-a11y-hc .mo-highlight__text, html.site-a11y-hc .mo-highlight__title, html.site-a11y-hc .mo-highlight__sub { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; box-shadow: none !important; } html.site-a11y-hc .hero-premium .hero-premium-title em { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; } html.site-a11y-hc .section-banner, html.site-a11y-hc .section-banner::before, html.site-a11y-hc .section-banner h1, html.site-a11y-hc .section-banner h2 { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* ============================================================ Generic sections (main, header, footer, all named pages) ============================================================ */ html.site-a11y-hc main, html.site-a11y-hc #main-content, html.site-a11y-hc section, html.site-a11y-hc header, html.site-a11y-hc footer, html.site-a11y-hc #about, html.site-a11y-hc #service, html.site-a11y-hc #why-pragya, html.site-a11y-hc #download, html.site-a11y-hc #contact, html.site-a11y-hc #compliance, html.site-a11y-hc #account-opening, html.site-a11y-hc #ap-details, html.site-a11y-hc #client-bank-details, html.site-a11y-hc #escalation-matrix, html.site-a11y-hc .container-fluid.copyright, html.site-a11y-hc .container-fluid.notice-bar, html.site-a11y-hc .container-fluid.footer { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; } html.site-a11y-hc #download *:not(a):not(.btn):not(.badge):not(.site-a11y-root):not(.site-a11y-root *):not(img), html.site-a11y-hc #contact *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img), html.site-a11y-hc #compliance *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img), html.site-a11y-hc #account-opening *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img) { color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } /* Action links / buttons inside content sections — cyan accent on black */ html.site-a11y-hc #download a, html.site-a11y-hc #download .btn, html.site-a11y-hc #contact a, html.site-a11y-hc #contact .btn, html.site-a11y-hc #compliance a, html.site-a11y-hc #compliance .btn, html.site-a11y-hc #account-opening a, html.site-a11y-hc #account-opening .btn { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; background: #000 !important; background-image: none !important; border: 1px solid #fff !important; box-shadow: none !important; } html.site-a11y-hc #about *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img), html.site-a11y-hc #service *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img), html.site-a11y-hc #why-pragya *:not(a):not(.btn):not(.site-a11y-root):not(.site-a11y-root *):not(img) { color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } html.site-a11y-hc #about a, html.site-a11y-hc #about .btn, html.site-a11y-hc #service a, html.site-a11y-hc #service .btn, html.site-a11y-hc #why-pragya a, html.site-a11y-hc #why-pragya .btn { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; background: #000 !important; background-image: none !important; border: 1px solid #fff !important; box-shadow: none !important; } /* Index marketing detail: hc-light-sections.css */ /* ============================================================ Cards / panels (.card, .service-item, .premium-reason-card) ============================================================ */ html.site-a11y-hc .card, html.site-a11y-hc [class*="card-"]:not(.site-a11y-root):not(.site-a11y-root *), html.site-a11y-hc .service .service-item, html.site-a11y-hc .premium-reason-card, html.site-a11y-hc .premium-reason-card.bg-light, html.site-a11y-hc .project-content.bg-light, html.site-a11y-hc .project-item .project-content, html.site-a11y-hc .premium-reason-card *, html.site-a11y-hc .project-item .project-content * { background: #000 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; } /* ============================================================ Tables (escalation, digital-a11y, ap-details, kmp, bank) ============================================================ */ html.site-a11y-hc table, html.site-a11y-hc table thead, html.site-a11y-hc table tbody, html.site-a11y-hc table tr, html.site-a11y-hc table th, html.site-a11y-hc table td, html.site-a11y-hc .digital-a11y-table, html.site-a11y-hc .digital-a11y-table thead th, html.site-a11y-hc .digital-a11y-table tbody td, html.site-a11y-hc .escalation-table tbody tr td, html.site-a11y-hc .escalation-table tbody tr:nth-child(2n) td, html.site-a11y-hc .ap-table, html.site-a11y-hc .ap-table th, html.site-a11y-hc .ap-table td, html.site-a11y-hc .kmp-table, html.site-a11y-hc .kmp-table th, html.site-a11y-hc .kmp-table td, html.site-a11y-hc .bank-table, html.site-a11y-hc .bank-table th, html.site-a11y-hc .bank-table td { background: #000 !important; background-color: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } /* ============================================================ Account-opening accordion / FAQ ============================================================ */ html.site-a11y-hc #account-opening .accordion, html.site-a11y-hc #account-opening .accordion-body, html.site-a11y-hc #account-opening .accordion-collapse, html.site-a11y-hc #account-opening .accordion-item, html.site-a11y-hc #account-opening .accordion-button, html.site-a11y-hc #account-opening .bg-light, html.site-a11y-hc #account-opening .faq, html.site-a11y-hc #account-opening .faq .accordion, html.site-a11y-hc #account-opening .faq .accordion-item, html.site-a11y-hc #account-opening .faq .accordion-body, html.site-a11y-hc #account-opening .faq .accordion-body * { background: #000 !important; background-color: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } /* ============================================================ Download cards / details ============================================================ */ html.site-a11y-hc #download .card, html.site-a11y-hc #download details.download-category, html.site-a11y-hc #download details.download-category > summary, html.site-a11y-hc #download .card-body, html.site-a11y-hc #download .badge, html.site-a11y-hc #download .btn.btn-primary.btn-sm { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: 1px solid #fff !important; box-shadow: none !important; } /* ============================================================ Compliance details summary (white in regular CSS) ============================================================ */ html.site-a11y-hc details.compliance-details, html.site-a11y-hc details.compliance-details > summary, html.site-a11y-hc details.compliance-details > section, html.site-a11y-hc details.compliance-details > .details-body, html.site-a11y-hc details.compliance-accordion > summary, html.site-a11y-hc details.compliance-accordion[open] > summary { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } /* ============================================================ Footer (regular: #071f3a navy → HC: black) ============================================================ */ html.site-a11y-hc .copyright, html.site-a11y-hc .copyright .container, html.site-a11y-hc .copyright .row, html.site-a11y-hc .copyright * , html.site-a11y-hc .footer, html.site-a11y-hc .footer .container, html.site-a11y-hc .footer .row, html.site-a11y-hc .footer-item, html.site-a11y-hc .footer * { background: #000 !important; background-color: #000 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: #fff !important; } html.site-a11y-hc .footer a:hover, html.site-a11y-hc .footer a:focus-visible { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.site-a11y-hc .topbar a:hover { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; } /* ============================================================ Spinner overlay (bg-white) + risk popup ============================================================ */ html.site-a11y-hc #spinner.bg-white, html.site-a11y-hc #spinner { background: #000 !important; background-color: #000 !important; } /* Risk popup intentionally white for readability — keep that */ /* ============================================================ Generic catch: any inline-styled white-ish background ============================================================ */ html.site-a11y-hc section[style*="background:#f"], html.site-a11y-hc section[style*="background: #f"], html.site-a11y-hc div[style*="background:#fff"], html.site-a11y-hc div[style*="background: #fff"], html.site-a11y-hc div[style*="background:#ffffff"], html.site-a11y-hc div[style*="background: #ffffff"], html.site-a11y-hc div[style*="background-color:#fff"], html.site-a11y-hc div[style*="background-color: #fff"] { background: #000 !important; background-color: #000 !important; background-image: none !important; color: #fff !important; } /* ============================================================ services.html — Why-Pragya section (#why-pragya-equities). Mirrored here (in addition to the inline page styles) so that browsers serving a cached copy of services.html still get the correct HC styling once hc-overrides.css is refreshed via its ?v= cache-buster. The section uses id="why-pragya-equities" so generic #why-pragya selectors elsewhere don't apply. ============================================================ */ html.site-a11y-hc .why-pragya-section, html.site-a11y-hc .why-pragya-inner, html.site-a11y-hc .why-pragya-header, html.site-a11y-hc .why-pragya-grid, html.site-a11y-hc .why-pragya-cta-wrap { background: #000 !important; background-color: #000 !important; background-image: none !important; box-shadow: none !important; } html.site-a11y-hc .why-pragya-bg-layer { background-image: none !important; opacity: 0 !important; } html.site-a11y-hc .why-pragya-badge { background: #000 !important; color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; border: 1px solid #00e5ff !important; box-shadow: none !important; } html.site-a11y-hc .why-pragya-title, html.site-a11y-hc .why-pragya-title *, html.site-a11y-hc .why-pragya-sub, html.site-a11y-hc .why-pragya-sub *, html.site-a11y-hc h2.why-pragya-title, html.site-a11y-hc p.why-pragya-sub { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; background: transparent !important; background-image: none !important; } html.site-a11y-hc .why-card, html.site-a11y-hc .why-card--featured { background: #000 !important; background-color: #000 !important; background-image: none !important; border: 1px solid #ffffff !important; box-shadow: none !important; } html.site-a11y-hc .why-card-num { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; } html.site-a11y-hc .why-card-icon { background: #000 !important; background-image: none !important; border: 1px solid #00e5ff !important; box-shadow: none !important; color: #00e5ff !important; } html.site-a11y-hc .why-card-icon i { color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; } html.site-a11y-hc .why-card-title, html.site-a11y-hc .why-card--featured .why-card-title, html.site-a11y-hc .why-card-body { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.site-a11y-hc .why-card-accent { background: #00e5ff !important; opacity: 1 !important; height: 2px !important; } html.site-a11y-hc .why-pragya-cta-btn { background: #000 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #ffffff !important; box-shadow: none !important; } html.site-a11y-hc .why-pragya-cta-btn:hover, html.site-a11y-hc .why-pragya-cta-btn:focus-visible { background: #000 !important; color: #00e5ff !important; -webkit-text-fill-color: #00e5ff !important; border-color: #00e5ff !important; filter: none !important; } html.site-a11y-hc .why-pragya-cta-btn i { color: inherit !important; -webkit-text-fill-color: inherit !important; } html.site-a11y-hc .why-pragya-cta-note { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ============================================================ contact.html — Escalation Matrix (.escalation-matrix-section). Same pattern as why-pragya: mirrored here so the cache-busted stylesheet fixes any cached HTML serving stale styling. ============================================================ */ html.site-a11y-hc .escalation-premium-card, html.site-a11y-hc .escalation-matrix-section .escalation-premium-card { background: #000 !important; background-color: #000 !important; background-image: none !important; border: 1px solid #ffffff !important; box-shadow: none !important; } /* ============================================================ about-us.html — left column profile + values strip. Mirrored here (in addition to the page's inline HC block) so a cached copy of about-us.html still gets correct HC styling once hc-overrides.css is refreshed via its ?v= cache-buster. The user wants the value-item left-bar (originally a teal gradient #0b7c8f → #12a4b8 that reads as "green" on black) to be plain white in HC mode for maximum contrast. ============================================================ */ html.site-a11y-hc .premium-about-section .about-img, html.site-a11y-hc .about-profile-panel, html.site-a11y-hc .about-profile-panel .profile-head, html.site-a11y-hc .about-profile-panel .profile-logo, html.site-a11y-hc .about-profile-points, html.site-a11y-hc .about-profile-points li, html.site-a11y-hc .about-values-strip, html.site-a11y-hc .about-values-strip .values-grid, html.site-a11y-hc .about-values-strip .value-item { background: #000 !important; background-color: #000 !important; background-image: none !important; border-color: #ffffff !important; box-shadow: none !important; } html.site-a11y-hc .about-profile-panel, html.site-a11y-hc .about-profile-points li, html.site-a11y-hc .about-values-strip, html.site-a11y-hc .about-values-strip .value-item { border: 1px solid #ffffff !important; } html.site-a11y-hc .about-profile-panel .profile-title, html.site-a11y-hc .about-profile-panel .profile-sub, html.site-a11y-hc .about-profile-points li, html.site-a11y-hc .about-profile-points li strong, html.site-a11y-hc .about-values-strip .values-title, html.site-a11y-hc .about-values-strip .value-item h4, html.site-a11y-hc .about-values-strip .value-item h5, html.site-a11y-hc .about-values-strip .value-item p { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* User request: replace the teal/green left accent on value-item with plain white in HC mode. */ html.site-a11y-hc .about-values-strip .value-item::before { background: #ffffff !important; background-image: none !important; } /* ============================================================ All-white link / focus scheme for HC mode. User feedback: cyan/teal accents (originally chosen for visual hierarchy) read as "green" on black and are unwanted. Force every anchor (link, visited, hover) and every focus ring to a pure white scheme. Underline is kept so links remain distinguishable from body text. The few remaining cyan accents (badge text, card numbers, why-card icons, value-item left bar already white) are also normalised below. ============================================================ */ /* Anchors — link, visited, hover: pure white text + white underline. These selectors are deliberately high-specificity (html.site-a11y-hc body a + :not()s) so they beat the per-page inline anchor rule that paints links cyan. */ html.site-a11y-hc body a:not(.site-a11y-root a):not(#riskPopup a), html.site-a11y-hc body a:link:not(.site-a11y-root a):not(#riskPopup a), html.site-a11y-hc body a:visited:not(.site-a11y-root a):not(#riskPopup a), html.site-a11y-hc body a:hover:not(.site-a11y-root a):not(#riskPopup a), html.site-a11y-hc body a:focus:not(.site-a11y-root a):not(#riskPopup a), html.site-a11y-hc body a:not(.site-a11y-root a):not(#riskPopup a) *, html.site-a11y-hc body a:visited:not(.site-a11y-root a):not(#riskPopup a) * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: underline !important; text-decoration-color: #ffffff !important; text-underline-offset: 2px !important; } /* Focus ring — replace the teal #0b7c8f outline (which reads as green on a black HC background) with a clean white outline. */ html.site-a11y-hc :where(a, button, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible, html.site-a11y-hc :where(a, button, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"])):focus { outline: 3px solid #ffffff !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.32) !important; } /* Action-link rule (lines 167-188 above) repaints anchors inside #about/#service/#contact/etc. cyan with a white border. Keep the white border (it's a button-like control) but switch the text to pure white so nothing reads as cyan/green any more. */ /* Solid buttons only — outline links use hc-light-sections.css */ html.site-a11y-hc #download a, html.site-a11y-hc #contact a, html.site-a11y-hc #compliance a, html.site-a11y-hc #account-opening a, html.site-a11y-hc #escalation-matrix a, html.site-a11y-hc #ap-details a, html.site-a11y-hc #client-bank-details a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration-color: #ffffff !important; } /* Why-Pragya cyan accents → white. */ html.site-a11y-hc .why-pragya-badge { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #ffffff !important; } html.site-a11y-hc .why-card-num, html.site-a11y-hc .why-card-icon, html.site-a11y-hc .why-card-icon i { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #ffffff !important; } html.site-a11y-hc .why-card-accent { background: #ffffff !important; } html.site-a11y-hc .why-pragya-cta-btn:hover, html.site-a11y-hc .why-pragya-cta-btn:focus-visible { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #ffffff !important; } /* Hero-premium accents on index.html */ html.site-a11y-hc .hero-premium .hero-premium-title em { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ============================================================ Navbar — mobile collapsed menu + Quick Links dropdown panel. Both surfaces ship with `background: #fff` declared via an ID-specific selector (`#navbarCollapse`, `#quickLinksMenuPanel`, `#navbarCollapse .quick-links-panel`) which beats the generic .sticky-top HC rule. The result: when the user opens the mobile hamburger menu OR the desktop "Quick Links" dropdown in HC mode, the panel stays white and the white nav links/items are invisible. Force black panel + white items at matching ID specificity so they win. ============================================================ */ html.site-a11y-hc #navbarCollapse, html.site-a11y-hc #navbarCollapse.collapse, html.site-a11y-hc #navbarCollapse.collapse.show, html.site-a11y-hc #navbarCollapse.collapsing, html.site-a11y-hc .navbar #navbarCollapse, html.site-a11y-hc #quickLinksMenuPanel, html.site-a11y-hc #navbarCollapse #quickLinksMenuPanel, html.site-a11y-hc #navbarCollapse .quick-links-panel, html.site-a11y-hc #navbarCollapse .quick-links-menu, html.site-a11y-hc .navbar .quick-links-panel, html.site-a11y-hc .navbar .quick-links-menu { background: #000 !important; background-color: #000 !important; background-image: none !important; border: 1px solid #ffffff !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Nav links + dropdown items inside the mobile menu / Quick Links panel. Use an ID-anchored selector so we beat the local rule `#navbarCollapse .quick-links-panel .dropdown-item { color: #0f172a !important }`. */ html.site-a11y-hc #navbarCollapse .nav-item.nav-link, html.site-a11y-hc #navbarCollapse .nav-link, html.site-a11y-hc #navbarCollapse .nav-link *, html.site-a11y-hc #navbarCollapse #quickLinksMenu, html.site-a11y-hc #navbarCollapse #quickLinksMenu *, html.site-a11y-hc #navbarCollapse .quick-links-panel .dropdown-item, html.site-a11y-hc #navbarCollapse .quick-links-panel .dropdown-item *, html.site-a11y-hc #navbarCollapse .quick-links-menu .dropdown-item, html.site-a11y-hc #navbarCollapse .quick-links-menu .dropdown-item *, html.site-a11y-hc .navbar .quick-links-panel .dropdown-item, html.site-a11y-hc .navbar .quick-links-menu .dropdown-item { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; } /* Hover/focus state on dropdown items + nav links — subtle white wash so users can see what's currently active. */ html.site-a11y-hc #navbarCollapse .quick-links-panel .dropdown-item:hover, html.site-a11y-hc #navbarCollapse .quick-links-panel .dropdown-item:focus-visible, html.site-a11y-hc #navbarCollapse .quick-links-menu .dropdown-item:hover, html.site-a11y-hc #navbarCollapse .quick-links-menu .dropdown-item:focus-visible, html.site-a11y-hc .navbar .quick-links-panel .dropdown-item:hover, html.site-a11y-hc .navbar .quick-links-menu .dropdown-item:hover, html.site-a11y-hc #navbarCollapse .nav-link:hover, html.site-a11y-hc #navbarCollapse .nav-link:focus-visible, html.site-a11y-hc #navbarCollapse #quickLinksMenu:hover, html.site-a11y-hc #navbarCollapse #quickLinksMenu[aria-expanded="true"] { background: rgba(255, 255, 255, 0.12) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #ffffff !important; } /* Bootstrap icons inside dropdown items (Quick Links uses .bi-* glyphs) */ html.site-a11y-hc #navbarCollapse .quick-links-panel .dropdown-item .bi, html.site-a11y-hc #navbarCollapse .quick-links-menu .dropdown-item .bi, html.site-a11y-hc .navbar .quick-links-panel .dropdown-item .bi, html.site-a11y-hc .navbar .quick-links-menu .dropdown-item .bi { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ============================================================ Legal disclaimer strip — final ink (loads after blue-override). #main-content ~ … adds an ID anchor so we beat minified head CSS like #account-opening span { color:#0f172a !important } and the WAVE guard .text-light * when specificity/order would otherwise paint post-main legal chips as body “ink” on #061729. ============================================================ */ #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-name, html body .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-name { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; } #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-badge-label, html body .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-badge-label { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; } #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-badge-value, html body .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-badge-value { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; } html:not(.site-a11y-hc) #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-note, html:not(.site-a11y-hc) body .container-fluid.copyright.disclaimer .disclaimer-entity-intro .disclaimer-entity-note { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; background-color: #0b1529 !important; background-image: none !important; } #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-quick-links .disclaimer-quick-links-label, html body .container-fluid.copyright.disclaimer .disclaimer-quick-links .disclaimer-quick-links-label { color: #e5e7eb !important; -webkit-text-fill-color: #e5e7eb !important; } #main-content ~ .container-fluid.copyright.copyright-mini span.text-body, #main-content ~ .container-fluid.copyright.copyright-mini span.text-body .js-current-year, html body .container-fluid.copyright.copyright-mini span.text-body, html body .container-fluid.copyright.copyright-mini span.text-body .js-current-year { color: #e5e7eb !important; -webkit-text-fill-color: #e5e7eb !important; } /* Any remaining span in the intro strip (class-specific rules above win). */ #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro span, html body .container-fluid.copyright.disclaimer .disclaimer-entity-intro span { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; } /* ============================================================ WCAG normal mode — full dark legal strip (disclaimer + mini bar). Beats body/premium-polish #0f172a and WAVE .text-light → ink guard. Content unchanged; only computed foreground/background for contrast. ============================================================ */ /* Opaque surfaces (normal mode only; HC uses hc-light-sections.css) */ html:not(.site-a11y-hc) body .container-fluid.copyright.disclaimer .disclaimer-entity-intro, html:not(.site-a11y-hc) #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-intro { background: #071428 !important; background-color: #071428 !important; background-image: none !important; color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; } html:not(.site-a11y-hc) body .container-fluid.copyright.disclaimer .disclaimer-entity-badge, html:not(.site-a11y-hc) #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-entity-badge { background: #0b1529 !important; background-color: #0b1529 !important; background-image: none !important; } html body .container-fluid.copyright.disclaimer p.disclaimer-heading, #main-content ~ .container-fluid.copyright.disclaimer p.disclaimer-heading { color: #7dd3fc !important; -webkit-text-fill-color: #7dd3fc !important; background-color: #0b1629 !important; background-image: none !important; } html body .container-fluid.copyright.disclaimer p.disclaimer-heading + p.disclaimer-heading, #main-content ~ .container-fluid.copyright.disclaimer p.disclaimer-heading + p.disclaimer-heading { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; background-color: #0b1629 !important; background-image: none !important; } html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region { background-color: #0b1629 !important; background-image: none !important; color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; } html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region p, html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region li, html body .container-fluid.copyright.disclaimer ul.disclaimer-scroll > li, html body .container-fluid.copyright.disclaimer ul.disclaimer-scroll > li *, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region p, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region li, #main-content ~ .container-fluid.copyright.disclaimer ul.disclaimer-scroll > li, #main-content ~ .container-fluid.copyright.disclaimer ul.disclaimer-scroll > li * { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; } html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region a, html body .container-fluid.copyright.disclaimer p.disclaimer-heading a, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region a, #main-content ~ .container-fluid.copyright.disclaimer p.disclaimer-heading a { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd !important; } html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region a:hover, html body .container-fluid.copyright.disclaimer .disclaimer-scroll-region a:focus-visible, html body .container-fluid.copyright.disclaimer p.disclaimer-heading a:hover, html body .container-fluid.copyright.disclaimer p.disclaimer-heading a:focus-visible, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region a:hover, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-scroll-region a:focus-visible, #main-content ~ .container-fluid.copyright.disclaimer p.disclaimer-heading a:hover, #main-content ~ .container-fluid.copyright.disclaimer p.disclaimer-heading a:focus-visible { color: #bfdbfe !important; -webkit-text-fill-color: #bfdbfe !important; } html body .container-fluid.copyright.disclaimer .yellow-color, #main-content ~ .container-fluid.copyright.disclaimer .yellow-color { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; } html body .container-fluid.copyright.disclaimer .disclaimer-quick-links, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-quick-links { background-color: #0b1629 !important; background-image: none !important; color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; } html body .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd !important; background-color: #0b1629 !important; background-image: none !important; text-decoration: underline !important; } html body .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a:hover, html body .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a:focus-visible, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a:hover, #main-content ~ .container-fluid.copyright.disclaimer .disclaimer-quick-links-list > li > a:focus-visible { color: #bfdbfe !important; -webkit-text-fill-color: #bfdbfe !important; } /* Undo WAVE .text-light → #0f172a inside the dark strip */ html body .container-fluid.copyright.disclaimer .text-light, html body .container-fluid.copyright.disclaimer .text-light *, html body .container-fluid.copyright.disclaimer .text-white-50, html body .container-fluid.copyright.disclaimer .text-white-50 *, #main-content ~ .container-fluid.copyright.disclaimer .text-light, #main-content ~ .container-fluid.copyright.disclaimer .text-light * { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; } /* Copyright mini bar (normal mode only) */ html:not(.site-a11y-hc) body .container-fluid.copyright.copyright-mini, html:not(.site-a11y-hc) #main-content ~ .container-fluid.copyright.copyright-mini { background-color: #061729 !important; background-image: none !important; color: #e5e7eb !important; } html body .container-fluid.copyright.copyright-mini .text-body, html body .container-fluid.copyright.copyright-mini .text-body *, html body .container-fluid.copyright.copyright-mini div.text-body, #main-content ~ .container-fluid.copyright.copyright-mini .text-body, #main-content ~ .container-fluid.copyright.copyright-mini .text-body * { color: #e5e7eb !important; -webkit-text-fill-color: #e5e7eb !important; } html body .container-fluid.copyright.copyright-mini a.text-primary, html body .container-fluid.copyright.copyright-mini a.text-primary.border-bottom, #main-content ~ .container-fluid.copyright.copyright-mini a.text-primary { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd !important; } html body .container-fluid.copyright.copyright-mini .compliance-badge-bar, html body .container-fluid.copyright.copyright-mini .compliance-badge-bar a, html body .container-fluid.copyright.copyright-mini .compliance-badge-bar .last-updated-notice, #main-content ~ .container-fluid.copyright.copyright-mini .compliance-badge-bar, #main-content ~ .container-fluid.copyright.copyright-mini .compliance-badge-bar a { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd !important; } html body .container-fluid.copyright.copyright-mini .compliance-badge-bar .last-updated-notice, #main-content ~ .container-fluid.copyright.copyright-mini .compliance-badge-bar .last-updated-notice { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; } /* Footer cards — any descendant without its own link color */ html body .footer .footer-item, html body .footer .footer-item-post, html body .footer .footer-item p, html body .footer .footer-item span:not(.sr-only):not(.visually-hidden), html body .footer .footer-item li, html body .footer .footer-item div, html body .footer .footer-item-post p, html body .footer .footer-item-post span:not(.sr-only):not(.visually-hidden), #main-content ~ .footer .footer-item, #main-content ~ .footer .footer-item p, #main-content ~ .footer .footer-item span:not(.sr-only):not(.visually-hidden) { color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; } html body .footer h2.text-white, html body .footer h3.text-white, #main-content ~ .footer h2.text-white, #main-content ~ .footer h3.text-white { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html body .footer .footer-item a, html body .footer .footer-item-post a, html body .footer .footer-item .pdf-link, html body .footer .footer-item .csr-note, html body .footer .footer-item .saarthi-link, html body .footer .footer-item .dropdown-toggle, html body .footer .footer-item .current-page-link, #main-content ~ .footer .footer-item a, #main-content ~ .footer .footer-item-post a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html body .footer .footer-item a:hover, html body .footer .footer-item a:focus-visible, html body .footer .footer-item-post a:hover, html body .footer .footer-item-post a:focus-visible, #main-content ~ .footer .footer-item a:hover, #main-content ~ .footer .footer-item a:focus-visible { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }