html {
  scroll-behavior: smooth;
}
#slider h1 {
  word-spacing: 0.5rem;
}
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Animations */
.fadeInLeft {
  animation: fadeInLeft 1.5s ease forwards;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%); /* soldan başla */
  }
  to {
    opacity: 1;
    transform: translateX(0); /* normal pozisyona gel */
  }
}