/* =========================================================
   360 AI — Unified Glassy Navy Theme
   Home + Train Status + GST Services
   ========================================================= */

:root {
    --ui-navy-950: #071426;
    --ui-navy-900: #0b1f3a;
    --ui-navy-850: #10294c;
    --ui-navy-800: #12345a;
    --ui-blue-700: #1f5fae;
    --ui-blue-600: #2f74d0;
    --ui-blue-500: #4c8fe6;

    --ui-sky-50: #f5faff;
    --ui-sky-100: #eaf5ff;
    --ui-sky-150: #e2f0ff;
    --ui-sky-200: #d7eaff;

    --ui-text: #10233f;
    --ui-text-soft: #5f7087;
    --ui-border: rgba(91, 132, 180, .20);
    --ui-border-strong: rgba(91, 132, 180, .32);

    --ui-glass:
        rgba(255, 255, 255, .66);

    --ui-glass-strong:
        rgba(255, 255, 255, .82);

    --ui-shadow:
        0 18px 50px rgba(15, 46, 82, .10);

    --ui-shadow-hover:
        0 26px 65px rgba(15, 46, 82, .16);

    --ui-radius-sm: 12px;
    --ui-radius: 18px;
    --ui-radius-lg: 24px;
    --ui-radius-xl: 30px;
}

/* ---------------------------------------------------------
   GLOBAL BACKGROUND
   --------------------------------------------------------- */

html {
    background: var(--ui-sky-50);
}

body,
.rail-page {
    color: var(--ui-text);
    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(111, 181, 255, .22),
            transparent 30rem
        ),
        radial-gradient(
            circle at 92% 12%,
            rgba(107, 151, 255, .14),
            transparent 28rem
        ),
        linear-gradient(
            180deg,
            #f7fbff 0%,
            #edf6ff 42%,
            #f7fbff 100%
        ) !important;
    min-height: 100vh;
}

body::before {
    content: "";
    position: fixed;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            rgba(255,255,255,.18),
            rgba(255,255,255,.18)
        );
}

/* ---------------------------------------------------------
   SHARED HEADER EXPERIENCE
   --------------------------------------------------------- */

.site-header,
.rail-header,
.gst-header {
    position: sticky;
    z-index: 100;
    top: 0;
    border-bottom:
        1px solid rgba(255,255,255,.12) !important;

    background:
        linear-gradient(
            135deg,
            rgba(7,20,38,.96),
            rgba(13,42,78,.93)
        ) !important;

    box-shadow:
        0 10px 34px rgba(5,24,50,.16);

    backdrop-filter:
        blur(22px) saturate(150%);

    -webkit-backdrop-filter:
        blur(22px) saturate(150%);
}

.site-header .brand,
.rail-header .brand,
.gst-header .gst-brand {
    color: #ffffff !important;
}

.desktop-nav a,
.rail-nav a,
.gst-nav a {
    color:
        rgba(239,247,255,.84) !important;

    border-radius: 12px;
    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease;
}

.desktop-nav a:hover,
.rail-nav a:hover,
.gst-nav a:hover,
.rail-nav .rail-nav-active,
.gst-nav .active {
    color: #ffffff !important;

    background:
        rgba(125,187,255,.16) !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(180,216,255,.13);
}

.install-button,
.language-button {
    border:
        1px solid rgba(255,255,255,.18) !important;

    background:
        rgba(255,255,255,.10) !important;

    color: #ffffff !important;

    backdrop-filter: blur(12px);
}

/* ---------------------------------------------------------
   INDEPENDENT SERVICE BANNER
   --------------------------------------------------------- */

.independent-banner {
    border: 0 !important;

    background:
        linear-gradient(
            90deg,
            #091a30,
            #123a65
        ) !important;

    color:
        rgba(239,247,255,.86) !important;
}

