/* Scroll Hint Arrow */
.scroll-hint {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    color: #ff7a00; /* Change to match your theme */
    animation: bounce 1.5s infinite; /* Bouncing animation */
    cursor: pointer;
    z-index: 999;
  }
  
  /* Bouncing animation for the arrow */
  @keyframes bounce {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(0);
    }
  }
  
  .scroll-hint:hover {
    color: #e65c00; /* Change color when hovered */
  }
  
  /* Optional: Arrow icon styles */
  .scroll-hint::before {
    content: "\2193"; /* Downward arrow (Unicode character) */
    font-size: 2.5rem;
    display: block;
  }