body{
    font-family: Montserrat;
/* ////////////////////////////////////////////////////////////////////////NavBar/////////////////////////////////////////////////////////// */

}
/* #navBar{
    display: flex;
    justify-content: center;
} */

#navBar .nav-item{
    margin: 0px 19px;
    /* font-family: "Myriad Pro"; */
    font-size: 17px;
}

#navBar .nav-item a:hover,#navBar .nav-item a:focus{
    color: #a1c53a;
}

#navBar .btn-success{
    background-color: #a1c53a;
    border-color: #a1c53a;
    height: 53px;
    font-family: Montserrat;
    font-size: 17px;
    width: 200px;
    border-radius: 10px;
}

#navBar .btn-success:hover,#navBar .btn-success:focus{
    background-color: #fff;
    border-color: #a1c53a;
   
    color:#a1c53a ;
    
}


/* /*************************************************************Our Partener Page************************************************** */


#ourPartnersImage{
    background-image: url("../img/contact.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
}




#ourPartnersImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 31px;
    padding-top: 5%;
    margin-top: 3%;
}


#ourPartnersImage .text2Image{
    color: #ffffff;
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}

#ourPartnersImage .btn-success{
background-color: #a1c53a;
    border-color: #a1c53a;
    height: 53px;
    font-size: 17px;
    width: 230px;
    margin-top: 2%;
    margin-bottom: 4%;
    border-radius: 10px;
}

#ourPartnersImage .btn-success:hover,#ourPartnersImage .btn-success:focus{
    background-color: #ffffff;
        border-color: #a1c53a;
        color: #a1c53a;
       
    }

/* //////////////////////////////////////////////////////////////// */

#ourParteners  .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#ourParteners .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#ourParteners .lines{
    margin: auto;
    margin-top: -16px;
}



#ourParteners img{
    width: 66%;
    /* margin: auto; */
    /* display: flex; */
    /* justify-content: center; */
    /* margin-left: 51px; */
}



#ourParteners .imaage {
  
    height: 229px;
    text-align: center;
    border-radius: 39px;
    box-shadow:3px 4px 3px 0px #b5b2b2;
    border: 1px solid #b5b2b2;
    margin-top: 14%;
}


#ourParteners .imaage:hover {
    background-color: #103440;
    height: 246px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 12%;
    
}



#ourParteners .partenerImg2{
    margin-top: 24%;
    

}

#ourParteners .partenerImg3{
    margin-top: 19%;
    

}

#ourParteners .partenerImg4{
    margin-top: 18%;
    

}

#ourParteners .partenerImg6{
    margin-top: 9%;
    

}


/* /*************************************************************About Us************************************************** */

#aboutUsImage{
    background-image: url("../img/abb.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#aboutUsImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 34px;
    /* padding-left: 15%; */
    padding-top: 5%;
    margin-top: 3%;
}


#aboutUsImage .text2Image{
    color: #ffffff;
    /* padding-left: 15%; */
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}






#aboutUsImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 100px;
    /* margin-left: 15%; */
}



/* //////////////////////////////////////////////////////////////// */

#ourMission .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#ourMission .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#ourMission .lines{
    margin: auto;
    margin-top: -16px;
    text-align: center;
}

#ourMission .font-weight-bold{
    font-size: 17px;
    
}

#ourMission .messionText{
    width: 84%;
    margin-top: 4%;
    font-size: 17px;
}




/* /*************************************************************contact us************************************************** */


#contactUsImage{
    background-image: url("../img/contact.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#contactUsImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 31px;
    padding-top: 5%;
    margin-top: 3%;
}


#contactUsImage .text2Image{
    color: #ffffff;
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}

#contactUsImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 100px;
}

/* //////////////////////////////////////////////////////////////// */

#contactUs  .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#contactUs .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#contactUs .lines{
    margin: auto;
    margin-top: -16px;
}


#contactUs .input{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
    height: calc(1.9em + .75rem + 2px);
}

#contactUs .textAreaInput{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
}

#contactUs .form-group{
    font-family: "Myriad Pro";
    padding-top: 20px;
}

#contactUs .form-group i{
    font-size: 9px;
    padding-left: 7px;
    color: #c12b2b;
}

