/*********************************************MOBILE****************************************/
.map_section{
	width : 100%;
	min-height :60dvh;
	min-height : 60vh;
	position : relative;
	padding : 7rem 0 4rem 0;
	overflow-x : hidden;
}


.map_container{
	width: 100%;
	position : relative;
    display : block;
	transform : scale(1.275);
}


.hero_image{
	width : 100%;
	display : block;
}

.ny_card_text p{
	
	margin : 0;
	line-height : 1.2;
}
#nerve_node{
	position : absolute;
    font-size : 1rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 26%;
	left : 25%;
    z-index: 0;
    cursor : pointer; 
}

#ghana_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}
#nigeria_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :50.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#libya_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 37%;
	left :53%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#guinea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 49%;
	left :45.5%;
    z-index: 0;
    cursor : pointer;	
}


#liberia_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 52.55%;
	left :46%;
    z-index: 0;
    cursor : pointer;	
}

#bolivia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 70%;
	left :30.5%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}

#chile_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 84%;
	left :29.25%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}


#drc_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 59%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#mozambique_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#sierra_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :45.2%;
    z-index: 0;
    cursor : pointer;	
}

#zambia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67.5%;
	left :55.5%;
    z-index: 0;
    cursor : pointer; 
}

#somalia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :61.75%;
    z-index: 0;
    cursor : pointer; 
}


#pretoria_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 78%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#indonesia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :80%;
    z-index: 0;
    cursor : pointer; 
}


#malaysia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 54%;
	left :77%;
    z-index: 0;
    cursor : pointer; 
}



#jordan_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 31%;
	left :58.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#kenya_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#mali_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 43.5%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}

#eritrea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 45%;
	left :58.75%;
    z-index: 0;
    cursor : pointer; 
}

#china_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 30%;
	left :75%;
    z-index: 0;
    cursor : pointer; 
}

#turkey_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 28%;
	left :56.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#germany_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 19%;
	left :50.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#uk_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 17.5%;
	left :47.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#ny_card{
    width : 60%;
    height : 60px;
    position : absolute;
	top : 19%;
	left : 25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	color : #ffffff;
	display : none;
	padding : 0 10px 0 10px;
	border-radius : 2px;
	box-shadow : 0px 0px 10px 1px rgba(0, 0, 0, 0.36);
	
}	

#niger_card{
    position : absolute;
    width : 50%;
    height : 75px;
	top : 19%;
	left : 25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}





#bolivia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#chile_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#ghana_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#libya_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#sierra_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#liberia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#guinea_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#somalia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#pretoria_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#jordan_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#kenya_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}



#zambia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#drc_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#indonesia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#malaysia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mali_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#eritrea_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mozambique_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#china_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#turkey_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#germany_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#uk_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


@keyframes country_card_animation{
	from{
		transform : scale(0);
	}
	to{
		
		transform : scale(1);
	}
}

.animate_country_card{
	animation : country_card_animation 2s linear forwards;
}

.country_card_flex{
    /* background : #556080;	 */
	width : 100%;
	height : 100%;
	font-size : 0.4rem;
	color : #ffffff;
	display : flex;
	flex-direction : row;
	row-gap :;
	column-gap : 3px;
	align-items : center;
	padding : 0 5px 0 5px;
	
}

.country_card_img{
	width : 30px;
	height : 30px;
	display : block;
    flex-shrink: 0;	
}


.ny_card_img{
	width : 45px;
	height : 45px;
	display : block;
	flex-shrink : 0;
}

.card_text{
	display : block;
    flex: 1;	
}

.card_text p {
    margin: 0;      /* Removes browser default spacing */
    line-height: 1.2; /* slightly better readability than 1 */
}
.node::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid #F7EF8A;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1); opacity: 0.2; }
}


.map_code{
	position : absolute;
	/* width : 200px; */
	/* height : 500px; */
	top : 5%;
	left : 1%;
	display : flex;
	flex-direction : row;
	flex-wrap: wrap;
}

.tier1_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	
}

.tier1_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #001f4e;
	/* width : 10%; */
    }
	
