@charset "utf-8";
/* mapping css */
.map-home_new img,.map_new {
	width: 100%     ;
	position: relative;
  }
  .video__item{
    width: 100%;
    height: 100%;
    background-size: cover;
}

  .map-point {
	position: absolute;
	justify-content: center;
	align-items: center;
	flex-direction: column
  }

  
  .dot {
	position: relative;
	width: 7px;
	height: 7px;
  background-color: var(--bs-reddish);
	border-radius: 50%;
  z-index: 0;
	
  }
  .dot:hover{
    background-color: var(--bs-black);
	animation: 1.5s ease-out infinite pulse-map;}

  @keyframes pulse-map {
	0% {
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5)
	}
  
	80% {
	  box-shadow: 0 0 0 15px rgba(255, 0, 0, 0)
	}
  }
  
  .dot::after,
  .dot::before {
	content: "";
	position: absolute
  }
  
  .dot::before {
	width: 3px;
	height: 20px;
	top: -10px;
	left: 3.5px
  }
  
  .dot::after {
	width: 20px;
	height: 3px;
	top: 3.5px;
	left: -10px
  }
  
  .tooltip,
  .tooltip::after {
	left: 50%;
	transform: translateX(-50%);
	position: absolute
  }
  .tooltip h5 {
	font-size: 1.1rem;
	text-transform: capitalize;
	font-weight: 500;
  }
  .tooltip ul li {
	text-transform: capitalize;
  }
  .tooltip {
    top: -10px;
    left: 3px;
	opacity: 1;
	visibility: visible; 
	text-transform: uppercase;
	white-space: nowrap;       z-index: 1;
  }
  
  .tooltip-img {
	width: 40px;
	height: 40px;
	border: 1px solid var(--bs-reddish);
	padding: 5px;
	border-radius: 50%;  
	  background-color: var(--bs-white);
	animation: 1.5s ease-out infinite pulse-map;
  opacity: 0;
  }
  
  .tooltip-img img {
	width: 100%;
	height: 100%;
  }
  
  .tooltip-text {
	flex: 1;
	font-size: 0.9rem !important;
	text-transform: capitalize;
	font-weight: 600;
	color: var(--bs-black);
  }
  
  .tool-text::after {
	content: "";
	bottom: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: #fff transparent transparent
  }
  .india {
    top: 51%;
    left: 70.3%;
  }
  /* North America */
  .canada {
    top: 26.7%;
    left: 18.2%;
   }
  .usa {
    top: 35.7%;
    left: 16.5%;
}
	.mexico {
    top: 53.5%;
    left: 19%;
	}
  
  /* Central America */
  .panama {
    top: 59%;
    left: 24%;
  }
  .costa-rica {
    top: 59%;
    left: 23.2%;
  }
  
  /* South America */
  .argentina {
    bottom: 14.2%;
    left: 29.3%;
  }
  .brazil {    
    top: 67.5%;
    left: 32.9%;
   }
  .chile {     
    bottom: 19.4%;
    left: 27.7%;
  }
  .colombia {    
    top: 60.2%;
    left: 26%;
  }
  .peru {    
    top: 67.3%;
    left: 25%;
  }
  
  /* Western Europe */
  .austria {    
    top: 36.6%;
    left: 51.6%;
   }
  .france { 
    top: 37.5%;
    left: 48.3%;
   }
  .germany {  
    top: 34%;
    left: 50.5%;
   }
  .greece {    
    top: 43%;
    left: 54%;
   }
  .italy {     
    top: 40.8%;
    left: 51.6%;
  }

	.malta{      
    top: 44%;
    left: 52.2%;
  }
  .poland {    
    top: 33.8%;
    left: 54%;
  }
  .portugal {    
    top: 42.5%;
    left: 45.4%;
   }
  .spain {     
    top: 42%;
    left: 46.8%;
  }
  .switzerland {  
    top: 37.5%;
    left: 50%;
  }
  .uk { 
    top: 32%;
    left: 46.7%;
  }
  
  /* Eastern Europe */
  .bulgaria {    
    top: 40%;
    left: 55%;
  }
  .hungary {     
    top: 36.7%;
    left: 53.5%;
  }
  .czech-republic {     
    top: 35.5%;
    left: 52%;
  }
  .romania { 
    top: 38.5%;
    left: 55%;
  }
  .serbia {     
    top: 39%;
    left: 54%;
  }
  .croatia {  
    top: 39%;
    left: 52%;
  }
  .slovenia { 
    top: 37.5%;
    left: 51.7%;
  }
  .moldavia { 
    top: 36.3%;
    left: 55.3%;
   }
  
  /* Middle East */
  .bahrain {    
	top: 51.5%;
	left: 64%;
}
  .kuwait {    
    top: 48.5%;
    left: 61.2%;
   }
  .oman {     
    top: 52%;
    left: 64.4%;
  }
  .saudi-arabia {
    top: 52%;
    left: 60.4%;
  }
  .uae {  
    top: 51.2%;
    left: 63.5%;
   }
  .jordan {   
    top: 46.2%;
    left: 58.3%;
  }
  .lebanon { 
    top: 45%;
    left: 58%;
  }
	.turkey {
    top: 43%;
    left: 56.8%;
	}
  .israel {     
    top: 47%;
    left: 57.6%; }
  
  /* North Africa */
  .algeria {    
    top: 50%;
    left: 49.5%; 
  }
  .egypt {   
    top: 48.4%;
    left: 55.7%;    
  }
  .morocco {   
    top: 47.3%;
    left: 45.7%;
  }
  .tunisia {    
    top: 45.6%;
    left: 50.5%;
  }  
  /* Africa */
  .ivory-coast {    
    top: 57.3%;
    left: 46.1%;
  }
  .kenya {   
    bottom: 34%;
    left: 58.2%;
  }
  .south-africa { 
    bottom: 23%;
    left: 54.5%;
  }
  
  /* South Asia */
  .bangladesh {    
    top: 49.9%;
    left: 73.5%;
}
  .pakistan {  
    top: 44%;
    left: 68.5%;
  }
  
  /* East Asia */
  .china {      
    top: 36.8%;
    left: 75.3%;}

  .korea {    
    top: 41.5%;
    left: 83.5%;
  }
  .taiwan {     
    top: 50.7%;
    right: 17%;
  }
   
  .indonesia {     
    bottom: 35.6%;
    right: 18.6%;
   }
  .singapore { 
    bottom: 36.9%;
    right: 21.7%;
  }
  .thailand {   
    top: 55.3%;
    right: 22.2%;
  }
  .vietnam { 
    top: 56%;
    right: 20.5%;
  }
  
  /* Russia & Central Asia */
  .russian-federation {     
    top: 23%;
    left: 73.5%;
}
  .kazakhstan {  
    top: 34.9%;
    left: 66.4%;
  }
  
  /* Central America */
  .el-salvador {   
    top: 56.9%;
    left: 22.2%;
  }
  
  .guatemala {  
    top: 55.2%;
    left: 21.3%;
  }
  .honduras { 
    top: 55.8%;
    left: 22.3%;
  }
  
  .map-point ul { 
	margin: 0;
	padding: 0;
	list-style:none;   
	 display: flex;
		gap: 10px;
  }
  .map-point .tool-text{   
    font-size: 1.1rem;
    font-weight: 500;
    padding: 8px 15px;
	z-index: 1;
	border: 1px solid #f7f7f7;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);
	letter-spacing: 1px;
  }
  .map-point .content { 
	opacity: 0;
	transition: opacity 0.25s ease-in-out;
	width: 100%;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	overflow: overlay;
  }
  .map-point:active .content, .map-point:focus .content {
  
	opacity: 1;
	-moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
	-webkit-transition-delay: 0.25s, 0s, 0s;
	transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
	overflow: hidden;
  }
  
  @media screen and (min-width: 1024px) {
	.tool-text::after {
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
	}
  .map-point, .tooltip {
	  display: flex;
  }
  .map-home_new img, .map_new {
	width: 100%;
  }
  .home-map .container-fluid {
  position: relative;
  overflow-x: hidden;
  }
  
  
  }

  @media screen and (max-width: 767px) {
  .dot {   width: 2px;
    height: 2px;}

  }
  
  /* mapping css */