body {
  font-family: 'Tajawal', sans-serif;
  text-align: right;
}

.navbar-brand, .section-title, h1, h2, h3, h4 {
  font-family: 'Almarai', sans-serif;
}

.fa-angle-right {
  transform: rotate(180deg);
}

.dropdown-menu {
  text-align: right;
  left: auto !important;
  right: 0 !important;
}

.hero-bg {
    transform: scaleX(-1);
}

#hero .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 57, 79, 0.95) 0%, rgba(0, 57, 79, 0.7) 30%, rgba(0, 57, 79, 0.25) 60%, rgba(0, 57, 79, 0) 100%);
}