@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Roboto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

body{  
    font-family: 'Roboto', sans-serif;  
}  
* {  
    margin: 0;  
    padding: 0;  
} 




.navbar-logo{
  width: 75px;
  margin-left: 3px;
}

.navbar-nav{
  margin-right: 1%;
}

.navbar-brand {
  font-weight: bold;
}
.navbar-brand img {
  width: 50px;
}

.navbar-brand {
  font-weight: bold;
}



nav{
  background-color: #32cd32;
}
.nav-link {
  border-bottom: 4px solid #32cd32;

  transition: .5s ease;

}
.nav-link {
color: white !important;

}
.nav-link:hover {
  color: black;
  border-bottom: 2px solid white;
}
 .active a {
  color: white !important;
  font-weight: 600;
  border-bottom: 2px solid white;
}
.nav-link{

font-weight: 300;
color:white;
font-size: 1em;
font-family: 'Roboto';
}
i {  
    margin-right: 10px;  
}  
nav{
  display: flex;
  justify-content:space-around ;
  background-color: #32cd32;
}
.shred-img{
  border-radius: 20px;
}





.footer-section {
    background: rgb(40, 177, 177);
    position: relative;
  }
  .footer-cta {
    border-bottom: 1px solid #373636;
  }
  .single-cta i {
    color: #ff5e14;
    font-size: 30px;
    float: left;
    margin-top: 8px;
  }
  .cta-text {
    padding-left: 15px;
    display: inline-block;
  }
  .cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
  }
  .cta-text span {
    color: #fff;
    font-size: 15px;
  }
  
  ul {
    margin: 0px;
    padding: 0px;
  }
  .footer {
      background: #32cd32;
      padding-top: 20px;
      padding-bottom: 10px;
  }
  
  address{
    color: #fff;
    font-weight: 400;
  }
  
  /*END FOOTER SOCIAL DESIGN*/
  
  @media only screen and (max-width:768px) { 
  .single_footer{margin-bottom:30px;}
  }
  .single_footer h4 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 25px;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 20px;
  }
  .single_footer h4::after {
      content: "";
      display: block;
      height: 2px;
      width: 40px;
      background: #fff;
      margin-top: 20px;
  }
  .single_footer p{color:#fff;}
  .single_footer ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }
  
  .single_footer ul li a {
      color: #fff;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      line-height: 36px;
      font-size: 15px;
      text-transform: capitalize;
  }
  .single_footer ul li a:hover { color: #ff3666; }
  
  
  .single_footer_address ul li{color:#fff;}
  .single_footer_address ul li span {
      font-weight: 400;
      color: #fff;
      line-height: 28px;
  }
  .contact_social ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
  }
  
  
  /*START SOCIAL PROFILE CSS*/
  .social_profile {margin-top:40px;}
  .social_profile ul{
  list-style: outside none none;
  margin: 0;
  padding: 0;
  }
  .social_profile ul li{float:left;}
  .social_profile ul li a {
      text-align: center;
      border: 0px;
      text-transform: uppercase;
      transition: all 0.3s ease 0s;
      margin: 0px 5px;
      font-size: 18px;
      color: #fff;
      border-radius: 30px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      display: block;
      border: 1px solid rgba(255,255,255,0.2);
      padding-top: 15px;
      text-decoration: none;
  }
  @media only screen and (max-width:768px) { 
  .social_profile ul li a{margin-right:10px;margin-bottom:10px;}
  }
  @media only screen and (max-width:480px) { 
  .social_profile ul li a{
      width:40px;
      height:40px;
      line-height:40px;
      padding-top:10px ;
  }
  }
  .social_profile ul li a:hover{
  background:#ff3666;
  border: 1px solid #ff3666;
  color:#fff;
  border:0px;
  }
  /*END SOCIAL PROFILE CSS*/
  .copyright {
      margin-top: 10px;
      padding-top: 10px;
      color:#fff;
      font-size: 15px;
      border-top: 1px solid rgba(255,255,255,0.4);
      text-align: center;
  }
  .copyright a{color:#332d4f;transition: all 0.2s ease 0s;}
  .copyright a:hover{color:#ff3666;}

  section{
      min-height: 60vh;
      display: flex;
  }
  .treatement14{
      min-height: 30vh;
  }
  .quicked {

    background: #32cd32;
    border: 2px solid #32cd32;
    border-radius: 12px;
    padding: 20px;
    color: white;
    font-size: x-large;
}
.heading{
    color: #299617;
    font-weight: 700;
    font-size: 2.5rem;
}

.title-para-1{
  color: #299617;
    font-family: 'Roboto';
    font-size: x-large;
    text-align: justify;
}
.title-para{
  color: #fff;
  text-align: justify;
}
.process-img{
    width: 500px;
}
.button-container{
  margin-top: 60px;
}
.button2{
  font-size:small !important;
  height: 30px;
    margin-top: 30px;
    background-color: #32cd32 !important;
    width: 50%;
    color: white !important;
}
@media only screen and (max-width: 1500px) and (min-width:900px) {
    .button2 {
     width: 200px;
     height: 30px;
     font-size: .8em !important;
    }
  }
@media only screen and (max-width:991px) {
    .button2 {
   display: none !important;
    }
    .button-container{
      margin-top: 500px;
    }
  }
 .treatment1{
      border: 2px dashed #32cd32;
      margin-top: 10px;
      margin-bottom: 10px;
      border-radius: 12px;
  }

@media only screen and (max-width: 525px){
  .heading{
    font-size: 1.8rem;
  }
  .title-para-1{
    font-size: large;
  }
  .title-para{
    font-size: large;
  }
}

.segregation-img{
  border-radius: 25px;
}

.collection-image{
  border-radius: 40px;
}

.incenerator-2{
  border-radius: 40px;
}