@import "../template.css";
.page-service .page-header .header-wrapper {
  position: relative;
  background-color: hsla(var(--secondaryHS), var(--secondaryL), 0.25);
  overflow: hidden;
  -webkit-border-radius: var(--borderRadiusDefault);
  -moz-border-radius: var(--borderRadiusDefault);
  border-radius: var(--borderRadiusDefault);
}
@media (max-width: 992px) {
  .page-service .page-header .header-bg {
    bottom: auto;
    height: 40vw;
  }
}
@media (max-width: 767px) {
  .page-service .page-header .header-bg {
    height: 80vw;
  }
  .page-service .page-header .header-bg img {
    object-position: 90% 50%;
  }
}
.page-service .page-header .header-bg::after {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  background: radial-gradient(60% 120% at 90% 60%, hsla(var(--secondaryHS), var(--secondaryL), 0) 50%, hsla(var(--secondaryHS), var(--secondaryL), 0.7) 96%);
}
@media (max-width: 992px) {
  .page-service .page-header .header-bg::after {
    background: radial-gradient(200% 90% at 50% 40%, hsla(var(--secondaryHS), var(--secondaryL), 0) 50%, hsla(var(--secondaryHS), var(--secondaryL), 1) 62%);
  }
}
.page-service .page-header .header-content {
  position: relative;
  min-height: 540px;
}
@media (max-width: 1200px) {
  .page-service .page-header .header-content {
    min-height: 0;
  }
}
@media (max-width: 992px) {
  .page-service .page-header .header-content {
    margin-top: 40vw;
    background-color: hsla(var(--secondaryHS), var(--secondaryL), 1);
  }
}
@media (max-width: 767px) {
  .page-service .page-header .header-content {
    margin-top: 80vw;
  }
}
.page-service .page-header .header-content .content-wrapper {
  padding: 160px 100px;
  margin-right: auto;
  max-width: 780px;
}
@media (max-width: 1400px) {
  .page-service .page-header .header-content .content-wrapper {
    max-width: 680px;
  }
}
@media (max-width: 1200px) {
  .page-service .page-header .header-content .content-wrapper {
    padding: 120px 3rem;
    max-width: 50%;
  }
}
@media (max-width: 992px) {
  .page-service .page-header .header-content .content-wrapper {
    margin-left: auto;
    text-align: center;
    max-width: 540px;
    padding: 3rem 2rem 4rem;
  }
}
.page-service .page-header .header-content .content-wrapper .header-button {
  margin-top: 1.2rem;
}
.page-service .page-header .service-features {
  padding-bottom: 5rem;
}
.page-service .page-header .service-features .features-header {
  text-align: center;
  margin: 5rem auto 3rem;
  max-width: 520px;
}