.tier2_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
}

.tier2_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #fb5b21;
	/* width : 10%; */
    }
.tier3_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;

}

.tier3_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #1b4d3e;
	/* width : 10%; */
    }
	
.tier4_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
}

.tier4_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #7a0632;
	/* width : 10%; */
    }	
	
.tier_heading{
    font-size : 0.65rem;
	width : 82%;
	font-weight : 600;
}	


.map_section_heading{
	position : absolute;
	left : 2%;
	top : 65%;
	width : 90%;
}

.map_section_heading h2{
	font-weight : 700;
	font-size : 1.2rem;
    background-image : radial-gradient(#0047ab,#000133);
	-webkit-text-fill-color : transparent;
	background-clip : text;
	-webkit-background-clip : text;
}

.map_section_heading h4{
	font-size : 0.9rem;
	font-style : oblique;
}


/*********************************************640px****************************************/
@media(min-width : 640px){
.map_section{
	width : 100%;
	min-height : 100dvh;
	min-height : 100vh;
	position : relative;
	padding : 7rem 0 4rem 0;
	overflow-x : hidden;
}


.map_container{
	width: 100%;
	position : relative;
    display : block;
	transform : scale(1.275);
}


.hero_image{
	width : 100%;
	display : block;
}

.ny_card_text p{
	
	margin : 0;
	line-height : 1.2;
}
#nerve_node{
	position : absolute;
    font-size : 1rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 26%;
	left : 25%;
    z-index: 0;
    cursor : pointer; 
}

#ghana_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}
#nigeria_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :50.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#libya_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 37%;
	left :53%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#guinea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 49%;
	left :45.5%;
    z-index: 0;
    cursor : pointer;	
}


#liberia_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 52.55%;
	left :46%;
    z-index: 0;
    cursor : pointer;	
}

#bolivia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 70%;
	left :30.5%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}

#chile_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 84%;
	left :29.25%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}


#drc_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 59%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#mozambique_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#sierra_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :45.2%;
    z-index: 0;
    cursor : pointer;	
}

#zambia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67.5%;
	left :55.5%;
    z-index: 0;
    cursor : pointer; 
}

#somalia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :61.75%;
    z-index: 0;
    cursor : pointer; 
}


#pretoria_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 78%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#indonesia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :80%;
    z-index: 0;
    cursor : pointer; 
}


#malaysia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 54%;
	left :77%;
    z-index: 0;
    cursor : pointer; 
}



#jordan_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 31%;
	left :58.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#kenya_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#mali_node{
	position : absolute;
    font-size : 0.3rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 43.5%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}

#eritrea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 45%;
	left :58.75%;
    z-index: 0;
    cursor : pointer; 
}

#china_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 30%;
	left :75%;
    z-index: 0;
    cursor : pointer; 
}

#turkey_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 28%;
	left :56.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#germany_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 19%;
	left :50.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#uk_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 17.5%;
	left :47.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#ny_card{
    width : 60%;
    height : 60px;
    position : absolute;
	top : 19%;
	left : 25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	color : #ffffff;
	display : none;
	padding : 0 10px 0 10px;
	border-radius : 2px;
	box-shadow : 0px 0px 10px 1px rgba(0, 0, 0, 0.36);
	
}	

#niger_card{
    position : absolute;
    width : 50%;
    height : 75px;
	top : 19%;
	left : 25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}





#bolivia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#chile_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#ghana_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#libya_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#sierra_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#liberia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#guinea_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#somalia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#pretoria_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#jordan_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#kenya_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}



#zambia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#drc_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#indonesia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#malaysia_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mali_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#eritrea_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mozambique_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#china_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#turkey_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#germany_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#uk_card{
    position : absolute;
    width : 50%;
    height : 55px;
	top : 19%;
	left :25%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


@keyframes country_card_animation{
	from{
		transform : scale(0);
	}
	to{
		
		transform : scale(1);
	}
}

.animate_country_card{
	animation : country_card_animation 2s linear forwards;
}

