@font-face {
  font-family: 'Tajawal-Black';
  src: url('font/Arabic/Tajawal-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'MerriweatherEnglish';
  src: url('./font/English/Merriweather-Regular.ttf') format('truetype');
}

/* Optionally apply RTL direction globally */
body {
  font-family: 'Tajawal-Black', sans-serif;
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(-10px);
  }

  50% {
    transform: translateY(-20px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

/* يبدأ دائرة صغيرة */
#mapWrapper {
  width: 16rem;
  /* small circle */
  height: 16rem;
  border-radius: 9999px;
}

#mapWrapper.square {
  width: 100%;
  height: 20rem;
  border-radius: 0.5rem;
}

/* Disable map pointer events when small */
#mapWrapper iframe {
  pointer-events: none;
}

/* Enable map pointer events when expanded */
#mapWrapper.square iframe {
  pointer-events: auto;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.about-ar {
  background-position: top center;   /* show Arabic (top half) */
}

.about-en {
  background-position: bottom center; /* show English (bottom half) */
}