*{margin:0;
    padding:0;
    box-sizing: border-box;

}

html{
    scroll-behavior: smooth;
}

body{
    position: relative;
}


/*NAV*/
nav{
    width:100%;
    /* margin-bottom: 2.1rem; */
    
}

.nav-content{
    width:90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    transition: 0.5s;
   

}

li{
    margin: 1rem;
}



a{
    text-decoration: none;
    font-size: 1.5rem;
}

nav {
    background-color: rgb(255, 255, 255);
    padding: 1rem 0;
    padding-bottom: 0.5rem;
    box-shadow: 0 0 0.5rem rgb(7, 61, 87);
  ;
}

.uganda{
    color:rgb(179, 124, 24);
}

.icons span {
margin-left: 2rem;
}

.icons span:first-child{
    margin-left: 0;
}

.ul-height{
height: 15rem;

}

.menu-icon{
    cursor: pointer;
}


@media screen and (max-width:900px){

    .menu-icon{
        display: block;
    }

   

}









@media screen and (min-width:900px){

    .menu-icon{
        display: none;
    }

}

@media screen and (max-width:900px){
.icons{
    display: none;
}

ul{
    width:100%;
    flex-direction: column;
    /* margin-top: 1rem; */
    height: 0;
    overflow: hidden;

    
}

.nav-content{
    flex-direction: column;
    align-items: flex-start;
}

.logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}








}












.banner{
    background: linear-gradient(rgba(20, 192, 192, 0.924),rgba(8, 134, 123, 0.671)),url('img/pexels-photo-1425298.jpeg');
    /* height:70rem; */
   /* padding-bottom: 2.2rem; */
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content:space-around;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    /* padding: 3rem 0; */
}

.banner-content, .banner-pics{
    flex:1 30rem;
    max-width: 30rem;
    margin:1rem;
    
}

.banner-pics{
    padding: 3.1rem 0;
}

.banner-content{
    box-shadow: 0 0 0.8rem white;
    background-color: rgba(8, 52, 85, 0.644);
    background: linear-gradient(to right, rgba(13, 177, 128, 0.76),rgba(8, 52, 85, 0.644));
    padding:1rem;
    border-radius: 0.5rem;
    
}

.banner-btn{
    border: 0.2rem solid white;
    padding:0.2rem 0.5rem;
    color:white;
    background-color: transparent;
    display: inline-block;
    margin:0.5rem;
    border-radius: 0.5rem;
    /* font-weight: 500; */
    text-decoration: none;
    font-size: 1.2rem;
    transition: 0.5s;
}

.banner-btn:hover{
    background-color: white;
    color:rgb(18, 168, 168);;
}


.banner-bt2{
    background-color: white;
    color:rgb(18, 168, 168);
}

.banner-bt2:hover{
    background-color: rgba(255, 255, 255, 0);
    color:rgb(255, 255, 255);
    border: 0.2rem solid white;
}

h1{
    font-size: 3rem;
    color:white;
    margin-bottom: 2rem;
}

p{
    color:white;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    
}

.other-sections{
    height:40rem;
    text-align: center;
}
h2{
    font-size: 3rem;
}

.about{
    background-color: rgb(189, 161, 214);
}

.services{
    background-color: rgb(206, 133, 133);
}

footer{
    text-align: center;
    background-color: rgb(44, 149, 44);
    color:white;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 2rem;
   border-top: 0.4rem solid rgb(230, 230, 68);
}

.to-top{
    position: fixed;
    bottom: 3rem;
    right:3rem;
    background-color: white;
    border-radius: 50%;
    width:4rem;
    height:4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 0 0.4rem blueviolet;
    display: none;
}

.to-top span{
    
    font-size: 2rem;
}

.display-to-top{
    display: block;
}


.footer-p{
font-size: 1rem;
}

.slide-h1, .slide-p,  .slide-link{
    display: none;
}

.ci{
    display: none!important;
}


.d-block{
    height:28rem;
    object-fit: cover;
    /* border-radius: 0.5rem; */
    /* box-shadow: 0 0 0.5rem white; */
}

@media screen and (max-width:1024px){

    .d-block{
        height:auto;
        
    } 
}

.home-h1{
    color:rgb(238, 220, 119);
    font-size: 1.8rem;
}

.banner-p{
    font-style: italic;
    font-weight: 600;
}

