.homepage-map__wrap {
  position: relative;
}

.module-header {
  margin-bottom: 20px;
  text-align: center;
}

.module-header__filter p {
  font-size: 1rem;
  color: var(--body-c);
}

.marker-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.homepage-map {
  aspect-ratio: 1280 / 800;
  width: 100%;
  max-width: 1280px;
  max-height: 800px;
  position: relative;
  margin-inline: auto;
}

.leaflet-container .map-icon {
  background-color: #007bff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaflet-container .project-marker {
  background-color: #0022f5;
}

.leaflet-container .event-marker {
  background-color: #0b9cff;
}

.leaflet-container .map-icon2 {
  width: 47px;
  height: 55px;
}

.leaflet-container .leaflet-interactive {
  transition: fill-opacity 0.3s ease;
}

.leaflet-container .leaflet-interactive:hover {
  fill-opacity: 0.7;
  cursor: pointer;
}

.leaflet-control-zoom {
  bottom: 10px;
  left: 10px;
}

.leaflet-popup-content-wrapper {
  border-radius: 10px;
  box-shadow: 0px 24px 40px 0px #0000001a;
}

.leaflet-popup-tip-container {
  display: none;
}

.marker-cluster {
  background-color: #001968;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.marker-cluster {
  display: block !important;
  opacity: 1 !important;
}