.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

 .show-results {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.dropdown-wrapper {
  position: relative;
}

.dropdown {
  top: 100%; 
  left: 0;   
}

.dropdown-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border: none;
  background: white;
  cursor: pointer;
  font-weight: 500;
}

.dropdown-item:hover {
  background: #f3f4f6;
}

#countryPopup {
  background-color: rgba(0,0,0,0.5); 
  z-index: 9999;                     
}

#countryPopup > div {
  background-color: #fff;   
  color: #000;             
  max-height: 95vh;        
  overflow-y: auto;        
  border-radius: 16px;
}
  .clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #tour {
  padding-top: 0; 
}
.hexagon {
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 
                     75% 93.3%, 25% 93.3%, 0 50%);
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes cardIn {
  from { opacity: 0; transform: scale(0.9); }
  to   { opacity: 1; transform: scale(1); }
}

.animate-fade-in {
  animation: fadeIn 0.8s ease forwards;
}

.animate-card {
  animation: cardIn 0.9s ease forwards;
}

.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-500 { animation-delay: 0.5s; }

.card {
    @apply bg-white bg-opacity-10 p-3 rounded-xl shadow-md 
           cursor-pointer transition transform duration-300;
  }
.card:hover {
    @apply -translate-y-1 shadow-xl;
  }
.card img {
    @apply transition-transform duration-300;
  }
.card:hover img {
    @apply scale-110;
  }

.animate-spin-slow {
    animation: spin 10s linear infinite;
  }
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

.card {
      @apply bg-white/20 backdrop-blur-sm p-3 rounded-lg shadow hover:bg-white/30
             cursor-pointer transition text-sm font-semibold flex items-center gap-2;
    }

@keyframes gradient {
  0% {background-position:0% 50%;}
  50% {background-position:100% 50%;}
  100% {background-position:0% 50%;}
}
.animate-gradient {
  background-size: 200% 200%;
  animation: gradient 15s ease infinite;
}
@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.95);}
  to {opacity: 1; transform: scale(1);}
}
.animate-fadeIn {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-delay > * {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}
.fade-delay > *:nth-child(1) { animation-delay: 0.1s; }
.fade-delay > *:nth-child(2) { animation-delay: 0.2s; }
.fade-delay > *:nth-child(3) { animation-delay: 0.3s; }
.fade-delay > *:nth-child(4) { animation-delay: 0.4s; }
.fade-delay > *:nth-child(5) { animation-delay: 0.5s; }
.fade-delay > *:nth-child(6) { animation-delay: 0.6s; }
.fade-delay > *:nth-child(7) { animation-delay: 0.7s; }

#navbar {
    position: fixed !important;
    z-index: 9999 !important;
  }