.font-happy {
      font-family: 'Happy Monkey', cursive;
 }

/* break */
.mobile-br {
  display: none;
}

@media (max-width: 600px) {
  .mobile-br {
    display: inline;
  }
}

/* testimonial */
  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* gallery */
    .animate-spin {
    animation: spin 0.8s linear infinite;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

.iti {
  width: 100% !important;
}



.iti__country-list {
          
  width: 276px !important;
  border-radius: 0.5rem;              /* rounded corners */
  border: 1px solid #d1d5db;          /* Tailwind gray-300 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  font-size: 14px;
  padding: 4px 0;
  z-index: 9999;                      /* always on top */
  background-color: #fff;
  max-height: 220px;                  /* scrollable */
  overflow-y: auto;
}

.iti__country {
  padding: 10px 12px;
  transition: background 0.2s ease;
}

.iti__country:hover {
  background-color: #fef3c7; /* Tailwind yellow-100 */
  cursor: pointer;
}

.iti__country.iti__highlight {
  background-color: #fde68a; /* Tailwind yellow-200 */
}

.iti__dial-code {
  color: #6b7280; /* Tailwind gray-500 */
  margin-left: 4px;
}

/* Mobile specific */
@media (max-width: 640px) {
  .iti__country-list {
    position: absolute !important;   /* fix to input */
    top: 50% !important;            /* dropdown opens below input */
    left: 0 !important;
    right: 0 !important;
    width: 86% !important;
    max-height: 180px !important;    /* smaller height */
    font-size: 15px;                 /* slightly bigger for touch */
  }

  .iti__country {
    padding: 12px 14px;              /* bigger touch target */
  }
}





.select2-container--default .select2-results__option--highlighted {
  background-color: #055DA9 !important;
  color: white !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #d1d5db !important;    
  border-radius: 0.375rem !important;     
  padding: 0.5rem 0.75rem !important;    
  height: auto !important;
  background-color: white !important;
  font-family: 'Happy', sans-serif !important;
  position: relative !important;
}

.select2-selection__rendered {
  color: #374151 !important;             
  font-size: 1rem !important;            
  line-height: 1.5 !important;
      
}

.select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0.75rem !important;
  position: absolute !important;
}

.select2-container--default.select2-container--focus .select2-selection--single {
  outline: none !important;
  box-shadow: 0 0 0 3px #fef08a !important; 
  border-color: #facc15 !important;      
}

#dobInput,
#tourDateInput {
  text-align: left;
}

#dobInput::-webkit-date-and-time-value,
#tourDateInput::-webkit-date-and-time-value {
  text-align: left;
}