.footer-a{
    color:rgb(233, 223, 119);
    text-decoration: none;
    transition: 0.5s;
    font-size:1rem;
}

.footer-a:hover{
    color:rgb(230, 145, 48);
    text-decoration: none;
}


.mylogo{
    width:5rem;
}

.link-a{
   
    color:rgb(100, 199, 100);
    text-decoration: none;
    transition: 0.5s;
}

.active{
    color:rgb(38, 72, 38); 
}

.link-a:hover{
    color:rgb(44, 149, 44);
    
}

.menu-icon span{
    font-size: 3.5rem;
    color:rgb(17, 165, 185);
}


/**********************/
/*--CONTACT--**/
/*********************/


.contact-cover{
    background-color: #d5ffe8;
    
    
    
}


.contact-section{
    
   
    
    width:85%;
    margin: 0 auto;
    text-align: center;
    padding: 3rem 0;

   /* margin-top: -1rem; */
    
}

.contact-details {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
   margin-top: 3rem;
    background-color: #d8e0e4;
    background-color: 
    rgb(44, 149, 44);
    /* padding:2rem 1rem; */
    padding-top: 0;
    /* margin-top: -2rem; */

    
    

}

.contact-h3{
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    color:#f9eb99;
    margin-bottom: 1rem;
}

.contact-p {
    font-size: 1.2rem;
    color: #ffffff;
}

.contact-detail {
    flex: 1 30rem;
    max-width: 30rem;
    margin:1rem;
    /* margin-top: 2rem; */
}

.home-services-h2, .works-h2{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color:#2182c3;
    color:#099146;
}

.supplies-h2{
    /* margin-top: 3rem; */
}

.contact-h2{
    margin-top: 1rem;
    font-size: 3rem;
    text-shadow: 0.1rem 0 0.2rem #000000;
    color:#099146;
    
}

.line1{
    height: 0.4rem;
    width:10rem;
    margin:0 auto;
    background-color:#e2da43;
    position: relative;
    /* clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);    */
    
    transition: 2s all;
}

