.blue-circle-dot {
	position: absolute;
	width: 32px;
	height: 32px;
	border: 3px solid #0082EE;
	border-radius: 50%;
}

.ind-personal-dot-1 {
    right: 49.5%;
    top: 16%;
}

.ind-personal-dot-2 {
    left: 45%;
    top: 25.5%;
}

.ind-personal-dot-3 {
    right: 38.5%;
    top: 44%;
}
.ind-personal-dot-4 {
    right: 56%;
    bottom: 45%;
}
.ind-personal-dot-5{
    right: 74%;
    bottom: 20%;
}
.ind-personal-dot-6 {
    left: 72%;
    bottom: 12.5%;
}

.ind-personal-dot-7 {
    right: 12.5%;
    bottom: 2.8%;
}


.blue-circle-dot.active, .blue-circle-dot:hover {
	background: #0066ff;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.3);
	animation: pulse-blue 2s infinite;
	transform: scale(1);
}
 @keyframes pulse-blue {
 0% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.6);
}
 70% {
 transform: scale(1);
 box-shadow: 0 0 0 15px rgba(52, 172, 224, 0);
}
 100% {
 transform: scale(0.95);
 box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
}
}