.marker-pin {
      width: 40px;
      height: 40px;
      border-radius: 50% 50% 50% 0;
      background: #ffe000;
      position: absolute;
      transform: rotate(-45deg);
      left: 50%;
      top: 50%;
      margin: -15px 0 0 -15px;
      -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
        box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
                       
    }
                    
    // to draw white circle
    .marker-pin::after {
        content: '';
        width: 24px;
        height: 24px;
        margin: 3px 0 0 3px;
        background: #ffe000;
        position: absolute;
        border-radius: 50%;
     } 
     .marker-pin img
    {
        width:40px;
        height: 40px;
        border-radius:50%;
        border: 3px solid #ffe000;
        transform: rotate(45deg);
                       
    } 

                   
    .pulse {
                       
      border-radius: 50% 50% 50% 0;
                       
      height: 40px;
      width: 40px;
      position: absolute;
      transform: rotate(-45deg);
      left: 50%;
      top: 50%;
      top: 50%;
        margin: 28px 0 0 -18px;
      z-index: -2;
    }
    .pulse:after {
      content: "";
      width: 24px;
      height: 24px;
                      
      position: absolute;
      border-radius: 50%;
      animation: pulsate 1s ease-out;
      animation-iteration-count: infinite;
      opacity: 0;
      box-shadow: 0 0 1px 2px #1543a0;
      animation-delay: 1.1s;
    }
    @-moz-keyframes pulsate {
      0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
      }
    }
    @-webkit-keyframes pulsate {
      0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
      }
    }
    @-o-keyframes pulsate {
      0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
      }
    }
    @keyframes pulsate {
      0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
      }
    }


    .leaflet-popup-tip-container {
      background: transparent;
      display: none; 
    }
    .leaflet-popup-content-wrapper {
       border-radius: 0;
       padding:0px;
    }