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

body {
    font-family: lato, sans-serif;
   
    
}



html {
    scroll-behavior: smooth;
  }

/**************/
/****TOP BAR***/
/**************/


.top-bar {
    
    width: 90%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding:0rem 0;
    background-color: #ffffff;
   
}

.top-bar-cover {
    background-color: #ffffff;  
    padding:1rem 0;
}


.company-logo {

    flex:1 10rem;
}


.contact-time-email{
    flex: 3 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
   
}



.contact-time-email span {
    margin-right: 0.5rem;
    color: rgb(223, 189, 21);
}
.contact, .time, .email, .quote {
    flex:1 5rem;
    
}

.quote {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.contact-title-p, .time-title-p, .email-title-p{
    color:rgb(44, 159, 36);
    margin:0 1rem;
    font-size: 0.95rem;
    
   
}

.contact-title-p{
    font-weight: 600;
}

.contact-title, .time-title, .email-title{
    display: flex;
    justify-content: flex-start;
    /* margin:0 1rem; */
  /* background-color: #0c5ba5;
     */
}

.contact-number, .time, .email {
    color: black;
    font-weight: 500;
    line-height: 1.3rem;
}


.quote-request{
    display: inline-block;
    color:rgb(255, 255, 255);
    background-color: rgb(44, 159, 36);
    text-decoration: none;
    font-weight: 500;
  
    padding: 0.5rem 0.8rem;
    border-radius: 0.2rem;
    transition: 0.5s;
}

.footer-quote1{
    background-color: rgb(255, 255, 255);
    color:rgb(58, 23, 7);
}


.products-footer{
    position: relative;
    z-index: 20000000;
}
.quote-request:hover {
    color:rgb(255, 255, 255);
    background-color: rgb(31, 109, 25);
}

.brand-logo{
    width: 10rem;
}


@media screen and (max-width:1140px){
    .contact-time-email{
        flex-direction: column;
    }

  

    .top-bar{
        flex-direction: column;
    }

    .company-logo{
        align-self: flex-start;
    }


}

.top-bar .fa{
    font-size: 1.5rem;
    /* margin-right: 0.5rem; */
    color:rgb(238, 49, 49);
}

.email-title .fa{
    font-size: 1.2rem;
}











    

    





.banner{
    text-align: center;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
     
    
}



h1, h2,h3 {
    letter-spacing: 0.1rem;
}

.banner-h1 {
    text-transform: uppercase;
    font-size: 3rem;
   
    animation: slideFromRight ease-in-out 5s 1;
   
}

.banner-h2 {
    margin-top: 1rem;
    animation: slideFromLeft ease-in-out 5s 1;
    color: white;
    text-shadow: 0 0 0.3rem rgb(6, 6, 80);
    font-style: italic;
    font-size: 2rem;

}



.banner-link {
    text-decoration: none;
    margin-top: 1.5rem ;
    display: inline-block;
    color: whitesmoke;
    padding: 0.8rem 1rem;
    background-color: #a56a0c;;
    box-shadow: 0.2rem 0.1rem 0.3rem black;
    animation: show 5s linear 1;
    transition: 1s all;
    
}

.banner-link:hover {
  
    background-color: rgb(207, 177, 45);
    
}


   

    .banner-h1 { 
        margin-top: 3rem;
        font-size: 2rem;    
    }

    .banner-h2 { 
        font-size: 0.95rem;    
    }

    .banner-link {
       
        padding: 0.5rem 1rem;
       
    }



@media  screen and (min-width:481px)  and (max-width:767px){

    .banner-h1 { 
        font-size: 3rem;    
    }

    .banner-link {
       
        padding: 0.6rem 1rem;
       
    }
}

@media  screen and (min-width:768px)  and (max-width:1023px){

    .banner-h1 { 
        font-size: 3.5rem;    
    }

    .banner-link {
       
        padding: 0.7rem 1rem;
       
    }
}





  
  /*********************/
/*----FOOTER----**/
/********************/

.footer {
    padding: 3rem 0;
    background-color: #05589c;
    background-color: rgb(103, 200, 51) ;
    background: linear-gradient(rgb(49, 139, 27), rgb(41, 41, 41)), url('img/martinique-4900895_960_720.jpg');
    background: linear-gradient(rgba(56, 150, 56, 0.862), rgba(46, 46, 46, 0.767)), url('img/8a.jpg');
    /* background-position: center; */
    background-size: cover;
    background-attachment: fixed;
   padding-bottom: 0;
   border-top: 0.35rem solid rgb(234, 234, 120);
}

.footer-copy-center{
   
    width: 90%;
    margin: 0 auto;
    display: flex;
    padding-top: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-copy-center p {
    color:rgb(245, 222, 118);
}

.footer-copy-center a {
    color:rgb(250, 30, 30);
    text-decoration: none;
}

.footer-copy-center a:hover {
    color:rgb(248, 122, 122);
}

@media screen and (max-width:550px){
    .footer-copy-center{
        flex-direction: column;
        align-items: center;
    }

}

.footer-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background-color:  rgb(64, 149, 33) ;
    border-top: 0.25rem solid rgb(236, 36, 36);
}

.footer-divs {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items:flex-start;
    flex-wrap: wrap;
}

.footer-about, .footer-services, .footer-quote, .footer-facebook {
    flex: 1 15rem;
    max-width: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
}




.footer-h3 {
    color:white;
    font-size: 1.3rem;
}

.footer-p {
    color:rgb(245, 243, 159);
    text-align: center;
}

.footer-services-links{
    list-style: none;
  
 
    
}




.footer-link-a{
    text-decoration: none;
    color:rgb(238, 235, 146);
    display: flex;
}

.footer-link-a:hover{
    color:orange;
}

.footer-link-a p {
    line-height: 1.2rem;
}





/*PARTNERS*/

.partners-section{
    background-color: rgb(255, 255, 255);
    padding: 3rem 0;
    text-align: center;

}

.all-partners{
    width: 85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}



.partner-image {
  width: 10rem; 
}

.partner-logo{
    width: 100%;
}

.partner {
    flex: 1 20rem;
    max-width: 20rem;
    margin:1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.partner-name{
    color: rgb(47, 108, 165);
    text-transform: uppercase;
    text-align: center;
}



      

        #preloader{
            background: rgb(255, 255, 255) url('loading.gif');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 20rem;
            width: 100%;
            height: 100vh;
            position: fixed;
            z-index: 3;
        }

       



     


          
  

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

          
  
          
          .who-we-are{
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
              
          }

          .who-we-are2{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: -4rem;
             
         }

          .audience {
            text-align: center; 
          }

         
.wwa-link {
    text-decoration: none;
    margin-top: 1.5rem ;
    display: inline-block;
    color: #0c5ba5;
    font-size: 1.3rem;
    padding: 0.3rem 0.8rem;
    background-color: #0c5ba500;
    border: 0.2rem solid #0c5ba5;
    box-shadow: 0.2rem 0.1rem 0.3rem black;
    transition: 1s all;
    border-radius: 2rem;
    
}

.wwa-link:hover {
  
    background-color: #0c5ba5;
    color:#ffffff;
    
}











.welcome-p{
    color:#0b70b3;
    font-size: 1.2rem;
    
    line-height: 1.7rem;
    text-align: justify;
    margin-top: 2rem;
    font-family: 'Poppins', sans-serif;
}

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





/**********************/
/*--CONTACT--**/
/*********************/
.contact-us-details{
    padding: 3rem 0;
    background-color: rgb(188, 216, 159);
}
.contact-section{
    padding: 3rem 0;
    width:85%;
    margin: 0 auto;
    text-align: center;
    padding-top: 0;
}

.contact-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;

    background-color: rgb(63, 113, 59);
    width: 90%;
    margin: 0 auto;
    
    padding-bottom: 1.5rem;
}

