/* دعم اتجاه من اليمين لليسار */
body, html {
    direction: rtl;
    text-align: right;
  }
  
  /* عكس عناصر Bootstrap أو Flexbox */
  .row {
    flex-direction: row-reverse;
  }
  
  /* عناصر العناوين */
  h1, h2, h3, h4, h5, h6, p, li, a {
    text-align: right;
  }
  
  /* عكس الـ padding أو margin إن لزم */
  .pl-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
  }
  
  .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
  }