.leaflet-marker-icon.leaflet-interactive span{
  position: relative;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 3rem;
  height: 3rem;
  background-color: #15376C;
  display: block;
  border-radius: 100%;
}
.leaflet-marker-icon.leaflet-interactive.active {
  z-index: 9999 !important;
}
 .leaflet-marker-icon.leaflet-interactive.active span, .leaflet-marker-icon.leaflet-interactive.active-hover span{
  background-color: #E9651B;

}
@media screen and (max-width:991px){
  [data-map-wrapper] .leaflet-container {
    height: 30vh;
    position: relative;
    overflow: auto;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .hide-control-leaflet{
    z-index: 1;
  }
  .leaflet-popup-content {
    display: none;
  }
}
@media screen and (min-width:992px){
/* set map height */

[data-map-wrapper] .leaflet-container {
  height: 100%;
  width: calc(100% - 15px);
  position: absolute !important;
  top: 0;
  left: 0;
}
/* popup*/
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
  margin-bottom: 4.5rem;
  display:none;
  max-height: 58vh;
  overflow: auto;
  touch-action: pan-x pan-y;
}

@media screen and (max-width:992px){
  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
  display:block
  }



}
.leaflet-popup-content{
  margin:0;
}
.leaflet-popup-content p {
    margin:  0;
}

.leaflet-container a.leaflet-popup-close-button{
  top: 0.5rem;
  right: 0.5rem;
  color: var(--gcolor--primary);
}
.active-icon.leaflet-marker-icon.leaflet-interactive span::before
{
  background-color: var(--gcolor--primary);
  color: #fff;

}