#contactUs .btn-success{
    background-color: #a1c53a;
    border-color: #a1c53a;
    height: 53px;
    font-size: 17px;
    width: 200px;
    margin-top: 20px;
    border-radius: 10px;
}

#contactUs .btn-success:hover,#contactUs .btn-success:focus{
    background-color: #ffffff;
    border-color: #a1c53a;
    color: #a1c53a;
}




/* /*************************************************************Idea ************************************************** */


#ideaImage{
    background-image: url("../img/Idea.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#ideaImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 31px;
    padding-top: 5%;
    margin-top: 3%;
}


#ideaImage .text2Image{
    color: #ffffff;
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}

#ideaImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    /* margin-bottom: 100px; */
}

#ideaImage .text3Image{
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 30px;

}

/* //////////////////////////////////////////////////////////////// */

#submitIdea  .text1{
    color: #a1c53a;
    
    font-size: 34px;
    margin-top: 5%;
}

#submitIdea .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}

#submitIdea .lines{
    margin: auto;
    margin-top: -16px;
}


#submitIdea .input{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
    height: calc(1.9em + .75rem + 2px);
}

#submitIdea .textAreaInput{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
}

#submitIdea .form-group{
    font-family: "Myriad Pro";
    padding-top: 20px;
}

#submitIdea .form-group i{
    font-size: 9px;
    padding-left: 7px;
    color: #c12b2b;
}

#submitIdea .btn-success{
    background-color: #a1c53a;
    border-color: #a1c53a;
    height: 53px;
    width: 200px;
    margin-top: 20px;


    font-size: 17px;
    border-radius: 10px;
}

#submitIdea .btn-success:hover,#submitIdea .btn-success:focus{
    background-color: #ffffff;
    border-color: #a1c53a;
    color: #a1c53a;
}




/* /*************************************************************Demo ************************************************** */


#demoImage{
    background-image: url("../img/demo.png");
   
    background-size: 100% ;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#demoImage .text1Image{
    color:#ffffff ;
    font-weight: 500;
    font-size: 31px;
    padding-left: 15%;
    padding-top: 5%;
    margin-top: 3%;
    margin-bottom: 4%;
}

/* //////////////////////////////////////////////////////////////// */

#demo{
    background-color: #ffffff;
}
#demo .input{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
    height: calc(1.9em + .75rem + 2px);
}

#demo .textAreaInput{
    background-color: #f2f2f2!important;
  
    border-radius: 0.8rem!important;
    font-family: "Myriad Pro";
}

#demo .form-group{
    font-family: "Myriad Pro";
    padding-top: 20px;
}

#demo .form-group i{
    font-size: 9px;
    padding-left: 7px;
    color: #c12b2b;
}

#demo .btn-success{
    background-color: #a1c53a;
    border-color: #a1c53a;
    height: 53px;
    width: 250px;
    
    margin-top: 20px;
    font-size: 17px;
    border-radius: 10px;
}

#demo .btn-success:hover,
#demo .btn-success:focus{
    background-color: #ffffff;
    border-color: #a1c53a;
    
    color: #a1c53a;
    
   
}



/* /************************************************************* Home ************************************************** */


#homeImage{
    background-image: url("../img/demo.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
    
}


#homeImage .text1Image{
    color: #ffffff;
    font-weight: 500;
    font-size: 34px;
    /* padding-left: 15%; */
    padding-top: 5%;
    margin-top: 3%;
}


#homeImage .text2Image{
    color: #ffffff;
    /* padding-left: 15%; */
    font-size: 17px;
    width: 60%;
    margin-top: 2%;

}



#homeImage .btn-success{
        background-color: transparent;
        border-color: #ffffff;
        height: 53px;
        font-size: .9rem;
        width: 200px;
        font-weight: bold;
        /* margin-left: 15%; */
        margin-top: 2%;
        margin-bottom: 4%;
        border-radius: 10px
}

#homeImage .btn-success:hover,#homeImage .btn-success:focus{
    background-color: #ffffff;
    color: #a1c53a;
}


#homeImage .buttons{
    /* margin-left: 13%; */
    margin-top: 2%;
    margin-bottom: 8%;
}

