/* Shared service page additions */

.service-hero {
  min-height: 390px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.42) 34%, rgba(0,0,0,0) 70%),
    url("../images/service-hero-bg.webp") center 47% / cover no-repeat;
}

.service-content {
  background:#fff;
}

.service-content h1 {
  color:#111;
  font-size:clamp(2rem, 4vw, 3rem);
}

.service-content p {
  color:#111;
  line-height:1.8;
  text-align:justify;
}

.service-wide-image {
  display:block;
  width:100%;
  border:1px solid #ddd;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.service-cta {
  background:
    linear-gradient(135deg, rgba(0,0,0,.95), rgba(35,35,35,.94)),
    url("../images/cta-bg.webp") center/cover no-repeat;
}

.service-cta h2 {
  color:#fff;
}

.service-cta a {
  color:#ff4a4a;
}

.service-cta-btn {
  border-radius:2rem;
  padding:.85rem 2rem;
  font-weight:700;
  border:2px solid var(--jacks-red);
  color:#111 !important;
}

.footer-logo {
  max-width:280px;
}

.footer-phone-link {
  color:var(--jacks-red) !important;
  font-size:1.8rem;
  font-weight:700;
  text-decoration:none;
}

@media(max-width:991.98px) {
  .service-hero {
    min-height:330px;
    background-position:66% center;
  }
  .service-content p {
    text-align:left;
  }
}

@media(max-width:575.98px) {
  .service-hero {
    min-height:290px;
  }
}