.independent-banner a,
.independent-banner strong {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   GLOBAL GLASS SURFACE
   --------------------------------------------------------- */

.service-card,
.dynamic-service-card,
.discovery-card,
.category-card,
.trust-card,
.ask360-card,
.search-panel,
.catalog-filters,
.state-loan-guide,
.loan-card,
.loan-summary-card,

.rail-card,
.train-result-card,
.rail-stat-card,
.rail-result .result-shell,

.gst-service-card,
.gst-assistant-card,
.gst-search-box,
.gst-info-card,
.gst-wizard-section,
.gst-ai-section,
.gst-ai-result,
.wizard-recommendation-card,
.gst-modal-card,
.official-links a {
    border:
        1px solid var(--ui-border) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.84),
            rgba(244,249,255,.66)
        ) !important;

    box-shadow:
        var(--ui-shadow) !important;

    backdrop-filter:
        blur(18px) saturate(135%);

    -webkit-backdrop-filter:
        blur(18px) saturate(135%);
}

/* ---------------------------------------------------------
   CARD HOVER
   --------------------------------------------------------- */

.service-card,
.dynamic-service-card,
.discovery-card,
.category-card,
.loan-card,
.train-result-card,
.gst-service-card,
.wizard-recommendation-card,
.official-links a {
    transition:
        transform .17s ease,
        box-shadow .17s ease,
        border-color .17s ease;
}

.service-card:hover,
.dynamic-service-card:hover,
.discovery-card:hover,
.category-card:hover,
.loan-card:hover,
.train-result-card:hover,
.gst-service-card:hover,
.wizard-recommendation-card:hover,
.official-links a:hover {
    transform:
        translateY(-3px);

    border-color:
        var(--ui-border-strong) !important;

    box-shadow:
        var(--ui-shadow-hover) !important;
}

/* ---------------------------------------------------------
   TYPOGRAPHY
   --------------------------------------------------------- */

body,
.rail-page {
    color: var(--ui-text);
}

h1,
h2,
h3,
h4,
.rail-hero h1,
.gst-hero h1 {
    color: var(--ui-navy-900);
}

p,
.rail-hero p,
.gst-hero-content > p,
.panel-title p,
.gst-service-card p {
    color: var(--ui-text-soft);
}

/* ---------------------------------------------------------
   MAIN HERO AREAS
   --------------------------------------------------------- */

.hero,
.citizen-hero,
.rail-hero,
.gst-hero {
    position: relative;
}

.rail-hero::before,
.gst-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 22% 18%,
            rgba(67,139,230,.10),
            transparent 38%
        );
}

/* ---------------------------------------------------------
   KICKERS / BADGES
   --------------------------------------------------------- */

.rail-kicker,
.gst-eyebrow,
.section-kicker,
.eyebrow {
    border-color:
        rgba(57,118,190,.20) !important;

    background:
        rgba(232,244,255,.80) !important;

    color:
        var(--ui-blue-700) !important;

    box-shadow:
        0 6px 20px
        rgba(30,84,140,.06);
}

/* ---------------------------------------------------------
   PRIMARY BUTTONS
   --------------------------------------------------------- */