/* //////////////////////////////////////////////////////////////// */


#home{
    background-image: url("../img/home.png");
   
    background-size: 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
}




#home .text1Image1{
    color: #ffffff;
    font-weight: 500;
    font-size: 31px;
    /* padding-left: 5%; */
    padding-top: 8.5%;
    margin-top: -3%;
}

#home ul{
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 7%;
    font-size: 17px;
    color: #ffffff;
    padding-bottom: 3%
}

#home li{
    padding-top: .5%;
}


/* //////////////////////////////////////////////////////////////// */


#programs  .text1{
    color: #14404F;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 3%;
}

#programs .line{
    width: 138px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#programs .lines{
    margin: auto;
}


#programs .borderr{
    
    margin-top: 4%;
}
#programs img{
    width: 100%;
}



#programs .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #14404F;
    border-radius: 32px;
    margin: auto;
    /* width: 340px; */
    margin-left: 15px;
    margin-right: 15px;
  }

#programs .overlay:hover  {
    opacity: .82!important;
  }

  #programs .overlay .text{
        font-size: 21px;
        font-weight: 500;
        color: #ffff;
        padding-top: 20%;
  }

  #programs .overlay .text2{
    font-size: 17px;
    color: #ffff;
    padding-top: 1%;
}

/* //////////////////////////////////////////////////////////////// */







#world {
    background-color: #fff; 
    margin: 3rem auto;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
    /* backface-visibility: hidden; */
    /* background-image: url(../img/world.png);
    background-size: 100%;
    background-repeat: no-repeat; */
    
}

#world .worldImages{
    display: inline-flex;
    background-color: #ffffff;
    margin-top: -120px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 28px;
}

#world  .d-flex {
    position: relative;
    min-height: 130px;
    height: 130px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 0px 6px; */
    margin-left: 13px;
}

#world  .d-flex p {
    position: absolute;
    bottom: -1rem;
}

#world .pic1 {
    max-width: 100%;
    width: 100px;
    height: 100px;
}


#world .pic2 {
    display: none;
    position: absolute;
    bottom: 2rem;
    /* background-image: url("../img/world2.png"); */
    /* background-size: contain; */
    /* -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
    border-radius: 50%; */
    height: 227px;
}


.d-flex:hover .pic1{
    display: none;
}

.d-flex:hover .pic2 {
    display: block!important;
}


.pic1:focus {
    display: none;
}

.pic1:focus ~ .pic2 {
    display: block!important;
}





/* //////////////////////////////////////////////////////////////// */


#story  .text1{
    color: #14404F;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 3%;
}

#story .line{
    width: 138px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#story .lines{
    margin: auto;
}


#story .borderr{
    
    margin-top: 4%;
}
#story img{
    width: 100%;
}



#story .text{
    font-weight: 500;
    font-size: 21px;
    padding-top: 5%;
}

#story .text:hover,#story .text:focus{
    color: #a1c53a;
}




#story .text2{
    font-size: 15px;
}



/* /*************************************************************ourProgram ************************************************* */

#ourProgramImage{
    background-image: url("../img/our-prog.png");
   
    background-size: 100% 122%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#ourProgramImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 31px;
    padding-top: 5%;
    margin-top: 3%;
}


#ourProgramImage .text2Image{
    color: #ffffff;
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}

#ourProgramImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 100px;
}



/* //////////////////////////////////////////////////////////////// */

#ourProgram  .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#ourProgram .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#ourProgram .lines{
    margin: auto;
    margin-top: -16px;
    text-align: center;
}

#ourProgram .card{
    border-radius: 2.25rem;
    width: 21rem!important;
    margin-top: 14%;
}


#ourProgram .card-img-top{
    padding-top: 42px;
    padding-left: 15px;
    padding-right: 15px;
}

#ourProgram .topText{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    width: 79%;
    margin-top: -12px;
    color: #103440;
    
}

#ourProgram .line2{
    width: 56px;
    height: 2px;
    background-color:#103440;
    
}

#ourProgram .card-text{
    font-family: "Myriad Pro";
    margin-bottom: 55px;
}

#ourProgram .cardButton{
    position: absolute;
    
    left: 20%;
    bottom: -25px;
}

