/* =========================================================
   SERVICES CTA — FINAL FULL-BLEED CROPPED BACKGROUND
   ========================================================= */

.sv5 .sv5-cta{
  position: relative !important;

  background-color: #073149 !important;

  background-image:
    url("/assets/images/services/final/services-cta-lighthouse-final.webp") !important;

  background-size:
    cover !important;

  background-position:
    center center !important;

  background-repeat:
    no-repeat !important;
}


/* Dark text side, smoothly fading into photograph */
.sv5 .sv5-cta::before{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  z-index:-1 !important;

  pointer-events:none !important;

  background:
    linear-gradient(
      90deg,
      rgba(3,38,58,.98) 0%,
      rgba(3,41,61,.96) 24%,
      rgba(3,48,68,.88) 38%,
      rgba(3,59,79,.62) 52%,
      rgba(3,68,89,.27) 68%,
      rgba(3,72,94,.04) 84%
    ) !important;
}


.sv5 .sv5-cta::after{
  content:none !important;
}


.sv5 .sv5-cta-inner{
  position:relative !important;
  z-index:2 !important;
}


/* keep lighthouse biased toward the right on smaller screens */
@media(max-width:850px){

  .sv5 .sv5-cta{
    background-position:
      67% center !important;
  }

}


/* CTA final image vertical position */
.sv5 .sv5-cta{
  background-position:
    center 58% !important;
}


/* CTA image — move photograph slightly DOWN */
.sv5 .sv5-cta{
  background-position: center 43% !important;
}


/* CTA image — move a little further DOWN */
.sv5 .sv5-cta{
  background-position: center 38% !important;
}


/* CTA image — slightly further DOWN */
.sv5 .sv5-cta{
  background-position: center 34% !important;
}


/* CTA image — moved further down */
.sv5 .sv5-cta{
  background-position: center 26% !important;
}