.mapbox{position: relative;}
.mapbox .mapimg{display: flex;}
.mapbox img{width: 100%;height: 100%;}
.mapiconbox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.mapiconbox .mapicon{position: absolute;}

.mapiconbox .brazil{top: 73.6%;left: 33.1%;}
.mapiconbox .canada{top: 27.95%;left: 15.34%;}
.mapiconbox .united-states{top: 43.6%;left: 18.1%;}
.mapiconbox .united-kingdom{top: 30.4%;left: 46%;}
.mapiconbox .mexico{top: 51.63%;left: 18.15%;}
.mapiconbox .argentina{top: 88.1%;left: 27.4%;}
.mapiconbox .france{top: 34.1%;left: 50.58%;}
.mapiconbox .nigeria{top: 59.45%;left: 50.45%;}
.mapiconbox .kazakhstan{top: 42.1%;left: 60%;}
.mapiconbox .iran{top: 46.33%;left: 63.7%;}
.mapiconbox .saudi-arabia{top: 53.33%;left: 60.15%;}
.mapiconbox .south-africa{top: 80.7%;left: 53.9%;}
.mapiconbox .russia{top: 25.6%;left: 72.88%;}
.mapiconbox .korea{top: 41.3%;left: 82.4%;}
.mapiconbox .china{top: 44.5%;left: 77.7%;}
.mapiconbox .japan{top: 45.3%;left: 85.3%;}
.mapiconbox .india{top: 50.8%;left: 68.87%;}
.mapiconbox .viet-nam{top: 55.45%;left: 76.77%;}
.mapiconbox .malaysia{top: 64.45%;left: 80.5%;}
.mapiconbox .australia{top: 80.45%;left: 85%;}
.mapiconbox .new-zealand{top: 90.7%;left: 94.99%;}
.mapiconbox .name{padding: 3px 13px;background: var(--color);color: #fff;border-radius: 20px;line-height: 1;position: absolute;white-space: nowrap;transform: translate(-50%, -2.5vw);top: 0;left: 50%;display: none;}
.mapiconbox .france .name{transform: translate(-50%, 1.5vw);}
.mapiconbox .mapicon:hover .name{display: block;}
.mapiconbox .icon{width: 0.5vw;height: 0.5vw;background-color: var(--color);border-radius: 50%;position: relative;box-shadow: 0 0 8px var(--color);margin: auto;}
.mapiconbox .icon::before,.mapiconbox .icon::after{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;background-color: #A2280480;transform: translate(-50%, -50%) scale(1);animation: radiate 2s ease-out infinite;}
.mapiconbox .icon::after{animation-delay: 1s;}
@keyframes radiate{0%{transform: translate(-50%, -50%) scale(1);opacity: 0.6;width: 100%;height: 100%;}
100%{transform: translate(-50%, -50%) scale(8);opacity: 0;width: 100%;height: 100%;}}
@media (max-width:768px) {
.mapiconbox .name{display: block;}
}