.d-flex{
    display: flex;
}
/* navbar start from here */
/* home button on navbar */

.home-icon{
    margin-top: 16px;
    font-size: 36px;
    margin-left: 158px;
    position: absolute;
    transform: skew(30deg);
    color: #fff;
}
.mobile{
    display: none !important;
}
.mobile-banner{
    display: none !important;
}

.logo{
    width: 22%;
}
.home{
    width: 30%;
    margin-top: -30px;
}
.navbar {
  border-top: 2px solid  #186523;
  border-bottom: 2px solid  #186523;
  padding: 10px !important;
  margin-top: 95px;
  background-color: #fff;
  margin-bottom: 20px !important;
}
.navbar-nav {
    margin-left: 190px !important;
}
.navbar-nav .nav-item a{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #186523 !important;
}
.navbar-nav .nav-item a:hover{
 text-decoration: none;
 color: #6d6e71 !important;
}
.navbar-nav .nav-item {
    margin-left: 15px;
}
.navbar-brand{
    display: none;
}
.dropdown-menu {
      border: 2px solid rgba(3,148,69,1) !important;
    border-radius: 8px !important;
}
.triongle {
    background: #186523;
    /* background: #2B7A0B; */
    display: inline-block;
    height: 70px;
    right: -90px;
    position: absolute;
    transform: skew(-30deg);
    width: 290px;
}
.triongle-front{
    background: #186523;
    /* background: #2B7A0B; */
    display: inline-block;
    height: 70px;
    left: -90px;
    position: absolute;
    transform: skew(-30deg);
    width: 290px;
}
.navbar-nav>li>.dropdown-menu{
    padding: 10px;
}
.dropdown-menu>li>a {
   font-size: 16px !important;
}
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #fff !important;
}
/* first banner start from here */
.first-banner{
    background-color: #fff;
    width: 100%;
    height: 100px;
 padding: 20px;
    position: fixed;
    z-index: 999;
}
.first-banner h4{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: -25px;
     margin-bottom: 20px;
     letter-spacing: 2px;
    color: #186523;
     margin-top: 8px;
    
}
.first-banner .col-lg-6{
    text-align: center;
}
.call h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 600;
  color: #186523 !important;
}
.call h5:hover{
  color: #262626 !important;
}
.call a{
    text-decoration: none;
    color: #186523;
}
/* Second banner start from here */
.Second-banner{
    width: 100%;
    height: 400px;
    position: absolute;
    margin-top: 195px;
}
.image-size{
    width: 100%;
    opacity: 100% !important;    
}

.slider-heading h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 32px;
    font-weight: 600;
    margin-left: 311px;
    margin-top: -270px;
    color: #6a4c3a;   
 }
 .slider-heading p {
    text-align: left;
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    /* font-weight: 600; */
    margin-left: 350px;
    margin-top: 10px;
   color: #6a4c3a;
}

 .slider-heading ul{
    margin-top: 30px;
 }
 .slider-heading ul li{
  list-style: none;
 }

 .slider-heading-second h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    margin-top: -260px;
    margin-left: -60px;
 }
 .slider-heading-second p {
    text-align: left;
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    margin-left: 46px;
    margin-top: 10px;
   color: #fff;
}
.slider-heading-second ul{
    margin-top: 10px;
 }
.slider-heading-second ul li{
    list-style: none;
}

 
 /* third-banner start from here */

 .third-banner{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 1110px;
  
 }
 .third-banner h5{
    font-family: 'Milk And Honey', sans-serif;                                           
    font-size: 24px;
    text-align: center;
    color: #186523;
    margin-bottom: 40px;
  
 }
.third-banner .row{
    text-align: center;
}
.box{
    width: 500px;
    height: 380px;
    border: 2px solid #d4dee5;
    margin-bottom: 20px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}

.box-top{
    width: 484px;
    height: 290px;
    background-image: url(../images/rendering-2.jpg);
    background-size: 100% 290px;
}


.box-top-second {
    width: 484px;
    height: 290px;
    background-image: url(../images/aowc.jpg);
    background-size: 100% 290px;
}
.box-text a{
    text-decoration: none;
}
.box-text h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    padding: 20px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
}
.box-text h5:hover{
 color: #262626;
}

