/* cyrillic-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgK_7Ss9XZYalI.woff2)
    format('woff2');
  unicode-range:
    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgIv7Ss9XZYalI.woff2)
    format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgKv7Ss9XZYalI.woff2)
    format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgJf7Ss9XZYalI.woff2)
    format('woff2');
  unicode-range:
    U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgKP7Ss9XZYalI.woff2)
    format('woff2');
  unicode-range:
    U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firamono/v14/N0bX2SlFPv1weGeLZDtgJv7Ss9XZYQ.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Flex-based grid (replaces Foundation float grid) */
.row {
  display: flex;
  flex-wrap: wrap;
}
.row::before,
.row::after {
  display: none;
}
.column,
.columns {
  float: none !important;
  flex: 0 0 auto;
}
.medium-centered,
.small-centered {
  margin-left: auto;
  margin-right: auto;
}

body.home #main #firstfive h3,
body.page #main #firstfive h3 {
  color: #b00;
}

/* Background video */
#video-bg {
  z-index: 1;
}
#video-bg video {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
#pagepiling {
  position: relative;
  z-index: 2;
}

/* Reach Out popup grid buttons */
.reachout-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px 12px;
  background: #111;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition:
    background 0.2s,
    border-color 0.2s;
}
.reachout-btn:hover {
  background: #222;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  text-decoration: none;
}
.reachout-btn .fa {
  font-size: 22px;
}
@media (max-width: 480px) {
  #reachout-popup .white-popup,
  #reachout-popup {
    width: 92vw;
  }
  #reachout-popup div[style*='grid'] {
    grid-template-columns: 1fr 1fr !important;
  }
}