*{
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.header__hero{
    background: #000000eb;
    position: sticky;
    width: 100%;
    z-index: 2;
    top: 0;
}
.hero_banner{
    background:  linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/Water-Harvesting-Fish-Pond.JPG);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 390px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.hero_banner_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff; 
    padding-bottom: 100px;
}
.goal_sec {
    padding: 30px 0px;
}
.goal_sec_box {
    height: 166px;
    margin-bottom: 25px;
    overflow: hidden;
    /* transition: all 0.2s ease 0s; */
}

.goal_sec_box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: all 0.2s ease 0s;
}
.goal_sec_box:hover img {
    transform: scale(0.9);
}
.annual_main_sec {
    /* background: #cccccc4a; */
    padding: 50px 0px;
}

.annual_main_sec .annual_main_reports {
    display: flex;
    align-items: center;
    border: 1px solid #bc1820;
    padding: 20px;
    border-radius: 15px;
    background: #fff;
    box-shadow: -5px 5px 0px #bc1820;
}
.annual_main_reports_img {
    width: 65%;
}

.annual_main_reports_contnt {
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.annual_main___anch {
    text-decoration: none;
}

.annual_main_reports_img img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}
.sdgs_main_sec {background: #cccccc4a;padding: 50px 0px;}

.sdgs_main_contnt_contnt h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
}

.sdgs_main_contnt_contnt h2::before {
    content: "";
    position: absolute;
    border-bottom: 2px dotted #4f91cd;
    /* height: 6px; */
    left: 0;
    bottom: 0;
    width: 100%;
}

.sus_com_sec {padding: 50px 0px;}

.sus_com_sec_contnt h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
}

.sus_com_sec_contnt h2::before {
    content: "";
    position: absolute;
    border-bottom: 2px dotted #4f91cd;
    /* height: 6px; */
    left: 0;
    bottom: 0;
    width: 100%;
}

.sus_com_btn {
    background: #bc1820;
    color: #fff;
    padding: 10px 20px;
    border-radius: 100px;
}

.sus_com_btn:hover {
    border: 1px solid #bc1820;
}

.annual_main_title h2{
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
.annual_main_title h2::before {
    content: "";
    position: absolute;
    border-bottom: 2px dotted #4f91cd;
    /* height: 6px; */
    left: 0;
    bottom: 0;
    width: 100%;
}

.annual_main_reports_contnt p {
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 21px;
    color: #bc1820;
}
.annual_main_sec .annual_main_reports:hover {
    box-shadow: 5px -5px 0px #bc1820;
}
.goal_sec_box_sdgs img {
    transform: scale(1)!important;
}

.centre_ethics_sec {background: #cccccc4a; padding: 50px 0px;}
.centre_ethics_contnt h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
}

.research_centre {background: #fff; padding: 50px 0px;}
.centre_ethics_contnt h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
}

.centre_ethics_contnt h2::before {
    content: "";
    position: absolute;
    border-bottom: 2px dotted #4f91cd;
    /* height: 6px; */
    left: 0;
    bottom: 0;
    width: 100%;
}

.sus_com_btn {
    background: #bc1820;
    color: #fff;
    padding: 10px 20px;
    border-radius: 100px;
}

.sus_com_btn:hover {
    border: 1px solid #bc1820;
}


/* Details */
.sdgs_main_contnt_imns {
    height: 200px;
}

.sdgs_main_contnt_imns img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.hero_banner_goal_1 {
    background: #e5243b;
    height: 370px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.goal_1_sdgs_main_sec{
    background:#fff!important;
    padding: 50px 0px;
}
.goal_1__content h2::before{
    border-bottom: 2px dotted #e5243b!important;
    /* background: #e5243b!important; */
}
.goals_title h2 {
    position: relative;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 5px;
}
.goals_title h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.goal_1_title h2::before {
    border-bottom: 2px dotted #e5243b;
}
.goals_project_sec {
    background: #cccccc4a;
    padding: 50px 0px;
}
.goal_wrapper {
    margin-bottom: 20px;
}
.goals_project_them {
    height: 250px;
    overflow:hidden;
    /* position: relative; */
    /* margin-bottom: 25px; */
}

.goals_project_them img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.2s ease 0s;
}
.goals_project_them:hover img{transform: scale(1.2);}
.goals_project_them_captio {
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    text-align: center;
    padding: 12px 15px 15px 15px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 42%) 100%);
    height: 120px;
    align-content: center;
}

