.text-color-branding-third{
	color: #FF9E18;
}

.image-hotspot-branding .circle {
	background: #FF9E18 !important;
}

.bg-branding{
	
	background-color: #243f90 !important;
}

.bg-branding-secondary{
	
	background-color: #00b7b0 !important;
}


.world-map{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1em;
position: relative;
}

.world-map img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.pin {
	background: #00b7b0;
	position: absolute;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
}

  .pin::before{
	content: '';
	background: #00b7b0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: pulse 1.3s ease-in-out infinite;
}  

.pin span{
	display: none;
	white-space: nowrap;
	position: absolute;
	left: 1.5em;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	border-radius: 3em;
	padding: 0.3em 0.6em;
	font-size: 0.9em;
}

.pin:hover span {
  display: inline-block; /* Display the span on hover */
}
  
  

@keyframes pulse{
	100%{
		opacity: 0;
		transform:
			translate(-50%, -50%)
			scale(2.5);
	}
}

@media screen and (max-width: 600px){
	.world-map{
		font-size: 13px;
	}
}