.contact-detail {
    flex: 1 20rem;
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
}




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

.contact-p {
    font-size: 1.3rem;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center;
}










/**********************/
   /*--HEADER SLIDER--**/
/*********************/

header {
    z-index: -1;
    position: relative;
    
}


.project-1-slide {
    height: 70vh;
}

.vision-slide {
    height: 50vh;
}











  

/**********************/
   /*--NAV BAR--**/
   /*********************/
 nav {
    background-color: rgb(105, 51, 18);
    background: linear-gradient(to right, rgb(56, 150, 56), rgb(128, 210, 128),rgb(128, 210, 128),rgb(128, 210, 128),rgb(128, 210, 128),rgb(128, 210, 128),rgb(56, 150, 56));
     width:100%;
    
     border-top: 0.25rem solid rgb(240, 17, 17); 
     /* position: sticky;
     top:0; */
    z-index: 0;
    
    
 }

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

 }



 .nav-links {
     margin-bottom: 0rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
    
     align-self: center;
    
 }

 .nav-link{
     margin: 0 0.3rem;
     line-height: 1.3rem;
 }

 .nav-link-item {
     text-decoration: none;
     color:rgb(255, 255, 255);
     font-size: 1.3rem;
     display: inline-block;
  
     padding: 0.3rem 0.8rem;
     position: relative;
 }

 .nav-link-item:hover {
     color:rgb(237, 239, 179);
 }
 .nav-link-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.3rem;
    top: 140%;
    left: 0;
    background: rgb(237, 239, 179);
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: left;
  }

  .active{
      color:rgb(228, 24, 21);
      font-weight: bold;
  }


 

  .nav-link-item:hover::after {
    transform: scaleX(1);
    
  }


 .facebook-icon1{
     cursor: pointer;
 }
 .facebook-icon1:hover{
    opacity: 0.8;
 }

 .facebook-icon{
    width: 2.5rem;
}


 .drop-down-service{
     position: relative;
 }

 .drop-down-ul {
     position: absolute;
     z-index: 1;
     background-color: rgb(255, 255, 255);
     min-width: 19rem;
     min-width: 26rem;
     list-style: none;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     top:3.2rem;
     display: none;
     box-shadow: 0.1rem 0.1rem 0.3rem  black;
 }

 .drop-down-service:hover .drop-down-ul{
     display: block;
 }
 
 .drop-down-li{
     border-top: 0.1rem solid gainsboro;
     width: 15rem;
     width:22rem;
 }

 .drop-down-a{
     text-decoration: none;
     display: inline-block;
     padding: 0.5rem 0;
     color: rgb(95, 94, 94);
     font-weight: 500;
 }

 .drop-down-a:hover {
     color:rgb(12, 11, 11);
 }
 

 @media screen and (max-width:1000px){
     nav {
         display: none;
     }


 }

 /*MOBILE MENU*/

 .menu-open-button{
    position: absolute;
    top: 1rem;
    right:2rem;
    cursor: pointer;
 }

 .menu-open-button span{
     font-size: 3.5rem;
     color:rgb(44, 159, 36) ;
     display: none;
 }

 .menu-open{
     width: 4rem;
     display: none;
 }

 /* MOBILE NAV*/

 .mobile-nav-container{
     position: absolute;
     background-color: rgb(255, 255, 255);
     z-index: 3;
     margin: 0 auto;
     width:100%;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 4rem 0;
     height: 100vh;
     transition: 0.5s all;
     transform: translateX(-110%);
     
 }

 

 .mobile-nav-links,.mobile-drop-down-ul{
     list-style: none;
 } 

 .mobile-drop-down-service{
     position: relative;
     
    
 }

 .mobile-drop-down-ul {
     background-color: white;
     display: none; 
     height:15rem;
     overflow-y:auto ;
     
   
 }

 .mobile-drop-down-service:hover .mobile-drop-down-ul{
     display: block;
     
 }

 

 .mobile-nav-link{
     margin: 1.5rem 0;
     
     text-align: center;
 }

 .mobile-drop-down-li{
     line-height: 2rem;
     
 }

 .mobile-nav-link-item{
     color:rgb(44, 159, 36);
     font-size: 1.2rem;
     font-weight: 500;
     text-decoration: none;
     text-align: center;
     transition: 0.5s;
     text-align: center;
     
 }

 .mobile-nav-link-item:hover{
    color:rgb(18, 66, 15);
 
    
}

 .mobile-drop-down-a {
     text-decoration: none;
     color: rgb(19, 27, 70) ;
 }

 
 .mobile-nav-close{
     width: 4rem;
     position: absolute;
    top:3rem;
    right:3rem;
 }

 .mobile-nav-close span{
     color: rgb(234, 22, 22);
     font-size: 3.5rem;

 }
 
 .mobile-close-btn{
     width: 100%;
     cursor: pointer;
 }



 
 @media screen and (max-width:1000px){
    .menu-open{
       
        display: block;
    }

    .menu-open-button span{
       
        display: block;
    }

    .mobile-nav-container.show{
        transform: translateX(0);
    }
     


}
 
 
 /**********************/
   /*--CONTACT FORM--**/
   /*********************/
  .contact-form {
    background:linear-gradient(rgba(103, 200, 51, 0.769),rgba(0, 0, 0, 0.797)), url('img/3.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    
 }
 
 
 
 
 
 
 
 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: 0.95rem;
     }

     .contact-section{
      
        width:95%;
        
    }


    




 }
 
 
 

  /**********************/
   /*--POP UP--**/
   /*********************/
