/* Page Fade-In Animation */
 body.fade-in {
    animation: fadeIn 0.5s ease-in-out;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* Page Fade-Out Animation */
  .fade-out {
    animation: fadeOut 0.3s ease-in-out forwards;
  }

  @keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
  }

  /* Arrow Hover Animation */
  .arrow-animate:hover {
    transform: translateX(5px) scale(1.05);
    transition: transform 0.3s ease;
  }

  .arrow-animate-back:hover {
    transform: translateX(-5px) scale(1.05);
    transition: transform 0.3s ease;
  }