/* ALM Media service pages kit (AI Content, Permits & Locations, Consulting).
   Loaded only on those pages (body.alm-svc-page). Sizes, colours and spacing copy the live Production and
   Strategy pages (measured at 1440px, Oct 2026). Every class starts with svcp- so the global WPBakery CSS
   (close-row, faq-row, testi-row ...) never reaches these sections. */

body.alm-svc-page {
  --svcp-paper: var(--paper, #F7F5F1);
  --svcp-paper2: var(--paper-2, #EFEBE3);
  --svcp-ink: var(--ink, #111111);
  --svcp-ink-soft: var(--ink-soft, #3C3A36);
  --svcp-muted: var(--muted, #6E6A62);
  --svcp-hair: var(--hair, #E2DDD3);
  --svcp-text: #494949;
  --svcp-red: var(--red, #BF2B36);
  --svcp-red-ink: #9A1F28;
  --svcp-red-wash: #FCEBEB;
  --svcp-yellow: var(--yellow, #F8C757);
  --svcp-yellow-ink: #5A4A12;
  --svcp-green: #1FA463;
  --svcp-display: "Poppins", "Segoe UI", system-ui, sans-serif;
  --svcp-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --svcp-rubik: "Rubik", "Segoe UI", system-ui, sans-serif;
  --svcp-side: var(--side-padding, clamp(20px, 5vw, 80px));
  --svcp-edge: var(--content-edge-x, max(var(--svcp-side), calc((100vw - 1240px) / 2 + var(--svcp-side))));
  --svcp-hh: var(--header-height, 68px);
}

/* ---------- flush wrappers (same as Strategy / Casting) ---------- */
body.alm-svc-page { overflow-x: clip; padding-top: 0 !important; background-color: var(--svcp-paper) !important; }
body.alm-svc-page #page,
body.alm-svc-page .page-content,
body.alm-svc-page .page-container,
body.alm-svc-page .main-content,
body.alm-svc-page .site-content,
body.alm-svc-page .content-area,
body.alm-svc-page .entry-content,
body.alm-svc-page article.page,
body.alm-svc-page .hentry {
  max-width: 100% !important; width: 100% !important;
  padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important;
  margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important;
  overflow-x: visible !important;
}
body.alm-svc-page .page-container.bottom-offset { padding-bottom: 0 !important; margin-bottom: 0 !important; }
body.alm-svc-page .entry-content > p:empty { display: none; }

/* ---------- header clear over the hero, dark glass once scrolled (copied from Strategy) ---------- */
body.alm-svc-page header#masthead,
body.alm-svc-page #masthead {
  background: #000000 !important; background-color: #000000 !important;
  border-bottom: none !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body.alm-svc-page #masthead:not(.header-is-scrolled),
body.alm-svc-page #masthead:not(.header-is-scrolled) .header-wrap {
  background: transparent !important; background-color: transparent !important;
  border-bottom: none !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body.alm-svc-page #masthead.header-is-scrolled {
  background: rgba(17, 17, 17, 0.94) !important; background-color: rgba(17, 17, 17, 0.94) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important; backdrop-filter: blur(14px) saturate(140%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}
body.alm-svc-page #mega-menu-wrap #secondary-menu li:not(.header-nav-cta):not(.header-social-link) a {
  color: #ffffff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}
body.alm-svc-page #mega-menu-wrap #secondary-menu li:not(.header-nav-cta):not(.header-social-link) a:hover { color: #F8C757 !important; }
body.alm-svc-page #mega-menu-wrap ul#secondary-menu li.header-nav-cta a { color: var(--svcp-ink) !important; text-shadow: none !important; }
body.alm-svc-page #masthead .header-social a,
body.alm-svc-page #mega-menu-wrap ul#secondary-menu li.header-social-link a {
  color: #ffffff !important; opacity: 0.92 !important; background: transparent !important; background-color: transparent !important;
}
body.alm-svc-page #masthead .header-social a:hover,
body.alm-svc-page #mega-menu-wrap ul#secondary-menu li.header-social-link a:hover { color: #F8C757 !important; opacity: 1 !important; }
body.alm-svc-page #masthead .alm-burger { color: #ffffff; }

/* ---------- base ---------- */
.svcp { font: 400 16px/1.65 var(--svcp-rubik); color: var(--svcp-text); -webkit-font-smoothing: antialiased; }
.svcp *, .svcp *::before, .svcp *::after { box-sizing: border-box; }
.svcp h1, .svcp h2, .svcp h3, .svcp p, .svcp ul, .svcp figure, .svcp blockquote { margin: 0; padding: 0; }
.svcp h1, .svcp h2, .svcp h3 { text-wrap: balance; text-transform: none; }
.svcp img { max-width: 100%; height: auto; display: block; }
.svcp p { width: auto !important; }
.svcp a { text-decoration: none; }
.svcp ul { list-style: none; }

.svcp-sec { position: relative; padding: 96px var(--svcp-edge) 108px; }
.svcp-bg-paper { background: var(--svcp-paper); }
.svcp-bg-white { background: #ffffff; }
.svcp-bg-paper2 { background: var(--svcp-paper2); }
.svcp-eyebrow { font: 600 12px/16.8px var(--svcp-display); letter-spacing: 1.92px; text-transform: uppercase; color: var(--svcp-muted); }
.svcp-h2 { font: 600 clamp(32px, 3.2vw, 46px)/1.1 var(--svcp-display); letter-spacing: -0.025em; color: var(--svcp-ink); margin-top: 16px !important; }
.svcp-desc { font: 400 18px/28.8px var(--svcp-body); color: var(--svcp-ink-soft); max-width: 585px; margin-top: 18px !important; }
.svcp-hl { color: var(--svcp-red); }

.svcp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font: 600 14px/16.8px var(--svcp-display); letter-spacing: .14px; padding: 14px 24px; border-radius: 4px; white-space: nowrap; color: var(--svcp-ink) !important; border: 1px solid transparent; transition: background-color .2s ease, border-color .2s ease, color .2s ease; cursor: pointer; }
.svcp-btn-y { background: var(--svcp-yellow); }
.svcp-btn-y:hover { background: #F5BD3E; }
.svcp-btn-w { background: #ffffff; border-color: var(--svcp-hair); }
.svcp-btn-w:hover { border-color: var(--svcp-ink); }
.svcp-btn-ghost { color: #ffffff !important; border: 1.5px solid rgba(255, 255, 255, .85); padding: 12.5px 22.5px; background: transparent; }
.svcp-btn-ghost:hover { background: #ffffff; color: var(--svcp-ink) !important; }
.svcp-ext { width: 13px; height: 13px; flex: none; }
.svcp-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; margin-top: 22px; }
.svcp-foot { text-wrap: balance; font: 400 16px/25.6px var(--svcp-display); color: var(--svcp-ink-soft); text-align: center; max-width: 660px; margin: 44px auto 0 !important; padding-top: 36px !important; border-top: 1px solid var(--svcp-hair); }

/* ---------- hero ---------- */
.svcp-hero { position: relative; min-height: 600px; display: flex; flex-direction: column; justify-content: center; color: #ffffff; background: #0C0F14; padding: calc(var(--svcp-hh) + 40px) var(--svcp-edge) 56px; overflow: hidden; }
.svcp-hero-bg { position: absolute; inset: 0; z-index: 0; }
.svcp .svcp-hero-bg img, .svcp .svcp-hero-img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; filter: brightness(0.78) contrast(1.05); }
.svcp .svcp-hero-video { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; filter: brightness(0.78) contrast(1.05); }
@media (prefers-reduced-motion: reduce) { .svcp .svcp-hero-video { display: none !important; } }
.svcp-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(105deg, rgba(8,8,10,.84) 0%, rgba(8,8,10,.6) 40%, rgba(8,8,10,.28) 72%, rgba(8,8,10,.16) 100%), linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.1) 40%, rgba(0,0,0,.5) 100%); }
.svcp-hero-body { position: relative; z-index: 2; max-width: 760px; }
.svcp-hero-title { font: 600 clamp(36px, 4.03vw, 58px)/1.06 var(--svcp-display) !important; letter-spacing: -0.02em; color: #ffffff !important; max-width: 690px; }
.svcp-hero-text { font: 400 clamp(16px, 1.39vw, 20px)/1.5 var(--svcp-body); color: #ffffff; margin-top: 18px !important; max-width: 690px; }
.svcp-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.svcp-hero-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 20px; font: 500 13.5px/1.3 var(--svcp-body); color: rgba(255,255,255,.88); }
.svcp-hero-trust span::before { content: "✓"; margin-right: 7px; color: var(--svcp-yellow); }

/* ---------- intro ---------- */
.svcp-intro { display: grid; grid-template-columns: 1fr 1.9fr; gap: 57.6px; padding-top: 88px; padding-bottom: 88px; align-items: start; }
.svcp-intro-label { font: 400 clamp(32px, 3.26vw, 47px)/1.12 var(--svcp-display); color: #000000; }
.svcp-intro-title { font: 500 clamp(28px, 2.92vw, 42px)/1.1 var(--svcp-display) !important; letter-spacing: -0.01em; color: var(--svcp-red) !important; }
.svcp-intro-text { font: 400 clamp(18px, 1.81vw, 26px)/1.5 var(--svcp-display); color: var(--svcp-ink-soft); margin-top: 14px !important; }

/* ---------- logos ---------- */
.svcp-logos-sec { padding-top: 108px; padding-bottom: 96px; }
.svcp-logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 42px; }
.svcp-logo-box { height: 84px; display: flex; align-items: center; justify-content: center; padding: 16px; background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 8px; }
.svcp-logo-box img { max-width: 70%; max-height: 38px; width: auto; height: auto; object-fit: contain; opacity: .85; }

/* ---------- feature rows ---------- */
.svcp-feats { padding-top: 0; }
.svcp-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; align-items: center; padding-top: 96px; }
.svcp-feat-txt { max-width: 446px; }
.svcp-feat-txt h3 { font: 500 clamp(28px, 2.5vw, 36px)/1.15 var(--svcp-display) !important; letter-spacing: -0.01em; color: var(--svcp-ink) !important; }
.svcp-feat-txt h3::after { content: ""; display: block; width: 46px; height: 2px; background: var(--svcp-red); margin-top: 16px; }
.svcp-feat-txt p { font: 400 16px/27.2px var(--svcp-body); color: var(--svcp-muted); margin-top: 18px !important; }
.svcp-feat-img img { width: 100%; aspect-ratio: 512 / 320; height: auto; object-fit: cover; border-radius: 4px; }
.svcp-feat.svcp-flip .svcp-feat-img { order: -1; }

/* ---------- 5 coloured cards ---------- */
.svcp-cards5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 58px; }
.svcp-c5 { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 8px; padding: 18px 18px 20px; display: flex; flex-direction: column; }
.svcp-badge5 { align-self: flex-start; font: 600 12px/14.4px var(--svcp-display); padding: 3px 10px; border-radius: 5px; border: 1px solid transparent; }
.svcp-b-yellow { background: var(--svcp-yellow); color: var(--svcp-yellow-ink); }
.svcp-b-red { background: var(--svcp-red); color: #ffffff; }
.svcp-b-black { background: var(--svcp-ink); color: #ffffff; }
.svcp-b-outline { background: #ffffff; color: var(--svcp-ink); border-color: var(--svcp-ink); }
.svcp-b-red-outline { background: #ffffff; color: var(--svcp-red); border-color: var(--svcp-red); }
.svcp-c5-tag { font: 400 12px/16.8px var(--svcp-body); color: var(--svcp-muted); margin: 8px 0 12px; }
.svcp-c5-list { display: grid; gap: 7px; }
.svcp .svcp-c5-list li { font: 400 13px/18.2px var(--svcp-body); color: var(--svcp-ink-soft); padding: 0; margin: 0; }
.svcp-c5-more { font: italic 400 12px/16.8px var(--svcp-body); color: var(--svcp-muted); margin-top: 10px; }

/* ---------- lists ---------- */
.svcp-dots { display: grid; gap: 9px; }
.svcp-dots li { position: relative; font: 400 13.5px/19.6px var(--svcp-rubik); color: var(--svcp-ink-soft); padding: 2px 0 2px 18px; }
.svcp-dots li::before { content: ""; position: absolute; left: 2px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--svcp-red); }

/* ---------- service cards (rows line up across the 3 cards) ---------- */
.svcp-svc3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; margin-top: 44px; }
.svcp-sc { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 8px; display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 0; transition: transform .25s ease, box-shadow .25s ease; }
.svcp-sc:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(17,17,17,.10); }
.svcp-sc.svcp-featured { border-color: var(--svcp-red); box-shadow: 0 0 0 1px var(--svcp-red); }
.svcp-sc.svcp-featured:hover { box-shadow: 0 0 0 1px var(--svcp-red), 0 14px 30px rgba(17,17,17,.12); }
.svcp-sc-img { border-radius: 8px 8px 0 0; overflow: hidden; background: #0C0F14; }
.svcp .svcp-sc-img img { width: 100% !important; height: 220px !important; object-fit: cover; }
.svcp-sc-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 20px 22px 10px; }
.svcp-sc-badge { font: 500 11px/18.15px var(--svcp-display); color: var(--svcp-red-ink); background: var(--svcp-red-wash); padding: 3px 9px; border-radius: 5px; }
.svcp-featured .svcp-sc-badge { background: var(--svcp-red); color: #ffffff; }
.svcp-sc-tip { position: relative; width: 21px; height: 21px; border-radius: 50%; border: 1px solid var(--svcp-hair); display: grid; place-items: center; font: italic 600 11px/1 Georgia, serif; color: var(--svcp-muted); cursor: help; }
.svcp-sc-tip::after { content: attr(data-tip); position: absolute; right: -6px; bottom: calc(100% + 8px); width: 220px; padding: 10px 12px; border-radius: 8px; background: var(--svcp-ink); color: #ffffff; font: normal 400 12.5px/1.45 var(--svcp-body); text-align: left; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease; z-index: 5; pointer-events: none; }
.svcp-sc-tip:hover::after, .svcp-sc-tip:focus::after { opacity: 1; visibility: visible; transform: none; }
.svcp-sc-title { font: 600 19px/22.8px var(--svcp-display) !important; color: var(--svcp-ink) !important; margin: 0 22px 6px !important; }
.svcp-sc-for { font: 400 13px/20px var(--svcp-rubik); color: var(--svcp-muted); margin: 0 22px 14px !important; }
.svcp-sc-list { margin: 0 22px 8px !important; align-content: start; }
.svcp-sc-more { font: italic 400 12px/16.8px var(--svcp-body); color: var(--svcp-muted); margin: 0 22px 14px !important; align-self: end; }
.svcp-sc-price { margin: 0 22px; padding: 14px 0 24px; border-top: 1px solid var(--svcp-hair); font: 400 12px/16.8px var(--svcp-body); color: var(--svcp-muted); }
.svcp-sc-price b { display: block; font: 600 16px/22.4px var(--svcp-display); letter-spacing: -0.16px; color: var(--svcp-ink); margin-bottom: 2px; }

/* ---------- 3 small cards ---------- */
.svcp-ad-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 44px; }
.svcp-ad { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 8px; padding: 24px 24px 26px; }
.svcp-ad.svcp-accent { border-color: var(--svcp-red); }
.svcp-ad h3 { font: 600 17px/20.4px var(--svcp-display) !important; color: var(--svcp-ink) !important; margin-bottom: 4px !important; }
.svcp-kick { font: 500 12px/19.8px var(--svcp-display); color: var(--svcp-red); margin-bottom: 14px; }
.svcp-ad-big { font: 600 26px/1.15 var(--svcp-display); letter-spacing: -.4px; color: var(--svcp-ink); margin: 0 0 14px; }
.svcp-ad-link { display: inline-block; margin-top: 16px; font: 500 13px/21.45px var(--svcp-display); color: var(--svcp-red) !important; }
.svcp-ad-link:hover { text-decoration: underline; }

/* ---------- retainer ---------- */
.svcp-marquee { overflow: hidden; margin-top: 34px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.svcp-track { display: flex; gap: 10px; width: max-content; animation: svcp-slide 38s linear infinite; }
.svcp-track-copy { display: contents; }
.svcp-marquee:hover .svcp-track { animation-play-state: paused; }
@keyframes svcp-slide { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 5px)); } }
.svcp-rchip { font: 400 13px/21.45px var(--svcp-display); color: var(--svcp-ink-soft); background: var(--svcp-paper2); border: 1px solid var(--svcp-hair); border-radius: 999px; padding: 7px 14px; white-space: nowrap; }
.svcp-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 40px; align-items: stretch; }
.svcp-plan { position: relative; background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 10px; padding: 28px 24px 30px; display: flex; flex-direction: column; }
.svcp-plan.svcp-featured { border-color: var(--svcp-red); box-shadow: 0 0 0 1px var(--svcp-red); }
.svcp-plan-badge { position: absolute; top: -12px; left: 24px; font: 500 11px/18.15px var(--svcp-display); color: #ffffff; background: var(--svcp-red); padding: 3px 10px; border-radius: 5px; }
.svcp-tier { font: 600 21px/1.4 var(--svcp-display); color: var(--svcp-ink); }
.svcp-aud { font: 500 13px/21.45px var(--svcp-display); color: var(--svcp-red-ink); margin-top: 2px; }
.svcp-pr { font: 600 22px/1.15 var(--svcp-display); letter-spacing: -0.4px; color: var(--svcp-ink); margin: 14px 0; }
.svcp-pr span { font: 400 13px/1 var(--svcp-display); letter-spacing: 0; color: var(--svcp-muted); }
.svcp-pdesc { font: 400 14px/21.7px var(--svcp-rubik); color: var(--svcp-muted); margin-bottom: 18px !important; }
.svcp-ticks { margin: 0 0 28px !important; display: grid; gap: 10px; }
.svcp-ticks li { position: relative; font: 400 13.5px/18.9px var(--svcp-rubik); color: var(--svcp-ink-soft); padding: 2px 0 2px 22px; }
.svcp-ticks li::before { content: "✓"; position: absolute; left: 0; top: 2px; color: var(--svcp-red); font-weight: 700; }
.svcp-plan .svcp-btn { width: 100%; margin-top: auto; }
.svcp-rnote { font: 400 13px/20.15px var(--svcp-display); color: var(--svcp-muted); text-align: center; max-width: 640px; margin: 30px auto 0 !important; }
.svcp-rnote b { color: var(--svcp-ink-soft); font-weight: 600; }

/* ---------- two-card rows ---------- */
.svcp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 44px; }
.svcp-dq { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 10px; padding: 24px 26px 26px; }
.svcp-dq.svcp-alm { border: 2px solid var(--svcp-red); }
.svcp-dq.svcp-yes { background: rgba(31,164,99,.06); border-color: rgba(31,164,99,.55); }
.svcp-dq.svcp-no { background: rgba(191,43,54,.05); border-color: rgba(191,43,54,.42); }
.svcp-dq h3 { font: 600 18px/21.6px var(--svcp-display) !important; color: var(--svcp-ink) !important; margin-bottom: 6px !important; }
.svcp-dq-sub { font: 400 12px/17.4px var(--svcp-display); color: var(--svcp-muted); margin-bottom: 8px; }
.svcp-ln { display: flex; gap: 10px; padding: 10px 0; border-top: 1px solid var(--svcp-hair); font: 400 14px/19.6px var(--svcp-rubik); color: var(--svcp-ink-soft); }
.svcp-ln i { font: normal 700 14px/19.6px var(--svcp-rubik); flex: none; width: 11px; }
.svcp-ck { color: var(--svcp-green); }
.svcp-cr { color: var(--svcp-muted); }
.svcp-no .svcp-cr { color: var(--svcp-red); }
.svcp-xc { display: block; background: var(--svcp-paper2); border: 1px solid var(--svcp-hair); border-radius: 8px; padding: 24px 26px; transition: transform .25s ease, box-shadow .25s ease; }
.svcp-xc:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(17,17,17,.08); }
.svcp-xc h3 { font: 600 17px/1.3 var(--svcp-display) !important; color: var(--svcp-ink) !important; }
.svcp-xc p { font: 400 13.5px/21px var(--svcp-display); color: var(--svcp-muted); margin-top: 6px !important; }
.svcp-xc span { display: inline-block; margin-top: 12px; font: 500 13px/1.3 var(--svcp-display); color: var(--svcp-red); }

/* ---------- reach ---------- */
.svcp-reach { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; align-items: start; }
.svcp-rb + .svcp-rb { margin-top: 20px; }
.svcp-rb-l { font: 600 13px/1.3 var(--svcp-display); color: var(--svcp-red); margin-bottom: 10px; }
.svcp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.svcp-chip { font: 400 13px/21.45px var(--svcp-display); padding: 6px 13px; border-radius: 999px; border: 1px solid var(--svcp-hair); background: var(--svcp-paper2); color: var(--svcp-ink-soft); }

/* ---------- case studies ---------- */
.svcp-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 44px; }
.svcp-case { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.svcp .svcp-case img { width: 100% !important; height: 200px !important; object-fit: cover; object-position: center 30%; }
.svcp-case-b { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.svcp-case-cat { font: 600 10px/1 var(--svcp-display); letter-spacing: 1.2px; text-transform: uppercase; color: var(--svcp-red); }
.svcp-case h3 { font: 600 17px/1.3 var(--svcp-display) !important; color: var(--svcp-ink) !important; }
.svcp-case p { font: 400 12.5px/18px var(--svcp-rubik); color: var(--svcp-ink-soft); }
.svcp-case p b { font: 600 9.5px/1 var(--svcp-display); letter-spacing: 1px; text-transform: uppercase; color: var(--svcp-ink); margin-right: 6px; }
.svcp-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: auto; padding-top: 14px; }
.svcp-metrics b { display: block; font: 600 18px/1.2 var(--svcp-display); color: var(--svcp-ink); }
.svcp-metrics span { font: 400 11px/1.3 var(--svcp-body); color: var(--svcp-muted); }
.svcp .svcp-quote { grid-column: span 2; background: var(--svcp-ink); color: var(--svcp-paper); border-radius: 8px; padding: 34px 38px; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.svcp-quote blockquote { font: 500 clamp(18px, 1.6vw, 22px)/1.5 var(--svcp-display); color: #ffffff; border: 0; }
.svcp-quote figcaption { font: 400 14px/1.4 var(--svcp-body); color: rgba(247,245,241,.7); }
.svcp-stars { color: var(--svcp-yellow); letter-spacing: 3px; font-size: 15px; }

/* ---------- guarantee ---------- */
.svcp-guar { display: grid; grid-template-columns: 172px minmax(0, 1fr); gap: 60px; align-items: center; padding: 58px 60px; background: linear-gradient(120deg, #EFEBE3, #FFFFFF 55%, #EFEBE3); border: 1px solid var(--svcp-hair); border-radius: 18px; box-shadow: 0 18px 50px -34px rgba(17,17,17,.45); }
.svcp-g-badge { width: 172px; height: 172px; border-radius: 50%; background: linear-gradient(150deg, #BF2B36, #9E222C); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; text-align: center; padding: 14px; }
.svcp-g-badge b { font: 700 40px/1 var(--svcp-display); letter-spacing: -0.8px; }
.svcp-g-badge span { font: 600 11px/1.5 var(--svcp-display); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 9px; }
.svcp-g-text .svcp-eyebrow { display: block; margin-bottom: 14px; }
.svcp-g-text h2 { font: 600 clamp(28px, 2.78vw, 40px)/1.08 var(--svcp-display) !important; letter-spacing: -1px; color: var(--svcp-ink) !important; }
.svcp-g-text p { font: 400 17px/27.2px var(--svcp-display); color: var(--svcp-ink-soft); margin-top: 16px !important; max-width: 640px; }
.svcp-g-text small { display: block; font: 400 12px/1.5 var(--svcp-display); color: var(--svcp-muted); margin-top: 14px; }

/* ---------- FAQ ---------- */
.svcp-faq-sec { padding-bottom: 72px; }
.svcp-faq-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; margin-top: 50px; }
.svcp-faq-col { min-width: 0; }
.svcp-faq-cols details { border-bottom: 1px solid var(--svcp-hair); }
.svcp-faq-cols summary { list-style: none; cursor: pointer; position: relative; padding: 18px 34px 18px 0; font: 600 16px/26.4px var(--svcp-display); letter-spacing: -0.16px; color: var(--svcp-ink); }
.svcp-faq-cols summary::-webkit-details-marker { display: none; }
.svcp-faq-cols summary::after { content: "+"; position: absolute; right: 2px; top: 13px; font: 500 22px/36.3px var(--svcp-display); color: var(--svcp-red); }
.svcp-faq-cols details[open] summary::after { content: "–"; }
.svcp-faq-cols details p { font: 400 14.5px/23.2px var(--svcp-display); color: var(--svcp-ink-soft); padding: 0 34px 20px 0; margin-top: -2px !important; }

/* ---------- learn with ALM ---------- */
.svcp-learn-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 40px; }
.svcp-course { background: #ffffff; border: 1px solid var(--svcp-hair); border-radius: 10px; padding: 24px 24px 20px; display: flex; flex-direction: column; }
.svcp-soon { align-self: flex-start; font: 500 11px/18px var(--svcp-display); color: var(--svcp-red-ink); background: var(--svcp-red-wash); padding: 2px 9px; border-radius: 5px; }
.svcp-course h3 { font: 600 19px/1.3 var(--svcp-display) !important; color: var(--svcp-ink) !important; margin-top: 14px !important; }
.svcp-course .svcp-kick { margin: 2px 0 12px; }
.svcp-course .svcp-dots { margin-bottom: 18px !important; }
.svcp-course-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--svcp-hair); font: 400 12px/1.5 var(--svcp-body); color: var(--svcp-muted); }
.svcp-course-foot b { display: block; font: 600 13px/1.4 var(--svcp-display); color: var(--svcp-red); margin-bottom: 4px; }
.svcp-waitbar { margin-top: 14px; background: var(--svcp-ink); color: var(--svcp-paper); border-radius: 10px; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.svcp-waitbar h3 { font: 700 16px/1.3 var(--svcp-display) !important; color: #ffffff !important; }
.svcp-waitbar p { font: 400 12.5px/1.45 var(--svcp-body); color: rgba(247,245,241,.75); max-width: 56ch; margin-top: 2px !important; }
.svcp-waitlist { display: flex; gap: 8px; flex: none; margin: 0; }
.svcp-waitlist input[type="email"] { width: 200px; height: 38px; border: 0; border-radius: 5px; padding: 0 12px; font: 400 13px/1 var(--svcp-body); background: #ffffff; color: var(--svcp-ink); margin: 0; }
.svcp-waitlist .svcp-btn { padding: 11px 14px; font-size: 13px; }
.svcp .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.svcp-waitlist-ok { font: 600 14px/1.4 var(--svcp-display); color: var(--svcp-yellow); }

/* ---------- closing call to action ---------- */
.svcp-close { padding-bottom: 110px; }
.svcp-close-title { font: 600 clamp(42px, 4.44vw, 64px)/1.02 var(--svcp-display) !important; letter-spacing: -0.03em; color: var(--svcp-ink) !important; margin-top: 14px !important; }
.svcp-close-text { font: 400 18px/27px var(--svcp-display); color: var(--svcp-ink-soft); margin-top: 20px !important; max-width: 520px; }
.svcp-close .svcp-btns { justify-content: flex-start; margin-top: 30px; }

/* ---------- breakpoints (same steps as the live site: 1080 / 991 / 820 / 767) ---------- */
@media (max-width: 1080px) {
  .svcp-cards5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .svcp-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  body.alm-svc-page { --svcp-hh: 60px; }
  .svcp-feat { gap: 40px; }
  .svcp-reach { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 820px) {
  .svcp-svc3, .svcp-plans, .svcp-ad-grid, .svcp-two, .svcp-learn-grid { grid-template-columns: minmax(0, 1fr); }
  .svcp-svc3 { gap: 18px; }
  .svcp-sc { display: flex; flex-direction: column; grid-row: auto; }
  .svcp-sc-more { align-self: auto; }
  .svcp-sc-price { margin-top: auto; }
  .svcp-plans { gap: 30px; }
  .svcp-waitbar { flex-direction: column; align-items: stretch; }
  .svcp-waitlist { flex-direction: column; }
  .svcp-waitlist input[type="email"] { width: 100%; }
  .svcp .svcp-quote { grid-column: auto; padding: 28px 24px; }
}
@media (max-width: 767px) {
  .svcp-sec { padding-top: 64px; padding-bottom: 72px; }
  .svcp-intro { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 56px; padding-bottom: 56px; }
  .svcp-logos-sec { padding-top: 64px; padding-bottom: 64px; }
  .svcp-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svcp-feats { padding-top: 0; padding-bottom: 64px; }
  .svcp-feat { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-top: 56px; }
  .svcp-feat .svcp-feat-img { order: -1; }
  .svcp-cards5 { grid-template-columns: minmax(0, 1fr); margin-top: 36px; }
  .svcp-cases { grid-template-columns: minmax(0, 1fr); }
  .svcp-faq-cols { grid-template-columns: minmax(0, 1fr); }
  .svcp-faq-sec { padding-bottom: 56px; }
  .svcp-guar { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 32px 24px; justify-items: start; }
  .svcp-g-badge { width: 140px; height: 140px; }
  .svcp-g-badge b { font-size: 32px; }
  .svcp-close { padding-top: 64px; padding-bottom: 64px; }
  .svcp-close .svcp-btns .svcp-btn, .svcp-btns .svcp-btn { flex: 1 1 100%; }
  .svcp-hero { min-height: 560px; }
  .svcp-hero-actions .svcp-btn { flex: 1 1 100%; }
  .svcp-foot { margin-top: 32px !important; }
  .svcp-sc-tip::after { right: -6px; width: 200px; }
  .svcp-h2 br { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .svcp-track { animation: none; }
  .svcp-marquee { overflow-x: auto; }
  .svcp-sc, .svcp-xc, .svcp-btn { transition: none; }
  .svcp-sc:hover, .svcp-xc:hover { transform: none; }
}

/* Reviews module on the service pages: the same module as Home and Production (#testimonials-block, built by
   almano-custom.body.js from window.ALMANO_TESTIMONIALS). Copied 2026-10-23 from:
   1. the inline <style id="almano-testimonials-trustbar-critical"> the theme prints on Home/Production,
   2. Production page CSS "TESTIMONIALS — shared home module", with body.page:has(.prod-hero-row) -> body.alm-svc-page. */

/* ---- 1. trust bar critical CSS ---- */
body.home .vc_row.testi-row .tmoni-inner .trustbar,
    body.home .vc_row.testi-row .tmoni-inner .testi-trustbar,
    body.home .vc_row.testi-row #testimonials-block .trustbar,
    body.home .vc_row.testi-row #testimonials-block .testi-trustbar,
    .testi-row .trustbar,
    .testi-row .testi-trustbar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 12px auto 46px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-group,
    body.home .vc_row.testi-row .testi-trustbar .tb-group,
    .testi-row .trustbar .tb-group,
    .testi-row .testi-trustbar .tb-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 9px !important;
        padding: 6px clamp(30px, 5vw, 58px) !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-stars,
    body.home .vc_row.testi-row .testi-trustbar .tb-stars,
    .testi-row .trustbar .tb-stars,
    .testi-row .testi-trustbar .tb-stars {
        color: #F8C757 !important;
        -webkit-text-fill-color: #F8C757 !important;
        letter-spacing: 3px !important;
        font-size: 20px !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-rating,
    body.home .vc_row.testi-row .testi-trustbar .tb-rating,
    .testi-row .trustbar .tb-rating,
    .testi-row .testi-trustbar .tb-rating {
        font-family: Poppins, system-ui, sans-serif !important;
        font-weight: 700 !important;
        font-size: clamp(40px, 5.5vw, 54px) !important;
        line-height: 1 !important;
    }
    body.home .vc_row.testi-row .testi-eyebrow,
    .testi-row .testi-eyebrow {
        color: #111111 !important;
        -webkit-text-fill-color: #111111 !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-sub,
    body.home .vc_row.testi-row .testi-trustbar .tb-sub,
    .testi-row .trustbar .tb-sub,
    .testi-row .testi-trustbar .tb-sub {
        font-size: 13px !important;
        color: #111111 !important;
        -webkit-text-fill-color: #111111 !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-avatars,
    body.home .vc_row.testi-row .testi-trustbar .tb-avatars,
    .testi-row .trustbar .tb-avatars,
    .testi-row .testi-trustbar .tb-avatars {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: none !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-avatars img,
    body.home .vc_row.testi-row .testi-trustbar .tb-avatars img,
    body.home .vc_row.testi-row .tmoni .tb-avatars img,
    .testi-row .trustbar .tb-avatars img,
    .testi-row .testi-trustbar .tb-avatars img {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        flex: 0 0 34px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        border: 2px solid #EFEBE3 !important;
        margin-left: -10px !important;
        display: block !important;
    }
    body.home .vc_row.testi-row .trustbar .tb-avatars img:first-child,
    .testi-row .trustbar .tb-avatars img:first-child {
        margin-left: 0 !important;
    }
    body.home .vc_row.testi-row .testi-head h2,
    .testi-row .testi-head h2 {
        margin-top: 8px !important;
        font-weight: 600 !important;
        font-size: clamp(32px, 4.8vw, 56px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.025em !important;
    }
    @media (max-width: 680px) {
        body.home .vc_row.testi-row .trustbar .tb-group + .tb-group,
        .testi-row .trustbar .tb-group + .tb-group {
            display: none !important;
        }
        body.home .vc_row.testi-row .trustbar .tb-group:first-child .tb-sub,
        .testi-row .trustbar .tb-group:first-child .tb-sub {
            display: none !important;
        }
    }

/* ---- 2. Production testimonials section ---- */
/* ═══════════════════════════════════════════════════════════════════════════
   TESTIMONIALS — shared home module (testi-row + #testimonials-block)
   Matches Home.css / Global.css / testimonials-section.html on Production page.
   Row class: testi-row | Raw HTML: #testimonials-block or .tmoni
   ═══════════════════════════════════════════════════════════════════════════ */

body.alm-svc-page .vc_row.testi-row,
body.alm-svc-page .vc_row-full-width:has(.testi-row),
body.alm-svc-page .vc_row-full-width.vc_clearfix:has(.testi-row) {
  background: #EFEBE3 !important;
  background-color: #EFEBE3 !important;
}

body.alm-svc-page .vc_row.testi-row {
  box-sizing: border-box !important;
  float: none !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  left: auto !important;
  padding: clamp(60px, 8vw, 108px) 0 clamp(40px, 5vw, 60px) !important;
  border: none !important;
}

body.alm-svc-page .vc_row.testi-row > .wpb_column,
body.alm-svc-page .vc_row.testi-row .vc_row-fluid,
body.alm-svc-page .vc_row.testi-row .vc_row {
  background: #EFEBE3 !important;
  background-color: #EFEBE3 !important;
}

body.alm-svc-page .vc_row.testi-row .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.alm-svc-page .vc_row.testi-row .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  max-width: var(--prod-maxw, var(--maxw, 1240px)) !important;
  margin: 0 auto !important;
  padding-left: var(--prod-pad-x, var(--side-padding, clamp(20px, 5vw, 80px))) !important;
  padding-right: var(--prod-pad-x, var(--side-padding, clamp(20px, 5vw, 80px))) !important;
  box-sizing: border-box !important;
}

body.alm-svc-page .vc_row.testi-row .wpb_raw_html:has(.tmoni),
body.alm-svc-page .vc_row.testi-row .wpb_raw_html:has(#testimonials-block),
body.alm-svc-page .vc_row.testi-row .wpb_content_element:has(.tmoni),
body.alm-svc-page .vc_row.testi-row .wpb_content_element:has(#testimonials-block) {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.alm-svc-page .vc_row.testi-row .tmoni,
body.alm-svc-page .vc_row.testi-row #testimonials-block {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.alm-svc-page .vc_row.testi-row .tmoni-inner {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.alm-svc-page .vc_row.testi-row .testi-head {
  text-align: center !important;
  margin: 0 auto 30px !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.alm-svc-page .vc_row.testi-row .testi-eyebrow {
  display: block !important;
  margin: 0 0 8px !important;
  font-family: var(--display, "Poppins", system-ui, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body.alm-svc-page .vc_row.testi-row .testi-head h2,
body.alm-svc-page .vc_row.testi-row .testi-head .testi-title {
  margin: 8px 0 0 !important;
  font-family: var(--display, "Poppins", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: clamp(32px, 4.8vw, 56px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

@media (min-width: 768px) {
  body.alm-svc-page .vc_row.testi-row .testi-head h2,
  body.alm-svc-page .vc_row.testi-row .testi-head .testi-title {
    white-space: nowrap !important;
  }
}

body.alm-svc-page .vc_row.testi-row .tmoni-inner:has(.trustbar) .trating,
body.alm-svc-page .vc_row.testi-row .tmoni-inner:has(.testi-trustbar) .trating {
  display: none !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar,
body.alm-svc-page .vc_row.testi-row .testi-trustbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 12px auto 46px !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-group,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 9px !important;
  padding: 6px clamp(30px, 5vw, 58px) !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-top,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-top {
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-stars,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-stars {
  color: #F8C757 !important;
  -webkit-text-fill-color: #F8C757 !important;
  letter-spacing: 3px !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-rating,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-rating {
  margin: 0 !important;
  font-family: var(--display, "Poppins", system-ui, sans-serif) !important;
  font-weight: 700 !important;
  font-size: clamp(40px, 5.5vw, 54px) !important;
  line-height: 1 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-sub,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-sub {
  margin: 0 !important;
  font-family: var(--body, "Inter", system-ui, sans-serif) !important;
  font-size: 13px !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-sub a,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-sub a {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-avatars,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-avatars {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-avatars img,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-avatars img,
body.alm-svc-page .vc_row.testi-row .tmoni .tb-avatars img {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #EFEBE3 !important;
  margin-left: -10px !important;
  display: block !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-avatars img:first-child,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-avatars img:first-child {
  margin-left: 0 !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-avatar,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  border: 2px solid #EFEBE3 !important;
  margin-left: -10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

body.alm-svc-page .vc_row.testi-row .trustbar .tb-avatar:first-child,
body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-avatar:first-child {
  margin-left: 0 !important;
}

body.alm-svc-page .vc_row.testi-row .testi-carousel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(10px, 2vw, 18px) !important;
  width: 100% !important;
}

body.alm-svc-page .vc_row.testi-row .testi-carousel-viewport {
  overflow: hidden !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.alm-svc-page .vc_row.testi-row .testi-track.tquotes,
body.alm-svc-page .vc_row.testi-row .tquotes.testi-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.alm-svc-page .vc_row.testi-row .testi-track .tq {
  flex: 0 0 calc((100% - (var(--testi-per-view, 3) - 1) * 18px) / var(--testi-per-view, 3)) !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

body.alm-svc-page .vc_row.testi-row .testi-arrow {
  flex: 0 0 auto !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid #E2DDD3 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  cursor: pointer !important;
  position: relative !important;
  appearance: none !important;
}

body.alm-svc-page .vc_row.testi-row .testi-arrow::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-top: 2px solid #111111 !important;
  border-right: 2px solid #111111 !important;
  transform: translate(-50%, -50%) rotate(-135deg) !important;
}

body.alm-svc-page .vc_row.testi-row .testi-arrow--next::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.alm-svc-page .vc_row.testi-row .tq {
  background: #ffffff !important;
  border: 1px solid #E2DDD3 !important;
  border-radius: 8px !important;
  padding: 26px 24px !important;
  min-height: 210px !important;
  box-sizing: border-box !important;
}

body.alm-svc-page .vc_row.testi-row .tq--text {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}

body.alm-svc-page .vc_row.testi-row .tq--text p {
  margin: 0 !important;
  font-family: var(--display, "Poppins", system-ui, sans-serif) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body.alm-svc-page .vc_row.testi-row .tq--text .tq-a,
body.alm-svc-page .vc_row.testi-row .tq .tq-a {
  margin: 14px 0 0 !important;
  font-family: var(--body, "Inter", system-ui, sans-serif) !important;
  font-size: 13px !important;
  color: #3C3A36 !important;
  -webkit-text-fill-color: #3C3A36 !important;
}

body.alm-svc-page .vc_row.testi-row .tq--video {
  padding: 0 !important;
  min-height: 210px !important;
  overflow: hidden !important;
}

body.alm-svc-page .vc_row.testi-row .tq-vthumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 7px 7px 0 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
}

@media (max-width: 680px) {
  body.alm-svc-page .vc_row.testi-row .trustbar .tb-group + .tb-group,
  body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-group + .tb-group {
    display: none !important;
  }

  body.alm-svc-page .vc_row.testi-row .trustbar .tb-group:first-child .tb-sub,
  body.alm-svc-page .vc_row.testi-row .testi-trustbar .tb-group:first-child .tb-sub {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.alm-svc-page .vc_row.testi-row {
    padding-top: clamp(48px, 10vw, 72px) !important;
    padding-bottom: clamp(32px, 6vw, 48px) !important;
  }

  body.alm-svc-page .vc_row.testi-row .testi-head h2,
  body.alm-svc-page .vc_row.testi-row .testi-head .testi-title {
    white-space: normal !important;
    font-size: clamp(28px, 7.5vw, 40px) !important;
  }
}

@media (max-width: 640px) {
  body.alm-svc-page .vc_row.testi-row .testi-carousel {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 14px !important;
  }

  body.alm-svc-page .vc_row.testi-row .testi-carousel-viewport {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.alm-svc-page .vc_row.testi-row .testi-arrow--prev {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
  }

  body.alm-svc-page .vc_row.testi-row .testi-arrow--next {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: end !important;
  }
}

/* Reviews row: no column gutter, so the cards are as wide as on Production (the theme adds 15px a side on phones). */
body.alm-svc-page .vc_row.testi-row > .wpb_column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}