@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

:root {
  --navy: #1B3464;
  --navy2: #274878;
  --green: #1E8FC1;
  --shadow: 0 18px 50px rgba(27, 52, 100, .1);
}

body,
button,
input,
select,
textarea {
  font-family: "Inter", sans-serif;
}

.btn,
.eyebrow,
.number,
.text-link,
.step,
.flag,
.num,
.chips span,
.industry-list span,
.oz-submit,
.oz-field label {
  font-family: "Rajdhani", sans-serif !important;
}

.gx-cta,
.gx-mobile-cta,
button[class*="btn"],
a[class*="btn"] {
  font-family: "Rajdhani", sans-serif !important;
}

.gx-nav {
  background: #FFFFFF !important;
  border-bottom: 1px solid #DFE6EE !important;
}

.gx-top,
.gx-mobile-brand,
.gx-mobile-cta {
  background: #1B3464;
}

.gx-links > li > a,
.gx-drop-toggle,
.gx-drop-menu a,
.gx-mobile-links a {
  color: #1B3464;
}

.gx-burger span {
  background: #1B3464;
}

.gx-mobile-brand strong {
  font-size: 22px;
  line-height: 1.08;
}

.gx-mobile-brand strong em {
  color: #72D1EF;
  font-weight: 500;
}

.gx-mobile-flow {
  position: relative;
  height: 2px;
  margin-top: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, .12);
}

.gx-mobile-flow::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 48%;
  background: linear-gradient(90deg, transparent, #1E8FC1, #72D1EF, transparent);
  transform: translateX(-110%);
  animation: gxFlowLine 3.4s ease-in-out infinite;
}

@keyframes gxFlowLine {
  0%, 12% { transform: translateX(-110%); opacity: 0; }
  24% { opacity: 1; }
  76% { opacity: 1; }
  88%, 100% { transform: translateX(220%); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .gx-mobile-flow::after { animation: none; transform: translateX(55%); opacity: 1; }
}