.header {
  /* background: linear-gradient(rgba(3, 18, 35, 0.58), rgba(3, 18, 35, 0.58)),
    url("../img/hero_area.webp"); */
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 1, 25, 0.7)),
    url("../img/hero-banner.webp");
  background-size: cover;
  background-position: 40% 60%;
  padding: 100px 0;
  color: white;
}
h1, .h1 {
    font-size: 54px;
    color: #fff;
}

.testimonials h5{
    font-size: 17px;
}

@media (max-width: 575px) {

  .header {
    /* background: linear-gradient(rgba(3, 18, 35, 0.58), rgba(3, 18, 35, 0.58)),
    url("../img/hero_area.webp"); */
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 1, 25, 0.7)),
    url("../img/hero-banner.webp");
    background-size: cover;
    background-position: 40% 60%;
    padding: 100px 0;
    color: white;
  }

      h1, .h1 {
        font-size: 33px;
        margin-bottom: 20px;
    }
        .service-icon {
        top: 53%;
    }
        .map-section {
        margin-top: 16px;
        height: auto;
    }
    .service-card h5 {
    font-size: 21px;
}
}