/* fourth-banner start from here */

.fourth-banner{
    width: 100%;
    height: 420px;
    position: absolute;
    margin-top: 620px;
    padding: 60px;
    background-color: #e6e7e8;
  
 }
 .fourth-banner h5{
    font-family: 'Milk And Honey', sans-serif;                                           
    font-size: 24px;
    text-align: center;
    color: #186523;
    margin-bottom: 30px;
  
 }
 .fourth-banner .col-lg-4{
   text-align: center;
    
 }
 .ecorole-help{
    margin-top: 20px !important;
 }
 .fourth-banner  h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 30px;
 }
 .fourth-banner .col-lg-8 h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 30px;
 }
 .fourth-image{
    margin-top: 10px;
 }

/* fifth-banner start from here*/

.fifth-banner{
    width: 100%;
    height: 300px;
    position: absolute;
    margin-top: 1670px;
    padding: 60px;
    background-image: url(../images/Slider/slider-2.jpg);
    background-size: 100% 300px;
    background-repeat: no-repeat;
    border-top: 3px solid #2B7A0B;
    border-bottom: 3px solid #2B7A0B;

}
.numbers{
    color: #fff;
    margin-top: 50px !important;
}
.fifth-banner h4{
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
     text-align: center;
     margin-bottom: 20px;
     letter-spacing: 2px;
  
}
.plus{
    font-family: 'Metropolis', sans-serif;
    font-size: 30px;
    font-weight: 600;
}
.fifth-banner .col-lg-3{
    text-align: center;
}
.counter{
    font-family: 'Metropolis', sans-serif;
    font-size: 38px;
    font-weight: 600;
     text-align: left;
     letter-spacing: 1px;
    
}
/* footer start from here */

footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    margin-top: 2070px;
    padding: 50px;
}
footer h4{
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
    
}
.footer-img{
  width: 80%;
}
footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.d-flex{
    display: flex;
}
footer ul li{
    list-style: none;
}
.links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.links p{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
}
.links a:hover{
    color: #186523;
}
.contact p{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     letter-spacing: 1px;
}
.contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.contact a:hover{
    color: #186523;
 }
 .call{
    margin-left: 20px;
 }
 .top-right{
    font-size: 32px;
   
 }
 .social-media ul li{
 margin-right: 20px;
 }

 footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 footer a{
    text-decoration: none;
    color: #186523;
 }

 footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .copyright-second{
    text-align: right;
 }

 /* rendering services start from here */

 .first-banner-rendering{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-rendering{
    width: 100%;
    height: 1200px;
    position: absolute;
    margin-top: 530px;
 }
 .second-banner-rendering h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
 }

 .green{
    color: #186523;
    font-size: 20px;
 }
 .contribution{
    margin-top: 15px;
 }
 .second-banner-rendering ul li{
    text-decoration: none;
 }
 .rendering-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 2150px !important;
 }

 .rendering-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .rendering-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.rendering-footer .social-media a{
color: black;
}
.rendering-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.rendering-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.rendering-footer .links a:hover{
    color: #186523;
}
.rendering-footer .social-media a:hover{
    color: #186523;
    }

.rendering-footer ul li{
    list-style: none;
}
.rendering-footer a{
    text-decoration: none;
    color: #186523;
 }

 .rendering-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .rendering-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}

.rendering-icon{
    width: 20%;
   
}
.rendring-client{
 margin-top: 10px !important;
}
.rendering-icon-second{
    width: 24%;
}
.rendring-client .col-lg-4{
    text-align: center;
}
.green-rendering{
    font-family: 'Milk And Honey', sans-serif;                                            
    font-size: 19px;
     color: #186523;
}
.rendring-client h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #186523 !important;
}
/* wate converter page start from here */

.first-banner-waste{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-waste{
    width: 100%;
    height: 1840px;
    position: absolute;
    margin-top: 550px;
 }
 .second-banner-waste h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
 }

 .green{
    letter-spacing: 1px;
    color: #186523;
    font-size: 19px;
    margin-bottom: 30px;
    font-weight: 600;
 }
 .contribution{
    margin-top: 15px;
 }
 .second-banner-rendering ul li{
    text-decoration: none;
 }

 .waste-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 2700px !important;
 }

 .waste-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .waste-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.waste-footer .social-media a{
color: black;
}
.wastes-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.waste-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.waste-footer .links a:hover{
    color: #186523; 
}
.waste-footer .social-media a:hover{
    color: #186523;
    }