#ourProgram .cardButton a{
    background-color: #a1c53a;
    color: #fff;
    border-color: #a1c53a;
    width: 200px;
    height: 53px;
    padding-top: 14px;
    font-size: 17px;
    border-radius: 10px;

    
}


#ourProgram .cardButton a:hover,
#ourProgram .cardButton a:focus
{
    background-color: #fff;
    color: #a1c53a;
    border-color: #a1c53a;
    
}





/* /*************************************************************elm blog ************************************************* */

#blogImage{
    background-image: url("../img/blog.png");
   
    background-size: 100% 122%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#blogImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 31px;
    padding-top: 5%;
    margin-top: 3%;
}


#blogImage .text2Image{
    color: #ffffff;
    font-size: 17px;
    width: 67%;
    margin-top: 2%;
}

#blogImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 100px;
}




/* //////////////////////////////////////////////////////////////// */

#blogPost  .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#blogPost .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#blogPost .lines{
    margin: auto;
    margin-top: -16px;
    text-align: center;
}



#blogPost .card{
    width: 100%!important;
    margin-top: 14%;
    background-color: #f4f4f4;
    
}


#blogPost .card-img-top{
    padding-top: 29px;
    padding-left: 15px;
    padding-right: 15px;

}

 .cardText1{
    font-size: 17px;
    font-weight: bold;
}


.cardText1:hover,
.cardText1:focus{
   color: #a1c53a;
}


#blogPost .cardtext2{
    color: #a3a3a3;
    font-size: 12.5px;

    
}

#blogPost i{
    color: #a1c53a;
    padding-right: 4px;
}

#blogPost .line2{
    width: 142px;
    height: 1px;
    background-color: #a3a3a394;
    margin-top: 16px;
    margin-bottom: 16px;
    
}



#blogPost .cardButton{
    margin: auto;
}

#blogPost .cardButton a{
    background-color: #a1c53a;
    color: #fff;
    border-color: #a1c53a;
    width: 200px;
    height: 53px;
    padding-top: 14px;

    font-size: 17px;
    border-radius: 10px

    
}


#blogPost .cardButton a:hover,#blogPost .cardButton a:focus{
    background-color: #ffffff;
    color: #a1c53a;
    border-color: #a1c53a;
  

    
}




/* /*************************************************************country************************************************** */

#countryImage{
    background-image: url("../img/country1.png");
   
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* height: 100%; */
}


#countryImage .text1Image{
    color:#a1c53a ;
    font-weight: 500;
    font-size: 34px;
    padding-top: 5%;
    margin-top: 3%;
}


#countryImage .line{
    width: 200px;
    height: 7px;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 100px;
    /* margin-left: 15%; */
}


#countryImage img{
    width: 57%;
   
}



#countryImage .imaage {
  
    height: 95%;
    text-align: center;
    border-radius: 39px;
    box-shadow:3px 4px 3px 0px #b5b2b2;
    border: 1px solid #b5b2b2;
    margin-bottom: 14%;
    background-color: #ffffff;
}


#countryImage .countryImg1{
    margin-top: 19%;
    

}

#countryImage .countryImg2{
    margin-top: 8%;

    

}




#countryImage .countryImg3{
    margin-top: 9%;
    

}






/* //////////////////////////////////////////////////////////////// */
#ourOffeces{
    background-image: url(../img/country.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#ourOffeces .text1{
    color: #a1c53a;
    font-weight: 500;
    font-size: 34px;
    margin-top: 5%;
}

#ourOffeces .line{
    width: 69px;
    height: 2px;
    background-color: #a1c53a;
    margin-right: 4px;
    margin-left: 4px;
}
#ourOffeces .lines{
    margin: auto;
    margin-top: -16px;
    text-align: center;
}



/* //////////////////////////////////////////////////////////////// */

.office{
    border: 1px solid #b3b3b3;
    border-radius: 39px;
    padding-left: 4%;
    margin-top: 3%;

}


.office .textOffice1{
    color: #a1c53a;
    /* font-weight: 500; */
    font-size: 23px;
    margin-top: 3%;
}

