.custom-marker {
  cursor: pointer; /* Clickable feel */
  transform: translate(-50%, -100%);
}

.custom-marker:hover {
  transform: translate(-50%, -100%) scale(1.1);
  transition: transform 0.2s;
}

#map-container {
  z-index: 10;
}

@media (max-width: 1023px) {
  #map-container {
    position: static !important;
    height: 500px;
  }
}

#category-suggestions ul.nested {
  padding-left: 20px;
  list-style-type: disc;
}
#category-suggestions li.parent-li {
  font-weight: bold;
}
#category-suggestions li.sub-li:hover {
  background-color: #f3f4f6;
}
#category-suggestions li.parent-li.cursor-pointer:hover {
  background-color: #f3f4f6;
}

@media (max-width: 640px) {
  /* Mobile/small screen ke liye */
  .influencer-card-map {
    max-width: 100%; /* Full width le le info window ka */
    overflow-x: auto; /* Horizontal scroll enable karo agar content wide ho */
    overflow-y: auto; /* Vertical scroll already hai, rakh lo */
    white-space: nowrap; /* Text ko wrap hone se roko taaki horizontal scroll kaam kare */
    min-width: 300px; /* Minimum width set karo taaki card chhota na ho */
  }

  .influencer-card-map .service-description,
  .influencer-card-map .categories,
  .influencer-card-map .location {
    white-space: normal; /* Specific sections mein text wrap hone do, sirf jaruri jagah pe nowrap */
    overflow-x: hidden; /* In sections mein horizontal na scroll ho */
  }
}