.lightbox {
   
    padding-top: 2rem;
    display: none;
    
}

.popup-h2 {
    text-align: center;
    letter-spacing: 0.1rem;
    color: rgb(19, 137, 141);
    margin-bottom: 1rem;
}

.popup-p {
    text-align: justify;
    font-size: 1.1rem;
}
.popup-p, .lightbox ol, .lightbox ul{
    color: rgb(14, 61, 93);
    line-height: 1.5rem;
    font-size: 1.1rem;
}

.lightbox ol, .lightbox ul {
    width:60%;
    margin: 0 auto;
}
 











/*INTRO*/

.intro-cover{
    
   /* background-color: rgb(234, 243, 236); */
  background: linear-gradient(to bottom right, rgba(117, 181, 117, 0.757),white,white,white,white,rgba(221, 221, 107, 0.799));
  background-position: center;
  background-size: cover;
 
}
.intro{
    width:90%;
    margin: 0 auto;
    padding: 3rem 0;
}

.intro-content{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}

.intro-photo{
    width: 100%;
    transition: 0.5s;
}

.intro-photo:hover {
    transform: scale(1.1);
    opacity: 0.6;
}

.intro-about, .intro-logistics, .intro-freight, .intro-warehousing{
    flex: 1 17.5rem;
    margin: 0.5rem;
    /*max-width: 17.5rem;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.5rem;
    
}

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


.intro-h3 {
    margin: 1rem 0;
    letter-spacing: 0;
    font-size: 1.6rem;
    color:rgb(0, 140, 255);
    
}

.intro-about-h3 {
    color:rgb(44, 159, 36); 
    
    font-family: 'Catamaran', sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    /* text-shadow: 0.1rem 0 0.1rem black; */
}

.intro-about-h3-a{
    text-align: center;
}

.objectives-h3{
    margin:0 auto;
    margin-top: 3rem;
    color:white;
}

.intro-p, .intro-about-p {
    color: rgb(46, 46, 46);
    font-size: 1.2rem;
    text-align: justify;
    
}

.intro-image {
    overflow: hidden;
    background-color: rgb(30, 66, 133);
}

.intro-readmore{
    display: flex;
    color:rgb(103, 200, 51);
    font-weight: 800;
    transition: 0.5s;
}

.intro-readmore a {
    text-decoration: none;
    color:rgb(103, 200, 51);
}

.intro-readmore a:hover {
    color:rgb(18, 43, 100);
}

