.marker-cluster-small {
    background-color: rgb(255, 255, 255);
}

    .marker-cluster-small div {
        background-color: rgb(255, 0, 0);
    }

        .marker-cluster-small div span {
            color: rgb(255, 255, 255);
        }

.marker-cluster-large {
    background-color: rgb(255, 255, 255);
}

    .marker-cluster-large div {
        background-color: rgb(255, 0, 0);
    }

        .marker-cluster-large div span {
            color: rgb(255, 255, 255);
        }

.marker-cluster-medium {
    background-color: rgb(255, 255, 255);
}

    .marker-cluster-medium div {
        background-color: rgb(255, 0, 0);
    }

        .marker-cluster-medium div span {
            color: rgb(255, 255, 255);
        }

 /*-------custome popup-----------*/

.leaflet-popup-content-wrapper {
    padding: 0 !important;
    border-radius: 6px !important;
}

.leaflet-popup-content {
    margin: 0 !important;
}
.leaflet-container a.leaflet-popup-close-button {
    top: 0 !important;
    right: -17px !important;
    padding: 0 !important;
    background: #fff !important;
}
.leaflet-popup-content p {
    margin-top: 4px;
    margin-bottom: 4px;
}
.leaflet-popup-tip-container {
    margin-bottom: 27px;
}