.eco-air-outer {
    background-image: url(https://www.resmed.com.au/hubfs/AirSense2023/Section-therapy-1.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 900px;
   background-position: center center; /* Adjust to align as per design */
    background-repeat: no-repeat;
  float: left;
    position: relative;
    width: 100%;
    height: auto;
}
.eco-air-sub-title h6 {
    margin: 0px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
   
    font-size: 16px;
    color: #FFFFFF;
}
.eco-air-heading {
    padding-top: 30px;
    max-width: 500px;
    margin: 0px auto;
}
.eco-air-heading h2 {
    margin: 0px;
    line-height: 47.5px;
    font-weight: 300;
    text-align: center;
 
    font-size: 38px;
    color: #FFFFFF;
}

.point-item.eco-points-one.active svg {
    fill: #fff;
}
.point-item.eco-points-one.active path {
    fill: #0D0A15;
}
.point-item.eco-points-two.active svg {
    fill: #fff;
}
.point-item.eco-points-two.active path {
    fill: #0D0A15;
}
.point-item.eco-points-three.active svg {
    fill: #fff;
}
.point-item.eco-points-three.active path {
    fill: #0D0A15;
}
.eco-points-one, .eco-points-two, .eco-points-three {
    transition: opacity 0.3s, transform 0.3s;
}
.text{
    display: none;
}

.point-item.active {
    opacity: 1;
    transform: scale(1.1);
}

.active .text {
    display: block;
}


/***   css start ere ********/
.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;

}

.eco-main-head h2{
  margin: 0px;
  line-height:47.5px;
  font-weight:300;
  text-align:center;

}
.eco-main-head {
  padding-top: 30px;
}

.point-one p,
.point-two p,
.point-three p {
  margin:0px;
  line-height:23px;
  font-weight:400;
 
  padding-top:15px;
  color: #ffff !important;
}

.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:#0D0A15;
}
.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-weight:700;
}

@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-air-heading 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%;
  }
}