.marker-cluster-small {
	background-color: rgba(0, 210, 255, 0.25);
	border: 2px solid rgba(0, 210, 255, 0.7);
	box-shadow: 0 0 12px rgba(0, 210, 255, 0.5);
}

.marker-cluster-small div {
	background: radial-gradient(circle, rgba(0, 210, 255, 1), rgba(0, 130, 200, 0.9));
	color: #fff;
}

.marker-cluster-medium {
	background-color: rgba(139, 92, 246, 0.25);
	border: 2px solid rgba(139, 92, 246, 0.7);
	box-shadow: 0 0 14px rgba(139, 92, 246, 0.5);
}

.marker-cluster-medium div {
	background: radial-gradient(circle, rgba(167, 105, 255, 1), rgba(109, 40, 217, 0.9));
	color: #fff;
}

.marker-cluster-large {
	background-color: rgba(236, 72, 153, 0.25);
	border: 2px solid rgba(236, 72, 153, 0.7);
	box-shadow: 0 0 18px rgba(236, 72, 153, 0.6);
}

.marker-cluster-large div {
	background: radial-gradient(circle, rgba(255, 100, 180, 1), rgba(190, 24, 93, 0.9));
	color: #fff;
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
}

.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
}

.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
}

.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}

.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font-family: 'Poppins', "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.marker-cluster span {
	line-height: 30px;
}