body{
    margin: 0px ;
    padding:0px;
     font-family: "Ubuntu", sans-serif;
     font-weight: 300;
     font-style: normal;
     /* background-color: #91b808; */
     box-sizing:border-box;
   }
   
    .cont {
       width:100vw ;
       height:80vh;
       display:flex;
       margin-top:5%;
       flex-direction:column;
   align-items:center;
   justify-content :space-between;
   /* background-color:black; */
   }
   
   
   
   .tab{
     width:80%;
     height:15vh;
     background-color:white;
   background-color:white;    
   box-shadow: 5px 5px 10px;
       border-radius:15px 0px 0px 5px;

   }

 h2{
    text-align:center;
font-size: 5vw;
background-color:rgba(57, 153, 24, 0.8); 
padding: 10px;
color: white;
margin:0px;
position: relative;
top: 0px;
 }
 .ewaste{
color:white;
text-shadow:1px 1px 2px black;

 }

 .footmenu{
width:100vw;
height:10vh;
/* background-color:blue; */
border-top:2px solid grey;
margin-top:5%;
display:flex;
flex-direction: row;
align-items: center;
justify-content: center;
/* padding:10px; */
background-color:rgba(57, 153, 24, 1); 
position: fixed;
bottom: 0px;
 }

 .footmenu button{
width:40px;
height:40px;
border-radius: 50px;
margin-left:10px;
border:2px solid white;
background-color:white;
box-shadow: 2px 2px 5px;

 }
 .tab .right{
  display: inline;
  width:50%;
  float:right;
height: 100%;

 }
 .tab .left{
  display: inline;
  width:50%;
float:left;
height:100%;
background-color:rgba(185, 46, 52); 
display: flex ;
align-items:center;
justify-content: center;
 }

 .tab .left p{
  text-align: center;
  color: azure;
  font-weight: bold;
 }


  
 .cont2 {
  width:100vw ;
  /* height:80vh; */
  display:flex;
  margin-top:0px;
  flex-direction:column;
/* align-items:center; */
/* justify-content :space-between; */
/* background-color:black; */
}



.heading{
  width:50%;
  background-color:rgba(185, 46, 52); 
  color :white;
  padding: 5px;
  border-radius:0px 15px 15px  0px;
  margin-top:5px;
  font-size: 5vw;




}

.poster{
width:100vw;
height:40vh;
background-image: url(poster.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
background-position: center;
}

.poster-text{
padding:3%;
  text-align: center;
  font-weight: bolder;
}

.heading2{
height:5vh;
  background-image: url(prop1.gif);
  background-position: center;
  background-size: 80% 100%;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: large;
  
  
}




.state{
width:100vw;
  display: flex;
  flex-direction: column;
  /* background-color:red; */
  align-items:center;
  justify-content: space-between;

}

.box{
margin-top:5%;
  /* background-color: yellow; */
  width:90%;
}
.box .left{
  width:35vw;
  height:15vh;
  display: flex;
  display: inline;
  /* background-color:black; */
  float: left;
  border-radius: 100px;
  border:4px solid rgba(57, 153, 24, 1);;
}
.box .right{
  font-size: 2.6vw;
  width:55%;
  height:15vh;
display: flex;
flex-wrap: wrap;
  display: inline;
  /* background-color: red; */
  align-items: center;
  justify-content:center;
  float: right;
 
}


.box .right .content{

  text-align: center;
  padding:2%;
  /* background-color:yellow; */
  
}


.data-center{
background-image: url(data.webp);
background-position: center;
background-size: contain;
}

.recycling{
  background-image: url(recycle.png);
  background-position: center;
  background-size: contain;
  }
.finance{
  background-image: url(dispose.jpg);
  background-position: center;
  background-size: contain;
  }
.global{
  background-image: url(global.jpg);
  background-position: center;
  background-size: contain;
  }
.firsthr{

  width:30%;
  height:3px;
  border-radius: 50px;
  background-color:rgba(185, 46, 52);

}
.secondhr{

  width:50%;
  height:3px;
  border-radius: 50px;
  background-color:rgba(185, 46, 52);

}




.poster2{
  
background-size: contain 100%;
  background-image: url(poster1.png);
}

.transport{
  background-image: url(transport.jpg);
background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}
.sorting{

  background-image: url(sorting.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.dismantling{
  background-image: url(dismantling.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

.destruction{

  background-image: url(destruction.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}



.recycling1{

  background-image: url(recycle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.rebursement{

  background-image: url(rebursement.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.disposal{

  background-image: url(dispose.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.leftdispose{
float:left;
/* background-color: yellow; */
width:40%;
height:45vh;
background: url(poster2.png);
background-size: 75vw 70%;
background-repeat: no-repeat;
background-position: top center;
}

.space{

  height:12vh;

  /* background-color: red; */
}

.poster3{

  background-size: 100% 100%;
    background-image: url(campaign.jpg);

}





.campaigns{
  width:100vw;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-evenly;

}
.campaigns img{

  width:40%;
  height:40%;
margin-top:5%;

}

.space img{

  width:100vw;
  height: 100%;
  margin-bottom: 10%;
  
}












 @media screen and (min-width:999px) {
  .cont{

    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;

  }
  .tab{
    width:40%;
    height:50%;
    margin-top:15px;
  }
 }