.office .textOffice2{
    font-size: 17px;
    color: #14404f;
    margin-bottom: 3%;
}
.office .textOffice1 img{
    width: 66px;
    
}
.office .fa-facebook-square{
    font-size: 30px;
    color: #325397;
}

.office .fa-twitter-square{
    font-size: 30px;
    color: #00bbf5;
}

.office .fa-linkedin{
    font-size: 30px;
    color: #006eb1;
}

.office .item{
    padding: 0px 5px;
    padding-bottom: 5%;
}

.office .line1{
    height: 167px;
    width: 3px;
    background-color: #a1c53a;
    margin-bottom: 2%;
    margin-right: 2%;
}



    




 /* ////////////////////////////////////////////////////////////////Social /////////////////////////////////////////////////////////// */
 

#social{
    height: 70px;
    background-color: #a1c53a;
    margin-top: 73px;
}

#social .list{
    padding-top: 20px;
}

#social .item{
    width: 30px;
    height: 30px;
    background-color:#103440;
    border-radius: 7px;
    color: #ffffff;
    padding-top: 6px;
}

#social .item:hover,
#social .item:focus{
    color: #a1c53a;
}

#social li{
    padding-left: 5px;
    padding-right: 5px;
}




 /* ////////////////////////////////////////////////////////////////SocialCountry /////////////////////////////////////////////////////////// */
 

 #socialCountry{
    height: 70px;
    background-color: #a1c53a;
}

#socialCountry .list{
    padding-top: 20px;
}

#socialCountry .item{
    width: 30px;
    height: 30px;
    background-color:#103440;
    border-radius: 7px;
    color: #ffffff;
    padding-top: 6px;
}

#socialCountry .item:hover,
#socialCountry .item:focus{
    color: #a1c53a;
}

#socialCountry li{
    padding-left: 5px;
    padding-right: 5px;
}

 /* /////////////////////////////////////////////////////////Footer/////////////////////////////////////////////////////////// */

#footer{
    height: 130px;
    background-color:#103440 ;
    
}

#footer ul{
    padding-top: 61px;
    padding-left: 0px;

}

#footer li{
    padding: 0px 11px;
    font-size: 17px;
}

#footer li a{
    text-decoration: none;
    color: white;
}

#footer li a:hover,#footer li a:focus{
    color: #a1c53a;
}










/* //////////////////////////////Media ////////////////////////////////// */

@media (max-width: 576px) { 

          /* /////////////////////////////////////////////////////////////country////////////////////////////////////////////////////// */

    #countryImage .text1Image{

        font-size: 20px!important;
    }

    .office .line1{
        display: none!important;
    }

    
     /* /////////////////////////////////////////////////////////////our parteners////////////////////////////////////////////////////// */

      
     #ourPartnersImage .text1Image{

        font-size: 20px!important;
    }
    
    #ourPartnersImage .text2Image{
        font-size: 12px!important;
        
        
        
    }

    #ourParteners .imaage{
        height: 229px!important;
    }

    #ourPartnersImage .button button {
        width: 172px!important;
        height: 44px!important;
        font-size: 12px!important;
    }


    #ourParteners .text1{
        font-size: 20px!important;
    }

    #ourParteners .line{
        width: 40px!important;
    }

    #ourParteners .messionText {
        font-size: 15px;
    }


         /* /////////////////////////////////////////////////////////////Idea////////////////////////////////////////////////////// */

    #ideaImage .text1Image{

        font-size: 20px!important;
    }
    
    #ideaImage .text2Image{
        font-size: 12px!important;
        
        
        
    }

    #submitIdea .text1{
        font-size: 20px!important;
    }

    #submitIdea .line{
        width: 40px!important;
    }


     /* /////////////////////////////////////////////////////////////about Us////////////////////////////////////////////////////// */

      
        #aboutUsImage .text1Image{

            font-size: 20px!important;
        }
        
        #aboutUsImage .text2Image{
            font-size: 12px!important;
            
            
            
        }

        #ourMission .text1{
            font-size: 20px!important;
        }

        #ourMission .line{
            width: 40px!important;
        }

        #ourMission .messionText {
            font-size: 15px;
        }

     /* /////////////////////////////////////////////////////////////Home////////////////////////////////////////////////////// */


    #world .pic1{
        width: 70px;
        height: 70px;
    }

    #world .d-flex p {
        bottom: 0rem;
    }

          /* ////////////////////////////////contact us//////////////////////////////// */

        
    #contactUsImage .text1Image{

        font-size: 20px!important;
    }
    
    #contactUsImage .text2Image{
        font-size: 12px!important;
        
        
        
    }

    #contactUs .text1{
        font-size: 20px!important;
    }

    #contactUs .line{
        width: 40px!important;
    }

         /* /////////////////////////////////////////////////////////////about Us////////////////////////////////////////////////////// */

         #blogImage .text1Image{

            font-size: 20px!important;
        }
        
       

        #blogPost .text1{
            font-size: 20px!important;
        }

        #blogPost .line{
            width: 40px!important;
        }


         /* /////////////////////////////////////////////////////////////our programe////////////////////////////////////////////////////// */

      
         #ourProgramImage .text1Image{

            font-size: 20px!important;
        }
        
        #ourProgramImage .text2Image{
            font-size: 12px!important;
            
            
            
        }

        #ourProgram .text1{
            font-size: 20px!important;
        }

        #ourProgram .line{
            width: 40px!important;
        }

        #ourProgram .card{
            width: 19rem!important;
        }