.country_card_flex{
    /* background : #556080;	 */
	width : 100%;
	height : 100%;
	font-size : 0.4rem;
	color : #ffffff;
	display : flex;
	flex-direction : row;
	row-gap :;
	column-gap : 3px;
	align-items : center;
	padding : 0 5px 0 5px;
	
}

.country_card_img{
	width : 30px;
	height : 30px;
	display : block;
    flex-shrink: 0;	
}


.ny_card_img{
	width : 45px;
	height : 45px;
	display : block;
	flex-shrink : 0;
}

.card_text{
	display : block;
    flex: 1;	
}

.card_text p {
    margin: 0;      /* Removes browser default spacing */
    line-height: 1.2; /* slightly better readability than 1 */
}
.node::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid #F7EF8A;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1); opacity: 0.2; }
}


.map_code{
	position : absolute;
	/* width : 200px; */
	/* height : 500px; */
	top : 5%;
	left : 1%;
	display : flex;
	flex-direction : row;
	flex-wrap: wrap;
}

.tier1_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	
}

.tier1_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #001f4e;
	/* width : 10%; */
    }
	
.tier2_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
}

.tier2_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #fb5b21;
	/* width : 10%; */
    }
.tier3_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;

}

.tier3_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #1b4d3e;
	/* width : 10%; */
    }
	
.tier4_flex{
	width : 50%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
}

.tier4_color_code{
    height: 20px;
    width: 20px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #7a0632;
	/* width : 10%; */
    }	
	
.tier_heading{
    font-size : 0.65rem;
	width : 82%;
	font-weight : 600;
}	


.map_section_heading{
	position : absolute;
	left : 2%;
	top : 75%;
	width : 90%;
}

.map_section_heading h2{
	font-weight : 700;
	font-size : 1.2rem;
    background-image : radial-gradient(#0047ab,#000133);
	-webkit-text-fill-color : transparent;
	background-clip : text;
	-webkit-background-clip : text;
}

.map_section_heading h4{
	font-size : 0.9rem;
	font-style : oblique;
}

}


/*********************************************768PX****************************************/


@media(min-width : 768px){

.map_section{
	width : 100%;
	min-height : auto;
	position : relative;
	padding : 2rem 0 4rem 0;
}

.map_container{
	width: 100%;
	position : relative;
    display : block;
	transform : scale(1);	
}





.hero_image{
    width : 100%;
	height : auto;
	display : block;
}

.ny_card_text{
	font-size : 0.55rem;
	flex : 1;
	/* font-weight : 600; */
}

.ny_card_text p{
	
	margin : 0;
	line-height : 1.2;
}

#nerve_node{
	position : absolute;
    font-size : 1.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 26%;
	left :28%;
    z-index: 0;
    cursor : pointer; 
}

#ghana_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}
#nigeria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :50.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#libya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 37%;
	left :53%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#guinea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 49%;
	left :45.5%;
    z-index: 0;
    cursor : pointer;	
}


#liberia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 52.55%;
	left :46%;
    z-index: 0;
    cursor : pointer;	
}

#bolivia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 70%;
	left :30.5%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}

#chile_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 84%;
	left :29.25%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}


#drc_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 59%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#mozambique_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#sierra_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :45.2%;
    z-index: 0;
    cursor : pointer;	
}

#zambia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67.5%;
	left :55.5%;
    z-index: 0;
    cursor : pointer; 
}

#somalia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :61.75%;
    z-index: 0;
    cursor : pointer; 
}


#pretoria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 78%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#indonesia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :80%;
    z-index: 0;
    cursor : pointer; 
}


#malaysia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 54%;
	left :77%;
    z-index: 0;
    cursor : pointer; 
}



#jordan_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 31%;
	left :58.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#kenya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#mali_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 43.5%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}

#eritrea_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 45%;
	left :58.75%;
    z-index: 0;
    cursor : pointer; 
}

#china_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 30%;
	left :75%;
    z-index: 0;
    cursor : pointer; 
}