.waste-footer ul li{
    list-style: none;
}
.waste-footer a{
    text-decoration: none;
    color: #186523;
 }

 .waste-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .waste-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}
.green-aowc{
    font-family: 'Milk And Honey', sans-serif;                                            
    font-size: 18.5px;
     color: #186523;
}
.features-row{
    margin-top: 10px !important;
}
.aowc-icon{
 width: 50%;
}
.aowc-client .col-lg-2{
    text-align: center;
}

.aowc-icon-second{
    width: 60%;
}
.aowc-client h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #186523 !important;
}

/* Services page start from here */

.first-banner-services-i{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-services-i{
    width: 100%;
    height: 1600px;
    position: absolute;
    margin-top: 550px;
 }
 .second-banner-services-i h5 {
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
}


.green-services {
    font-family: 'Milk And Honey', sans-serif;                                        
    color: #186523;
    font-size: 20px;
    margin-bottom: 30px;

}
 .contribution{
    margin-top: 15px;
 }
 .second-banner-services-i ul li{
    text-decoration: none;
 }

 .services-i-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 2470px !important;
 }

 .services-i-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .services-i-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.services-i-footer .social-media a{
color: black;
}
.services-i-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.services-i-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.services-i-footer .links a:hover{
    color: #186523;
}
.services-i-footer .social-media a:hover{
    color: #186523;
    }

.services-i-footer ul li{
    list-style: none;
}
.services-i-footer a{
    text-decoration: none;
    color: #186523;
 }

 .services-i-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .services-i-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}
.services-ii-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 2130px !important;
 }

 .services-ii-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .services-ii-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.services-ii-footer .social-media a{
color: black;
}
.services-ii-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.services-ii-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.services-ii-footer .links a:hover{
    color: #186523;  
}
.services-ii-footer .social-media a:hover{
    color: #186523;
    }

.services-ii-footer ul li{
    list-style: none;
}
.services-ii-footer a{
    text-decoration: none;
    color: #186523;
 }

 .services-ii-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .services-ii-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}

#Consultancy{
    border-bottom: 1px solid #186523;
}
#Design{
    border-bottom: 1px solid #186523;
}
#planning{
    border-bottom: 1px solid #186523;
}
#Engineering{
    border-bottom: 1px solid #186523;
}
#Installation{
    border-bottom: 1px solid #186523;
}
#Commissioning{
    border-bottom: 1px solid #186523;
}
#Site-inspections{
    border-bottom: 1px solid #186523;
}
#Call-support{
    border-bottom: 1px solid #186523;
}
#Spare-parts{
    border-bottom: 1px solid #186523;
}
#Improvements{
    border-bottom: 1px solid #186523;
}
#Training{
    border-bottom: 1px solid #186523;
}
.services-button{
    float: right;
}
.services-button h5{
   color: #fff !important;
}
.services-button a{
    text-decoration: none;
 }
