body {
  font-family: 'Cairo', sans-serif;
  direction: rtl; /* إضافة هذه الخاصية لتكون اتجاه الصفحة من اليمين لليسار */
  text-align: right; /* محاذاة النصوص لليمين */
}
      .hero {
        background-image: url('img/bannerK.jpg');
        background-size: cover;
        background-position: center;
        position: relative;
        animation: zoomIn 10s ease-in-out infinite alternate;
      }
      @keyframes zoomIn {
        from { background-size: 100%; }
        to { background-size: 110%; }
      }
      .overlay {
        background-color: rgba(0, 0, 0, 0.6);
      }
      .menu-link {
        position: relative;
      }
      .menu-link::after {
          content: '';
          position: absolute;
          right: 0; /* تغيير left إلى right */
          bottom: -4px;
          width: 100%;
          height: 2px;
          background-color: #facc15;
          transform: scaleX(0);
          transform-origin: right; /* تغيير origin إلى اليمين بدلاً من اليسار */
          transition: transform 0.3s ease-in-out;
        }

      .menu-link:hover::after {
        transform: scaleX(1);
      }
      .mobile-nav {
        display: none;
      }
      @media (max-width: 768px) {
        .desktop-nav {
          display: none;
        }
        .mobile-nav {
          display: block;
        }
      }
      .main-nav > a {
  margin-inline: 0.5rem; /* مسافة من الجانبين، يدعم RTL تلقائياً */
}