@font-face {
  font-family: "Ara Alharbi Syria-Alqusair";
  src:
    local("Ara Alharbi Syria-Alqusair"),
    url("../fonts/brand/AraAlharbiSyria-Alqusair-Regular.a5c63e3d0770.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.reflens-wordmark {
  font-family:
    "Ara Alharbi Syria-Alqusair",
    "Arial Narrow",
    "Aptos Narrow",
    sans-serif !important;
  font-style: normal;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: 0.02em !important;
  line-height: 0.9;
  text-transform: uppercase;
}

.co-header .brand-wordmark {
  font-size: 1.9rem;
}

.footer-brand .brand-wordmark {
  font-size: 2.1rem;
}

.sidebar-logo .logo-text {
  font-size: 1.55rem !important;
}

.auth-brand .reflens-wordmark {
  font-size: clamp(2rem, 4vw, 2.45rem);
}

.register-brand .reflens-wordmark {
  font-size: clamp(2rem, 5vw, 2.5rem);
}

@media (max-width: 760px) {
  .co-header .brand-wordmark {
    font-size: 1.7rem;
  }
}