#turkey_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 28%;
	left :56.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#germany_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 19%;
	left :50.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#uk_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 17.5%;
	left :47.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#ny_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 19%;
	left :3%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#niger_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 45%;
	left :52.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#bolivia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#chile_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 81%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#ghana_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 46%;
	left : 24%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#libya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 33%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#sierra_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#liberia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#guinea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#somalia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 64%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#pretoria_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 73%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#jordan_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 28%;
	left : 60%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#kenya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 55%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}



#zambia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#drc_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 56%;
	left : 58%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#indonesia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 54%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#malaysia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 51%;
	left : 52%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mali_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 40.5%;
	left : 50.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#eritrea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 42%;
	left : 60.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mozambique_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 63%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#china_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 27%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#turkey_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 25%;
	left : 59%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#germany_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 17%;
	left : 54%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#uk_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 13%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


@keyframes country_card_animation{
	from{
		transform : scale(0);
	}
	to{
		
		transform : scale(1);
	}
}

.animate_country_card{
	animation : country_card_animation 2s linear forwards;
}

.country_card_flex{
    /* background : #556080;	 */
	width : 100%;
	height : 100%;
	font-size : 0.6rem;
	color : #ffffff;
	display : flex;
	flex-direction : row;
	row-gap :;
	column-gap : 3px;
	align-items : center;
	padding : 0 5px 0 5px;
	
}









.country_card_img{
	width : 40px;
	height : 40px;
	display : block;
    flex-shrink: 0;	
}

.ny_card_img{
	width : 85px;
	height : 67px;
	display : block;
	flex-shrink : 0;
}

.card_text{
	display : block;
    flex: 1;	
}

.card_text p {
    margin: 0;      /* Removes browser default spacing */
    line-height: 1.2; /* slightly better readability than 1 */
}
.node::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid #F7EF8A;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0.2; }
}


.map_code{
	position : absolute;
	/* width : 200px; */
	/* height : 500px; */
	top : 45%;
	left : 1%;
	display : flex;
	flex-direction : column;
	row-gap : 20px;
	column-gap :0;
}

.tier1_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;
}

.tier1_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #001f4e;
	/* width : 10%; */
    }
	
.tier2_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier2_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #fb5b21;
	/* width : 10%; */
    }
.tier3_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier3_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #1b4d3e;
	/* width : 10%; */
    }
	
.tier4_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier4_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #7a0632;
	/* width : 10%; */
    }	
	
.tier_heading{
    font-size : 0.9rem;
	width : 82%;
	font-weight : 600;
}	


.map_section_heading{
	position : absolute;
	left : 40%;
	top : 70%;
	width : 60%;
}

.map_section_heading h2{
	font-weight : 700;
	font-size : 1rem;
    background-image : radial-gradient(#0047ab,#000133);
	-webkit-text-fill-color : transparent;
	background-clip : text;
	-webkit-background-clip : text;
}

.map_section_heading h4{
	font-size : 0.9rem;
	font-style : oblique;
}




.m3-icon-container {
  width: 100px;
  height: 100px;
  background-color: #D3E3FD; /* The exact light blue from the image */
  display: flex;
  align-items: center;
  justify-content: center;

  /* This path creates the "Superellipse" look */
  clip-path: path('M 0,50 C 0,5 5,0 50,0 95,0 100,5 100,50 100,95 95,100 50,100 5,100 0,95 0,50 Z');
}


}


/*********************************************1025PX****************************************/


@media(min-width : 1025px){

.map_section{
	width : 100%;
	min-height : auto;
	position : relative;
	padding : 2rem 0 4rem 0;
}

.map_container{
	width: 100%;
	position : relative;
    display : block;
	transform : scale(1);	
}





.hero_image{
    width : 100%;
	height : auto;
	display : block;
}

.ny_card_text{
	font-size : 0.55rem;
	flex : 1;
	/* font-weight : 600; */
}

.ny_card_text p{
	
	margin : 0;
	line-height : 1.2;
}

#nerve_node{
	position : absolute;
    font-size : 1.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 26%;
	left :28%;
    z-index: 0;
    cursor : pointer; 
}

