.map-container {
	 position: relative;
	 display: inline-block;
}
 .map-container img {
	 width: 100%;
}
 .map-container .point {
	 cursor: pointer;
	 position: absolute;
	 width: 1.6rem;
	 height: 1.6rem;
	 background-color: #a0a0a0;
	 border-radius: 50%;
	 transition: all 0.3s ease;
	 will-change: transform, box-shadow;
	 transform: translate(-50%, -50%);
	 box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
	 animation: pulse 3s infinite;
}
 .map-container .point:hover {
	 animation: none;
	 transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
	 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
 .map-container .germany {
	 top: 38%;
	 left: 49%;
}
 .map-container .vietnam {
	 top: 55%;
	 left: 75%;
}
 .map-container .austria {
	 top: 40%;
	 left: 49%;
}
 .map-container .poland {
	 top: 38%;
	 left: 52%;
}
 .map-container .pakistan {
	 top: 46%;
	 left: 66%;
}
 .map-container .denmark {
	 top: 35%;
	 left: 49%;
}

 @keyframes pulse {
	 0% {
		 box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
	}
	 70% {
		 box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
	}
	 100% {
		 box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
	}
}