/* v1.4.5.1: homepage mobile navigation, contact alignment and first paint. */
html { background-color: #050b17; }
body.index-page { background-color: #050b17 !important; }
@media (max-width: 1199.98px) {
  body.index-page #contact > .container.section-title,
  body.index-page #contact > .container.wn-contact-body {
    width: 100%; max-width: 100%; margin-left: auto !important; margin-right: auto !important;
    padding-left: max(16px, calc(var(--bs-gutter-x, 1.5rem) * .5)) !important;
    padding-right: max(16px, calc(var(--bs-gutter-x, 1.5rem) * .5)) !important;
    box-sizing: border-box;
  }
  body.index-page #contact .wn-contact-body > .row {
    max-width: 100%; margin-left: calc(var(--bs-gutter-x, 1.5rem) * -.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -.5);
  }
  body.index-page .infra-header .navmenu { z-index: 10000; }
  body.index-page .infra-header .mobile-nav-toggle { position: relative; z-index: 10003; color: #f5f9ff !important; cursor: pointer; }
  body.index-page.mobile-nav-active .infra-header .navmenu {
    position: fixed !important; inset: 0 !important; background: rgba(3,9,19,.95) !important;
    z-index: 10001 !important; overflow: visible !important;
  }
  body.index-page.mobile-nav-active .infra-header .mobile-nav-toggle {
    position: fixed !important; top: 22px !important; right: 22px !important; z-index: 10003 !important;
  }
  body.index-page.mobile-nav-active .infra-header .navmenu > ul {
    display: flex !important; flex-direction: column; position: fixed !important;
    inset: 78px 16px 16px !important; width: auto !important; height: auto !important;
    max-height: calc(100dvh - 94px); overflow-y: auto !important; padding: 12px !important;
    border: 1px solid rgba(33,207,255,.25); border-radius: 14px;
    background: #071626 !important; box-shadow: 0 22px 65px rgba(0,0,0,.5); z-index: 10002 !important;
  }
  body.index-page.mobile-nav-active .infra-header .navmenu > ul a {
    color: #d9eafa !important; padding: 14px 16px; white-space: normal;
  }
  body.index-page.mobile-nav-active .infra-header .navmenu > ul a:hover,
  body.index-page.mobile-nav-active .infra-header .navmenu > ul a.active { color: #20d8ff !important; }
}