#ghana_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}
#nigeria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :50.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#libya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 37%;
	left :53%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#guinea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 49%;
	left :45.5%;
    z-index: 0;
    cursor : pointer;	
}


#liberia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 52.55%;
	left :46%;
    z-index: 0;
    cursor : pointer;	
}

#bolivia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 70%;
	left :30.5%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}

#chile_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 84%;
	left :29.25%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}


#drc_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 59%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#mozambique_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#sierra_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :45.2%;
    z-index: 0;
    cursor : pointer;	
}

#zambia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67.5%;
	left :55.5%;
    z-index: 0;
    cursor : pointer; 
}

#somalia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :61.75%;
    z-index: 0;
    cursor : pointer; 
}


#pretoria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 78%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#indonesia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :80%;
    z-index: 0;
    cursor : pointer; 
}


#malaysia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 54%;
	left :77%;
    z-index: 0;
    cursor : pointer; 
}



#jordan_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 31%;
	left :58.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#kenya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#mali_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 43.5%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}

#eritrea_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 45%;
	left :58.75%;
    z-index: 0;
    cursor : pointer; 
}

#china_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 30%;
	left :75%;
    z-index: 0;
    cursor : pointer; 
}

#turkey_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 28%;
	left :56.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#germany_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 19%;
	left :50.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#uk_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 17.5%;
	left :47.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#ny_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 19%;
	left :3%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#niger_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 45%;
	left :52.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#bolivia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#chile_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 81%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#ghana_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 46%;
	left : 24%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#libya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 33%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#sierra_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#liberia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#guinea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#somalia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 64%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#pretoria_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 73%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#jordan_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 28%;
	left : 60%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#kenya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 55%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}



#zambia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#drc_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 56%;
	left : 58%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#indonesia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 54%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#malaysia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 51%;
	left : 52%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mali_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 40.5%;
	left : 50.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#eritrea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 42%;
	left : 60.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mozambique_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 63%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#china_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 27%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#turkey_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 25%;
	left : 59%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#germany_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 17%;
	left : 54%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#uk_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 13%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


@keyframes country_card_animation{
	from{
		transform : scale(0);
	}
	to{
		
		transform : scale(1);
	}
}

.animate_country_card{
	animation : country_card_animation 2s linear forwards;
}

.country_card_flex{
    /* background : #556080;	 */
	width : 100%;
	height : 100%;
	font-size : 0.6rem;
	color : #ffffff;
	display : flex;
	flex-direction : row;
	row-gap :;
	column-gap : 3px;
	align-items : center;
	padding : 0 5px 0 5px;
	
}









.country_card_img{
	width : 40px;
	height : 40px;
	display : block;
    flex-shrink: 0;	
}

.ny_card_img{
	width : 85px;
	height : 67px;
	display : block;
	flex-shrink : 0;
}

.card_text{
	display : block;
    flex: 1;	
}

.card_text p {
    margin: 0;      /* Removes browser default spacing */
    line-height: 1.2; /* slightly better readability than 1 */
}
.node::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid #F7EF8A;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0.2; }
}


.map_code{
	position : absolute;
	/* width : 200px; */
	/* height : 500px; */
	top : 45%;
	left : 1%;
	display : flex;
	flex-direction : column;
	row-gap : 20px;
	column-gap :0;
}

.tier1_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;
}

.tier1_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #001f4e;
	/* width : 10%; */
    }
	
.tier2_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier2_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #fb5b21;
	/* width : 10%; */
    }
.tier3_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier3_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #1b4d3e;
	/* width : 10%; */
    }
	
.tier4_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier4_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #7a0632;
	/* width : 10%; */
    }	
	
.tier_heading{
    font-size : 0.9rem;
	width : 82%;
	font-weight : 600;
}	


.map_section_heading{
	position : absolute;
	left : 35%;
	top : 80%;
	width : 50%;
}