.goals_project_them_captio p {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
    height: 85px;
    overflow-y: auto;
    /* display: flex;
    align-items: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.policy_project_sec{
    background: #fff!important;
}
.hero_banner_mai_details_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.2s;
}

.hero_banner_mai_details_img {
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
}

.hero_banner_mai_details_img:hover img {
    transform: scale(1.1);
}

.project_details_adres_img {
    height: 89px;
    overflow: hidden;
}

.project_details_adres_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.start_date_details_sec {
    padding: 50px 0px;
}

.start_date_details_main h4 {
    margin-bottom: 0px;
}

.start_date_details_main p {
    margin-bottom: 0px;
}

.start_date_details_main .start_date_details_main_colr {
    color: #bc1820;
    font-weight: 700;
    padding-right: 10px;
}
.project_details_adres_sec {
    padding: 50px 0px;
}
.project_details_adres_title {
    padding-bottom: 0px;
}
.project_details_adres_title h2 {
    margin-bottom: 2px;
}


/* Zero hungry */
.hero_banner_goal_2 {
    background: url(../images/zero-hunger-bnr.jpg);
    background-size: cover;
    background-position: center;
}
.goal_2__content h2::before, .goal_2_title h2::before{
    border-bottom: 2px dotted #DDA63A!important;
    /* background: #e5243b!important; */
}
.goal_ancher {
    text-decoration: none;
}
.zero_hunge_clr .goals_project_them_captio {
    background: #DDA63A;
}


/* Good Health And Well-Being */
.hero_banner_goal_3 {
    background: url(../images/good-health-and-well-being-bnr.jpg);
    background-size: cover;
    background-position: center;
}
.good_health_clr .goals_project_them_captio {
    background: #4ca146;
}

/* No Poverty */
.no_poverty_clr .goals_project_them_captio {
    background: #e5243b;
}
.banner_goal_1 {
    background: url(../images/no-poverty-new.JPG);
}


/* Peace, Justice And Strong Institutions */
.peace_justice_clr .goals_project_them_captio {
    background: #136a9f;
}
.hero_banner_goal_16 {
    background: url(../images/peace-justice-bnr.jpg);
}


/* Decent Work And Economic Growth */
.decent_work_clr .goals_project_them_captio {
    background: #a31c44;
}
.hero_banner_goal_8 {
    background: url(../images/decent-work-and-economic-growth-bnr.jpg);
}


/* Industry, Innovation And Infrastucture */
.infrastucture_clr .goals_project_them_captio {
    background: #f26a2e;
}
.hero_banner_goal_9 {
    background: url(../images/industry-innovation-and-infrastucture-bnr.jpg);
}


/*Responsible Consumption And Production*/
.responsible_consumption_clr .goals_project_them_captio {
    background: #bf8d2c;
}
.hero_banner_goal_12 {
    background: url(../images/responsible-consumption-bnr.jpg);
}



/*Quality Education*/
.quality_education_clr .goals_project_them_captio {
    background: #c7212f;
}
.hero_banner_goal_4 {
    background: url(../images/quality-education-bnr.jpg);
    background-size: cover;
    background-position: center;
}




/*Life Below Water*/
.below_water_clr .goals_project_them_captio {
    background: #1f97d4;
}
.hero_banner_goal_14 {
    background: url(../images/life-below-water-bnr.jpg);
}



/*GENDER EQUALITY*/
.gender_equality_clr .goals_project_them_captio {
    background: #ef402d;
}
.hero_banner_goal_5 {
    background: url(../images/gender-equality-bnr.jpg);
}




/*CLEAN-WATER-AND-SANITATION*/
.clean_water_clr .goals_project_them_captio {
    background: #27bfe6;
}
.hero_banner_goal_6 {
    background: url(../images/clean-water-and-sanitation-bnr.jpg);
}




/*AFFORDABLE-AND-CLEAN-ENERGY*/
.affordable_clr .goals_project_them_captio {
    background: #fbc412;
}
.hero_banner_goal_7 {
    background: url(../images/affordable-a-bnrnd-clean-energy.jpg);
}




/*REDUED-INEQUALITIES*/
.redued_inequalities_clr .goals_project_them_captio {
    background: #e01483;
}
.hero_banner_goal_10 {
    background: url(../images/redued-inequalities-bnr.jpg);
}



/*Sustainable Cities And Communities*/
.sustainable_cities_clr .goals_project_them_captio {
    background: #f89d2a;
}
.hero_banner_goal_11 {
    background: url(../images/sustainable-cities-bnr.jpg);
}





/*Climate Action*/
.climate_action_clr .goals_project_them_captio {
    background: #407f46;
}
.hero_banner_goal_13 {
    background: url(../images/climate-action-bnr.jpg);
}




/*Life On Land*/
.life_on_land_clr .goals_project_them_captio {
    background: #59ba47;
}
.hero_banner_goal_15 {
    background: url(../images/life-on-land-bnr.jpg);
}




/*Partnerships For the Goals*/
.partnerships_clr .goals_project_them_captio {
    background: #14496b;
}
.hero_banner_goal_17 {
    background: url(../images/partnership-for-goals-bnr.jpg);
}

/* 29Nov 2024 */
.startup_caption p{height: auto !important;}
.modalcontent img{max-width: 200px;}
.goals_project_them_captio p:nth-child(2){padding-top: 0;}
.modalcontent1 img {
    max-width: 500px;
}




/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #fafafa;
  }