body {
    direction : rtl;
    text-align : right;
    font-family: 'Tajawal', 'Tajawal';
    
    }

.right-0
{
    left: 0 !important;
    right:auto !important;
}

.oblique {
    transform: skewX(-10deg) !important;
    overflow: hidden;
    width: 60% ;
    left: -10rem !important;
    right: auto !important;
    border-bottom-right-radius: 0.75rem !important;
}

/* RTL Styles for the provided section */

/* Container for the entire section */
.flex-col.flex {
  direction: rtl;
}

/* Integrates With section */
.flex-col.hidden.mt-12 {
  text-align: right;
}

/* SVG icons container */
.flex-col.hidden.mt-12 .flex {
  justify-content: flex-end;
}

/* SVG icons spacing */
.flex-col.hidden.mt-12 .flex svg {
  margin-right: 0;
  margin-left: 1rem; /* 16px equivalent to mr-4 */
}

/* Image container */
.relative.z-50.flex-col {
  align-items: flex-start !important;
}

/* Image styling */
.container.relative.left-0 {
  right: 0;
  left: auto;
}

/* Image margin adjustments */
.container.relative.left-0 img {
  margin-right: 0;
  margin-left: 0;
}

/* Responsive adjustments for larger screens */
@media (min-width: 640px) {
  .flex-col.hidden.sm\\:flex {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .lg\\:w-1\\/2 {
    padding-right: 2.5rem; /* equivalent to pl-10 */
    padding-left: 0;
  }
  
  .lg\\:absolute {
    right: 0;
    left: auto;
  }
  
  .xl\\:-ml-12 {
    margin-right: -3rem;
    margin-left: 0;
  }
}

/* Additional utility classes for RTL */
[dir="rtl"] .ml-0 {
  margin-right: 0;
  margin-left: auto;
}

[dir="rtl"] .mr-4 {
  margin-right: 0;
  margin-left: 1rem;
}



/* محاذاة النص لليمين */
.pr-0 {
  text-align: right;
  direction: rtl;
}

/* تعديل الهوامش للاتجاه RTL */
.lg\\:pr-20 {
  padding-right: 0 !important;
  padding-left: 5rem !important; /* يعادل pr-20 */
}

/* تحسين المسافات للغة العربية */
.text-zinc-600 {
  line-height: 1.8;
  letter-spacing: 0;
}

/* تحسين المحاذاة للشاشات المختلفة */
@media (min-width: 640px) {
  .sm\\:text-lg {
    text-align: right;
  }
}

@media (min-width: 1280px) {
  .xl\\:text-xl {
    text-align: right;
  }
}





h1.relarive {
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override;
}