button.primary,
.primary-button,
.rail-submit,
.loan-official,
.install-button,
.wizard-start-button {
    border: 0 !important;

    background:
        linear-gradient(
            135deg,
            #123e70,
            #2672c7
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 12px 28px
        rgba(25,85,150,.22) !important;
}

button.primary:hover,
.primary-button:hover,
.rail-submit:hover,
.loan-official:hover {
    background:
        linear-gradient(
            135deg,
            #0c315d,
            #1c63b3
        ) !important;

    transform:
        translateY(-1px);
}

/* ---------------------------------------------------------
   SECONDARY BUTTONS
   --------------------------------------------------------- */

.secondary-button,
.loan-details,
.guidance-button {
    border-color:
        rgba(38,98,165,.20) !important;

    color:
        var(--ui-blue-700) !important;
}

/* ---------------------------------------------------------
   INPUTS / SEARCH / SELECT
   --------------------------------------------------------- */

input,
select,
textarea,
.rail-form input,
.rail-form select,
.wizard-select,
.wizard-field input,
.gst-ai-input-wrap {
    border-color:
        rgba(76,126,180,.22) !important;

    background:
        rgba(255,255,255,.76) !important;

    color:
        var(--ui-text) !important;

    backdrop-filter: blur(12px);
}

input:focus,
select:focus,
textarea:focus,
.rail-form input:focus,
.rail-form select:focus,
.wizard-select:focus,
.wizard-field input:focus {
    border-color:
        var(--ui-blue-500) !important;

    box-shadow:
        0 0 0 4px
        rgba(47,116,208,.10) !important;

    background:
        rgba(255,255,255,.94) !important;
}

/* ---------------------------------------------------------
   TRAIN STATUS
   --------------------------------------------------------- */

.rail-page {
    --rail-ink:
        var(--ui-text);

    --rail-muted:
        var(--ui-text-soft);

    --rail-line:
        rgba(80,125,174,.18);

    --rail-blue:
        var(--ui-blue-600);

    --rail-bg:
        var(--ui-sky-50);

    --rail-card:
        rgba(255,255,255,.74);
}

.rail-tab {
    border:
        1px solid var(--ui-border) !important;

    background:
        rgba(255,255,255,.66) !important;

    color:
        #506581 !important;

    backdrop-filter:
        blur(14px);
}

.rail-tab.active {
    border-color:
        rgba(61,126,205,.34) !important;

    background:
        rgba(218,236,255,.88) !important;

    color:
        #164f92 !important;

    box-shadow:
        0 8px 24px
        rgba(30,91,158,.10) !important;
}

.rail-core,
.orbit-icon {
    border:
        1px solid var(--ui-border) !important;

    background:
        rgba(255,255,255,.78) !important;

    box-shadow:
        0 22px 60px
        rgba(27,67,110,.15) !important;

    backdrop-filter: blur(18px);
}

.official-card {
    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        linear-gradient(
            135deg,
            #08172a,
            #123c6a
        ) !important;

    box-shadow:
        0 18px 45px
        rgba(10,39,72,.20) !important;
}

/* ---------------------------------------------------------
   GST
   --------------------------------------------------------- */

.gst-header {
    color: #fff;
}

.gst-brand-mark {
    background:
        linear-gradient(
            135deg,
            #2e79cc,
            #66a9ee
        ) !important;

    box-shadow:
        0 8px 22px
        rgba(58,130,207,.24);
}

.gst-service-card {
    border-radius:
        var(--ui-radius-lg) !important;
}

.service-icon {
    background:
        rgba(224,239,255,.90) !important;
}

.free-badge {
    border:
        1px solid
        rgba(35,148,92,.12);

    background:
        rgba(230,250,240,.86) !important;
}

.gst-assistant-card {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.78),
            rgba(227,241,255,.66)
        ) !important;
}

.assistant-orb {
    background:
        linear-gradient(
            135deg,
            #123f73,
            #3c86d4
        ) !important;
}

.gst-ai-section {
    border:
        1px solid
        rgba(82,137,196,.24) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.80),
            rgba(225,240,255,.66)
        ) !important;
}

/* ---------------------------------------------------------
   MOBILE DRAWER / BOTTOM NAV
   --------------------------------------------------------- */

.mobile-drawer,
.mobile-menu,
.bottom-nav,
.mobile-bottom-nav {
    border-color:
        rgba(255,255,255,.12) !important;

    background:
        linear-gradient(
            145deg,
            rgba(7,20,38,.96),
            rgba(13,42,78,.94)
        ) !important;

    color: #ffffff !important;

    backdrop-filter:
        blur(22px) saturate(145%);
}

.mobile-drawer a,
.mobile-menu a,
.bottom-nav a,
.mobile-bottom-nav a {
    color:
        rgba(239,247,255,.88) !important;
}

/* ---------------------------------------------------------
   FOOTERS
   --------------------------------------------------------- */

footer,
.rail-footer,
.gst-footer {
    border-color:
        rgba(91,132,180,.15) !important;

    color:
        var(--ui-text-soft);
}

/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

:focus-visible {
    outline:
        3px solid #71b5ff !important;

    outline-offset: 3px;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 900px) {
    .site-header,
    .rail-header,
    .gst-header {
        box-shadow:
            0 8px 28px
            rgba(5,24,50,.17);
    }

    .rail-card,
    .gst-wizard-section,
    .gst-ai-section {
        border-radius:
            22px !important;
    }
}

