#hero {
  background: url('https://sugs-assets.s3.ap-south-1.amazonaws.com/services/EPC\ Projects\ -\ bg.png') no-repeat;
  background-size: contain;
  background-position-x: right;
  background-position-y: center;
  padding-top: 0px;
}

#more {
  background: url('https://sugs-assets.s3.ap-south-1.amazonaws.com/services-bg.png') no-repeat;
  background-position-x: -20px;
  margin-block: 300px 250px;
  padding-top: 100px;
}

#more .heading img {
  width: 74px;
  height: 74px;
  margin-bottom: 25px;
}

#more .section-heading {
  margin-bottom: 78px;
}

#more .about-card {
  padding-block: 91px;
}

#more .card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1439px) {
  #more {
    background-position-x: -30px !important;
  }

  #hero .wrapper .text-wrap {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 991px) {
  #more {
    background-position-x: -45px !important;
    margin-block: 100px 250px;
  }

  #more .heading img {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  #more .card-wrap {
    grid-template-columns: 100%;
  }
  #more {
    background-position-x: -75px !important;
    margin-block: 100px 250px;
  }
}