.btn-primary {
    color: #fff;
 background-color: #186523 !important;
    border-color: #186523 !important;
}
.btn{
    padding: 4px 24px !important;
}
.services-icon{
    width: 7%;
    margin-bottom: 10px;
}
.services-icon-second{
    width: 10%;
    
}
.pagination h5{
    color: #186523 !important;
}
 .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
  color: #186523 !important;
    background-color: #fff !important;
    border-color: #186523 !important;
}
.pagination>li>a, .pagination>li>span {
  
   color: #186523 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* contact page start from here */


.first-banner-contact{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;

 }
 
 .second-banner-contact{
    width: 100%;
    height: 370px;
    position: absolute;
    margin-top: 550px;
 }
 .second-banner-contact h5 {
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
}

.second-banner-contact a{
    text-decoration: none;
}
.second-banner-contact a:hover{
   color: #186523;
}
.second-banner-contact .col-lg-4{
 text-align: center;
}

.green-contact {
    letter-spacing: 1px;
   color: #186523;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}
 .contribution{
    margin-top: 15px;
 }
 .second-banner-services-i ul li{
    text-decoration: none;
 }
 .third-banner-contact{
    width: 100%;
    height: 470px;
    position: absolute;
    margin-top: 950px;
 }
 .third-banner-contact h5 {
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
}

.third-banner-contact a{
    text-decoration: none;
}
.third-banner-contact a:hover{
   color: #186523;
}
.third-banner-contact .col-lg-4{
 text-align: center;
}

.green-contact {
    font-family: 'Milk And Honey', sans-serif;                                             
    color: #186523;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: normal;

}

 .third-banner-services-i ul li{
    text-decoration: none;
 }

 .contact-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 1580px !important;
    
 }

 .contact-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .contact-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.contact-footer .social-media a{
color: black;
}
.contact-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.contact-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.contact-footer .links a:hover{
    color: #186523; 
}
.contact-footer .social-media a:hover{
    color: #186523;
    }

.contact-footer ul li{
    list-style: none;
}
.contact-footer a{
    text-decoration: none;
    color: #186523;
 }

 .contact-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .contact-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}
.contact-form h5 {
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 600 !important;
    color: #186523 !important;
}
.contact-form h4{
    font-family: 'Milk And Honey', sans-serif;                                             
    font-size: 26px;
    text-align: center;
    color: #186523;
}
.thanks-message h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
    text-align: center;
}

.contact-form{
    margin-top: 30px;
}
.greeen-color{
   color: #186523;
}
.form-control {
    font-family: 'Metropolis', sans-serif;
  font-weight: 400 !important;
  letter-spacing: 1px;
  font-size: 1.4rem !important ;
  padding: 0.375rem 1.50rem !important;

}
.mail-number{
    margin-top: 20px !important;
}
.form-button{
    margin-top: 20px !important;
}
.form-button h5{
    margin-top: 8px;
 color: #fff !important;
}
 

/* about us page start from here */

.first-banner-about{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-about{
    width: 100%;
    height: 1200px;
    position: absolute;
    margin-top: 550px;
 
 }
 .second-banner-about h4{
    font-family: 'Milk And Honey', sans-serif;                                             
    font-size: 22px;
    font-weight: 400;
   color: #186523 !important;
   text-align: center;
   margin-bottom: 20px;
    /* letter-spacing: 1px; */
 }
 .second-banner-about h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
 }

 .green-about{
    color: #186523;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 600;
 }

 .second-banner-about ul li{
    text-decoration: none;
 }
 .about-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 1860px !important;
 }

 .about-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .about-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #2B7A0B;
}
.about-footer .social-media a{
color: black;
}
.about-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.about-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.about-footer .links a:hover{
    color: #186523; 
}
.about-footer .social-media a:hover{
    color: #186523;
    }

.about-footer ul li{
    list-style: none;
}
.about-footer a{
    text-decoration: none;
    color: #186523;
 }

 .about-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .about-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}
.second-row{
    margin-top: -2px !important;
   
}
.about-box{
    width: 382px;
    height: 350px;
    border: 2px solid #d4dee5;
    padding: 20px;
   
}
.icon-box{
    width: 100%;
    height: 130px;
    text-align: center !important;
}
.para ul li{
    list-style: none;
}
.icon-setting-one{
    width: 35%;
    margin-left: 40px;
    
}
.icon-setting-two{
    width: 40%;
   
}
.icon-setting-third{
 width: 27%;
 margin-top: 20px;
}
.icon-setting-four{
    width: 32%;
    margin-top: 5px;
}
.icon-setting-five{
    width: 32%;
    margin-top: 5px;
}

.icon-heading h5{
    font-family: 'Milk And Honey', sans-serif;                                             
    font-size: 22px;
    font-weight: 400;
   color: #186523 !important;
   text-align: center;
   margin-bottom: 10px;
    
}
.para h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
    text-align: center;
}

/* why us page start from here  */


