body, h1, h2, h3, h4, h5, h6, p  {
  font-family: 'Roboto', sans-serif !important;
}
.slider-text{
	font-size: 44px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	font-family: Arial !important;
	line-height: 70px !important;
	text-transform: uppercase;
}
.slider-text-desc{
	font-size: 24px !important;
	font-weight: 400 !important;
	color: #ffffff !important;
}
.un_sdgs{
	background-color: #e5233b !important;
	color: #ffffff !important;
	margin-bottom: 30px;
}
.un_sdgs_title{
	font-size: 60px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	font-family: Arial !important;
	line-height: 70px !important;
	text-transform: uppercase;
}
.un_sdgs_right_span{
	float:right;
	font-size: 20px;
	font-weight: 200;
	color: #ffffff !important;
	margin-top: 8px;
}
.un_sdg_number{
	font-family: Arial !important;
	font-size: 160px !important;
	font-weight: 600 !important;
	line-height: 160px !important;
}
.un_bd_title{
	font-size: 35px !important;
	font-weight: 600 !important;
	font-family: Arial !important;
	margin-top: 60px;
}
.un_bd_desc{
	font-size: 20px !important;
	font-weight: 300 !important;
	margin-top: -10px;
}
.un_sdg_bg{
	background-color: #00689d; padding: 0px;
	background-image: url('../img/SDG-whell.svg');
	background-position:  center right; background-size: 40%;
	background-repeat: no-repeat; height: 100%;
}
.un_sdg_title{
	font-size: 45px !important;
	font-weight: 800 !important;
	color: #ffffff;
	font-family: Arial !important;
	padding-left: 40px !important;
	margin-top: 10%;
}
.slider_section_x{
	padding-top: 40px;
	padding-bottom: 40px;
}
.slider_text{
	margin-top: -30px;
}
.nav_bar_x{
	background-color: #F5F5DC !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.nav_div{
	background-color: #F5F5DC !important;
}
.nav_list_txt{
	color: #1e794f !important;
}
.contact_div{
	margin-top: 50px;
}
.contact_info{
	margin-top: 60px;
}
.slider_heading{
	letter-spacing: 1px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 800 !important;
	font-size: 40px !important;
	line-height: 50px !important;
}
.story_image{
	min-height: 350px;
}
.story_section_spacing{
	margin-top: 80px;
	margin-bottom: 80px
}
.menu-link{
	color: #000 !important;
}
.sg_right_card{
	margin-top: 120px;
	margin-left: -70px;
}
.sustain_heading{
	font-size: 30px !important;
	font-weight: 500 !important;
	font-family: 'Roboto', sans-serif !important;
	border-bottom: solid;
	border-bottom-width: 2px;
	text-transform: uppercase;
	width:30%;
}
.nav_color {
     background-color: transparent !important;
}
.story{
	margin-top: 60px;
}
.sponsered{
	font-size: 21px !important;
	font-weight: 300 !important;
	text-align: center !important;
	font-family: 'Roboto', sans-serif !important;
}
.image-container {
  display: flex;
  justify-content: center;  /* Centers horizontally */
  align-items: center;      /* Centers vertically */
  height: 20vh;            /* Full viewport height */
}
.mission-desc{
	font-size: 20px !important;
	font-weight: 200 !important;
	line-height: 30px !important;
	font-family: 'Roboto', sans-serif !important;
}
.mission_heading{
	font-weight: 200 !important;
}
.team_section_main{
	padding-top: 170px !important;
}

 @media only screen and (max-width: 700px) {
 	
 	.un_sdg1{
	margin-top: -400px;
    }
    .un_title{
	margin-top: -250px;
    }
 	.un_sdg_bg{
	background-color: #00689d; padding: 0px;
	background-image: url('../img/SDG-whell.svg');
	background-position:  top right; background-size: 15%;
	background-repeat: no-repeat; height: 100%;
}
 	.un_sdg_title{
	font-size: 30px !important;
	font-weight: 600 !important;
	color: #ffffff;
	font-family: Arial !important;
	padding-left: 10px !important;
	margin-top: 10%;
}

 	.story_section_spacing{
	margin-top: 30px;
	margin-bottom: 30px
}
     .nav_color{
         background-color: #ffffff !important 
    }
    .team_section_main{
	padding-top: 50px !important;
   }
   .story{
	margin-top: 10px;
}
.sg_right_card{
	margin-top: 0px;
	margin-left: 0px;
}
.slider_heading{
	letter-spacing: 1px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 200 !important;
	font-size: 20px !important;
	line-height: 30px !important;
}
.slider-text{
	font-size: 21px !important;
	font-weight: 200 !important;
	color: #ffffff !important;
	font-family: Arial !important;
	line-height: 20px !important;
	text-transform: uppercase;
}
.slider-text-desc{
	font-size: 18px !important;
	font-weight: 200 !important;
	line-height: 20px !important;
	color: #ffffff !important;
}
.text-sm{
	padding-top: 60px !important;
}

}