.sec2 .wrapper .head {
  margin-bottom: 15.5rem;
}

.sec3 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sec3 .overlayImg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec3 .paragraph {
  margin-top: 5rem;
}
.sec3 .susbscribeForm {
  margin-top: 8rem;
}

/********************************* SERVICE SINGLE ********************************/
.serviceInfoSec .wrapper .lp .lpContent {
  max-width: 53rem;
}
.serviceInfoSec .wrapper .rp .videoContainer {
  height: 100%;
  width: 100%;
  position: relative;
}
.serviceInfoSec .wrapper .rp .videoContainer .playIconContainer {
  position: absolute;
  z-index: 1;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.serviceInfoSec .wrapper .rp .videoContainer .playIconContainer .playIcon {
  background-color: var(--active-color);
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 0.4rem;
}
.serviceInfoSec .wrapper .rp .videoContainer video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .serviceInfoSec .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .serviceInfoSec .wrapper .rp .videoContainer {
    height: 50rem;
  }
}
/*# sourceMappingURL=services.css.map */