.first-banner-whyus{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-whyus{
    width: 100%;
    height: 1200px;
    position: absolute;
    margin-top: 560px;
 }
 .second-banner-whyus h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
 }
 .second-banner-whyus .col-lg-6{
    text-align: center;
 }
 .second-banner-whyus .col-lg-4{
    text-align: center;
 }
 .left{
    text-align: left !important;
 }

 .green-whyus{
    font-family: 'Milk And Honey', sans-serif;                                          
    color: #186523;
    font-size: 20px;
    margin-bottom: 40px;

 }
 .contribution{
    margin-top: 15px;
 }


 .whyus-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 1790px !important;
 }

 .whyus-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .whyus-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.whyuswaste-footer .social-media a{
color: black;
}
.whyus-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.whyus-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.whyus-footer .links a:hover{
    color: #186523;
}
.whyus-footer .social-media a:hover{
    color: #186523;
    }

.whyus-footer ul li{
    list-style: none;
}
.whyus-footer a{
    text-decoration: none;
    color: #186523;
 }

 .whyus-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .whyus-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #2B7A0B;
}

/* images page start from here */

.first-banner-images{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-images{
    width: 100%;
    height: 650px;
    position: absolute;
    margin-top: 560px;
 }
 .second-banner-images h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
 }
 .second-banner-images .col-lg-6{
    text-align: center;
 }
 .second-banner-images .col-lg-4{
    text-align: center;
    
 }


 .green-images{
    color: #186523;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 600;
 }
 .aspect{
    height: 240px !important;
 }
 .green-gallery {
    font-family: 'Milk And Honey', sans-serif;                                        
    color: #186523;
    font-size: 20px;
    margin-bottom: 30px;
 }



 .images-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 1200px !important;
 }

 .images-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .images-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.imageswaste-footer .social-media a{
color: black;
}
.images-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.images-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.images-footer .links a:hover{
    color: #186523;
}
.images-footer .social-media a:hover{
    color: #186523;
    }

.images-footer ul li{
    list-style: none;
}
.images-footer a{
    text-decoration: none;
    color: #186523;
 }

 .images-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .images-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}
.img-border{
    border: solid 5px #0dac61;
}

/* comming soon page start drom here */


.first-banner-commingsoon{
    width: 100%;
    height: 500px;
    position: absolute;
    margin-top: 181px;
 }
 
 .second-banner-commingsoon{
    width: 100%;
    height: 450px;
    position: absolute;
    margin-top: 560px;
    text-align: center;
 }
 .second-banner-commingsoon h5{
    text-align: center;
    font-family: 'Metropolis', sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #262626 !important;
    letter-spacing: 1px;
    /* margin-top: 70px; */
 }
 .second-banner-commingsoon h4{
    text-align: center;
    font-family: 'Milk And Honey', sans-serif;                                           
    font-size: 26px;
    color: #186523;
    margin-top: 50px;
    text-align: center;
 }



 .green-images{
    color: #2B7A0B;
    font-size: 26px;
    margin-bottom: 40px;
    font-weight: 600;
   
 }
 .aspect{
    height: 240px !important;
 }



 .commingsoon-footer{
    width: 100%;
    height: 300px;
    position: absolute;
    background-color: #e6e7e8;
    padding: 50px;
    margin-top: 790px !important;
 }

 .commingsoon-footer h6{
    font-family: 'Metropolis', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
     margin-bottom: 10px;
     margin-top: 15px !important;
     letter-spacing: 1px;
 }
 .commingsoon-footer h5{
    font-family: 'Metropolis', sans-serif;
    font-size: 22px;
    font-weight: 600;
     text-align: left;
     margin-bottom: 20px;
     letter-spacing: 2px;
     color: #186523;
}
.commingsoon-footer .social-media a{
color: black;
}
.commingsoon-footer .contact a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}
.commingsoon-footer .links a{
    color: black;
    text-decoration: none;
    letter-spacing: 1px;
}

.commingsoon-footer .links a:hover{
    color: #186523; 
}
.commingsoon-footer .social-media a:hover{
    color: #186523;
    }

.commingsoon-footer ul li{
    list-style: none;
}
.commingsoon-footer a{
    text-decoration: none;
    color: #186523;
 }

 .commingsoon-footer a:hover{
   color: black;
   text-decoration: none !important;
 }
 .commingsoon-footer h4 {
    font-family: 'Metropolis', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #186523;
}