.contact-form {
    background:linear-gradient(#099146bb,#2d2e7db9), url('img/4.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    padding-bottom: 3rem;
    
 }



 
 
 form {
    display: flex;
    flex-direction: column;
    padding:3rem 0;
    
    
    }
    
    .form-control {
        width: 25rem;
       
        font-size: 1.5rem;
        outline: none;
        border: none;
        box-shadow: 0 0 0.4rem rgb(63, 62, 61);
        border-radius: 0.2rem;
        
        padding: 0.5rem 0;
        padding-left: 0.5rem;
        color:rgb(146, 81, 7);
    }
    
    .submit{
        border:none;
        background-color: rgb(146, 81, 7);
        color:rgb(255, 255, 255);
        padding: 0.8rem 0;
        border:0.2rem solid rgb(146, 81, 7);
        font-size: 1.3rem;
        transition: 0.5s all;
        
    }
    
    .submit:hover {
        border:0.2rem solid rgb(146, 81, 7);
        color: rgb(146, 81, 7);
        background-color: transparent; 
    }
    
    @media screen and (max-width:507px){
        .form-control {
            width: 100%;
           
        }
    
        form {
            padding-left:0.5rem;
            padding-right:0.5rem;
        }
    
    }
   
    @media screen and (max-width:480px){
        .contact-email {
            font-size: 1.1rem;
        }
   
        .contact-section{
         
           width:95%;
           
       }
   
   
        /* .contact-details {
         
           
          
           padding:2rem 1rem;
          
       
        
       
       } */
   
   
   
   
    }




/*********************/
/*-----Home Services-----*/
/*********************/


.home-services, .completed-works, .our-team-members{
    background-color: rgb(215, 226, 253);
    background-color: #ebfbf5;
    padding:3.5rem 0;
    text-align: center;
}

.services-services{
    padding-top: 0.5rem;
}

.home-services-1 {
    padding-bottom: 0;
}

.home-services-2 {
    padding-top: 1rem;
}





.completed-works{
    background-color: white;
    width:85%;
    margin:0 auto;
}



.completed-works .value {
    width: 14rem;
    
}


.completed-works th {
    text-align: left;
}

.home-services-h2, .works-h2{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color:#2182c3;
    color:#099146;
}

.projects-h2, .projects-h3 {
    margin-top: 3rem;
}

.projects-h3{
    font-size: 1.3rem;
    color:#57b30b;
}






.home-services-center{
    padding-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
  
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.home-service{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.911);
  
    width: 24rem; 
    text-align: center;
    margin: 0.5rem;
    background-color: rgb(255, 255, 255);
    border-radius: 0.3rem;
   padding: 1rem;

   
}




.home-image-box{
    /* background-color: #6fe8f8; */
    
   
    overflow: hidden;
}


.home-service-image{
    width: 100%;
    height: 18rem;
    object-fit: cover;
    transition: 0.5s;
   
}


.home-service-image:hover{
    opacity: 0.8;
    transform: scale(1.1);
}



.home-service-h3{
    letter-spacing: 0.1rem;
    text-align: center;
    color:#127ab6;
    color:#099146;
    font-size: 1.3rem;
    
    /* text-transform: uppercase; */
}


.home-services-link{
    display:inline-block;
    color:#2D2E7D;
    text-decoration: none;
    background-color: #127ab600;
    border: 0.2rem solid #127ab6;
    border-radius: 0.4rem;
    padding: 0.5rem 0.8rem;
    padding-bottom: 0.6rem;
    transition: 0.5s all;
   line-height: 0.8rem;
   font-size: 1.2rem;
   font-weight: 400;

}

.home-services-link:hover{
   
    color:#099146;
    
  

}


.home-content{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    margin:1rem;
    margin-bottom: 0;
     
}

.home-service .d-block {
    height: 20rem;
}


/*About*/

.about-cover{
    background-color: #effdec;
    padding-top: 3rem;
}

.itinerary-section{
    width: 85%;
    margin: 0 auto;
    padding: 3rem 0;
   
}

.itinerary-even, .itinerary-odd{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #2D2E7D;
    box-shadow: 0rem 0rem 0.8rem rgba(34, 22, 34, 0.534);
    border-radius: 0.5rem;
   
}

.itinerary-odd{
    margin-top: 2rem;
    background-color: #099146;
}

.itinerary-odd h3{
    color:rgb(255, 255, 255);
}

.itinerary-odd h5{
    color:rgb(27, 126, 156);
}

.itinerary-middle{
    margin-top: 2rem;
}



.itinerary-image, .itinerary-content{
    flex:1 25rem;
    
}

.itinerary-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    text-align: center;
    
    
    
}

.itinerary-odd {
    flex-direction: row-reverse;
}



.itineraries .d-block{
    height: 25rem;
   
}

.itineraries .slide-h1, .itineraries p, .itineraries .slide-link, .itineraries .carousel-indicators

 {
    display: none;
}

.itinerary-link{
    display: inline-block;
    padding: 0.5rem 1rem;
    border:0.2rem solid rgb(17, 132, 177);
    color:rgb(17, 132, 177);
    text-decoration: none;
    font-weight: 600;
    margin-top: 1.5rem;
    transition: 0.5s all;
}

.itinerary-link:hover{
   
    border:0.2rem solid rgb(17, 132, 177);
    color:rgb(255, 255, 255);
    background-color: rgb(17, 132, 177);;
   
}

.itinerary-h3{
    color:rgb(255, 220, 106);
    text-shadow: 0 0 0.3rem rgb(54, 7, 54);
    font-weight: 800;
    letter-spacing:0.1rem ;
    text-align: center;
    font-size: 2rem;
    
}

.itinerary-h3 span {
    font-size: 1.1rem;
    color:#185f88;
}


@media screen and (max-width:1085px){

    .itinerary-even, .itinerary-odd{
       
        justify-content: space-around;   
    }

    .itinerary-h3{
        margin-top: 3rem;
    }

    .itinerary-link{
        margin-bottom: 3rem;
    }

    .itinerary-image, .itinerary-content{
        max-width: 30rem;
        
    }
  
    .itineraries .d-block{
        height: 20rem;
    }

}
   

.values-container{
    width:80%;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
    padding-bottom: 3rem;
    color:#134e9c;
    font-size: 1.3rem;
    
    
}

.values-left, .values-right{
    flex: 1 25rem;
    max-width: 25rem;
    display: flex;
 flex-direction: column;
    justify-content: center;
    align-items:center;
    
}

.all-objectives{
    max-width: 100%;
}

