@font-face {
  font-family: ScrollBrandArabic;
  src: url('assets/Tajawal-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.brand .brand-sub,
.identity .brand-sub {
  display: block;
  margin-top: 4px;
  color: var(--muted, #756d68);
  font-family: ScrollBrandArabic, Tajawal, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .brand .brand-sub,
  .identity .brand-sub { font-size: 10px; }
}