.map_section_heading h2{
	font-weight : 700;
	font-size : 1.25rem;
    background-image : radial-gradient(#0047ab,#000133);
	-webkit-text-fill-color : transparent;
	background-clip : text;
	-webkit-background-clip : text;
}

.map_section_heading h4{
	font-size : 1rem;
	font-style : oblique;
}


.triangle-section {
  background: #0b1c2d;
  color: white;
  padding: 120px 40px 80px;
  clip-path: polygon(
    50% 0%,   /* top center vertex */
    100% 20%,
    100% 100%,
    0% 100%,
    0% 20%
  );
}

.m3-icon-container {
  width: 100px;
  height: 100px;
  background-color: #D3E3FD; /* The exact light blue from the image */
  display: flex;
  align-items: center;
  justify-content: center;

  /* This path creates the "Superellipse" look */
  clip-path: path('M 0,50 C 0,5 5,0 50,0 95,0 100,5 100,50 100,95 95,100 50,100 5,100 0,95 0,50 Z');
}


}


/*********************************************1280PX****************************************/


@media(min-width : 1280px){

.map_section{
	width : 100%;
	min-height : auto;
	position : relative;
	padding : 2rem 0 4rem 0;
}

.pri_image{
	min-height : 100dvh;
	min-height : 100vh;
}

.map_container{
	width: 100%;
	position : relative;
    display : block;
	transform : scale(1);	
}





.hero_image{
    width : 100%;
	/* height : auto; */
	display : block;
}

.ny_card_text{
	font-size : 0.55rem;
	flex : 1;
	/* font-weight : 600; */
}

.ny_card_text p{
	
	margin : 0;
	line-height : 1.2;
}

#nerve_node{
	position : absolute;
    font-size : 1.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 26%;
	left :28%;
    z-index: 0;
    cursor : pointer; 
}

#ghana_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}
#nigeria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :50.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#libya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 37%;
	left :53%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#guinea_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 49%;
	left :45.5%;
    z-index: 0;
    cursor : pointer;	
}


#liberia_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 52.55%;
	left :46%;
    z-index: 0;
    cursor : pointer;	
}

#bolivia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 70%;
	left :30.5%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}

#chile_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 84%;
	left :29.25%;
    z-index: 1;
    cursor : pointer;	
    pointer-events: all;	
}


#drc_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 59%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#mozambique_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#sierra_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 51%;
	left :45.2%;
    z-index: 0;
    cursor : pointer;	
}

#zambia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 67.5%;
	left :55.5%;
    z-index: 0;
    cursor : pointer; 
}

#somalia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 50%;
	left :61.75%;
    z-index: 0;
    cursor : pointer; 
}


#pretoria_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 78%;
	left :55%;
    z-index: 0;
    cursor : pointer; 
}


#indonesia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :80%;
    z-index: 0;
    cursor : pointer; 
}


#malaysia_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 54%;
	left :77%;
    z-index: 0;
    cursor : pointer; 
}



#jordan_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 31%;
	left :58.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#kenya_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 57%;
	left :59%;
    z-index: 0;
    cursor : pointer; 
}


#mali_node{
	position : absolute;
    font-size : 0.5rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 43.5%;
	left :48.25%;
    z-index: 0;
    cursor : pointer;	
}

#eritrea_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 45%;
	left :58.75%;
    z-index: 0;
    cursor : pointer; 
}

#china_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 30%;
	left :75%;
    z-index: 0;
    cursor : pointer; 
}

#turkey_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 28%;
	left :56.5%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#germany_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 19%;
	left :50.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}


#uk_node{
	position : absolute;
    font-size : 0.9rem; 
    background : repeating-linear-gradient(to right,#AE8626,#F7EF8A,#D2AC47,#EDC967);
    -webkit-text-fill-color : transparent;
    background-clip : text;
	top : 17.5%;
	left :47.75%;
    z-index: 0;
    cursor : pointer; 
    pointer-events: all;	
}



#ny_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 19%;
	left :3%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#niger_card{
    position : absolute;
    width : 300px;
    height : 75px;
	top : 45%;
	left :52.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;	
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#bolivia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#chile_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 81%;
	left : 33%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#ghana_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 46%;
	left : 24%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#libya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 33%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#sierra_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#liberia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#guinea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 21%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#somalia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 47%;
	left : 64%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#pretoria_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 73%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#jordan_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 28%;
	left : 60%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#kenya_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 55%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}



