/**
 * GraceHola Homepage V4 – scoped enhancements (child theme)
 * ---------------------------------------------------------
 * Loaded ONLY on pages listed in gh_v4_pages() (functions.php) – never site-wide.
 * Everything is scoped under body.gh-v4 so no other page can be affected.
 * The global header, drawer and footer live in gh-global.css (loaded site-wide).
 * Contents: 1) line icons  2) scroll reveal  3) testimonial rails
 *           5) form field styling  6) reduced-motion
 * Colour/spacing tokens come from Elementor V4 global variables (--gh-*).
 */

/* 1) LINE ICONS ----------------------------------------------------------
   Elementor's style sanitiser strips data-URIs, so icons live here and are
   attached to elements via the attribute data-gh-icon="name". */

body.gh-v4 [data-gh-icon]{position:relative}
body.gh-v4 div[data-gh-icon]::before{content:"";position:absolute;inset:0;margin:auto;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--gh-ico) center/contain no-repeat;mask:var(--gh-ico) center/contain no-repeat}
body.gh-v4 [data-gh-card="service"] div[data-gh-icon]::before{width:50%;height:50%}
body.gh-v4 a[data-gh-icon]::before{content:"";display:inline-block;flex:none;width:18px;height:18px;margin-inline-end:8px;background-color:currentColor;-webkit-mask:var(--gh-ico) center/contain no-repeat;mask:var(--gh-ico) center/contain no-repeat}
body.gh-v4 [data-gh-icon="strategy"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNSIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEuMiIvPjxwYXRoIGQ9Ik0xMiAzVjFNMTIgMjN2LTJNMyAxMkgxTTIzIDEyaC0yIi8+PC9zdmc+")}
body.gh-v4 [data-gh-icon="engage"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iMyIvPjxjaXJjbGUgY3g9IjE3IiBjeT0iOSIgcj0iMi41Ii8+PHBhdGggZD0iTTIuNSAxOWMwLTMuMyAyLjUtNS41IDUuNS01LjVzNS41IDIuMiA1LjUgNS41TTE0LjUgMTRjLjgtLjQgMS42MDAtLjUgMi41MDAtLjUgMi42MDAgMCA0LjUwMCAxLjgwMCA0LjUwMCA0LjUwMCIvPjwvc3ZnPg==")}
body.gh-v4 [data-gh-icon="review"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCA3aDExTTQgMTJoN000IDE3aDUiLz48cGF0aCBkPSJNMTcgMTRsNCA0TTE1IDE4YTMuNTAwIDMuNTAwIDAgMSAwIDAtLjF6Ii8+PHBhdGggZD0iTTIwIDRsLTMgMy0yLTIiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="project"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PHBhdGggZD0iTTMgOWgxOE04IDR2MTZNMTIgMTNoNU0xMiAxNmgzIi8+PC9zdmc+")}
body.gh-v4 [data-gh-icon="event"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMThNOCAzdjRNMTYgM3Y0Ii8+PHBhdGggZD0iTTEyIDEzLjUwMGwxIDIgMi4yMDAuMy0xLjYwMCAxLjUwMC40IDIuMjAwLTItMS4xMDAtMiAxLjEwMC40LTIuMjAwLTEuNjAwLTEuNTAwIDIuMjAwLS4zeiIvPjwvc3ZnPg==")}
body.gh-v4 [data-gh-icon="bid"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiAzaDlsNCA0djE0SDZ6Ii8+PHBhdGggZD0iTTE0IDN2NWg1TTkgMTNoN005IDE3aDUiLz48cGF0aCBkPSJNOSA5LjUwMGwxIDEgMi0yIi8+PC9zdmc+")}
body.gh-v4 [data-gh-icon="arrow"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxMmgxNU0xMyA2bDYgNi02IDYiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="check"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMi41MDBsNC41MDAgNC41MDBMMTkgNy41MDAiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="pin"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMjFzNy02LjEwMCA3LTEyYTcgNyAwIDAgMC0xNCAwYzAgNS45MDAgNyAxMiA3IDEyeiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iOSIgcj0iMi41MDAiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="prof"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM2w4IDN2NmMwIDQuNTAwLTMuNDAwIDgtOCA5LTQuNjAwLTEtOC00LjUwMC04LTlWNnoiLz48cGF0aCBkPSJNOC41MDAgMTJsMi41MDAgMi41MDAgNC41MDAtNSIvPjwvc3ZnPg==")}
body.gh-v4 [data-gh-icon="coprod"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSI5IiBjeT0iMTIiIHI9IjYiLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjEyIiByPSI2Ii8+PC9zdmc+")}
body.gh-v4 [data-gh-icon="unique"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM2E2IDYgMCAwIDAtMy41MDAgMTAuOTAwVjE3aDd2LTMuMTAwQTYgNiAwIDAgMCAxMiAzeiIvPjxwYXRoIGQ9Ik05LjUwMCAyMC41MDBoNU0xMC41MDAgMTd2My41MDAiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="social"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMjBzLTgtNC44MDAtOC0xMC41MDBBNC41MDAgNC41MDAgMCAwIDEgMTIgN2E0LjUwMCA0LjUwMCAwIDAgMSA4IDIuNTAwQzIwIDE1LjIwMCAxMiAyMCAxMiAyMHoiLz48L3N2Zz4=")}
body.gh-v4 [data-gh-icon="inclusive"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjUiIHI9IjIiLz48cGF0aCBkPSJNNCA5aDE2TTEyIDl2NU0xMiAxNGwtNCA3TTEyIDE0bDQgNyIvPjwvc3ZnPg==")}

/* 1b) SOCIAL ICONS (footer) */

/* 1c) Inline emphasis inside Elementor headings (fallback for <strong> colour) */
body.gh-v4 #gh-hero h1 strong{color:var(--gh-gold,#F3C10C);font-weight:inherit}
body.gh-v4 #gh-about h2 strong{color:var(--gh-royal,#003399);font-weight:inherit}

/* 1d) Service cards (image-led, Option 2): lift, gold wash, navy text.
   Hover rules apply to real pointer devices only; focus-within keeps keyboard users covered.
   Touch devices therefore keep the readable default state (dark overlay, white text). */
body.gh-v4 [data-gh-card="service"]{transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}
body.gh-v4 [data-gh-card="service"]:focus-within{transform:translateY(-5px)}
body.gh-v4 [data-gh-card="service"]:focus-within [data-gh-card-bg]{transform:scale(1.06)}
body.gh-v4 [data-gh-card="service"]:focus-within .gh-svc2-shade::after{opacity:.93}
body.gh-v4 [data-gh-card="service"]:focus-within .e-heading-base,
body.gh-v4 [data-gh-card="service"]:focus-within .e-paragraph-base{color:var(--gh-navy,#012840)}
body.gh-v4 [data-gh-card="service"]:focus-within [data-gh-icon]{background-color:var(--gh-navy,#012840);border-color:var(--gh-navy,#012840);color:var(--gh-gold,#F3C10C)}
body.gh-v4 [data-gh-card="service"]:focus-within .gh-svc2-go{background-color:var(--gh-navy,#012840);color:#fff}
@media (hover:hover) and (pointer:fine){
  body.gh-v4 [data-gh-card="service"]:hover{transform:translateY(-5px)}
  body.gh-v4 [data-gh-card="service"]:hover [data-gh-card-bg]{transform:scale(1.06)}
  body.gh-v4 [data-gh-card="service"]:hover .gh-svc2-shade::after{opacity:.93}
  body.gh-v4 [data-gh-card="service"]:hover .e-heading-base,
  body.gh-v4 [data-gh-card="service"]:hover .e-paragraph-base{color:var(--gh-navy,#012840)}
  body.gh-v4 [data-gh-card="service"]:hover [data-gh-icon]{background-color:var(--gh-navy,#012840);border-color:var(--gh-navy,#012840);color:var(--gh-gold,#F3C10C)}
  body.gh-v4 [data-gh-card="service"]:hover .gh-svc2-go{background-color:var(--gh-navy,#012840);color:#fff}
}

/* 1e) Select placeholder (options are filled in by gh-v4.js from data-gh-options) */
body.gh-v4 select{appearance:auto}

/* 2) SCROLL REVEAL (16–24px fade/translate; JS adds .gh-js to <html>) ------ */
.gh-js body.gh-v4 [data-gh-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--gh-delay,0ms)}
.gh-js body.gh-v4 [data-gh-reveal].is-visible{opacity:1;transform:none}
/* opacity-only reveal for rotated/positioned shapes (hero image group) */
.gh-js body.gh-v4 [data-gh-fade]{opacity:0;transition:opacity .8s ease;transition-delay:var(--gh-delay,0ms)}
.gh-js body.gh-v4 [data-gh-fade].is-visible{opacity:1}

/* 3) TESTIMONIAL RAILS ---------------------------------------------------- */
body.gh-v4 [data-gh-rail]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
body.gh-v4 [data-gh-rail].is-animated [data-gh-track]{animation:gh-rail-left var(--gh-dur,60s) linear infinite;will-change:transform}
body.gh-v4 [data-gh-rail="right"].is-animated [data-gh-track]{animation-name:gh-rail-right}
body.gh-v4 [data-gh-marquee].is-paused [data-gh-track],
body.gh-v4 [data-gh-rail]:hover [data-gh-track],
body.gh-v4 [data-gh-rail]:focus-within [data-gh-track]{animation-play-state:paused}
@keyframes gh-rail-left{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--gh-shift,50%)))}}
@keyframes gh-rail-right{from{transform:translateX(calc(-1 * var(--gh-shift,50%)))}to{transform:translateX(0)}}
@media (max-width:767px){
  body.gh-v4 [data-gh-rail]{-webkit-mask-image:none;mask-image:none}
  }

/* 3b) Testimonial play/pause - subtle icon control, far right of the section */
body.gh-v4 .gh-rail-toggle{display:flex;align-items:center;justify-content:center;align-self:flex-end;width:44px;height:44px;margin:0 var(--gh-gutter) 0 auto;padding:0;color:var(--gh-royal,#003399);background:#fff;border:1px solid var(--gh-line,#D5E0EF);border-radius:50%;cursor:pointer;transition:border-color .2s ease}
body.gh-v4 .gh-rail-toggle::before{content:"";width:16px;height:16px;background-color:currentColor;-webkit-mask:var(--gh-ico) center/contain no-repeat;mask:var(--gh-ico) center/contain no-repeat}
body.gh-v4 .gh-rail-toggle[data-state="playing"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwMCI+PHJlY3QgeD0iNiIgeT0iNSIgd2lkdGg9IjQiIGhlaWdodD0iMTQiIHJ4PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjUiIHdpZHRoPSI0IiBoZWlnaHQ9IjE0IiByeD0iMSIvPjwvc3ZnPg==")}
body.gh-v4 .gh-rail-toggle[data-state="paused"]{--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwMCI+PHBhdGggZD0iTTggNS41djEzYTEgMSAwIDAgMCAxLjUuOWwxMC02LjVhMSAxIDAgMCAwIDAtMS43bC0xMC02LjVBMSAxIDAgMCAwIDggNS41eiIvPjwvc3ZnPg==")}
body.gh-v4 .gh-rail-toggle:hover{border-color:var(--gh-royal,#003399)}
body.gh-v4 .gh-rail-toggle:focus-visible{outline:3px solid var(--gh-gold,#F3C10C);outline-offset:3px}


/* 5) FORMS – visible labels, clear focus ---------------------------------- */
body.gh-v4 form label{display:block;font:600 14px/1.3 var(--gh-font-heading,Poppins),sans-serif;color:var(--gh-navy,#012840)}
body.gh-v4 form input:not([type="checkbox"]),body.gh-v4 form select,body.gh-v4 form textarea{width:100%;box-sizing:border-box;padding:13px 14px;font:400 15px/1.4 var(--gh-font-body,Montserrat),sans-serif;color:var(--gh-ink,#0E2235);background:#fff;border:1.5px solid #9DB2CC;border-radius:4px}
body.gh-v4 form input:focus-visible,body.gh-v4 form select:focus-visible,body.gh-v4 form textarea:focus-visible{outline:3px solid var(--gh-gold,#F3C10C);outline-offset:1px;border-color:var(--gh-royal,#003399)}
body.gh-v4 form input[type="checkbox"]{width:20px;height:20px;flex:none;margin-top:2px;padding:0;color:#fff;background:#fff;border:1.5px solid #6F8AAE;border-radius:3px;cursor:pointer}
body.gh-v4 form input[type="checkbox"]:checked{background-color:var(--gh-royal,#003399);border-color:var(--gh-royal,#003399)}
body.gh-v4 form input[type="checkbox"]:focus-visible{outline:3px solid var(--gh-gold,#F3C10C);outline-offset:2px}
body.gh-v4 form input[type="checkbox"]+label{font-weight:400;font-size:14px;line-height:1.5;color:var(--gh-body,#3D4E5F);cursor:pointer}
body.gh-v4 form select,body.gh-v4 form input:not([type="checkbox"]){min-height:46px}
body.gh-v4 form button[type="submit"],body.gh-v4 form [type="submit"]{cursor:pointer}

/* 6) REDUCED MOTION ------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .gh-js body.gh-v4 [data-gh-reveal],.gh-js body.gh-v4 [data-gh-fade]{opacity:1;transform:none;transition:none}
  body.gh-v4 [data-gh-card="service"],body.gh-v4 [data-gh-card="service"] [data-gh-card-bg],body.gh-v4 [data-gh-card="service"] .gh-svc2-shade::after{transition:none!important;transform:none!important}
  body.gh-v4 [data-gh-rail]{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  body.gh-v4 [data-gh-rail] [data-gh-track]{animation:none!important}
  body.gh-v4 *{scroll-behavior:auto!important}
}

/* 7) MOBILE REFINEMENTS (scoped) ------------------------------------------
   Phone spacing system: 24px page gutter (20px below 375px), 64px section rhythm.
   The Elementor containers read these tokens, so this one block re-tunes the whole page. */
@media (max-width:767px){
  body.gh-v4{--gh-gutter:24px;--gh-section-y:64px}
  body.gh-v4 [data-gh-rail]{scrollbar-width:none;-ms-overflow-style:none}
  body.gh-v4 [data-gh-rail]::-webkit-scrollbar{display:none}
}
@media (max-width:374px){
  body.gh-v4{--gh-gutter:20px}
}

/* 8) MOBILE POLISH (scoped) ------------------------------------------------ */
/* 8a) Testimonial slider controls (JS-built, phones only) */
body.gh-v4 .gh-slider-ui{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px var(--gh-gutter,24px) 0}
body.gh-v4 .gh-slider-arrow{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--gh-royal,#003399);background:#fff;border:1px solid var(--gh-line,#D5E0EF);border-radius:50%;cursor:pointer}
body.gh-v4 .gh-slider-arrow::before{content:"";width:16px;height:16px;background-color:currentColor;-webkit-mask:var(--gh-ico) center/contain no-repeat;mask:var(--gh-ico) center/contain no-repeat;--gh-ico:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgMTJoMTVNMTMgNmw2IDYtNiA2Ii8+PC9zdmc+")}
body.gh-v4 .gh-slider-prev::before{transform:scaleX(-1)}
body.gh-v4 .gh-slider-dots{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}
body.gh-v4 .gh-slider-dot{position:relative;width:24px;height:44px;padding:0;background:none;border:0;cursor:pointer}
body.gh-v4 .gh-slider-dot::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--gh-line,#D5E0EF);box-shadow:inset 0 0 0 1px #9DB2CC;transition:background-color .25s ease,width .25s ease,margin .25s ease,border-radius .25s ease}
body.gh-v4 .gh-slider-dot[aria-current="true"]::before{width:20px;margin-left:-10px;border-radius:4px;background:var(--gh-gold,#F3C10C);box-shadow:none}
body.gh-v4 .gh-slider-arrow:focus-visible,body.gh-v4 .gh-slider-dot:focus-visible{outline:3px solid var(--gh-gold,#F3C10C);outline-offset:2px}
body.gh-v4 [data-gh-rail]:focus-within{scroll-behavior:auto}
@media (max-width:767px){
  body.gh-v4 [data-gh-rail]{scroll-padding-inline:var(--gh-gutter,24px);padding-inline:var(--gh-gutter,24px)!important}
  /* compact avatar instead of a large portrait; text-only cards stay text-only */
  body.gh-v4 [data-gh-card="testimonial"]:has(.gh-tphoto) .gh-tname,
  body.gh-v4 [data-gh-card="testimonial"]:has(.gh-tphoto) .gh-tmeta{padding-inline-end:68px}
}
@media (min-width:768px){body.gh-v4 .gh-slider-ui{display:none}}
@media (prefers-reduced-motion:reduce){body.gh-v4 .gh-slider-dot::before{transition:none}}