.custom-marker .marker-container {
    position: relative;
    width: 60px; /* Adjust the size as needed */
    height: 60px; /* Adjust the size as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.custom-marker .avatar-container {
    width: 50px; /* Adjust the size as needed */
    height: 50px; /* Adjust the size as needed */
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff; /* White border around the image */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Optional: Adds a shadow for better visibility */
    background-color: #fff; /* Background color to avoid transparent issues */
}

.custom-marker .avatar-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container without distortion */
}

.custom-marker .pointer {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff; /* Change the color to match the marker color */
    margin-top: -5px; /* Adjust to avoid spacing issues */
}

.wpgmp_iw_content .user_profile_img{
border-radius: 50%;
    max-width: 160px;
    margin: 18px auto 0px;
}