@import "home-services-bg.css";
.section-1 {
  background-image: url("../assets/images/services/Male-Security-Guard-2.jpg");
  background-size: cover;
  background-position: 70% 60%;
  min-height: 65vh;
}

.section-1 .content p {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

.section-2 .container-xxl {
  padding: 15vh 0;
}
.rounded-8p {
  border-radius: 8px;
}
.service-cards {
  height: 210px;
  background-size: cover;
  color: #0b4a8e;
  background-color: rgba(237, 237, 237, 0.7);
  /* border: 1px solid #0046ff; */
  border-radius: 8px;
}
.service-cards img {
  width: 70px;
  filter: invert(76%) sepia(96%) saturate(784%) hue-rotate(177deg)
    brightness(95%) contrast(101%);
  /* filter: invert(77%) sepia(99%) saturate(7498%) hue-rotate(227deg)
    brightness(102%) contrast(106%); */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.service-cards img {
  width: 70px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.service-cards h2 {
  margin-top: 25px;
  font-size: 1.4rem;
  text-align: center;
}
.tile-images {
  height: 350px;
  width: 500px;
  overflow: hidden;
}
.tile-images img {
  min-height: 100%;
  width: 120%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .section-1 .content p {
    max-width: 98vw;
  }
  .section-1 {
    min-height: 55vh;
  }
  .section-2 .container-xxl {
    padding: 100px 10px;
  }
}

@media (max-width: 575px) {
  .section-2 .container-xxl {
    padding: 30px 10px;
  }
  .section-1 .content .display-3 {
    font-size: 1.5rem;
  }
  .tile-images {
    max-height: 50vmin;
    max-width: 78vmin;
    margin-left: auto;
    margin-right: auto;
  }
}