/* ///////////////////////////////////////////////////////////////////////////////footer////////////////////////////////////////// */
        #footer ul{
            padding-top: 50px!important;
        }

        

    

 }



      
@media (max-width: 767.98px) { 


     /* /////////////////////////////////////////////////////////////country////////////////////////////////////////////////////// */

      
        
        #countryImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
       

        /* ///////////////////// */
        #ourOffeces .text1{
            font-size: 23px;
        }

        #ourOffeces .line{
            width: 50px;
        }

        .office .textOffice1{
            
            font-size: 20px;
            
        }
        
        .office .textOffice2{
            font-size: 15px;
        }
        .office .textOffice1 img{
            width: 50px;
            
        }


    

    /* /////////////////////////////////////////////////////////////Our partners////////////////////////////////////////////////////// */

    

   


     
        #ourPartnersImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
        #ourPartnersImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 5%;
            
        }
        #ourPartnersImage .line{
            display: none;
        }

        #ourPartnersImage .button{
            text-align: center;
            font-size:15px ;
           

            
            
                
        }

        #ourPartnersImage .button button{
            
            width: 187px;
            height: 50px;
            font-size: 15px;
           

            
            
                
        }


    
        

        /* ///////////////////// */
        #ourParteners .text1{
            font-size: 23px;
        }

        #ourParteners .line{
            width: 50px;
        }




