.map-box {
     width: 100%;
     position: relative;
	 display:flex;
}
 .location {
     position: absolute;
     left: 0;
     top: 0;
}
 .location:hover .location-info {
     margin-bottom: 20px;
     opacity: 1;
     visibility: visible;
     z-index: 999;
}
 .location.align-center .location-info {
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .location.align-center .location-info:before {
     left: 50%;
     margin-left: -15px;
}
 .location.align-right .location-info {
     left: auto;
     right: -44px;
}
 .location.align-right .location-info:before {
     left: auto;
     right: 37px;
}
 .location .location-dot {
     position: relative;
     display: block;
     height: 10px;
     width: 10px;
     background-color: var(--black);
     border-radius: 0;
     z-index: 2;
     cursor: pointer;
    /* background: url(../images/icons/pin.png) no-repeat center center;
     background-size: 100%;
    */
}
 .location .location-dot {
     position: relative;
     display: block;
     height:10px;
     width: 10px;
     border-radius: 100%;
     z-index: 2;
     cursor: pointer;
	 /*border:2px solid rgba(255, 255, 255, 0.5);*/
	 background-image: linear-gradient(to right, #00FCFF, var(--secondary-color));
     
    /* background-size: 53%;
     */
}
 .location .location-dot:after {
    position: absolute;
    left: -10px;
    top: -10px;
    content: "";
    width: 30px;
    height: 30px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
    -webkit-animation: ripple 2s infinite linear;
    animation: ripple 2s infinite linear;
}
 .location:nth-child(2) .location-dot:after {
     -webkit-animation-delay: 500ms;
     animation-delay: 500ms;
}
 .location:nth-child(3) .location-dot:after {
     -webkit-animation-delay: 1000ms;
     animation-delay: 1000ms;
}
 .location:nth-child(4) .location-dot:after {
     -webkit-animation-delay: 1500ms;
     animation-delay: 1500ms;
}
 .location:nth-child(5) .location-dot:after {
     -webkit-animation-delay: 500ms;
     animation-delay: 500ms;
}
 .location:nth-child(6) .location-dot:after {
     -webkit-animation-delay: 1000ms;
     animation-delay: 1000ms;
}


 .location .location-info {
     position: absolute;
     left: 0;
     bottom: 0;
     background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
	 color:var(--white)!important;	 
     padding: 5px 20px;
     line-height:normal;
     font-size:10px;
     visibility: hidden;	
     opacity:0;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
	 text-transform:uppercase;
     border-radius: 20px;
}
 .location:hover .location-info {
     visibility: visible;
}
/*.location .location-info:before {
     position: absolute;
     top: 100%;
     left:0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 10px solid var(--primary-color);
     content: "";
}
/*/
 .location.kuwait {
     top: 40.3%;
      left: 56.9%;
}

 
 .location.bahrain {
     top: 43.3%;
     left: 58.9%;
}
 .location.qatar {
     top: 43.3%;
     left: 60.9%;
}
 .location.uae {
     top: 45.3%;
     left: 60.9%;
}
 .location.oman {
     top: 47.3%;
     left: 59.9%;
}
 .location.india {
     top: 48.3%;
     left: 65.9%;
}
 .location.saudi {
     top: 48%;
     left: 58%;
}
 



 @keyframes ripple {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 figure {
     margin: 0 0 1rem;
}
/*****************/
figure{
	margin:0;
}
 figure img{
     width: 100% 
}