@media (max-width: 680px) {
    body,
    .rail-page {
        background:
            linear-gradient(
                180deg,
                #f4f9ff,
                #eaf4ff 48%,
                #f7fbff
            ) !important;
    }

    .service-card,
    .dynamic-service-card,
    .loan-card,
    .rail-card,
    .gst-service-card,
    .gst-assistant-card,
    .gst-wizard-section,
    .gst-ai-section {
        box-shadow:
            0 12px 34px
            rgba(15,46,82,.09) !important;
    }
}


/* =========================================================
   UI-001A — Light Glass Header
   Navy remains the primary brand/accent colour.
   ========================================================= */

.site-header,
.rail-header,
.gst-header {
    background:
        rgba(245, 250, 255, .68) !important;

    border-bottom:
        1px solid rgba(33, 83, 137, .12) !important;

    box-shadow:
        0 8px 30px rgba(17, 53, 91, .06) !important;

    backdrop-filter:
        blur(22px) saturate(145%);

    -webkit-backdrop-filter:
        blur(22px) saturate(145%);
}


/* Brand */

.site-header .brand,
.rail-header .brand,
.gst-header .gst-brand {
    color:
        var(--ui-navy-900) !important;
}


/* Desktop navigation */

.desktop-nav a,
.rail-nav a,
.gst-nav a {
    color:
        #405775 !important;

    background:
        transparent !important;
}

.desktop-nav a:hover,
.rail-nav a:hover,
.gst-nav a:hover {
    color:
        var(--ui-navy-900) !important;

    background:
        rgba(31, 95, 174, .07) !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(31, 95, 174, .08);
}


/* Active navigation */

.desktop-nav a.active,
.rail-nav .rail-nav-active,
.gst-nav .active {
    color:
        var(--ui-navy-900) !important;

    background:
        rgba(31, 95, 174, .10) !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(31, 95, 174, .12);
}


/* Header utility buttons */

.site-header .install-button,
.site-header .language-button,
.rail-header .install-button,
.rail-header .language-button,
.gst-header .install-button,
.gst-header .language-button {
    border:
        1px solid rgba(31, 95, 174, .14) !important;

    background:
        rgba(255, 255, 255, .56) !important;

    color:
        var(--ui-navy-900) !important;

    box-shadow:
        0 5px 18px rgba(20, 62, 106, .05);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


/* Hamburger / header icons */

.site-header button,
.rail-header button,
.gst-header button {
    color:
        var(--ui-navy-900);
}


/* Keep page itself light */

body,
.rail-page {
    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(111, 181, 255, .20),
            transparent 30rem
        ),
        radial-gradient(
            circle at 92% 12%,
            rgba(107, 151, 255, .11),
            transparent 28rem
        ),
        linear-gradient(
            180deg,
            #f8fcff 0%,
            #edf6ff 45%,
            #f8fcff 100%
        ) !important;
}


/* Mobile header */

@media (max-width: 900px) {
    .site-header,
    .rail-header,
    .gst-header {
        background:
            rgba(245, 250, 255, .78) !important;

        box-shadow:
            0 6px 22px
            rgba(17, 53, 91, .06) !important;
    }
}


/* =========================================================
   UI-001B — FINAL LIGHT GLASS NAVIGATION HEADER
   ========================================================= */

/*
 * Keep the small Independent Service notice separate.
 * Main navigation must visually merge into light page.
 */

body .site-header,
body header.site-header,
body .rail-header,
body header.rail-header,
body .gst-header,
body header.gst-header {
    background: rgba(248, 252, 255, .72) !important;
    background-color: rgba(248, 252, 255, .72) !important;
    background-image: none !important;

    border-bottom:
        1px solid rgba(22, 63, 105, .10) !important;

    box-shadow:
        0 8px 30px rgba(15, 46, 82, .055) !important;

    color: #0b1f3a !important;

    backdrop-filter:
        blur(22px) saturate(160%) !important;

    -webkit-backdrop-filter:
        blur(22px) saturate(160%) !important;
}