/* //////////////////////////////////////////////////////////////// */


        #ourParteners img {
            margin-top: 9%;
        }

    /* /////////////////////////////////////////////////////////////about Us////////////////////////////////////////////////////// */

      
        /* #aboutUsImage{
            height: 100%;
        } */
        #aboutUsImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
        #aboutUsImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 5%;
            
        }
        #aboutUsImage .line{
            display: none;
        }

        /* ///////////////////// */
        #ourMission .text1{
            font-size: 23px;
        }

        #ourMission .line{
            width: 50px;
        }

    
    #ourMission .messionText {
        width: 100%;
        text-align: center;
    }


         /* /////////////////////////////////////////////////////////////contact Us////////////////////////////////////////////////////// */

      
        
      


        #contactUsImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
        #contactUsImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 5%;
            
        }
        #contactUsImage .line{
            display: none;
        }

        /* ///////////////////// */
        #contactUs .text1{
            font-size: 23px;
        }

        #contactUs .line{
            width: 50px;
        }

         /* /////////////////////////////////////////////////////////////Idea ////////////////////////////////////////////////////// */

      
        
       


        #ideaImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
        #ideaImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 5%;
            
        }
        #ideaImage .line{
            display: none;
        }

        /* ///////////////////// */
        #ideaImage .text1{
            font-size: 23px;
        }

        #ideaImage .line{
            width: 50px;
        }


        #ideaImage .text3Image{
            
            display: none;
            
        }

    

         /* /////////////////////////////////////////////////////////////Demo ////////////////////////////////////////////////////// */

      
        
         #demoImage .text1Image{
            text-align: center;
            padding-left: 0px;
            font-size: 23px;
        }

                 /* /////////////////////////////////////////////////////////////Home ////////////////////////////////////////////////////// */



        #homeImage .text1Image{
            font-size: 23px;
            text-align: center;
            padding-left: 0px;
        }
    
        #homeImage .text2Image{
            
            display: none;
            
        }
    
        #homeImage .button{
            text-align: center;
            margin-top: 5%;
            /* margin-bottom: 14%; */
            margin-right: 0px!important;

                
            }
    
        #homeImage .btn-success{
            margin: 0px;
            margin: 0px;
            width: 136px;
            font-size: .75rem;
            height: 42px;
                    
            }


        #homeImage .buttons {
            margin-left: 0px;
            text-align: center;
            margin-bottom: 9%;
        }

        
    /* //////////////////////////////////////////////////////////////// */

    #home{
        background-color:#14404fc7!important;
        background-image: none;
        max-width: 100%!important;
    }

    
     #home .text1Image1{
       
        font-size: 23px!important;
        padding-left: 5%;
        padding-top: 4%;
        margin-top: 0%;
        padding-top: 4%
    } 

    #home ul{
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 0%;
        font-size: 14px;
        color: #ffffff;
        /* width: 60%; */
    }

    /* #home li{
        padding-top: 0%;
    } */


          /* //////////////////////////////////////////////////////////////// */


          #world .worldImages {
            display: inline-flex;
            background-color: #ffffff;
            margin-top: 0px;
            padding-top: 18px;
            padding-bottom: 18px;
            padding-left: 18px;
            padding-right: 18px;
            border-radius: 28px;
            /* height: 50%; */
            width: 100%;
        }
    
       
        


        #world  .d-flex{
            flex: 0 0 25%;
            max-width: 25%;
        }

        


          /* //////////////////////////////////////////////////our program////////////////////////////////////////////////////// */
 
          #ourProgramImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
        }
        
        #ourProgramImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 5%;
            
        }
        #ourProgramImage .line{
            display: none;
        }

        /* ///////////////////// */
        #ourProgram .text1{
            font-size: 23px;
        }

        #ourProgram .line{
            width: 50px;
        }

      
        /* ////////////////////////////////////////////// */
        #ourProgram .card{
            margin-left: auto!important;
            margin-right: auto!important;
        }

        

      
      

        
          /* ///////////////blog////////////////////////////////////////////////////// */

      
        



    
        #blogImage .text1Image{
            text-align: center;
            /* padding: 80px 0px; */

            font-size: 23px;
            text-align: center;
            padding-top: 18%;
        }
        
        #blogImage .text2Image{
            font-size: 15px;
            
            text-align: center;
            width: 100%;
            padding-bottom: 20%;
            
        }
        #blogImage .line{
            display: none;
        }

        /* ///////////////////// */
        #blogPost .text1{
            font-size: 23px;
        }

        #blogPost .line{
            width: 50px;
        }

        
        



        


    }      


        
            
 
          /* //////////////////////////////////////////////////////////////// */



 @media (max-width: 991.98px) { 
         /* /////////////////////////////////////////////////////////////Our partners////////////////////////////////////////////////////// */

    #ourParteners img{
        width: 50%;
     
    }

   
    #ourParteners .imaage {
        height: 333px;
       
    }

    #ourParteners .imaage:hover {
        height: 350px;
        
    }


    /* //////////////////////////////////////////////////////////////// */



    
    #home .text1Image1{
        color: #ffffff;
        font-size: 1.5rem;
        padding-left: 5%;
    }

    #home ul{
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 16px;
        color: #ffffff;
        padding-top: 3%;
    }


  


   
  }


