*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
.slider-content{
    display: flex;
    gap: 20px;
}
.slider-content p{
    color: white;
}
.slider-main{
    background-color: greenyellow;
}
.echo{
    font-weight:700;
    font-size: 40px !important;
}
.fa-edge-legacy{
    color: rgb(15, 188, 15);
}
.heading1{
    font-size: 70px;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
}
/* .hero{
    background-image: url(a449ab54ef.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px;
    height: 800px;
} */
/* .echo-nav{
    background-color: green;
    margin-left: -20px;
    margin-right: -20px;
    
} */

 .parent{
    background-image: url(hero-bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   color: white;
   width: 100%;
   height: 800px;
 }
 @media (max-width:570px){
.heading1{
 font-size: 40px;
 font-family: "Poppins", sans-serif;
}
.greenworld-para h1{
    font-size: 25px !important;
}
.greenworld-para h6{
    font-weight: bold;
}
.button3:hover{
    background-color: white !important;
    color: rgb(54, 161, 54)!important; 
    border: 2px solid green !important;
}
.card1{
    margin-bottom: 120px !important;
}
.third-section{
    margin-bottom: -100px !important;
}
.third-section-heading h1{
    font-size: 25px !important;
    font-weight: 600 !important;
}
.Fourth-section1 h1{
font-size: 28px !important;
}
.Fourth-section1 h6{
    font-weight: bold;
}
.fifthimg{
    width: 300px !important; 
}
.fifth-text{
    width: auto !important;
    height: auto;
    
}
.fifth-text h1{
font-size: 21px !important;
}
.fifth-text h6{
    font-weight: bold;
    margin-top: 20px;
}
.third-subheading{
    font-weight: bold;
    margin-top: 20px;
}
.checkclick{
    margin: 10px;
}
.working-process{
    margin-bottom: 10px;
}

.seventh h1{
    font-size: 20px !important;
}
.outTeam h1{
    font-size: 25px !important;
    margin-bottom: -50px;
}
.card3{
    margin-bottom: 20px;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 80px;
    transition: 1s;
}
.card3 img:hover{
    transition: 1s;
    transform: scale(1.2) !important;
}
.fa-arrow-right{
    margin-top: -30px !important;
}
.footIcon{
    padding: 5px !important;
 }


.footerText h1{
font-size: 22px;
}
.follow h5{
    font-size: 17px !important;
}
.footerdiv1{
    margin-bottom: 50px !important;
}
.footdiv2{
    margin-bottom: 50px !important;
}
.footdiv3{
    margin-bottom: 50px !important; 
}
.ninebox{
    margin-bottom: 200px !important;
}
.eigth h1{
    font-size: 30px !important;
}
.Fifth-section1 {
    margin-bottom: 40px !important;
}
@media (max-width:400px){
    
}
 }
.echo-nav{
    border-bottom: 1px solid black;
}
.hero{
    padding:200px;
    height: auto;
}
.home a{
    color: rgb(54, 161, 54) !important;
}
.listname:hover{
 color: rgb(54, 161, 54)!important;
}
.natural-heading{
    color:rgb(60, 191, 60) !important ;
}
.button1{
    background-color:rgb(61, 180, 61) !important;
    padding: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.button1:hover{
    background-color: white !important;
    color: rgb(54, 161, 54)!important;
}
.button2{
    background-color:rgb(61, 180, 61) !important;
    color: white !important;
    padding-left: 20px;
    padding-right: 20px;
}
.button2:hover{
    background-color: white !important;
    color: rgb(54, 161, 54)!important; 
}
/* .fa-envira{
    margin: 40px;
} */
.Environment{
   background-color: black;

}
.Environment span{
    color: white !important;
}


.fa-pagelines{
    color: rgb(54, 161, 54);
    margin-right: 10px;
    font-size: 25px;
}
.greenworld-para h6{
color: rgb(54, 161, 54);
}
.greenworld-para h1{
    font-size: 40px;
    font-weight: 600;
}
.fa-canadian-maple-leaf{
    color: rgb(54, 161, 54);
}
.fa-earth-americas{
    color: rgb(54, 161, 54);
}
.button3{
    background-color:rgb(61, 180, 61) !important;
    color: white !important;
    padding: 15px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.button3:hover{
    background-color: white !important;
    color: rgb(54, 161, 54)!important; 
    border: 2px solid green !important;
}
.iconfa{
font-size: 30px !important;
}

.marque-icon{
    margin-right: 40px !important;
}

/* .greenworld {
background-color: rgb(249, 247, 244);

} */
.greenworld {
    background-image: url(3ee33cea5d.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   
}
.third-section-heading h1{
    font-size: 45px;
    font-weight: 600;
}
.third-subheading{
    color: rgb(54, 161, 54);
}
.third-section{
   background-image: url(service-bg.jpg);
   background-size: cover;
   background-repeat: no-repeat;
}
.cardimg{
    height: 200px;
    width: 350px !important;
}
.card1{
    padding-bottom: 120px;
    background-color:rgb(249, 242, 233) !important;
}
.card1 span{
    border-bottom: 3px solid rgb(54, 161, 54) !important;
}
.card1:hover{
    border: 3px solid rgb(54, 161, 54);
    background-color: white !important;
}
.third{
    margin-bottom: 200px !important;
}
.fourth-section{
    background-color: rgb(253, 246, 238);
}
.fourth-subheading{
    color: rgb(54, 161, 54);
}
.Fourth-section1{
    margin-top: 20px;
}
.Fourth-section1 h1{
    font-weight: 600;
    font-size: 45px;
}
/* .box1{
    background-color: white;
     padding: 10px !important;
     font-size: 30px !important;
}
/* .fa-circle-check{
    color: rgb(54, 161, 54);
    margin-left: 10px !important;
    font-size: 20px;
} */
  .boxicon{
    font-size: 40px !important;
    color: rgb(54, 161, 54);
} 
.boxicon:hover{
    color: white !important;
}
.box1{
    background-color: white;
}
.checkclick{
    background-color:azure;
}
.checkclick:hover{
    background-color: rgb(54, 161, 54);
    color: white !important;
}
.radios{
    background-color: rgb(54, 161, 54) !important;
}
.Fifth-section{
    background-image: url(c881b56f-50d1-469a-be69-4c9d844a53e6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}
.Fifth-section1 {
    color: white;
}
.our-project-img img{
    object-fit: cover;
}

.fifth-text h1{
    font-size: 45px;
    font-weight: 600;
}
.button4{
    background-color:rgb(61, 180, 61) !important;
    color: white !important;
}
.button4:hover{
    background-color: white !important;
    color: rgb(61, 180, 61) !important;
    border: 2px solid rgb(61, 180, 61) !important;
}
.fifthimg{
    margin-right: -20px !important;
}
.position{
    position: relative;
   top: -100px;
}
.fifth-text h6{
color: rgb(61, 180, 61);
}
.six-section{
    background-image: url(jpp12.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    /* margin-bottom: 100px !important; */
}
.six-section1 h1{
    font-weight: 600;
}
.div{
    position: relative;
    top: -40px;
    width: 350px;
    transition: 1s;
}
.div:hover{
    background-color: rgb(22, 35, 22) !important;
    color: white !important;
    height: 130px;
}
.seventh h6{
 color: rgb(61, 180, 61);
}
.seventh h1{
    font-weight: 600 !important;
    font-size: 45px !important;
}
.seventh-section{
    background-color: rgb(246, 244, 238);
    padding-top: 50px;
}
h6{
    color: rgb(61, 180, 61) !important;
    font-weight: bold !important;
}
.star h6{
color: orange !important;
}
.card2{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    transition: 1s;
    margin-bottom: 20px;
    }
.card2:hover{
    background-color: rgb(12, 62, 12) !important;
    color: white !important;
}
.ninth-section{
    background-image: url(./3872170.jpg);
    background-size: cover;
    padding-bottom: 20px !important;
}
.eigth h1{
  font-weight: 600;
  font-size: 45px;
}
.working-process{
    transition: 1s;
}
.working-process:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    background-color: rgb(12, 62, 12);
    color: white;
}

.eightcontainer{
 padding-top: 50px;
 padding-bottom: 100px;
 background-image: url(./17391db7fc093383358243d82007d747.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}
.outTeam{
    margin-top: 50px;
    margin-bottom: 200px;
}
.outTeam h1{
    font-weight: 600;
    font-size: 45px;
}
.iconnine{
    font-size: 28px;
}

.ninebox{
    background-color: white;
    padding: 20px;
    padding-top: 200px;
    
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ninebox1{
    background-color: white;
    padding: 20px;
    padding-top: 200px;
    
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* .ninth-img{
    position: relative;
    bottom: -140px;
} */
/* .ninebox{
 transition: 1s;
}
.ninebox:hover{
    background-color: rgb(12, 62, 12);
    color: white;
} */
.last{
    padding-top: 20px;
    padding-bottom: 50px;
}
.button5{
    background-color: rgb(61, 180, 61) !important;
   color: white !important;
}

.body1{
    transition: 1s;
}
.card3:hover{
   border: 4px solid rgb(61, 180, 61);
   h4{
    color: rgb(61, 180, 61) !important;
   }
}
.iconA{
    background-color: rgb(61, 180, 61);
    color: white;
    padding: 10px !important;
    border-radius: 50%;
}
.fa-arrow-right{
    margin-top: 15px;
}
/* .footIcon{
    background-color:transparent;
    color: green;
    border-radius: 50%;
   height:  35px;
    width: 35px;
    border: 1px solid rgb(236, 3, 3);

    
} */
 .footIcon{
    padding: 10px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    margin-bottom: -10px;
 }
 .followicon{
    margin-left: 20px;
 }

.followus{
    margin-top: 10px;
}
.footer{
    padding-top: 100px !important;
}
.greenbag{
    background-image: url(c881b56f-50d1-469a-be69-4c9d844a53e6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 45px;
    color: white;
    margin-bottom: 100px !important;
}
.button6{
    background-color: rgb(61, 180, 61) !important;
    color: white !important;
    font-size: 20px !important;
}
.button6:hover{
    background-color: white !important;
    color: green !important;
}
.footer{
    background-image: url(small-water-drops-leaf.jpg) !important;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

.fa-phone{
    color: rgb(19, 222, 19);
}
.fa-envelope-open{
    color: rgb(19, 222, 19);
}
.foot  span{
    color: rgb(19, 222, 19);  
}
.foot p{
    color: white !important;
}
.footh3{
    font-size: 40px !important;
    font-weight: 600;
}