.svc-hero { padding: 0 10%; min-height: 450px; background-color: #1b1f25; }
.svc-hero .row { width: 100%; max-width: 100%; padding: 27px 0; }
.svc-hero .inner { padding: 100.8px 40px; margin: 6.8px 0; }
.svc-hero h1 { font: 550 57.6px/1em var(--sora); text-transform: uppercase; color: #fff; text-shadow: 0 -5.18px 15.55px rgba(0,0,0,.38); }
.svc-hero .sub { font: 700 17px/1em var(--lato); letter-spacing: 1px; text-transform: uppercase; color: #fff; padding: 5px 0 10px; margin-bottom: 29.5px; }
.svc-hero .btn-white { margin-top: 8px; }
.svc h2 { font: 700 var(--h2)/1.08 var(--h2-font); letter-spacing: var(--h2-ls); color: #1d1d1f; text-align: center; margin-bottom: 12px; }
.accent { width: 75px; height: 23px; margin: 0 auto; border-top: 1px solid #db7e53; }
.svc .copy { margin-bottom: 11px; font: 500 16px/28.8px var(--sans); color: #191919; }
.svc .copy p { padding-bottom: 17px; }
.svc .copy p:last-child { padding-bottom: 0; }
.svc-intro { padding: 50px 0 0; }
.svc-intro .r1 { padding: 27px 0 30px; }
.badges { padding: 20px; border: 1px solid var(--ink); border-radius: 5px; align-items: center; }
.svc .row.badges { width: 72%; max-width: 972px; margin: 36px auto 44px; }
.badges .col { text-align: center; }
.badges img { width: 104px; height: auto; }
.svc-split { padding: 50px 0; margin-top: 2px; }
.svc-split .row { padding: 9px 0 27px; align-items: stretch; }
.svc-split .ph { position: relative; overflow: hidden; border-radius: 3px; box-shadow: 0 2px 18px rgba(0,0,0,.3); min-height: 200px; }
.svc-split .ph picture, .svc-split .ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.svc-reviews { padding: 70px 0; background-color: #000; background-image: url("data:image/svg+xml,%3Csvg fill='rgba(224,153,0,0.16)' height='11' width='11' viewBox='0 0 11 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41,0,0,1.41V0ZM11,0H9.59L0,9.59V11H1.41L11,1.41Zm0,9.59L9.59,11H11Z'/%3E%3C/svg%3E"); background-size: auto; background-repeat: repeat; }
.svc-reviews .row { padding: 27px 0 0; background: #fff; box-shadow: 0 2px 18px rgba(0,0,0,.3); }
.svc-reviews h2 { margin-bottom: 8px; }
.slider { position: relative; }
.slide { display: none; padding: 0 18px; text-align: center; }
.slide.is-active { display: block; }
.slide .q { padding: 0 6% 60px; }
.slide blockquote { margin: 0; font: 500 17px/30.6px var(--sans); color: #000; padding-bottom: 10px; }
.slide cite { display: block; font: 400 15px/24px var(--sans); font-style: normal; color: #1c1c1c; }
.slider-dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 0; }
.slider-dots button { width: 24px; height: 24px; padding: 8.5px; border: 0; border-radius: 50%; background: #fc7100; background-clip: content-box; opacity: .5; cursor: pointer; }
.slider-dots button[aria-current="true"] { opacity: 1; }
.slider-dots button { position: relative; }
.svc-stats { padding: 50px 0 15px; }
.svc-stats .r1 { padding: 27px 0 0; }
.stat { height: 100%; padding: 15px; border: 1px solid var(--ink); border-radius: 5px; box-shadow: 3px 3px 0 rgba(232,119,41,.84); text-align: center; }
.stat .num { display: block; font: 700 72px/72px var(--lato); color: #000; padding: 20px 0 10px; }
.stat p { font: 500 15px/1em var(--sans); color: #000; padding-bottom: 10px; }
.svc-cta { padding: 30px 0 50px; }
.svc-cta .row { padding: 27px 0 0; }
.btn-black { background: #000; color: #fff; border: 2px solid #0b3954; }
@media (max-width: 980px) {
.svc-hero { padding: 0 30px; min-height: 350px; }
.svc-hero h1 { font-size: 53.76px; }
.svc-hero .inner { padding: 60px 20px; margin: 0; }
.svc .row { width: 85%; }
.svc .row.badges { width: 76.5%; margin: 28px auto 36px; }
.svc-split .ph { padding-top: 60%; min-height: 0; }
.badges .col { width: 29.6667% !important; margin: 0 0 20px !important; }
.badges { justify-content: center; gap: 0 5.5%; }
}
@media (min-width: 768px) and (max-width: 980px) { .badges { display: none; } }
@media (max-width: 767px) {
.svc-hero { min-height: 300px; }
.svc-hero h1 { font-size: 35.1px; line-height: 1.2em; }
.svc-hero .inner { padding: 60px 10px 45px; }
.svc-hero .sub { font-size: 11px; margin-bottom: 15px; }
.svc-hero .btn-white { margin-top: 0; }
.badges { flex-direction: column; padding: 30px 20px; }
.badges .col { width: 100% !important; margin: 0 0 30px !important; }
.badges .col:last-child { margin-bottom: 0 !important; }
.badges img { width: 64px; }
}
