:root {
  --main-color: #000000;
  --second-color: #ffffff;
  --third-color: #ecf0f4;
  --background-color: rgba(192, 192, 192, 0.4);
  --placeholder-color: #a1a1a1;
}
@media (max-width: 576px) {
}
@media (max-width: 768px) {
  .about {
    .img-one {
      img {
        height: 400px !important;
        width: 100%;
      }
    }
    .header-section {
      h3 {
        font-size: 35px;
      }
    }
    .img-two {
      display: none;
    }
    p {
      font-size: 15px;
    }
    li {
      font-size: 14px;
      color: #555151;
    }
  }
  .service-card {

  
    img {
      transition: all 0.3s ease;
      object-fit: cover;
      height: 400px !important;
    }
}

}
@media (max-width: 991px) {
 
}
@media (max-width: 992px) {
}
@media (max-width: 1200px) {
  .about {
    .img-one {
      img {
        height: 600px;
        width: 100%;
      }
    }
    .header-section {
      h3 {
        font-size: 40px;
      }
    }
    .img-two {
      bottom: -25px;
      background-color: transparent;
    }
    p {
      font-size: 16px;
    }
    li {
      font-size: 15px;
      color: #555151;
    }
  }
}

@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}