.section-1 .hero {
  background-image: url("../assets/images/about/About-hero.jpg");
  background-size: cover;
  background-position: 50% 60%;
  min-height: 75vh;
}
/* .section-1 .hero>.text-container{
    background-color: rgba(0, 68, 255, 0.9);
    color:white;
    padding:15px 20px;
    border-radius: 10px 0;
} */
#section-1 .content p {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
}

#section-1 {
  overflow: hidden;
  min-height: 65vh;
}
#myVideo-section-2 {
  position: absolute;
  min-width: 100%;
  top: -25%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#myVideo-section-2 video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
}
#section-1 .section2-video-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  /* background: rgb(10, 10, 10); */
  /* opacity: 0.4; */
}
.bring-front {
  z-index: 40;
}

.section-2-img-1 {
  background-image: url("../assets/images/about/Security-guard-standing.jpg");
  background-size: cover;
  background-position: 50% 50%;
  min-height: 500px;
  box-shadow: 4px 4px 8px rgb(0 0 0 / 35%);
  border-radius: 0 30px;
}
.section-2-img-2 {
  background-image: url("../assets/images/about/Security-guard-uniform.jpg");
  background-size: cover;
  background-position: 50% 50%;
  min-height: 700px;
  box-shadow: 4px 4px 8px rgb(0 0 0 / 35%);
  border-radius: 30px 0;
}
.section-3 {
  background-image: linear-gradient(
      rgba(0, 7, 35, 0.757),
      rgba(0, 7, 35, 0.757)
    ),
    url("../assets/images/about/Woman-guard-uniform-bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  /* position: absolute; */
  /* bottom: 0; */
}
.section-4 {
  background-image: url("../assets/images/about/Section-4-bg.jpg");
  background-size: cover;
  background-position: 50% 100%;
  min-height: 90vh;
}
.section-4 .container-fluid {
  padding: 100px;
}

@media (max-width: 991px) {
  #section-1 .content p {
    max-width: 90vw;
  }
  #section-1 {
    min-height: 40vh;
  }
  .section-4 .container-fluid {
    padding: 50px;
  }
  .section-4 {
    background-position: 40% 100%;
    min-height: 60vh;
  }
  .section-2-img-1 {
    min-height: 400px;
  }
  #myVideo-section-2 {
    position: relative;
    min-width: unset;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
  }
  #myVideo-section-2 video {
    position: absolute;
    max-width: 100%;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    margin: unset;
    min-height: unset;
    /* min-width: 100; */
  }
}
@media (max-width: 575px) {
  #myVideo-section-2 video {
    position: absolute;
    max-width: 120%;
    top: unset;
    bottom: unset;
    right: unset;
    left: -8%;
    margin: unset;
    min-height: unset;
    /* min-width: 100; */
  }
  #section-1 {
    min-height: 25vh;
  }
  .section-4 .container-fluid {
    padding: 10px;
  }
  .section-3b a.fs-5 {
    font-size: 16px !important;
  }
  .display-4 {
    font-size: calc(1.375rem + 1.5vw);
  }
  .section-4 .h1 {
    font-size: 1.375rem !important;
    margin-top: 10px;
  }
  .section-4 {
    min-height: 50vh;
  }
  .section-2-img-1 {
    min-height: 250px;
  }
  li.fs-5 {
    font-size: 16px !important;
  }
}