:root {
      --bg: #07111f;
      --bg2: #0d1a2f;
      --panel: rgba(14, 27, 48, 0.94);
      --panel-soft: rgba(255,255,255,0.04);
      --line: rgba(255,255,255,0.08);
      --line-strong: rgba(212,175,55,0.28);
      --gold: #d4af37;
      --gold-soft: #e5c96b;
      --text: #eff5ff;
      --muted: #c0cbe0;
      --blue: #79b8ff;
      --green: #8ef0be;
      --yellow: #ffd27a;
      --red: #ff8f8f;
      --radius: 22px;
      --shadow: 0 20px 50px rgba(0,0,0,.35);
      --max: 1280px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    html, body { margin: 0; padding: 0; }
    body {
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at top left, rgba(121,184,255,.12), transparent 26%),
        radial-gradient(circle at top right, rgba(212,175,55,.08), transparent 24%),
        linear-gradient(135deg, #07111f 0%, #0a1323 42%, #0d1a2f 100%);
      overflow-x: hidden;
      line-height: 1.6;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
      background-size: 38px 38px;
      mask-image: linear-gradient(to bottom, rgba(255,255,255,.6), transparent 82%);
      pointer-events: none;
      z-index: 0;
    }

    /* hard lock text colors so nothing turns black */
    body, div, section, article, aside, main, header, footer, nav, span, p, li, ul, ol, label, strong, small, a, button, input, select, option {
      color: var(--text);
    }

    h1, h2, h3, h4, h5, h6, .command-title, .big-zone, .drill-name, .value, .subject-name, .system-link strong, .alert-box strong, .queue-item strong {
      color: #ffffff !important;
    }

    p, li, .subvalue, .command-sub, .drill-meta, .chart-legend, .section-head p, .queue-item p, .system-link span, .deployment-panel p {
      color: var(--muted) !important;
    }

    a { color: inherit; text-decoration: none; }
    .wrap {
      width: min(calc(100% - 32px), var(--max));
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .section { padding: 48px 0; }
    .section.tight { padding-top: 22px; }

    .pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      border-radius: 999px;
      border: 1px solid rgba(212,175,55,.22);
      background: rgba(255,255,255,.04);
      color: var(--gold-soft) !important;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    h1,h2,h3,h4 { margin: 0 0 14px; line-height: 1.08; }
    h1 {
      font-size: clamp(40px, 6vw, 72px);
      letter-spacing: -.03em;
      font-weight: 800;
      max-width: 820px;
    }
    h2 {
      font-size: clamp(30px, 4vw, 44px);
      letter-spacing: -.02em;
      font-weight: 800;
    }
    h3 {
      font-size: clamp(20px, 2vw, 28px);
      font-weight: 700;
    }

    p { margin: 0 0 14px; }
    .lead {
      font-size: clamp(18px, 2vw, 22px);
      max-width: 760px;
      margin-bottom: 18px;
    }

    .hero { padding: 60px 0 28px; }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 20px;
      align-items: stretch;
    }
    .hero-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .cta-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 10px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 13px 20px;
      border-radius: 14px;
      font-weight: 700;
      transition: .25s ease;
      border: 1px solid transparent;
    }
    .btn-primary {
      background: linear-gradient(135deg, var(--gold), #b88d18);
      color: #09111f !important;
      box-shadow: 0 12px 28px rgba(212,175,55,.25);
    }
    .btn-secondary {
      background: rgba(255,255,255,.04);
      border-color: rgba(255,255,255,.12);
      color: #fff !important;
    }
    .btn:hover { transform: translateY(-2px); }

    .panel, .card {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      backdrop-filter: blur(10px);
    }

    .hero-card {
      padding: 18px;
      display: grid;
      gap: 14px;
      min-height: 0;
    }
    .screen-top {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .stat-box {
      border-radius: 18px;
      padding: 16px;
      background: var(--panel-soft);
      border: 1px solid var(--line);
    }
    .label {
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold-soft) !important;
      font-weight: 700;
      margin-bottom: 8px;
    }
    .value {
      font-size: 30px;
      font-weight: 800;
    }
    .subvalue {
      font-size: 13px;
      margin-top: 4px;
    }
    .protocol-preview {
      border-radius: 18px;
      padding: 16px;
      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border: 1px solid var(--line);
    }

    .meter {
      height: 12px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255,255,255,.06);
      margin: 10px 0 8px;
    }
    .meter-fill {
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #52d29a, #f0cc5c, #ff7f7f);
    }
    .meter-legend {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: var(--muted) !important;
    }

    .alert-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .alert-box {
      border-radius: 16px;
      padding: 14px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
    }
    .alert-box strong {
      display: block;
      margin-bottom: 4px;
      font-size: 15px;
    }

    .section-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 18px;
      margin-bottom: 20px;
    }
    .section-head p {
      max-width: 720px;
      margin: 0;
    }

    .grid-3, .grid-4, .grid-2 {
      display: grid;
      gap: 18px;
    }
    .grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

    .card {
      padding: 22px;
      transition: .25s ease;
    }
    .card:hover {
      transform: translateY(-4px);
      border-color: rgba(212,175,55,.34);
    }

    .kicker {
      color: var(--gold-soft) !important;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .12em;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .zone-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
    }
    .zone-card {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    }
    .zone-card span {
      display: inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--gold);
      color: #09111f !important;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .command-shell { padding: 22px; }
    .command-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 18px;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--line);
    }
    .command-title {
      font-size: 28px;
      font-weight: 800;
      margin: 0;
    }
    .command-sub {
      margin: 6px 0 0;
      font-size: 15px;
      max-width: 760px;
    }

    .chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .chip {
      padding: 9px 13px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
      color: #fff !important;
      font-size: 13px;
      font-weight: 700;
    }

    .tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 16px;
    }
    .tab-btn {
      appearance: none;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.035);
      color: #fff !important;
      padding: 12px 16px;
      border-radius: 12px;
      font-weight: 700;
      cursor: pointer;
      transition: .25s ease;
    }
    .tab-btn:hover,
    .tab-btn.active {
      border-color: rgba(212,175,55,.34);
      background: rgba(212,175,55,.12);
    }

    .deployment-panel {
      display: none;
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
      margin-bottom: 18px;
    }
    .deployment-panel.active { display: block; }
    .deployment-grid {
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 18px;
      align-items: start;
    }
    .deployment-panel ul {
      margin: 12px 0 0;
      padding-left: 18px;
    }
    .deployment-panel li { margin-bottom: 8px; }

    .slider-bar {
      padding: 16px 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
      margin-bottom: 16px;
    }
    .slider-bar label,
    #hsiValue { color: #fff !important; }
    input[type="range"] { width: 100%; }

    .dashboard-top {
      display: grid;
      grid-template-columns: 1.28fr .72fr;
      gap: 18px;
      margin-bottom: 18px;
    }
    .big-zone {
      font-size: 30px;
      font-weight: 800;
      margin-bottom: 8px;
    }
    .mini-kpi-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
      margin-top: 16px;
    }
    .mini-kpi {
      padding: 16px;
      border-radius: 16px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
    }
    .mini-kpi .value { font-size: 28px; }

    .right-stack {
      display: grid;
      gap: 12px;
    }
    .queue-item {
      padding: 14px 16px;
      border-radius: 16px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
    }
    .queue-item strong {
      display: block;
      margin-bottom: 4px;
    }

    .subject-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 16px;
      margin-bottom: 18px;
    }
    .subject-card {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      transition: .25s ease;
      cursor: pointer;
    }
    .subject-card:hover,
    .subject-card.is-selected {
      transform: translateY(-4px);
      border-color: rgba(212,175,55,.34);
      box-shadow: 0 18px 46px rgba(0,0,0,.3);
    }
    .subject-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .subject-name {
      font-size: 18px;
      font-weight: 800;
    }
    .subject-tag {
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold-soft) !important;
      font-weight: 700;
    }
    .status-dot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 8px;
      box-shadow: 0 0 10px currentColor;
    }
    .sub-metric {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 10px 0 6px;
      color: var(--muted) !important;
      font-size: 14px;
    }
    .sparkline {
      width: 100%;
      height: 60px;
      border-radius: 14px;
      background: rgba(255,255,255,.03);
      border: 1px solid var(--line);
      margin-top: 12px;
      padding: 8px;
    }
    .sparkline svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .heatmap {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 10px;
      margin-bottom: 18px;
    }
    .heatcell {
      height: 58px;
      border-radius: 14px;
      border: 1px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 800;
      color: #fff !important;
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .drill-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 16px;
      margin-bottom: 18px;
    }
    .drill-box {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }
    .drill-name {
      font-size: 28px;
      font-weight: 800;
      margin-bottom: 8px;
    }
    .drill-meta {
      font-size: 15px;
      margin-bottom: 16px;
    }
    .drill-stat-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 12px;
    }
    .drill-stat {
      padding: 15px;
      border-radius: 15px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.025);
    }
    .timeline-bar {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 7px;
      margin-top: 16px;
    }
    .timeline-cell {
      height: 38px;
      border-radius: 9px;
      border: 1px solid rgba(255,255,255,.05);
      background: rgba(255,255,255,.04);
    }

    .chart-box {
      height: 300px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      padding: 12px;
    }
    .chart-box svg {
      width: 100%;
      height: 100%;
      display: block;
    }
    .chart-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 12px;
      font-size: 14px;
    }
    .legend-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
    }

    .queue-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
      margin-bottom: 18px;
    }
    .system-links {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
    }
    .system-link {
      display: block;
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
      transition: .25s ease;
    }
    .system-link:hover {
      transform: translateY(-4px);
      border-color: rgba(212,175,55,.34);
    }
    .system-link strong {
      display: block;
      font-size: 18px;
      margin-bottom: 8px;
    }

    .sim-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-top: 18px;
      margin-bottom: 18px;
    }
    .sim-box {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }
    .sim-controls {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 14px;
    }
    .sim-pill {
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
      color: #fff !important;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      cursor: pointer;
      transition: .25s ease;
    }
    .sim-pill.active,
    .sim-pill:hover {
      border-color: rgba(212,175,55,.34);
      background: rgba(212,175,55,.12);
    }
    .timeline-projection {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 10px;
      margin-top: 16px;
    }
    .proj-cell {
      padding: 12px 10px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
      text-align: center;
    }
    .proj-time {
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold-soft) !important;
      font-weight: 700;
      margin-bottom: 6px;
    }
    .proj-value {
      font-size: 24px;
      font-weight: 800;
      color: #fff !important;
      line-height: 1;
      margin-bottom: 4px;
    }
    .proj-zone {
      font-size: 12px;
      color: var(--muted) !important;
    }
    .outcome-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 16px;
    }
    .outcome-card {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }
    .outcome-card strong {
      display: block;
      color: #fff !important;
      margin-bottom: 8px;
      font-size: 16px;
    }
    .outcome-score {
      font-size: 34px;
      font-weight: 800;
      color: #fff !important;
      line-height: 1;
      margin-bottom: 8px;
    }
    .fundable-band {
      margin-top: 18px;
      padding: 18px;
      border-radius: 18px;
      border: 1px solid rgba(212,175,55,.24);
      background: linear-gradient(135deg, rgba(212,175,55,.10), rgba(121,184,255,.08));
    }
    .roi-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
      margin-top: 18px;
      margin-bottom: 18px;
    }
    .roi-card {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }
    .roi-big {
      font-size: 30px;
      font-weight: 800;
      color: #fff !important;
      line-height: 1;
      margin-bottom: 8px;
    }
    .validation-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 18px;
    }
    .validation-box {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }
    .validation-steps {
      display: grid;
      gap: 10px;
      margin-top: 14px;
    }
    .validation-step {
      padding: 12px 14px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.025);
    }
    .integration-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
      margin-bottom: 18px;
    }
    .integration-card {
      padding: 16px;
      border-radius: 16px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.03);
    }

    .footer {
      padding: 34px 0 56px;
      border-top: 1px solid var(--line);
      color: var(--muted) !important;
    }
    .footer-grid {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 18px;
      align-items: center;
    }
    .anchor-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .anchor-links a {
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
      font-size: 14px;
      color: #fff !important;
    }
    .anchor-links a:hover { border-color: rgba(212,175,55,.34); }

    @media (max-width: 1180px) {
      .roi-grid,
      .integration-grid,
      .validation-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .hero-grid,
      .dashboard-top,
      .drill-grid,
      .deployment-grid,
      .grid-4,
      .subject-grid,
      .system-links,
      .mini-kpi-grid,
      .queue-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .grid-3,
      .zone-grid,
      .alert-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    }

    @media (max-width: 1180px) {
      .sim-grid,
      .outcome-grid,
      .timeline-projection,
      .sim-controls { grid-template-columns: repeat(2, minmax(0,1fr)); }
    }

    @media (max-width: 860px) {
      .hero-grid,
      .dashboard-top,
      .drill-grid,
      .deployment-grid,
      .grid-2,
      .grid-3,
      .grid-4,
      .zone-grid,
      .subject-grid,
      .system-links,
      .mini-kpi-grid,
      .queue-grid,
      .alert-grid,
      .screen-top,
      .heatmap { grid-template-columns: 1fr; }
      .section-head {
        flex-direction: column;
        align-items: start;
      }
      h1 { font-size: clamp(36px, 11vw, 58px); }
      .section { padding: 40px 0; }
    }
  html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text11 div
{
   text-align: left;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 10px;
   width: 1355px;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text12 div
{
   text-align: left;
}
#MegaMenu1
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   margin: 0;
   text-align: left;
   font-family: Arial;
   font-weight: normal;
}
#MegaMenu1 li
{
   display: inline-block;
   font-size: 12px;
   margin: 0;
   padding: 0;
   position: relative;
}
#MegaMenu1 li a
{
   float: left;
}
#MegaMenu1 li .submenu
{
   position: absolute;
   right: 0;
   display: none;
   padding: 15px 15px 15px 15px;
   text-align: left;
   top: 0;
   z-index: 9999;
}
#MegaMenu1 li .submenu.show
{
   display: grid;
}
#MegaMenu1 li .submenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#MegaMenu1 .submenu ul li
{
   width: 100%;
}
#MegaMenu1 .submenu ul li .heading
{
   display: block;
   color: #3588F0;
   font-weight: normal;
   font-size: 8px;
   font-style: normal;
   margin: 0;
   padding: 8px 0;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#MegaMenu1 .submenu ul li a
{
   display: block;
   float: none;
   height: auto;
   border: 1px solid transparent;
   border-radius: 0px;
   color: inherit;
   font-weight: normal;
   font-style: normal;
   padding: 8px 4px 8px 20px;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: nowrap;
}
#MegaMenu1 .button
{
   cursor: pointer;
   position: relative;
   text-align: center;
   margin: 0 1px 0 0;
   outline: 0;
   padding: 6px 20px 6px 10px;
   color: #FFFFFF;
   background-color: #192635;
   background-image: none;
   border: 0px solid #192635;
   border-radius: 0px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#MegaMenu1 .button:hover, #MegaMenu1 .button.active
{
   background-color: #DAA520;
   background-image: none;
   border-color: #DAA520;
   color: #FFFFFF;
}
#MegaMenu1 .submenu
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   border-radius: 0px;
   color: #FFFFFF;
}
#MegaMenu1 .submenu a:hover, #MegaMenu1 .submenu a.active
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #000000;
   color: #FFFFFF;
}
#MegaMenu1 li:nth-child(2) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(3) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(4) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(5) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(6) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(7) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(8) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(9) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li:nth-child(10) .submenu
{
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 15px;
}
#MegaMenu1 li i
{
   font-size: 16px;
   width: 18px;
}
#MegaMenu1 .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 1px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1 .bullet, #MegaMenu1 .icon
{
   left: 0px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#MegaMenu1-hamburger
{
   cursor: pointer;
   display: none;
   background-color: #192635;
   border: 0px solid #192635;
   padding: 9px 12px 9px 12px;
}
#MegaMenu1-hamburger .line
{
   width: 9px;
   height: 1px;
   background: #FFFFFF;
   display: block;
   margin: 1px auto;
}
#MegaMenu1-close
{
   display: none;
}
@media all and (max-width:300px) 
{
#MegaMenu1-hamburger
{
   display: inline-block;
}
#MegaMenu1 > li
{
   width: 100%;
}
#MegaMenu1 > li > a
{
   display: none;
}
#MegaMenu1-nav
{
   display: none;
   height: 100% !important;
   left: 0 !important;
   overflow-y: auto;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 9998;
}
#MegaMenu1
{
   height: 100% !important;
   width: 100% !important;
}
#MegaMenu1 > li > div
{
   box-sizing: border-box;
   border-width: 0 0 1px 0 !important;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
}
#MegaMenu1 li .submenu ul, #MegaMenu1 li .submenu ul li
{
   width: 100% !important;
}
##MegaMenu1 .nav-link
{
   box-sizing: border-box;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
   padding: 9px 5px 9px 21px;
   text-align: left;
}
#MegaMenu1-close
{
   display: block;
   left: 0;
   pointer-events: none;
   position: fixed;
   text-align: right;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#MegaMenu1-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
   padding: 10px 40px 10px 10px;
   pointer-events: all;
   text-decoration: none;
}
#wb_MegaMenu1.open
{
   z-index: 9998 !important
}
#wb_MegaMenu1.open #MegaMenu1-nav
{
   display: block !important;
}
.overflow-no-scroll
{
   overflow: hidden !important;
}
}