#zambia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 65%;
	left : 57%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#drc_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 56%;
	left : 58%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#indonesia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 54%;
	left : 55%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#malaysia_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 51%;
	left : 52%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mali_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 40.5%;
	left : 50.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#eritrea_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 42%;
	left : 60.5%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#mozambique_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 63%;
	left : 62%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#china_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 27%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#turkey_card{
    position : absolute;
    width : 300px;
    height : 55px;
	top : 25%;
	left : 59%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}

#germany_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 17%;
	left : 54%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


#uk_card{
    position : absolute;
    width : 300px;
    height : 65px;
	top : 13%;
	left : 50%;
    background : radial-gradient(#0c253f,#090f21,#0d0a0b);	
	display : none;
	transform-origin : center;
	border-radius : 2px;
	box-shadow :1px 1px 6px 6px #0000003F;	
}


@keyframes country_card_animation{
	from{
		transform : scale(0);
	}
	to{
		
		transform : scale(1);
	}
}

.animate_country_card{
	animation : country_card_animation 2s linear forwards;
}

.country_card_flex{
    /* background : #556080;	 */
	width : 100%;
	height : 100%;
	font-size : 0.6rem;
	color : #ffffff;
	display : flex;
	flex-direction : row;
	row-gap :;
	column-gap : 3px;
	align-items : center;
	padding : 0 5px 0 5px;
	
}









.country_card_img{
	width : 40px;
	height : 40px;
	display : block;
    flex-shrink: 0;	
}

.ny_card_img{
	width : 85px;
	height : 67px;
	display : block;
	flex-shrink : 0;
}

.card_text{
	display : block;
    flex: 1;	
}

.card_text p {
    margin: 0;      /* Removes browser default spacing */
    line-height: 1.2; /* slightly better readability than 1 */
}
.node::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px solid #F7EF8A;
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.6); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0.2; }
}


.map_code{
	position : absolute;
	/* width : 200px; */
	/* height : 500px; */
	top : 45%;
	left : 1%;
	display : flex;
	flex-direction : column;
	row-gap : 20px;
	column-gap :0;
}

.tier1_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;
}

.tier1_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #001f4e;
	/* width : 10%; */
    }
	
.tier2_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier2_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #fb5b21;
	/* width : 10%; */
    }
.tier3_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier3_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #1b4d3e;
	/* width : 10%; */
    }
	
.tier4_flex{
	width : 100%;
	display : flex;
	flex-direction : row;
	row-gap : 0;
	column-gap : 10px;
	width : 350px;

}

.tier4_color_code{
    height: 30px;
    width: 30px;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    background: #7a0632;
	/* width : 10%; */
    }	
	
.tier_heading{
    font-size : 0.9rem;
	width : 82%;
	font-weight : 600;
}	


.map_section_heading{
	position : absolute;
	left : 35%;
	top : 80%;
	width : 50%;
}

.map_section_heading h2{
	font-weight : 700;
	font-size : 2rem;
    background-image : radial-gradient(#0047ab,#000133);
	-webkit-text-fill-color : transparent;
	background-clip : text;
	-webkit-background-clip : text;
}

.map_section_heading h4{
	font-size : 1.05rem;
	font-style : oblique;
}


.triangle-section {
  background: #0b1c2d;
  color: white;
  padding: 120px 40px 80px;
  clip-path: polygon(
    50% 0%,   /* top center vertex */
    100% 20%,
    100% 100%,
    0% 100%,
    0% 20%
  );
}

.m3-icon-container {
  width: 100px;
  height: 100px;
  background-color: #D3E3FD; /* The exact light blue from the image */
  display: flex;
  align-items: center;
  justify-content: center;

  /* This path creates the "Superellipse" look */
  clip-path: path('M 0,50 C 0,5 5,0 50,0 95,0 100,5 100,50 100,95 95,100 50,100 5,100 0,95 0,50 Z');
}


}