/* Scroll-triggered Fade Animations - RTL (Arabic) Direction */

/* Horizontal slide animations for RTL - Visually consistent directions */
.fade-element.fade-left {
  transform: translateX(50px) translateY(0);  /* Reversed for RTL to maintain visual consistency */
}

.fade-element.fade-left.fade-in {
  transform: translateX(0) translateY(0);
}

.fade-element.fade-right {
  transform: translateX(-50px) translateY(0);  /* Reversed for RTL to maintain visual consistency */
}

.fade-element.fade-right.fade-in {
  transform: translateX(0) translateY(0);
}

/* Hero section left/right animations for RTL */
.hero .fade-element.fade-left {
  transform: translateX(50px) translateY(80px);  /* Reversed for RTL */
}

.hero .fade-element.fade-right {
  transform: translateX(-50px) translateY(80px);  /* Reversed for RTL */
}

.hero .fade-element.fade-left.fade-in,
.hero .fade-element.fade-right.fade-in {
  transform: translateX(0) translateY(0);
}