/* XGSC Technology – responsive overrides
   Add in Wix Studio: Site Styles > Custom CSS.
   The comp-* selectors are specific to the current live Home page. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
}

/* Prevent the desktop navigation from running beyond the viewport. */
#comp-mb7ogqrp_r_comp-mobbmf1m {
  width: min(66vw, 954px) !important;
  max-width: calc(100vw - 500px) !important;
}

@media (max-width: 1000px) {
  /* Hide the wide desktop menu; Wix's hamburger remains available. */
  #comp-mb7ogqrp_r_comp-mobbmf1m {
    display: none !important;
  }

  /* Keep Wix text boxes inside the screen. */
  main h1,
  main h2,
  main h3,
  main h4,
  main p {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 600px) {
  :root {
    --mobile-gutter: 22px;
  }

  body {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
  }

  /* Wix currently scales some Home-page headings to 4–9 px. */
  #comp-mobbjlg9 h2,
  #comp-mobbjlg9 h3,
  #comp-msdvyt6s h2,
  #comp-msdvyt6s h3,
  #comp-msdvyt6s h4 {
    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
    line-height: 1.15 !important;
    letter-spacing: normal !important;
  }

  #comp-mobbjlg9 p,
  #comp-msdvyt6s p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  /* Hero typography: readable without overwhelming narrow screens. */
  #comp-mobcr3sk h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: 1.05 !important;
  }

  #comp-mobcr3sk h3 {
    font-size: clamp(1.25rem, 6vw, 1.65rem) !important;
    line-height: 1.15 !important;
  }

  #comp-mobcr3sk p {
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }

  /* Make calls-to-action usable by touch and stop tiny button labels. */
  #comp-msro1qzj,
  #comp-mocrfw0v,
  #comp-msersjdx,
  main a[role="button"] {
    min-width: 150px !important;
    min-height: 46px !important;