/* ---------------------------------------------------------
   HOME HEADER
   --------------------------------------------------------- */

body .site-header .header-inner,
body .site-header .header-content,
body .site-header nav {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body .site-header .brand,
body .site-header .brand *,
body .site-header .desktop-nav a {
    color: #183451 !important;
}

body .site-header .desktop-nav a:hover {
    color: #0b1f3a !important;

    background:
        rgba(25, 91, 160, .07) !important;
}


/* ---------------------------------------------------------
   TRAIN HEADER
   --------------------------------------------------------- */

body .rail-header .rail-header-inner,
body .rail-header nav,
body .rail-header .rail-nav {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body .rail-header .brand,
body .rail-header .brand *,
body .rail-header .rail-nav a {
    color: #183451 !important;
}


/* ---------------------------------------------------------
   GST HEADER
   --------------------------------------------------------- */

body .gst-header .gst-header-inner,
body .gst-header nav,
body .gst-header .gst-nav {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body .gst-header .gst-brand,
body .gst-header .gst-brand *,
body .gst-header .gst-nav a {
    color: #183451 !important;
}


/* ---------------------------------------------------------
   LANGUAGE / INSTALL CONTROLS
   --------------------------------------------------------- */

body .site-header .language-button,
body .site-header .install-button,
body .rail-header .language-button,
body .rail-header .install-button,
body .gst-header .language-button,
body .gst-header .install-button {
    border:
        1px solid rgba(25, 78, 132, .14) !important;

    background:
        rgba(255,255,255,.64) !important;

    background-image:
        none !important;

    color:
        #12345a !important;

    box-shadow:
        0 5px 18px rgba(18,52,90,.06) !important;
}


/* Install remains a stronger navy action */

body .site-header .install-button,
body .rail-header .install-button,
body .gst-header .install-button {
    background:
        linear-gradient(
            135deg,
            #123e70,
            #2672c7
        ) !important;

    color:
        #ffffff !important;

    border-color:
        transparent !important;

    box-shadow:
        0 9px 22px rgba(25,85,150,.18) !important;
}


/* ---------------------------------------------------------
   ACTIVE NAV
   --------------------------------------------------------- */

body .site-header .desktop-nav a.active,
body .rail-header .rail-nav .rail-nav-active,
body .gst-header .gst-nav .active {
    color:
        #0b315c !important;

    background:
        rgba(41, 111, 185, .09) !important;
}


/* ---------------------------------------------------------
   INDEPENDENT SERVICE BAR
   Keep this narrow bar navy for visual separation.
   --------------------------------------------------------- */

body .independent-banner {
    background:
        linear-gradient(
            90deg,
            #0a203b,
            #153f6b
        ) !important;

    color:
        rgba(244,249,255,.90) !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    body .site-header,
    body header.site-header,
    body .rail-header,
    body header.rail-header,
    body .gst-header,
    body header.gst-header {
        background:
            rgba(248,252,255,.84) !important;

        background-image:
            none !important;
    }

}


/* =========================================================
   UI-001C — Remove legacy green accents
   Unified navy + royal blue visual identity
   ========================================================= */

:root {
    --primary: #1857a0 !important;
    --primary-dark: #123e70 !important;
    --primary-deep: #0b294c !important;
    --primary-soft: #e8f2ff !important;
    --primary-softer: #f3f8ff !important;

    --teal: #347fd0 !important;
}


/* ---------------------------------------------------------
   HERO ACCENT TEXT
   --------------------------------------------------------- */

.hero h1 em,
.hero h1 span,
.citizen-hero h1 em,
.citizen-hero h1 span,
.hero-title-accent,
.hero-accent,
.highlight {
    color: #1764bd !important;
}


/* Handle gradient/accent text where color is clipped */

.hero h1 em,
.hero h1 .accent,
.citizen-hero h1 em,
.citizen-hero h1 .accent {
    background:
        linear-gradient(
            90deg,
            #144d8d,
            #2380dc
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    -webkit-text-fill-color:
        transparent !important;
}


/* ---------------------------------------------------------
   360 BRAND
   --------------------------------------------------------- */

.brand-mark,
.brand-logo,
.logo-mark,
.gst-brand-mark {
    background:
        linear-gradient(
            135deg,
            #0d3766,
            #2376c8
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 9px 24px
        rgba(20,77,139,.18) !important;
}


/* Text logo accents */

.brand .accent,
.brand-accent,
.logo-accent,
.brand strong span,
.brand-name span {
    color:
        #2376c8 !important;
}


/* ---------------------------------------------------------
   AI GUIDE / EYEBROWS
   --------------------------------------------------------- */

.hero-eyebrow,
.hero-badge,
.ai-guide,
.ai-guide-badge,
.rail-kicker,
.gst-eyebrow,
.section-kicker,
.eyebrow {
    border-color:
        rgba(42,108,180,.18) !important;

    background:
        rgba(229,241,255,.86) !important;

    color:
        #185ba4 !important;
}


/* ---------------------------------------------------------
   ASK 360 CARD / ICONS
   --------------------------------------------------------- */

.ask360-card .icon,
.ask360-icon,
.search-icon,
.ai-icon,
.ask-icon {
    background:
        #e6f1ff !important;

    color:
        #1767bc !important;
}


/* Primary Ask 360 button */

.ask360-card button,
.ask360-submit,
.ask-button,
button[type="submit"].primary {
    border:
        0 !important;

    background:
        linear-gradient(
            135deg,
            #123e70,
            #2477c9
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 10px 24px
        rgba(20,84,150,.18) !important;
}


/* ---------------------------------------------------------
   REGISTRY CARD
   --------------------------------------------------------- */

.registry-icon,
.registry-card .icon,
.registry-card-icon,
.stats-icon {
    background:
        linear-gradient(
            135deg,
            #164e8a,
            #2a83d5
        ) !important;

    color:
        #ffffff !important;
}


/* Growing continuously / status area */

.registry-status,
.registry-growth,
.registry-card .status,
.registry-card .growth {
    background:
        rgba(228,240,255,.85) !important;

    color:
        #214f80 !important;
}


/* Dot/status indicators */

.status-dot,
.growth-dot,
.live-dot,
.registry-status::before {
    background:
        #277ad0 !important;

    box-shadow:
        0 0 0 5px
        rgba(39,122,208,.12) !important;
}


/* ---------------------------------------------------------
   TRUST CHECKS
   --------------------------------------------------------- */

.trust-row,
.hero-trust,
.trust-items {
    color:
        #506985 !important;
}

.trust-row span::before,
.hero-trust span::before,
.trust-check,
.check-icon,
.verified-icon {
    color:
        #2479cc !important;
}


/* ---------------------------------------------------------
   CHIP / SUGGESTION REFERENCES
   --------------------------------------------------------- */

.suggestion-chip:hover,
.quick-chip:hover,
.ask-chip:hover {
    border-color:
        rgba(37,105,178,.25) !important;

    background:
        #edf6ff !important;

    color:
        #174f8d !important;
}


/* ---------------------------------------------------------
   SERVICES / CATEGORY ICONS
   --------------------------------------------------------- */

.service-icon,
.category-icon,
.dynamic-service-card .icon,
.service-card .icon {
    background:
        rgba(225,239,255,.88) !important;

    color:
        #185da7 !important;
}


/* ---------------------------------------------------------
   OLD GREEN BORDER / SHADOW VARIABLES
   --------------------------------------------------------- */

.service-card,
.dynamic-service-card,
.ask360-card,
.registry-card,
.search-panel {
    border-color:
        rgba(63,113,164,.17) !important;

    box-shadow:
        0 18px 48px
        rgba(20,55,92,.08) !important;
}


/* ---------------------------------------------------------
   LINKS
   --------------------------------------------------------- */

a:hover {
    text-decoration-color:
        rgba(36,121,204,.45);
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 720px) {

    .brand-mark,
    .brand-logo,
    .logo-mark {
        box-shadow:
            0 7px 20px
            rgba(20,77,139,.15) !important;
    }

}