/* //////////////////////////////////////////////////////////////// */


 @media (min-width: 992px) and (max-width: 1199.98px) { 
   


    
/* /////////////////////////////////////////////////////////////our Partners////////////////////////////////////////////////////// */

    #ourPartnersImage .text2Image{
        
        width: 100%;
        
    } 
    
    #ourPartnersImage .btn-success{
    background-color: #a1c53a;
        border-color: #a1c53a;
        /* height: 40px;
        font-size: .5rem;
        width: 150px; */
        
    }

    /* /////////////////////////////////////////////////////////////about Us////////////////////////////////////////////////////// */

     /* #aboutUsImage .text1Image{
        font-size: 2rem;
    } */

    #aboutUsImage .text2Image{
        
        width: 100%;
        
    } 


     /* /////////////////////////////////////////////////////////////contact Us////////////////////////////////////////////////////// */

 

    #contactUsImage .text2Image{
        
        width: 100%;
        
    } 

    
    /* /////////////////////////////////////////////////////////////idea////////////////////////////////////////////////////// */

   

    #ideaImage .text2Image{
        
        width: 100%;
        
    } 

              /* /////////////////////////////////////////////////////////////Home ////////////////////////////////////////////////////// */



/* 
    #homeImage .text1Image{
        font-size: 2rem;
    }

    #homeImage .text2Image{
        
        font-size: 1rem;
        
    }
    
    #homeImage .btn-success{
        height: 40px;
        font-size: .5rem;
        width: 150px;
        
    } */

    /* //////////////////////////////////////////////////////////////// */



/*     
    #home .text1Image1{
        color: #ffffff;
        font-weight: bold;
        font-size: 2rem!important;
        padding-left: 5%;
        padding-top: 4%;
        margin-top: -3%;
        font-size: 1rem;
    } */
    


    

    /* #home ul{
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 7%;
        font-size: 17px;
        color: #ffffff;
    } */



    /* ///////////////////////////////////////// */

 /* /////////////////////////////////////////////////////////////our program////////////////////////////////////////////////////// */

    

    #ourProgramImage
     .text2Image{
        
        width: 100%;
        
    }
}


    

    
    
    


/* //////////////////////////////////////////////////////////////// */

  @media (min-width: 768px) and (max-width: 991.98px) {  
          /* /////////////////////////////////////////////////////////////Our partners////////////////////////////////////////////////////// */

    
    #ourPartnersImage .text2Image{
        
        width: 100%;
        
    }
    
    #ourPartnersImage .btn-success{
    background-color: #a1c53a;
        border-color: #a1c53a;
        /* height: 35px;
        font-size: .3rem;
        width: 150px; */
        
    }
    /* /////////////////////////////////////////////////////////////about Us////////////////////////////////////////////////////// */


    /* #aboutUsImage .text1Image{
        font-size: 1.7rem;
    } */

    #aboutUsImage .text2Image{
        
        width: 100%;
        
    }

     /* /////////////////////////////////////////////////////////////contact Us////////////////////////////////////////////////////// */


  

    #contactUsImage .text2Image{
        
        width: 100%;
        
    }

     /* /////////////////////////////////////////////////////////////idea////////////////////////////////////////////////////// */



    #ideaImage .text2Image{
        
        width: 100%;
        
    }

        /* /////////////////////////////////////////////////////////////Home////////////////////////////////////////////////////// */

        /* #homeImage .text1Image{
            font-size: 1.7rem;
        }
    
        #homeImage .text2Image{
            
            font-size: .8rem;
            
        } */
        
        /* #homeImage .btn-success{
        
            height: 35px;
            font-size: .3rem;
            width: 150px;
            
        } */

        /* #programs .overlay {
            width: 315px!important;
        } */

              /* //////////////////////////////////////////////////////////////// */


 
    #world .pic1 {
        max-width: 100%;
        width: 80px;
        height: 80px;
    }

    /* #world .worldImages {
        
        width: 100%;
    } */
   /* /////////////////////////////////////////////////////////////our program////////////////////////////////////////////////////// */

    
    

    #ourProgramImage .text2Image{
        
        width: 100%;
        

        
    }

    


    
   
  }


  @media (max-width: 1199.98px){

    #navBar .nav-item{
        margin: 0px 8px;
        font-size: 15px;

    }


    #world .worldImages {
        
        width: 90%;
        justify-content: center;
    }


    /* #programs .overlay{
        border-radius: 23px;
        width: 283px;
    } */

    #programs .overlay .text {
        
        padding-top: 16%;
    }

  }