/*********************/
/*-PROPOSITION-------**/
/*********************/
.proposition-cover{
    background:linear-gradient( rgb(85, 150, 60), rgb(65, 86, 57)) ,url('img/n1.jpg');
}
.proposition{
    
    width: 90%;
    margin: 0 auto;
   
    padding: 3rem 0;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proposition-h2{
    color:rgb(248, 230, 148);
    font-size: 2.5rem;
    text-shadow: 0.1rem 0 0.1rem rgb(0, 0, 0);
}

.proposition-center{
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
    text-align: center;
    /* max-width: 55rem; */
    /* position: relative; */
    flex-wrap: wrap;
}

.proposition-p, .proposition-image{
   
    line-height: 2rem;
    margin:1rem;

    flex: 1 35rem;
    max-width: 35rem;
}

.proposition-photo{
    width:100%;
    border-radius: 0.5rem;
}

.underline-a{
    background-color: rgb(44, 159, 36);
    height:0.4rem;
    width: 10rem;
    margin-bottom: 2rem;
    position: relative;
}

.underline-a-1{
    margin:0 auto;
}

.objectives-underline-a{
    margin: 0 auto;
    margin-top: 0.5rem;
    background-color: rgb(232, 212, 84);
}

.fw{
    color:rgb(44, 159, 36);
}

.underline-b{
    background-color: rgb(132, 30, 26);
    background-color: rgb(224, 31, 21);
    height:1.2rem;
    width: 1.2rem;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.sw{
    color:rgb(132, 30, 26);
    color:rgb(224, 31, 21);
}

.underline1{
    width:100%;
}

@media screen and (max-width:900px){
    .underline1{
        max-width: 90%;
    }
}

/* .left-quote{
    color:white;
    font-size: 6rem;
    position: absolute;
    left: 0;
    top:1.8rem;
    text-shadow: 0.3rem 0 0.1rem rgb(255, 230, 0);
    
} */


/*********************/
/*--CORE SERVICES----**/
/*********************/

.core-services{
    padding: 3rem 0;
    background: linear-gradient(rgba(0, 0, 0, 0.333), rgba(1, 1, 1, 0.357)),url('img/5.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  ;
}

.savings-home{
    padding-top: 0;
}

.core-services-center{
    width:100%;
    margin: 0 auto;
}

@media screen and (max-width:400px){
    .core-services-center{
        width:95%;
        
    }
}

.core-services-line{
    width: 65%;
    background-color: rgb(200, 219, 78);
    height: 0.5rem;
    margin-right: 1rem;
   
}

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

@media screen and (max-width:550px){
    .core-services-heading{
       
        width:100%;
       
    } 
}

.core-services-h3{
    min-width: 12rem;
    font-weight: 600;
    color:rgb(255, 255, 255);
    margin-left: 1rem;
    text-align: center;
    font-family: 'Catamaran', sans-serif;
}

.core-services-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content:center;
   
}



.core-services-contents a{
    text-decoration: none;
}

.core-services-content{
    transition: 0.5s all;
    margin: 1rem;
   
    
    max-width: 22rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    /* border-left: 0.5rem solid rgb(0, 183, 255);
    border-left: 0.5rem solid rgb(200, 163, 51);
    border-right: 0.5rem solid rgb(200, 163, 51); */
    flex-direction: column;
  border-radius: 0.4rem;
    padding:1rem;
    flex: 1 22rem;
    background-color: rgb(253, 241, 131);
    background-color: white;
   /* background-color: rgb(255, 233, 183);*/
   box-shadow: 0.1rem 0.1rem 0.3rem rgb(53, 80, 102);
}

.core-services-content1{
    background-color: rgba(0, 0, 0, 0.611); 
    box-shadow: 0.1rem 0.1rem 0.3rem rgb(0, 0, 0); 
   
}

.core-services-content i{
    font-size: 3rem;
    color:rgb(103, 200, 51);
}

.core-services-content1 i{
    
    color:rgb(246, 225, 122);
}

.savings-content{
    flex-direction:column ;
    justify-content: center;
    align-items: center;
}

.core-services-h4{
    color:rgb(17, 92, 190);
    color:rgb(79, 79, 79);
    font-size: 1.2rem;
    /* text-transform: uppercase; */
    text-align: center;
    margin:1.2rem 0;
}

.core-services-h41{
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    color:rgb(255, 255, 255);
    text-align: center;
    
}

.savings-h4{
    text-align: center;
}


.core-services-p{
    color: rgb(19, 27, 70);
    font-size: 1.2rem;
    text-align: center;
}

.core-services-p1{
    color: rgb(255, 255, 255);  
}

.core-services-icon .material-icons{
    color:rgb(0, 140, 255);
    font-size: 2.8rem; 
    color: rgb(192, 151, 39); 
}

.saving-info{
    display: flex;
    justify-content: center;
    align-items: center;
}

.core-services-content:hover {
    box-shadow: 0.1rem 0.1rem 0.6rem rgb(53, 80, 102);
}

.core-services-content1:hover {
    box-shadow: 0.1rem 0.1rem 0.6rem rgb(0, 0, 0);
}

.core-services-content:hover .core-services-icon .material-icons{
    color:rgb(30, 66, 133);
}


/*********************/
/*--HOME COUNTER---**/
/*********************/

.branches-h3{
    margin-bottom: 2rem;
    font-size: 2.5rem;
    color:rgb(255, 218, 130);
}

.achievments-h3{
    text-align: center;
    font-size: 2rem;
}
.home-counter{
    background: linear-gradient(rgba(8, 8, 44, 0.678), rgba(13, 13, 42, 0.705)), url('AAAAA.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.home-counter-boxes{
    background-color: rgba(253, 243, 97, 0.849);
    width:70%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1;
    padding-top: 2.5rem;
    box-shadow: 0 0 0.4rem black;
    flex-wrap: wrap;
}

.home-counter-box{
    flex: 1 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-counter-box p {
    text-align: center;
}

.home-counter-icon{
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.home-counter-icon .material-icons, .home-counter-icon .counter {
    font-size: 3rem;
    color:rgb(45, 59, 189);
}

.home-counter-icon .counter {
    color:rgb(24, 156, 189);
    margin-top: -0.4rem;
}

.home-counter-box p {
    color: rgb(0, 89, 255);
    font-size: 1.2rem;
    font-weight: 600;
}

.home-counter-box1{
    border-right: 0.1rem dashed blue;
    
}

.home-counter-box3{
    border-left: 0.1rem dashed blue;
    
}

@media screen and (max-width:1000px){
    
    
    .home-counter-boxes{
        flex-direction: column;
        height: 100%;
    }

    .home-counter{
        height: 35rem;
        padding: 3rem 0;
    }
.home-counter-box1, .home-counter-box3 {
    border: none;
}

}

/*********************/
/*----CLIENTS----**/
/********************/

.clients{
    padding: 3rem 0;
    text-align: center;
   background: linear-gradient(white,rgb(255, 255, 255),rgb(101, 105, 126));
}

.clientele{
    background: linear-gradient(white,white, rgb(255, 255, 255)); 
}

.clients-center{
    width:90%;
    margin: 0 auto;
}

.clients-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.clients-h3{
    min-width: 12rem;
    font-weight: 800;
    color:rgb(0, 140, 255);
    margin-left: 1rem;
}

/* .clients-line{
    width: 65%;
    background-color: rgb(255, 238, 0);
    height: 0.5rem;
    margin-right: 1rem;
   
} */

.client-logos{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.client-logo{
    flex: 1 15rem;
    max-width: 15rem;
    margin: 1rem;
}

.client-logo-image{
    width:100%;
}


/**********************/
/*--SERVICES--**/
/*********************/
.services-header{
    /* height: 9rem; */
    padding: 3rem 0;
    background-color: rgb(244, 244, 244);
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

.services-h1, .services-h2{
    color:rgb(57, 26, 11);
}

.services-h1{
    font-size: 2rem;
    /* font-family: 'Domine', serif; */
    text-align: center;
    color:rgb(69, 176, 30);
    font-family: 'Catamaran', sans-serif;
}

.services-h2{
    color:rgb(24, 57, 110);
    font-size: 1.2rem;
}

.services-container{
    width: 90%;
    margin:0 auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 2.5rem 0;
    
}

.services-links, .services-content, .services-photos{
    flex: 1 10rem;
    margin: 1rem;
    max-width: 25rem;
}

.services-content{
    flex: 2 10rem;
   
}

.service-image{
    width: 100%;
}





.services-links{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.services-h4 {
    color:rgb(19, 27, 70);
    font-size: 1rem;
   
}



.services-link {
    background-color: rgb(223, 223, 240);
    margin: 0.2rem;
   width: 18rem;
    padding: 0.3rem 1rem;
    border-radius: 0.1rem;
}



.service-photo {
    margin:0.5rem;
    

}

.service-image {
    display: block;
    border-radius: 0.2rem;
}


.services-a {
    text-decoration: none;
}

.services-link{
    transition: 0.5s;
}

.services-a:hover .services-link {
    background-color: #0b70b3;
}


.services-a:hover .services-h4 {
   color: #ffffff;
}


.services-p {
    color: rgb(19, 27, 70);
    font-size: 1.2rem;
    text-align: justify;
    padding-right: 1rem;
    
}

.freight-link{
    background-color: #0b70b3;
    background-color: rgb(103, 200, 51);  
}

.freight-h4  {
    color:white;
}

 
@media screen and (max-width:1023px){
    .services-container{
        flex-direction: column;
        align-items: center;
        
    }

    .services-p {
       
        padding-right: 0;
        
    }

    .services-links{
        order:1;
    }
 

}

@media screen and (max-width:480px){
    .services-link{
        width:15rem;
    }
}

/**************/
/*--ABOUT--**/
/***************/

.core-values{
    display: flex;
    justify-content: center;
    align-items: center;

}

.core-values-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.core-value{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.3rem;
    color:rgb(22, 89, 144);
}

.core-value-content{
    margin-left: 0.5rem;
}

.all-core-values{
    margin-top: 2rem;
}



.about-us-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width:90%;
    margin:0 auto;
    padding:3rem 0;
    /* padding-bottom: 0; */
    /* background-color: rgb(214, 222, 241); */   
}

.gallery-content3{
    padding-bottom: 0;
}

.gallery-content1{
    /* padding-top: 0; */
    flex-direction: row-reverse;
}

.gallery-content2{
    /* padding-top: 0;
    padding-bottom: 0; */
    padding:0;
}

@media screen and (max-width:500px){
    .gallery-content{
        width: 100%;
        
    }
}

.about-title, .about-slides{
    flex: 1 25rem;
    margin:1rem;
    /* max-width: 35rem; */
}

.about-slides-a{
    max-width: 23rem;
    max-width: 23rem;
}

.about-slides{
    border: 0.3rem solid rgb(236, 218, 113);
    padding:0.3rem;
}

.about-title{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* background-color: rgb(214, 222, 241); */
}

.about-title p {
    font-size: 1.4rem;
    color:rgb(35, 179, 22);
    text-align: center;
}
.about-slides p {
    font-size: 1.4rem;
    color: rgb(35, 179, 22);
    margin-top: -0.5rem;
    text-align: center;
}

.about-us-header .d-block {
    height:23rem;
    border-radius: 0.3rem; 
}

.ceo .d-block{
    height: 30rem;
    object-fit:contain;
}

.about-us-header .carousel-caption{
    display: none!important;
}

.about-us-header-container {
    background-color: rgb(242, 251, 247);
    /* background-color: rgb(252, 230, 217); */
}



.about-h1 {
    color:rgb(246, 46, 46);
    font-family: 'Catamaran', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;   
}

.about-h2-a {
    color: rgb(246, 46, 46);
    font-family: 'Catamaran', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    line-height: 2rem;
    margin:0.5rem 0;
}

.gallery-h2{
    color:#487127;
    font-size: 1.5rem;
}
/* 
@media screen and (max-width:910px){
    .about-title, .about-slides{
        max-width: 30rem;
    }

 
} */

.about-content{
    margin: 0 auto;
    padding: 3rem 0;
    width: 90%;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(248, 250, 255);
    border-radius: 0.3rem;
    box-shadow: 0rem 0 0.5rem rgb(19, 56, 144);
}

.all-core-values{
    margin-top: 2rem;
}

@media screen and  (max-width:480px) {
    .about-content{
       
       padding-left: 1rem;
       padding-right: 1rem;
        
    }  
}

.about-h2{
    text-align: center;
    color:rgb(22, 89, 144);
}

.about-content-container{
    background-color:rgb(214, 222, 241);
    background: linear-gradient(rgb(214, 222, 241),rgb(253, 253, 188));
    padding-bottom: 3rem;
}

.objectives{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: linear-gradient(rgba(0, 0, 0, 0.485),rgba(0, 0, 0, 0.49)), url('img/68.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding-bottom: 3rem;
    
}

.objective{
    
    font-size: 1.3rem;
    text-align: justify;
}

.objective-p{
    color:rgb(9, 92, 148);
}
.objective-icon{
    margin-right: 0.5rem;
    color: rgb(245, 64, 64);
    /* text-shadow: 0.5rem 0 0.1rem rgb(195, 124, 9); */
}

.objective-para{
    color:rgb(72, 141, 16);
}

.tech-details{
    margin-top: 3rem;
}


.tech-para{
    font-size: 1.3rem;
    color:rgb(72, 141, 16);
    text-align: justify;
}

/**************/
/*--PROGRAMS--**/
/***************/

.programs{
    background-color: rgb(218, 251, 203);
    padding: 3rem 0;
}

.programs-center{
    width:90%;
    margin: 0 auto;
}

.program{
    display: flex;
    justify-content:space-around ;
    flex-wrap: wrap;
    align-items: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0rem 0rem 0.5rem rgba(35, 49, 35, 0.835);;
}

.program-info, .program-photo{
    flex: 1 25rem;
    padding: 2rem;
}

.program-info{
    
    text-align: center;
}


.program-image{
    width: 100%;
}

.program-h3{
    color:rgb(44, 189, 44);
}

.program-h4{
    color:rgb(28, 119, 28);
}

.program-p{
    color:rgb(44, 189, 44);
    font-size: 1.2rem;
    text-align: justify;
}

.program-link{
    display: inline-block;
    color:rgb(44, 189, 44);
    text-decoration: none;
    border: 0.2rem solid rgb(44, 189, 44);
    padding: 0.5rem 1.5rem;
    transition: 0.5s;
}

.program-link:hover{
   
    color:white;
    
    border: 0.2rem solid rgb(44, 189, 44);
    background-color: rgb(44, 189, 44);
    
}

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

    .program-info, .program-photo{
       max-width: 25rem;
    }
    
}

.program-odd{
    margin: 2rem 0;
    flex-direction: row-reverse;
}

/**************/
/*--SISIMUKA--**/
/***************/

.programs-details-header{
    width: 100%;
    height: 20rem;
    background: linear-gradient(rgba(4, 47, 4, 0.63), rgba(0, 128, 0, 0.582)), url('MORNING.jpeg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.omwekambi-header{
    width: 100%;
    height: 20rem;
    background: linear-gradient(rgba(4, 47, 4, 0.63), rgba(0, 128, 0, 0.582)), url('business.jpg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.kbs-focus-header{
    width: 100%;
    height: 20rem;
    background: linear-gradient(rgba(4, 47, 4, 0.63), rgba(0, 128, 0, 0.582)), url('pexels-photo-269724.jpeg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.weekend-header{
    width: 100%;
    height: 20rem;
    background: linear-gradient(rgba(4, 47, 4, 0.63), rgba(0, 128, 0, 0.582)), url('pexels-photo-270288.jpeg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

.drive-header{
    width: 100%;
    height: 20rem;
    background: linear-gradient(rgba(4, 47, 4, 0.63), rgba(0, 128, 0, 0.582)), url('pexels-stephen-niemeier-63703.jpg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
}

/**************/
/*--TABLES--**/
/***************/

table {
    border-collapse: collapse;
   
    
    background-color: rgb(227, 236, 242);
  margin: 0 auto;
    box-shadow: 0rem 0.1rem 0.4rem rgb(35, 73, 109);
  }

 



  
  th, td {
    text-align: left;
    padding: 8px;
  }

  th{
      background-color: rgb(19, 27, 70);
      color:white;
  }
  .supco-table{
      margin-top: 3rem;
  }
  tr:nth-child(even) {background-color: rgb(255, 255, 255);}

.t-name {
    min-width: 15rem;
}

.t-position{
    min-width: 12rem;
}

/* tr{
    border: 0.1rem solid rgb(45, 45, 86)!important;
} */
 
/*.t-no{
    min-width: 0.1rem;
}*/



.ben-link {
    color: #1be9df !important;;
}

/**********************/
   /*--HEADER SLIDER--**/
/*********************/

.d-block{
    height:100vh;
    object-fit: cover;
}

.project-1-slide {
    height: 70vh;
}

.vision-slide {
    height: 50vh;
}

.slide-link {
   /* background-color:rgb(108, 235, 35) ;*/
    background-color:rgb(255, 255, 255) ;
    color: rgb(21, 50, 179);
    border: 0.2rem solid rgb(21, 50, 179);
    display: inline-block;
    padding: 0.5rem 0.9rem;
    border-radius: 2rem;
    box-shadow: 0.1rem 0.2rem 0.3rem black;
    text-decoration: none;
   
}

.slide-link:hover {
    background-color:rgb(21, 50, 179);
    color:white;
}

.slide-h1 {
    /*background-color: rgba(235, 135, 21, 0.746);*/
    background-color:rgba(44, 159, 36, 0.628);
    /* background-color: rgba(200, 163, 51, 0.796); */
    padding: 1rem 0;
    color: rgb(16, 46, 143);
    color:rgb(255, 255, 255);
    
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    text-shadow: 0.1rem 0rem 0.2rem rgb(0, 0, 0);
    letter-spacing: 0rem;
}

.slide-h1-1{
    width:23rem;
    margin:0 auto;
    margin-bottom: 2rem;
}

.slide-h1-2, .slide-h1-3, .slide-h1-4{
    width:40rem;
    margin:0 auto;
    margin-bottom: 2rem; 
}

.slide-p {
    font-size: 1.5rem;
    font-weight: 600;
    /* text-shadow: 0.1rem 0 0.1rem black; */
    background-color: rgba(255, 255, 255, 0.836);
    width:30rem;
    margin:0 auto;
    margin-bottom: 10rem;
    color:rgb(44, 159, 36);
    padding: 0.3rem 0;
    font-family: 'Manrope', sans-serif;

}

.slide-p1{
    width:30rem;
    font-style: italic;
}

.slide-p2{
    width:28rem;
    /* font-style: italic; */
}

.slide-p3{
    width:25rem;
    /* font-style: italic; */
}


.carousel-indicators{
    color: rgb(133, 202, 30) !important;
}

@media screen and (max-width:1023px){
.slide-h1 {
    font-size: 2.5rem;
    line-height: 2.9rem;
   
}

.slide-p{
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin:0 auto;
    width:20rem;
    margin-bottom: 2rem;
}

}


@media screen and (max-width:980px){
    .slide-h1-2, .slide-h1-3, .slide-h1-4, .slide-h1-1 {
        font-size: 1.5rem;
        line-height: 2rem;
        width: 22rem;
        margin:0 auto;
        margin-top: -3rem;
        letter-spacing: 0rem;
    }

    .slide-h1{
        margin-bottom: 2rem;
        font-size: 2rem;
        width:30rem
    }

    .slide-p{
        margin:0 auto;
        width: 13rem;
        font-size: 1.3rem;
        margin-bottom: 2rem;
    }
}

.d-block{
    height:100vh;
}

.carousel-indicators{
    display: none!important;
}

.carousel-control-prev, .carousel-control-next{
    display: none!important;
   
}

@media screen and (max-width:580px){
.slide-h1{
   font-size: 1.6rem;
  /* background-color:transparent; */
  margin:0 auto;
  text-align: center;
  width:16rem;
  /* color:rgb(0, 153, 255); */
  text-shadow: 0.1rem 0 0.1rem white ;
  
  
}

}

/*OUR TEAM*/   
.team-container{
    background-color:rgb(221, 230, 255);
    background-color: rgb(222, 222, 255);
    padding: 3rem 0;}

    .team-content{
       
        overflow-x: auto;
        
    }
.team-h2{
    font-size: 2.5rem;
    color:#11427a;
    text-align: center;
}

@media screen and (max-width:480px) {
    .team-h2{
        font-size: 2rem;
    }

}

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

}


/**********************/
   /*--ACHIEVMENTS--**/
/*********************/
.achievments-cover{
    background-color: rgb(77, 151, 248);
    padding: 3rem 0;
    

}

.achievments-container{
    margin:0 auto;
    width: 90%;
}




/* COVID POPUP ALERT*/

.popup{
    background-color: #2e527ab6;
    width: 450px;
    width:100%;
    height: 100vh;
    padding: 30px 40px;
    padding:0 0.5rem;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    border-radius: 0;
    font-family: "Poppins",sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;


    display: none;
    text-align: center;
}

.pop-up-modal{
    max-width: 40rem;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 6rem;
    text-align: left;
    padding:3rem 0;
    position: relative;
    z-index: 99999999999;
}

.pop-up-modal ul {
    color:#2D2E7D;
    font-size: 1.1rem;
}

.pop-up-modal-h2{
    text-align: center;
    color: rgb(238, 69, 69);
    margin-top: 1rem;
}
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size:4rem;
    color: #2D2E7D;
    border: none;
    outline: none;
    cursor: pointer;
     
    position:absolute;
    right:1rem;
    top:0rem;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    
    line-height: 25px;
}

.opportunities-link{
    font-size: 1rem;
    color: white;
    background-color: #0c5ba5;
    border-radius: 0.3rem;
    padding:0.5rem 0.8rem;
    text-decoration: none;
    display: inline-block;
    margin-top: 2rem;
    transition: 0.5s;
}

.opportunities-link:hover{
    color:white;
    background-color: #0c2655;
}

.pdf{
    height:100vh;
}

.proposition-p{
    font-size: 1.2rem;
    color:rgb(255, 255, 255);
    margin-right: 1rem;
    text-align: justify;
    font-family: 'Lato', sans-serif;
}

.registration-h3{
    color:rgb(19, 27, 70);
    padding: 0 1rem;
}

.about-image{
    width:100%;
    /* border-radius: 0.5rem; */
    /* box-shadow: 0.8rem -0.8rem rgb(105, 51, 18); */
}

/*PARTNERS*/

.partners{
    padding:3rem 0;
    background-color: #dcdcdc;
}

.partners-center{
    margin:0 auto;
    width:60%;
    overflow-x: auto;
}


@media screen and (max-width:800px){
    .partners-center{
        
        width:95%;
       
    }
}

.tc{
    min-width: 10rem;
}

.partners-h3{
    text-align: center;
    margin-bottom: 1rem;
}

.contact-para{
    color:rgb(81, 132, 31)!important;
    font-style: italic;
    
}

@media screen and (max-width:400px){
    .contact-para{
        margin-bottom: 2rem;
        
    }
}

.contact-line{
    width:10rem;
    height:0.4rem;
    background-color: rgb(200, 163, 51);
    margin-bottom: 2rem;
}



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


.home-services, .completed-works, .our-team-members{
    background-color: rgb(255, 255, 255);
  
    padding:2rem 0;
    text-align: center;
}

.company-name{
    font-weight: bold;
}
.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: 2rem;
    margin-bottom: 1rem;
    color:rgb(187, 67, 67);
    
}



@media screen and (max-width:1200px){
    .services-h2{
        margin-top: 3rem;
    }
}

.why-h2{
    font-size: 2.5rem;
    color:white;
    margin-bottom: 2rem;
    
}

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

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






.home-services-center{
    padding-top: 0rem;
    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(34, 4, 31, 0.911); */
  
    width: 24rem; 
    text-align: center;
    margin: 0.5rem;
    background-color:rgb(56, 150, 56);
    border-radius: 0.4rem;
   padding: 1rem;
   padding-bottom: 0;

   
}




.home-image-box{
    background-color: #ffffff;
    
   
    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:rgb(241, 219, 141);
    font-size: 1.3rem;
    /*margin-bottom: 1.2rem;*/
    font-weight: 400;
    
}


.home-services-link{
    display:inline-block;
    color:#ffffff;
    text-decoration: none;
    background-color:rgb(19, 27, 70);
    border: 0.2rem solid rgb(19, 27, 70);
   
    padding: 0.5rem 0.8rem;
    padding-bottom: 0.6rem;
    transition: 0.5s all;
   line-height: 0.8rem;
   font-size: 1.2rem;
   font-weight: 400;
   margin-top: 1rem;

}

.home-services-link:hover{
   
    color:rgb(19, 27, 70);
    background-color: #a7303000;
    border: 0.2rem solid rgb(19, 27, 70);
  

}


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

.clientele-h3{
    font-family: 'Domine', serif;
    font-size: 3rem;
}

.logo-h2{
   color:rgb(20, 88, 14); 
   text-align: center;
   font-size: 1.9rem;
   margin-right: 2rem;
}

.logo-span{
    color:rgb(103, 200, 51);
}

.and{
    color:#0b70b3;
}

@media screen and (max-width:550px){
    .logo-h2{
        max-width:15rem; 
     }

}

/*New About*/
.cv-p{
    color:white;
    font-size: 1.3rem;
    max-width: 80%;
    margin:0 auto;
    text-align: center;
    padding:2rem 0;
}


*********************/
/*----OBJECTIVES----**/
/********************/

.objectives {
    padding: 3rem 0;
    padding-top: 0;
    text-align: center;
    position: relative;
    background: linear-gradient(rgba(2, 2, 26, 0.76), rgba(2, 2, 24, 0.76)), url('img/10.jpg');
background-position: center;
background-attachment: fixed;
background-size: cover;
}

.objectives-h4 {
    color:white;
    background-color: rgb(105, 51, 18);
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    padding: 2rem 1rem;
   box-shadow: 0 0.2rem 0.5rem white;
    width: 20rem;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    line-height: 2rem;
    margin: 0 auto;
}

.objectives-content{
    width:85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin-top: 3rem;
}

.objective{
    flex: 1 20rem;
    max-width: 20rem;
    margin:1rem;
    background-color:rgb(255, 255, 255) ;
    padding:1rem;
    padding-top: 0;
    box-shadow: 0 0 0.4rem black;
    /* border-radius: 0.3rem; */
    transition:0.5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.objective:hover {
    background-color: rgb(61, 96, 27);
    
}

.objective:hover .objective-p  {
    color:white;
}

.objective:hover .objective-icon  {
    color:white;
}





.objective-icon {
    font-size: 3rem;
    color:rgb(61, 96, 27);
    color: #e9221c;
}

.objective-p {
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.6rem;
    color:rgb(70, 153, 22);
}

.footer-facebook-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer-facebook-container i{
    font-size: 3rem;
}

.home-read-more{
    color: rgb(227, 29, 29);
    border: 0.2rem solid rgb(44, 159, 36);
    transition: 0.5s;
    padding:0.4rem 1rem;
    border-radius: 0.5rem;
    text-decoration: none;
}

.home-read-more:hover{
    background-color: rgb(44, 159, 36);
    color:white;
}


.services-intro{
    max-width: 60rem;
    margin:0 auto;
    text-align: justify;
    padding: 0 1.5rem;
    font-size: 1.1rem;
    color:#5f5f5f;
}

.team-intro{
    max-width: 50rem; 
}

.home-content-p{
    color:white;
    font-style: italic;
    font-size: 1.1rem;
}

.our-team-slides{
    max-width: 60rem;
    margin:0 auto;
    padding:0 1rem;
    margin-top: 2rem;
}

.our-team-slides .d-block{
    object-fit: contain;
    height:15rem;
}

.our-team-slides .slide-h1, .our-team-slides .slide-p{
    display: none;
}

@media screen and (min-width:1100px){
    .our-team-slides .d-block{
       
        height:35rem;
    }

}

/*TOP LINK START*/


.top-link{
    cursor: pointer;
    position: fixed;
    right:5%;
    bottom:10%;
    font-size: 2rem;
    width:4rem;
    height:4rem;
    border-radius: 50%;
    background-color: rgb(229, 195, 71);
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.3rem black;
    animation: scroll 2s ease-in-out infinite;
    visibility: hidden;
    z-index: -100;
}

.show-top-link{
    visibility: visible;
    z-index: 100;
}

@keyframes scroll{
  0%{
         transform: scale(1);
  }

  50%{
    transform: scale(1.1);
}

100%{
    transform: scale(1);
}


}

.top-link a{
    color:white;
}

/*TOP LINLK END*/

.fixed-nav{
    background-color: white;
    box-shadow: 0 0 0.5rem grey;
    position: fixed;
    left: 0;
    top:0;
    width:100%;
    padding:0 10rem;
    /* padding-top: 0.2rem;
    padding-bottom: 0.2rem; */
    z-index: 9999;
}

.fixed-nav .nav-link-item{
    color:#54cd41;
}



/* New Team */

.team-section{
    padding:3rem 0;
}

.team-cover{
    width:90vw;
    max-width: 1190px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.team-member{
    border-radius: 0.5rem;
    padding:1rem;
    flex:1 35rem;
    max-width: 35rem;
    margin:1rem;
 background-color: rgb(244, 244, 244);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 0.5rem rgb(137, 137, 137);
   
}

.staff-photo-cover{
    max-width: 15rem;
    border:0.3rem solid rgb(188, 188, 188);
border-radius: 50%;
}
.staff-photo{
  width:100%;
    border-radius: 50%;
}

.staff-p{
    color: #5f5f5f;
    font-size: 1.1rem;
    text-align: justify;
}

.staff-h3{
    color:white;
    background-color: rgb(70, 153, 22);
    padding: 0.2rem 1rem;
    margin-top: 2rem;
    font-size: 1.3rem;
    text-align: center;
}

.staff-title{
   color: rgb(70, 153, 22);
   font-size: 1.3rem;
   font-style: italic;
   /* font-weight: bold; */
}

/* Partners */

.partners-a{
    padding:3rem 0;
}

.new-partners{
    width:90vw;
    max-width: 1190px;
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    /* align-items: center; */
    margin:0 auto;
    margin-top: 2rem;
    /* background-color: #0c5ba5; */
}

.new-partner{
    flex:1 15rem;
    max-width: 15rem;
    /* width:1rem; */
    margin:1rem;
}

.partners-logo{
    width:100%;
}

.iframe-a{
    width:100%;
    height: 80%;
}

.video-p{
    padding-top:0.5rem;
    /* display: none; */
}
.about-slides video, .iframe-b {
    width: 100%;
    height: 100%;
}



.about-slides-a{
    height:20rem;
}

@media screen and (max-width:650px){
.about-slides-b {
        height: auto;
    }
}

/* New Gallery */

.new-gallery{
    padding:3rem 0;
    background-color: rgb(242, 251, 247);
    background-color: rgb(208, 224, 216);
    position: relative;
}

.new-gallery-items{
    width:90vw;
    max-width: 1190px;
    display: flex;
    justify-content:space-around;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 auto;
  
}

.new-gallery-item{
    flex: 1 30rem;
    max-width: 35rem;
    margin:1rem;
    background-color: #ffffff;
    padding: 0.5rem;
    z-index: 1;
   
}

.new-gallery-item .d-block{
height:100%;
}

@media screen and (min-width:1000px){
.new-gallery-item .d-block {
        height: 25rem;
    }
}

.new-gallery-p{
    text-align: center;
    font-size: 1.2rem;
    color: #5f5f5f;
    margin-top: 1rem;
}


.fa-leaf{
    position: absolute;
    font-size: 6rem!important;
    color:rgb(44, 159, 36);
    /* z-index: 0; */
}

.fa-leaf1{
    left:10%;
    top:0.5%;
}
.fa-leaf2 {
    right: 10%;
    top: 0.5%;
}
.fa-leaf3 {
    left: 10%;
    bottom: 0%;
}
.fa-leaf4 {
    right: 10%;
    bottom: 0%;
}
.fa-leaf5 {
    top: 30%;
    left: 2%;
}
.fa-leaf6 {
    top: 30%;
    left: 2%;
}
.fa-leaf7 {
    top: 30%;
    right: 2%;
}
.fa-leaf8 {
    top: 30%;
    left: 2%;
}
.fa-leaf9 {
    top: 50%;
    right: 2%;
}
.fa-leaf10 {
    top: 50%;
    left: 2%;
}
.fa-leaf11 {
    top: 80%;
    right: 2%;
}
.fa-leaf12 {
    top:80%;
    left:2%;
}
.fa-leaf13 {
    top: 60%;
    right: 3%;
}
.fa-leaf14 {
    top: 60%;
    left: 3%;
}

.fa-leaf15 {
    top: 40%;
    left:2%;
}
.fa-leaf16 {
    top: 40%;
    right: 2%;
}
.fa-leaf17 {
    top: 70%;
    left: 2%;
}
.fa-leaf18 {
    top: 70%;
    right:2%;
}
.fa-leaf19 {
    top: 10%;
    left: 2%;
}
.fa-leaf20 {
    top: 10%;
    right:2%;
}