.values-inner{
display: flex;
flex-direction: column;
align-items: flex-start;


}

.icon-value{
    margin-right: 0.5rem;
}



.each-value {
    display: flex;
    
}

.about-h5{
    color:rgb(255, 255, 255);
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2rem;
    font-style: italic;
}

.mission-h5{
    color:rgb(255, 220, 106)!important;
}

.about-h2{
    font-size: 2.5rem;
}

.name-value p{
    color: rgb(44, 149, 44);
}

.card1{
    padding:3rem 0;
   
    background: linear-gradient(rgba(57, 57, 57, 0.729), rgba(30, 70, 52, 0.591)), url('img/3.jpg');
    border:none;
    border-radius: 0;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.card-p{
    font-size: 1.2rem;
    color:rgb(44, 149, 44);
    text-align: center;
    color:#4b4b4b;
}

.card-h3{
  color:rgb(99, 205, 99);
  margin-top: 1rem;
}

.fa{
    color:#eeb928;
    font-size: 3rem;    
}

.icon-c{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.2rem solid rgb(117, 215, 117);
    padding:1rem;
    width:5.5rem;
    height: 5.5rem;
    border-radius: 50%;
}

.card-center{
    width:90%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.card-content{
    margin:1rem;
    flex:1 30rem;
    max-width: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border: 0.2rem solid rrgb(18, 68, 114) */
    border-radius: 0.5rem;
    /* height: 25rem; */
    padding:1rem;
    box-shadow: 0 0 0.6rem rgb(6, 40, 85);
  
}

.card1-p{
    color:rgb(114, 56, 18);
    font-size:1.3rem;
    margin:0 auto;
    max-width: 60rem;
    text-align: center;
    margin-bottom: 2rem;
    padding:0 1rem;
}

.card-content{
    background-color: rgba(255, 255, 255, 0.816);
}

@media screen and (min-width:1200px){
    .card-content{
        height:20rem;
    }
}

.cvalues{
    text-align: center;
    font-size: 2.5rem;
}


.chart{
    width:90%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chart div{
    flex:1 40rem;
    max-width: 40rem;
    
}

.chart-photo{
    width:100%;
}

.chart-h3{
    margin-top: 3rem;
}

.card-top{
    font-size: 2.5rem;
    color:#134e9c;
    font-weight: 600;
}


.logo-h2{
    
    font-family: 'Alata', sans-serif;
    font-family: 'Abel', sans-serif;
    color:rgb(44, 149, 44);
    }

.fw{
   font-weight: bold; 
}

/*WHO WE ARE*/

.wwa{
    padding: 3rem 0;
    background: linear-gradient(to bottom right, rgb(176, 226, 176) ,white,white, white, rgb(176, 226, 176));
    background-size: cover;
    background-position:center;
    text-align: center;
    
}

.wwa-center{
    width:80%;
    margin:0 auto;
}

.intro-p{
   color:rgb(56, 93, 56); 
   font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
   text-align: justify;
}

.wwa-h3, .card-top{
    text-align: center;
    color:rgb(44, 149, 44);
    font-family: 'Alata', sans-serif;
    font-size: 2.4rem;
}

.why-h3{
    color:white;
}

.about-center{
    width:90%;
    margin:0 auto;
    padding:3rem 0;
}

.about-e{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.about-o{
    flex-direction: row-reverse;
    margin-top: 3rem;
}

.about-slides, .about-text{
    flex:1 30rem;
    max-width: 30rem;
    margin:1rem;
}

.about-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-cover .carousel-indicators{
        display: none;
    }

.about-h4{
    background-color: #099146;
    color:white;
    text-align: center;
     display: inline-block;
     padding:0.5rem 0.9rem;
     margin-bottom: 1.5rem;
   
}

/* .cv{
   margin-bottom: 0;
} */

.home-link{
    transition: 0.5s;
    display: inline-block;
    padding:0.3rem 0.9rem;
    color:rgb(44, 149, 44);
    border: 0.2rem solid rgb(44, 149, 44);
    text-decoration: none;
    font-size: 1.1rem;
}

.home-link:hover{
    
    color:rgb(255, 255, 255);
    border: 0.2rem solid rgb(44, 149, 44);
   background-color: rgb(44, 149, 44);
}

.home-services .carousel-control-prev, .home-services .carousel-control-next {

    display: none;
}