/* Hide scrollbar */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

     /* Image Hover Effect with Slide and Zoom */
    .image-hover-container {
      overflow: hidden;
      position: relative;
      height: 220px;
      width: 100%;
    }
    
    .image-hover-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transform-origin: center center;
    }
    
    .image-hover-container:hover img {
      transform: translateX(10px) scale(1.1);
      filter: brightness(1.1);
    }
    
    .image-hover-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(45deg, rgba(251, 148, 12, 0.2), rgba(59, 130, 246, 0.2));
      opacity: 0;
      transition: opacity 0.4s ease;
      pointer-events: none;
    }
    
    .image-hover-container:hover .image-hover-overlay {
      opacity: 1;
    }
    
    .image-hover-spark {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.1);
      opacity: 0;
      transition: opacity 0.5s ease;
    }
    
    .image-hover-container:hover .image-hover-spark {
      opacity: 1;
      animation: sparkle 0.8s ease;
    }
    
    /* Book Now Button Effects */
    .book-now-btn {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transform: translateY(0);
      box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);
    }
    
    .book-now-btn:hover {
      transform: translateY(-5px);
      background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
      box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4);
    }
    
    .book-now-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.6s ease;
    }
    
    .book-now-btn:hover::before {
      left: 100%;
    }
    
    .book-now-btn i {
      transition: all 0.3s ease;
      transform: translateX(0);
    }
    
    .book-now-btn:hover i {
      transform: translateX(5px) rotate(-5deg);
    }
    
    /* Card Hover Enhancement */
    .tour-card {
      transition: all 0.3s ease;
    }
    
    .tour-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    /* trip details */