.air-eco-outer{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  min-height:900px;
  position:relative;
}
.eco-small-head h6{
  margin:0px;
  line-height:24px;
  font-weight:700;
  letter-spacing:0.5px;
  text-align:center;
  font-family:Barlow,sans-serif;
}

.eco-main-head h2{
  margin: 0px;
  line-height:47.5px;
  font-weight:300;
  text-align:center;
  font-family:Barlow,sans-serif;
}
.eco-main-head {
  padding-top: 30px;
}

.point-one p,
.point-two p,
.point-three p {
  margin:0px;
  line-height:23px;
  font-weight:400;
  font-family:'Roboto',sans-serif!important;
  padding-top:15px;
}

.eco-points-one {
  left: 46%;
  position: absolute;
  top: 36%;
  width: 20%;
}
.eco-points-two {
  position: absolute;
  width: 20%;
  left: 16%;
  bottom: 10%;
}

.eco-points-three {
  position: absolute;
  right: 10%;
  top: -12%;
  width: 20%;
}

.eco-points.active{
  opacity:1;
}
.point-one-img.active svg{
  fill:#fff;
}
.point-one-img.active path{
  fill:#000;
}
.eco-points-outer {
  /*   overflow: hidden; */
  position: relative;
  /*   height: 700px;  */
  float: left;
  width: 100%;
}
.wrapper-points {
  float: left;
  width: 100%;
  position: absolute;
  min-height: 350px;
  top: 300px;
}
.eco-points{
  opacity:0;
  transition:opacity 1s ease-in-out, transform 1s ease-in-out;
}
.point-one p::first-line{
  font-family:Barlow,sans-serif!important;
  font-weight:700;
}
/* media query */

/* @media(max-width:4000px) and (min-width:2000px){
.eco-points-one {
left: 44%;
position: absolute;
top: 64%;
width: 20%;
}
.eco-points-two {
position: absolute;
width: 20%;
left: 5%;
bottom: 1%;
}
.eco-points-three {
position: absolute;
right: -11%;
top: 45%;
width: 20%;
}
}

@media(max-width:2000px) and (min-width:1200px){
.eco-points-one {
left: 44%;
position: absolute;
top: 55%;
width: 20%;
}
.eco-points-two {
position: absolute;
width: 20%;
left: 18%;
bottom: 1%;
}
.eco-points-three {
position: absolute;
right: 10%;
top: 45%;
width: 20%;
}
} */




@media(max-width:1200px){
  .eco-points-three {
    right: 7%;
    top: -13%;
  }
  .eco-points-two {
    bottom: 5%;
    left: 13%;
  }
  .eco-click {
    outline: none;
    -webkit-tap-highlight-color: transparent !important;
  }
  .eco-click:active,
  .eco-click:focus {
    background-color: transparent;  
    color: inherit; 
  }
  .eco-points-one {
    left: 46%;
    top: 35%;
  }
  .eco-points-one:focus-visible{
    border:none;
    background:transparent;
    outline:0;
  }
}
@media(max-width:900px){

}


@media(max-width:800px){
  .eco-main-head h2{
    font-size:25px!important;
    line-height:31.25px!important;
  }
  br{
    display:none;
  }
  .eco-points-three {
    right: -5%;
    top: -9%;
    width: 34%;
  }

  .eco-points-two {
    bottom: -5%;
    left: 6%;
    width: 45%;
  }
  .eco-points-one {
    left: 43%;
    top: 52%;
    width: 39%;
  }
}


@media(max-width:600px){
  .eco-points-two {
    bottom: -19%;
    left: 5%;
    width: 40%;
  }
  .eco-points-one {
    left: 30%;
    top: 12%;
    width: 40%;
  }
  .eco-points-three {
    right: 6%;
    top: -47%;
    width: 45%;
  }
}

@media(max-width:400px){
  .eco-points-two {
    bottom:-8%;
    left: 6%;
    width: 79%;
  }
  .eco-points-one {
    left: 26%;
    top: 3%;
    width: 64%;
  }
  .eco-points-three {
    right: -8%;
    top: -56%;
    width: 56%;
  }
}