/* ============================================================ LIGHT THEME - Blutrain Activated by adding class "light-theme" to Author: Kartik Sharma ============================================================ */ /* ─── Theme Toggle Button ─── */ .theme-toggle-btn { position: fixed; bottom: 100px; right: 24px; z-index: 9998; width: 48px; height: 48px; border-radius: 50%; border: none; background: var(--primary); color: #fff; font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(27, 175, 211, 0.35); transition: all 0.3s ease; } .theme-toggle-btn:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(27, 175, 211, 0.5); } .theme-toggle-btn .icon-sun, .theme-toggle-btn .icon-moon { position: absolute; transition: opacity 0.3s ease, transform 0.3s ease; } .theme-toggle-btn .icon-sun { opacity: 0; transform: rotate(-90deg); } .theme-toggle-btn .icon-moon { opacity: 1; transform: rotate(0deg); } body.light-theme .theme-toggle-btn .icon-sun { opacity: 1; transform: rotate(0deg); } body.light-theme .theme-toggle-btn .icon-moon { opacity: 0; transform: rotate(90deg); } /* ─── Global Light Theme Overrides ─── */ body.light-theme { background-color: #f8fafc !important; color: #1e293b !important; } body.light-theme .ai-startup-body, body.ai-startup-body.light-theme { background-color: #f8fafc !important; color: #1e293b !important; } /* ─── Header ─── */ body.light-theme .ais-header { border-bottom: 1px solid rgba(3, 70, 81, 0.08); } body.light-theme .ais-header-scrolled, body.light-theme .ais-header.scrolled { background: rgba(255, 255, 255, 0.96) !important; backdrop-filter: blur(24px); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06); } body.light-theme .ais-nav-link { color: #1e293b !important; } body.light-theme .ais-nav-item.active .ais-nav-link { color: #1bafd3 !important; } body.light-theme .ais-nav-link:hover { color: var(--primary) !important; } body.light-theme .ais-nav-toggle span { background: #1e293b; } /* ─── Hero Section ─── */ body.light-theme .ais-hero-section { background-color: #ffffff !important; } body.light-theme .hero-title, body.light-theme .hero-title .line { color: #0f172a !important; } body.light-theme .hero-title .accent { color: var(--primary) !important; } body.light-theme .hero-sub { color: #475569 !important; } body.light-theme .ais-partner-badge { background: rgba(27, 175, 211, 0.08); border-color: rgba(27, 175, 211, 0.2); color: var(--secondary); } body.light-theme .hub-chip { background: var(--primary); } body.light-theme .hub-node-pill { background: var(--white-color); color: var(--secondary); border: 1px solid rgba(3, 70, 81, 0.15); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); } body.light-theme .hub-node-pill i { color: var(--primary); } /* ─── Inner Hero / Breadcrumb ─── */ body.light-theme .inner-hero { background: #f1f5f9 !important; } body.light-theme .inner-hero-title { color: #0f172a !important; } body.light-theme .inner-hero-title .text-highlight-primary { color: var(--primary) !important; } body.light-theme .inner-hero-grid-bg { background-image: linear-gradient(rgba(3, 70, 81, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(3, 70, 81, 0.04) 1px, transparent 1px) !important; } body.light-theme .inner-hero-glow { background: radial-gradient(circle, rgba(27, 175, 211, 0.1) 0%, transparent 60%) !important; } body.light-theme .breadcrumb-list li a { color: #475569 !important; } body.light-theme .breadcrumb-list li.active { color: var(--primary) !important; } body.light-theme .breadcrumb-list .divider { color: #94a3b8 !important; } body.light-theme .aig-badge { background: rgba(27, 175, 211, 0.08); border: 1px solid rgba(27, 175, 211, 0.2); color: var(--secondary); } /* ─── About Section ─── */ body.light-theme .ais-about-section { background: #ffffff; } body.light-theme .ais-about-title { color: #0f172a; } body.light-theme .ais-about-copy p { color: #475569; } body.light-theme .ais-about-card { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } body.light-theme .ais-about-card-title { color: #0f172a; } body.light-theme .ais-about-card-text { color: #64748b; } /* ─── Service Overview (Dark Sections) ─── */ body.light-theme .service-overview-section { background: #f1f5f9 !important; } body.light-theme .sd-title { color: #0f172a !important; } body.light-theme .sd-lead-text { color: #475569 !important; } body.light-theme .sd-sub-text { color: #64748b !important; } body.light-theme .sd-feature-item { background: #ffffff !important; border: 1px solid #e2e8f0 !important; } body.light-theme .sd-f-text h5 { color: #0f172a !important; } body.light-theme .sd-f-text p { color: #64748b !important; } /* ─── Features / Bento Section ─── */ body.light-theme .saas-features { background: #ffffff; } body.light-theme .saas-features_tile { background: #f8fafc; border-color: #e2e8f0; } body.light-theme .saas-features_tile-title { color: #0f172a; } body.light-theme .saas-features_tile-text { color: #64748b; } /* ─── Benefits / How It Works ─── */ body.light-theme .bot-hiw { background: #f8fafc; } body.light-theme .bot-hiw_title { color: #0f172a; } body.light-theme .bot-hiw_desc { color: #475569; } body.light-theme .bot-hiw_card { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } body.light-theme .bot-hiw_card-title { color: #0f172a; } body.light-theme .bot-hiw_card-text { color: #64748b; } /* ─── How It Works Timeline ─── */ body.light-theme .ais-hiw-section { background: #f8fafc; } body.light-theme .ais-hiw-title { color: #0f172a; } body.light-theme .ais-hiw-lead { color: #475569; } body.light-theme .ais-hiw-phase_panel { background: #ffffff; border: 1px solid #e2e8f0; } body.light-theme .ais-hiw-phase_title { color: #0f172a; } body.light-theme .ais-hiw-phase_text { color: #64748b; } /* ─── What We Do / Services Section ─── */ body.light-theme .ais-wdo-section { background: #ffffff; } body.light-theme .ais-wdo-title { color: #0f172a; } body.light-theme .ais-wdo-sub { color: #475569; } /* ─── Integrations / Industries ─── */ body.light-theme .saas-integ { background: #ffffff; } body.light-theme .saas-integ_title { color: #0f172a; } body.light-theme .saas-integ_board { background: #f8fafc; border-color: #e2e8f0; } body.light-theme .saas-integ_item { background: #ffffff; border-color: #e2e8f0; } body.light-theme .saas-integ_item-name { color: #1e293b; } /* ─── Capability Cards ─── */ body.light-theme .capability-card { background: #f1f5f9 !important; border: 1px solid #e2e8f0; } body.light-theme .cap-title { color: #0f172a !important; } body.light-theme .cap-desc { color: #475569 !important; } /* ─── FAQ Section ─── */ body.light-theme .faq-item { background: #ffffff; border-color: #e2e8f0; } body.light-theme .faq-question span { color: #0f172a; } body.light-theme .faq-answer p { color: #64748b; } /* ─── Light Sections (aig-section) ─── */ body.light-theme .aig-section { background: #f8fafc; } body.light-theme .aig-section-title { color: #0f172a; } /* ─── Footer ─── */ body.light-theme .ais-footer { background: #0f172a !important; } /* ─── Testimonials ─── */ body.light-theme .ais-ts-section { background: #f8fafc; } body.light-theme .ais-ts-quote_text { color: #1e293b; } /* ─── Contact Form ─── */ body.light-theme .contact-form-wrapper-light { background: #ffffff; } /* ─── Tech Spec Card ─── */ body.light-theme .tech-spec-card { background: #1e293b; } /* ─── Back to Top ─── */ body.light-theme .back-to-top-btn { background: #ffffff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } body.light-theme .back-to-top-btn i { color: var(--secondary); } /* ─── Mobile Nav (Light Theme) ─── */ @media (max-width: 1024px) { body.light-theme .ais-nav-menu { background: rgba(255, 255, 255, 0.98) !important; border-left: 1px solid #e2e8f0 !important; } body.light-theme .ais-nav-link { color: #1e293b !important; } body.light-theme .ais-dropdown-panel { background: #f8fafc !important; border-color: #e2e8f0 !important; } body.light-theme .ais-dropdown-link { color: #475569 !important; } } /* ============================================================ COMPREHENSIVE LIGHT THEME - All Remaining Sections ============================================================ */ /* ─── Global Text Colors ─── */ body.light-theme h1, body.light-theme h2, body.light-theme h3, body.light-theme h4, body.light-theme h5, body.light-theme h6 { color: #0f172a ; } body.light-theme p { color: #475569 !important; } body.light-theme a { color: inherit; } body.light-theme .text-highlight-primary { color: var(--primary) !important; } body.light-theme .text-highlight-secondary { color: var(--secondary) !important; } /* ─── Buttons ─── */ body.light-theme .btn-primary { background: var(--primary); border-color: var(--primary); color: #ffffff !important; } body.light-theme .btn-primary:hover { color: #000000 !important; } body.light-theme .btn-ghost { color: var(--secondary) !important; border-color: var(--secondary); } body.light-theme .btn-ghost:hover { color: #ffffff !important; } /* ─── Header - Desktop Nav Links ─── */ body.light-theme .ais-nav-item:hover .ais-nav-link { color: var(--primary) !important; background: rgba(27, 175, 211, 0.06); } body.light-theme .ais-dropdown-panel { background: #ffffff !important; border-color: #e2e8f0 !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1) !important; } body.light-theme .ais-dropdown-panel::before { background: #ffffff !important; border-color: #e2e8f0 !important; } body.light-theme .ais-dropdown-link { color: #1e293b !important; } body.light-theme .ais-dropdown-link:hover { background: var(--primary) !important; color: #ffffff !important; } body.light-theme .ais-dropdown-link i { color: var(--primary); } /* ─── Hero Section - Star Field & Background ─── */ body.light-theme .ais-star-field, body.light-theme .ais-hero-grid-bg { opacity: 0.3; } body.light-theme .ais-hero-aurora { opacity: 0.08; } /* ─── Benefits Section (bot-hiw) ─── */ body.light-theme .bot-hiw_badge { background: rgba(27, 175, 211, 0.08); border-color: rgba(27, 175, 211, 0.2); color: var(--secondary); } body.light-theme .bot-hiw_card-icon { background: rgba(27, 175, 211, 0.1); color: var(--primary); } body.light-theme .bot-hiw_card-step { color: rgba(3, 70, 81, 0.1); } body.light-theme .bot-hiw_card--featured { background: var(--primary) !important; border-color: var(--primary) !important; } body.light-theme .bot-hiw_card--featured .bot-hiw_card-title, body.light-theme .bot-hiw_card--featured .bot-hiw_card-text { color: #ffffff !important; } /* ─── About Section - Extra Elements ─── */ body.light-theme .ais-about-badge { background: rgba(27, 175, 211, 0.08); border: 1px solid rgba(27, 175, 211, 0.2); color: var(--secondary); } body.light-theme .ais-about-card-icon { background: rgba(27, 175, 211, 0.1); color: var(--primary); } body.light-theme .ais-about-card-index { color: rgba(3, 70, 81, 0.08); } body.light-theme .bot-hero_perks li { color: #1e293b !important; } body.light-theme .bot-hero_perks i { color: var(--primary) !important; } body.light-theme .ais-cs-card_media img { border: 1px solid #e2e8f0; border-radius: 16px; } /* ─── What We Do / Services Grid ─── */ body.light-theme .ais-wdo-badge { background: rgba(27, 175, 211, 0.08); color: var(--secondary); } body.light-theme .ais-wdo-card { background: #ffffff; border: 1px solid #e2e8f0; } body.light-theme .ais-wdo-card:hover { border-color: var(--primary); box-shadow: 0 8px 30px rgba(27, 175, 211, 0.1); } body.light-theme .ais-wdo-card_icon { background: rgba(27, 175, 211, 0.1); color: var(--primary); } body.light-theme .ais-wdo-card_title { color: #0f172a !important; } body.light-theme .ais-wdo-card_text { color: #64748b !important; } /* ─── Service Detail Feature Icons ─── */ body.light-theme .sd-f-icon { background: rgba(27, 175, 211, 0.1) !important; color: var(--primary) !important; } /* ─── Features Section (saas-features) ─── */ body.light-theme .saas-features_mesh, body.light-theme .saas-features_dots { opacity: 0.3; } body.light-theme .bp-radial-val { color: #0f172a; } /* ─── Industries / Integrations ─── */ body.light-theme .saas-integ_badge { background: rgba(27, 175, 211, 0.08); color: var(--secondary); } body.light-theme .saas-integ_item:hover { border-color: var(--primary); box-shadow: 0 4px 16px rgba(27, 175, 211, 0.1); } body.light-theme .saas-integ_item-icon { background: rgba(27, 175, 211, 0.08); color: var(--secondary); } /* ─── How It Works Timeline - Extra ─── */ body.light-theme .ais-hiw-phase_node { background: var(--primary); color: #ffffff; } body.light-theme .ais-hiw-phase_ghost { color: rgba(3, 70, 81, 0.06); } body.light-theme .ais-hiw-timeline_spine { background: #e2e8f0; } body.light-theme .ais-hiw-badge { background: rgba(27, 175, 211, 0.08); color: var(--secondary); } /* ─── Testimonials ─── */ body.light-theme .ais-ts-quote { background: #ffffff; border: 1px solid #e2e8f0; } body.light-theme .ais-ts-pick { border-color: #e2e8f0; } body.light-theme .ais-ts-pick.is-active { border-color: var(--primary); } body.light-theme .ais-ts-name { color: #0f172a !important; } body.light-theme .ais-ts-role { color: #64748b !important; } /* ─── FAQ Section - Extra ─── */ body.light-theme .faq-item.active { border-color: var(--primary) !important; box-shadow: 0 12px 30px rgba(27, 175, 211, 0.08) !important; } body.light-theme .faq-item.active .faq-question span { color: var(--secondary) !important; } body.light-theme .faq-icon-wrap { background: rgba(3, 70, 81, 0.05); color: var(--secondary); } body.light-theme .faq-item.active .faq-icon-wrap { background: var(--primary) !important; color: #ffffff !important; } /* ─── Capability Cards (voice-infrastructure) ─── */ body.light-theme .capability-card .cap-icon i { color: var(--white-color) !important; } body.light-theme .faq-item.active .fa-minus:before { color: var(--white-color) !important; } /* ─── Contact Page ─── */ body.light-theme .c-info-card-light { background: #ffffff; border: 1px solid #e2e8f0; } body.light-theme .c-info-icon { background: rgba(27, 175, 211, 0.1); color: var(--primary); } body.light-theme .c-info-title { color: #0f172a !important; } body.light-theme .c-info-text, body.light-theme .c-info-link { color: #475569 !important; } body.light-theme .c-info-link:hover { color: var(--primary) !important; } /* ─── Contact Form ─── */ body.light-theme .c-input-light, body.light-theme .c-select-light, body.light-theme .c-textarea-light { background: #f8fafc; border-color: #e2e8f0; color: #1e293b; } body.light-theme .c-input-light:focus, body.light-theme .c-select-light:focus, body.light-theme .c-textarea-light:focus { background: #ffffff; border-color: var(--primary); box-shadow: 0 0 0 4px rgba(27, 175, 211, 0.08); } body.light-theme .c-label-light { color: #374151 !important; } /* ─── Pricing Page ─── */ body.light-theme .section { background: #ffffff; border: 1px solid #e2e8f0; } body.light-theme .section-header { color: #ffffff; } body.light-theme th { background: #f8fafc; color: #0f172a; } body.light-theme td { color: #475569; border-color: #f1f5f9; } body.light-theme .service-name { color: #1e293b; } body.light-theme .rate { color: #0f172a; } /* ─── Error 404 Page ─── */ body.light-theme .error-code-light { color: var(--secondary); } body.light-theme .error-title-light { color: var(--secondary) !important; } body.light-theme .error-desc-light { color: #64748b !important; } /* ─── Footer CTA ─── */ body.light-theme .ais-footer-cta_title, body.light-theme .ais-footer-cta_text { color: #ffffff !important; } body.light-theme .ais-footer-desc, body.light-theme .ais-footer-copyright{ color: #ffffff !important; } body.light-theme .ais-footer-col_title{ color: #f1f5f9; } /* ─── Scroll Progress Bar ─── */ body.light-theme #scroll-progress { background: var(--primary); } /* ─── Page Loader ─── */ body.light-theme #ai-loader { background: #ffffff; } body.light-theme .loader-glitch img { filter: none; } /* ─── Policy / Terms Pages ─── */ body.light-theme .policy-section { background: #ffffff; border-color: #e2e8f0; } body.light-theme .policy-section h2 { color: #0f172a !important; } body.light-theme .policy-section h3 { color: #0f172a !important; } body.light-theme .policy-section p { color: #475569 !important; } body.light-theme .policy-list li { color: #475569 !important; } body.light-theme .data-table th { background: var(--primary) !important; color: #ffffff !important; } body.light-theme .data-table td { color: #475569 !important; } /* ─── Login / Register Page ─── */ body.light-theme .auth-card { background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06); } /* ─── Tech Spec Card (dark stays dark) ─── */ body.light-theme .tech-spec-card { background: #1e293b !important; color: #ffffff !important; } body.light-theme .tech-spec-card * { color: inherit !important; } /* ─── Hover Effects ─── */ body.light-theme .ais-about-card:hover { border-color: var(--primary); box-shadow: 0 8px 30px rgba(27, 175, 211, 0.1); } body.light-theme .sd-feature-item:hover { border-color: var(--primary) !important; transform: translateX(5px); } body.light-theme .bot-hiw_card:hover { border-color: var(--primary); box-shadow: 0 12px 36px rgba(27, 175, 211, 0.1); } body.light-theme .capability-card:hover { border-color: var(--primary); box-shadow: 0 8px 30px rgba(27, 175, 211, 0.1); } /* ─── Misc Decorative Elements ─── */ body.light-theme .features-aurora { background: radial-gradient(circle at 50% 50%, rgba(27, 175, 211, 0.04) 0%, transparent 60%) !important; } body.light-theme .ais-about-grid-bg, body.light-theme .ais-about-glow { opacity: 0.3; } body.light-theme .light-bg-pattern { opacity: 0.5; } /* ─── Scrollbar (Light) ─── */ body.light-theme ::-webkit-scrollbar-track { background: #f1f5f9; } body.light-theme ::-webkit-scrollbar-thumb { background: var(--primary); } /* ─── Selection ─── */ body.light-theme ::selection { background: var(--primary); color: #ffffff; } /* ============================================================ CRITICAL FIXES - Text, Icons, Hub Nodes, Service Cards ============================================================ */ /* ─── Partner Marquee Items - Text not visible ─── */ body.light-theme .ais-partner-item { color: #0f172a !important; } body.light-theme .ais-partner-item i { color: var(--primary) !important; } /* ─── Hub Node Pills - Text invisible on white bg ─── */ body.light-theme .hub-node-pill { color: var(--secondary) !important; } body.light-theme .hub-node-pill i { color: var(--primary) !important; } /* ─── Industries Section - Text & Icon not visible ─── */ body.light-theme .saas-integ_item-name { color: #0f172a !important; } body.light-theme .saas-integ_item-icon { background: rgba(3, 70, 81, 0.08) !important; color: var(--secondary) !important; } body.light-theme .saas-integ_item-icon i { color: var(--secondary) !important; } /* ─── Radial Progress - Text invisible ─── */ body.light-theme .bp-radial-val { color: #0f172a !important; } body.light-theme .saas-features_tile-title { color: #0f172a !important; } body.light-theme .saas-features_tile-text { color: #64748b !important; } /* ─── Service Cards (What We Do - Dark cards) ─── */ body.light-theme .ais-wdo-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; } body.light-theme .ais-wdo-card_title { color: #0f172a !important; } body.light-theme .ais-wdo-card_text { color: #475569 !important; } body.light-theme .ais-wdo-card_icon { background: rgba(27, 175, 211, 0.1) !important; color: var(--primary) !important; } body.light-theme .ais-wdo-card_icon i { color: var(--primary) !important; } body.light-theme .ais-wdo-card_link { color: var(--primary) !important; } body.light-theme .ais-wdo-card_index { color: rgba(3, 70, 81, 0.08) !important; } /* ─── Bot HIW Card Icons ─── */ body.light-theme .bot-hiw_card-icon i { color: var(--primary) !important; } /* ─── Benefits Section Text ─── */ body.light-theme .bot-hiw_badge i { color: var(--primary) !important; } body.light-theme .bot-hero_word--lime { color: var(--primary) !important; } /* ─── About Section Features Tag ─── */ body.light-theme .ais-about-features-tag { color: var(--primary) !important; } body.light-theme .ais-about-features-title { color: #0f172a !important; } /* ─── Section Title Highlight ─── */ body.light-theme .ais-title-highlight { color: var(--white-color) !important; } body.light-theme .saas-hero_gradient { color: var(--primary) !important; -webkit-text-fill-color: var(--primary) !important; } /* ─── Footer CTA Badge ─── */ body.light-theme .ais-footer-badge { color: var(--primary) !important; } /* ─── All Icon Containers (general) ─── */ body.light-theme [class*="-icon"] i, body.light-theme [class*="_icon"] i { color: var(--primary) ; } body.light-theme [class*="-icon"] i:hover, body.light-theme [class*="_icon"] i:hover { color: var(--white-color) !important; } body.light-theme .ais-about-card i:hover{ color: var(--white-color) !important; } /* ─── All Card Title/Text (force visibility) ─── */ body.light-theme [class*="-card-title"], body.light-theme [class*="_card-title"], body.light-theme [class*="-tile-title"], body.light-theme [class*="_tile-title"] { color: #0f172a !important; } body.light-theme [class*="-card-text"], body.light-theme [class*="_card-text"], body.light-theme [class*="-tile-text"], body.light-theme [class*="_tile-text"] { color: #475569 !important; } /* ─── All Badge Elements ─── */ body.light-theme [class*="-badge"], body.light-theme [class*="_badge"] { color: var(--secondary) !important; } /* ─── Partner Marquee Background Fix ─── */ body.light-theme .ais-partner-track { color: #0f172a; } /* ─── Hero Section Background for Light ─── */ body.light-theme .ais-hero-section { background: linear-gradient(180deg, #e8f8fc 0%, #ffffff 100%) !important; } /* ─── Star Field - Hide in Light ─── */ body.light-theme .ais-star-field { display: none !important; } /* ─── Hub Lines Color ─── */ body.light-theme .hub-lines line { stroke: var(--primary); stroke-opacity: 0.4; } body.light-theme .hub-hex-ring { stroke: rgba(3, 70, 81, 0.15); } /* ============================================================ FIX - Benefits Featured Card & All Cards with primary bg ============================================================ */ /* Benefits cards - override to white bg */ body.light-theme .bot-hiw_card, body.light-theme .bot-hiw_card--featured { background: #ffffff !important; border: 1px solid #e2e8f0 !important; } body.light-theme .bot-hiw_card-title, body.light-theme .bot-hiw_card--featured .bot-hiw_card-title { color: #0f172a !important; } body.light-theme .bot-hiw_card-text, body.light-theme .bot-hiw_card--featured .bot-hiw_card-text { color: #475569 !important; } body.light-theme .bot-hiw_card-icon, body.light-theme .bot-hiw_card--featured .bot-hiw_card-icon { background: rgba(27, 175, 211, 0.1) !important; border-color: rgba(27, 175, 211, 0.2) !important; } body.light-theme .bot-hiw_card-icon i, body.light-theme .bot-hiw_card--featured .bot-hiw_card-icon i { color: var(--primary) !important; } body.light-theme .bot-hiw_card-step, body.light-theme .bot-hiw_card--featured .bot-hiw_card-step { color: rgb(255, 255, 255) !important; } /* ============================================================ FIX - Benefits Cards Gradient Override (high specificity) ============================================================ */ body.light-theme .bot-hiw .bot-hiw_card, body.light-theme .bot-hiw .bot-hiw_card--featured, body.light-theme .bot-hiw_grid .bot-hiw_card, body.light-theme .bot-hiw_grid .bot-hiw_card--featured, body.light-theme article.bot-hiw_card, body.light-theme article.bot-hiw_card--featured { background: #ffffff !important; background-image: none !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important; } body.light-theme .bot-hiw .bot-hiw_card::before, body.light-theme .bot-hiw .bot-hiw_card--featured::before, body.light-theme article.bot-hiw_card::before, body.light-theme article.bot-hiw_card--featured::before { background: none !important; } body.light-theme .bot-hiw .bot-hiw_card-title, body.light-theme .bot-hiw .bot-hiw_card--featured .bot-hiw_card-title, body.light-theme article.bot-hiw_card .bot-hiw_card-title { color: #0f172a !important; } body.light-theme .bot-hiw .bot-hiw_card-text, body.light-theme .bot-hiw .bot-hiw_card--featured .bot-hiw_card-text, body.light-theme article.bot-hiw_card .bot-hiw_card-text { color: #475569 !important; } body.light-theme .bot-hiw .bot-hiw_card-icon, body.light-theme .bot-hiw .bot-hiw_card--featured .bot-hiw_card-icon, body.light-theme article.bot-hiw_card .bot-hiw_card-icon { background: rgba(27, 175, 211, 0.1) !important; border-color: rgba(27, 175, 211, 0.2) !important; box-shadow: none !important; } body.light-theme .bot-hiw .bot-hiw_card-icon i, body.light-theme article.bot-hiw_card .bot-hiw_card-icon i { color: var(--primary) !important; } body.light-theme .bot-hiw .bot-hiw_card-step, body.light-theme article.bot-hiw_card .bot-hiw_card-step { background: rgb(0, 0, 0) !important; border-color: rgb(0, 0, 0) !important; color: var(--white-color) !important; } /* ============================================================ FIX - About Cards Icon white on hover ============================================================ */ body.light-theme .ais-about-card:hover .ais-about-card-icon { background: var(--primary) !important; color: #ffffff !important; } body.light-theme .ais-about-card:hover .ais-about-card-icon i { color: #ffffff !important; } body.light-theme .ais-about-card-icon { background: rgba(27, 175, 211, 0.1) !important; color: var(--primary) !important; } body.light-theme .ais-about-card-icon i { color: var(--primary) !important; } body.light-theme .ais-about-card-icon i:hover { color: var(--white-color) !important; } body.light-theme .ais-wdo-tile_title{ color: #0f172a !important; } body.light-theme .ais-wdo-tile_body p{ color: #475569 !important; } /* ============================================================ FIX - Footer CTA Section (Keep dark in light theme) ============================================================ */ body.light-theme .ais-footer-cta_inner { background: rgba(4, 2, 10, 0.85) !important; } body.light-theme .ais-footer-cta_title { color: #ffffff !important; } body.light-theme .ais-footer-cta_title h3 { color: #ffffff !important; } body.light-theme .ais-footer-cta_text { color: rgba(255, 255, 255, 0.75) !important; } body.light-theme .ais-footer-badge { color: var(--primary) !important; border-color: rgba(27, 175, 211, 0.3) !important; background: rgba(27, 175, 211, 0.08) !important; } /* ─── Footer CTA Buttons - Ghost text white ─── */ body.light-theme .ais-footer-cta .btn-ghost { color: #ffffff !important; border-color: rgba(255, 255, 255, 0.4) !important; } body.light-theme .ais-footer-cta .btn-ghost:hover { color: #ffffff !important; border-color: var(--primary) !important; background: var(--primary) !important; } body.light-theme .ais-footer-cta .btn-primary { color: #ffffff !important; } /* ─── Footer CTA - Get Started hover text fix ─── */ body.light-theme .ais-footer-cta .btn-primary:hover { color: #000000 !important; } /* ============================================================ FIX - Services Page: How We Deploy Timeline Cards ============================================================ */ body.light-theme .timeline-content { background: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important; } body.light-theme .timeline-title { color: #0f172a !important; } body.light-theme .timeline-desc { color: #475569 !important; } body.light-theme .step-counter { color: rgba(27, 175, 211, 0.2) !important; } body.light-theme .cyber-timeline-line { background: #e2e8f0 !important; } body.light-theme .timeline-node { background: var(--primary) !important; border-color: #ffffff !important; } /* ============================================================ FIX - Services WDO Tiles (hover state shows primary bg) ============================================================ */ body.light-theme .ais-wdo-tile { background: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: none; } body.light-theme .ais-wdo-tile_title { color: #0f172a !important; } body.light-theme .ais-wdo-tile_text { color: #475569 !important; } body.light-theme .ais-wdo-tile_icon-ring { background: rgba(27, 175, 211, 0.1) !important; border-color: rgba(27, 175, 211, 0.2) !important; color: var(--primary) !important; } body.light-theme .ais-wdo-tile_icon-ring i { color: var(--primary) !important; } body.light-theme .ais-wdo-tile_index { color: rgba(3, 70, 81, 0.08) !important; } body.light-theme .ais-wdo-tile_link { color: var(--primary) !important; } /* Hover - keep white bg, just highlight border */ body.light-theme .ais-wdo-tile:hover { background: #ffffff !important; border-color: var(--primary) !important; box-shadow: 0 8px 30px rgba(27, 175, 211, 0.1) !important; } body.light-theme .ais-wdo-tile:hover .ais-wdo-tile_title { color: #0f172a !important; } body.light-theme .ais-wdo-tile:hover .ais-wdo-tile_text { color: #475569 !important; } body.light-theme .ais-wdo-tile:hover .ais-wdo-tile_icon-ring { background: var(--primary) !important; color: #ffffff !important; } body.light-theme .ais-wdo-tile:hover .ais-wdo-tile_icon-ring i { color: #ffffff !important; } /* Navigation dropdown hover fix */ body.light-theme .ais-dropdown-link:hover { background: var(--primary) !important; color: #ffffff !important; } body.light-theme .ais-dropdown-link:hover i { color: #ffffff !important; } /* ============================================================ FIX - Policy Pages: Rights Grid Icons ============================================================ */ body.light-theme .right-card .r-icon { color: var(--primary) !important; } body.light-theme .right-card .r-title { color: var(--secondary) !important; } body.light-theme .right-card .r-desc { color: #475569 !important; } body.light-theme .right-card { background: #e8f8fc !important; border: 1px solid rgba(27, 175, 211, 0.15); } body.light-theme .ais-footer-socials p{ color: #f8fafc !important; }