/* Site graphics (assets/art/*.svg) for the current theme.
   Copied from the Neon theme so the homepage illustrations work without Neon.
   Light colours only; neon.css overrides these when Neon is on. */
:root{
  --gn-bg:#f6f8fb;--gn-bg2:#eef2f6;--gn-panel:rgba(255,255,255,.82);--gn-panel-solid:#ffffff;
  --gn-line:rgba(15,23,42,.09);--gn-line2:rgba(15,23,42,.16);--gn-text:#0b1220;--gn-mute:#556072;
  --gn-neon:#00a14e;--gn-neon-ink:#00843f;--gn-volt:#0b8fd0;--gn-btn-text:#ffffff;
  --gn-glow:rgba(0,191,99,.30);--gn-glow2:rgba(11,143,208,.18);--gn-shadow:0 14px 40px rgba(15,23,42,.07);
  --gn-grid:rgba(15,23,42,.05);
  --gn-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gn-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}
.gh-art{position:relative;border-radius:28px;border:1px solid var(--gn-line);overflow:hidden;
  background-color:var(--gn-bg2);
  background-image:radial-gradient(60% 60% at 80% 10%,var(--gn-glow2),transparent 70%),radial-gradient(50% 50% at 10% 90%,var(--gn-glow),transparent 70%),
    linear-gradient(var(--gn-grid) 1px,transparent 1px),linear-gradient(90deg,var(--gn-grid) 1px,transparent 1px);
  background-size:auto,auto,40px 40px,40px 40px;box-shadow:var(--gn-shadow)}
.gh-art svg{display:block;width:100%;height:auto}
.gh-art-svg text{font-family:var(--gn-font)}
.gh-art-svg .ga-stop-neon{stop-color:var(--gn-neon)}
.gh-art-svg .ga-stop-volt{stop-color:var(--gn-volt)}
.gh-art-svg .ga-card{fill:var(--gn-panel-solid);stroke:var(--gn-line2);stroke-width:1}
.gh-art-svg .ga-card-hi{fill:var(--gn-panel-solid);stroke:var(--gn-neon);stroke-width:1.2;filter:drop-shadow(0 0 18px var(--gn-glow))}
.gh-art-svg .ga-chip{fill:var(--gn-panel-solid);stroke:var(--gn-line2);stroke-width:1;filter:drop-shadow(0 10px 22px rgba(15,23,42,.10))}
.gh-art-svg .ga-field{fill:var(--gn-bg2);stroke:var(--gn-line);stroke-width:1}
.gh-art-svg .ga-line{stroke:var(--gn-line2);stroke-width:1}
.gh-art-svg .ga-dot{fill:var(--gn-line2)}
.gh-art-svg .ga-neon{fill:var(--gn-neon)}
.gh-art-svg .ga-volt{fill:var(--gn-volt)}
.gh-art-svg .ga-red{fill:#ef4444}
.gh-art-svg .ga-white{fill:#fff}
.gh-art-svg .ga-text{fill:var(--gn-text)}
.gh-art-svg .ga-mute-f{fill:var(--gn-line2)}
.gh-art-svg .ga-soft{fill:var(--gn-neon);fill-opacity:.14}
.gh-art-svg .ga-soft-v{fill:var(--gn-volt);fill-opacity:.16}
.gh-art-svg .ga-neon-s{fill:none;stroke:var(--gn-neon);stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-volt-s{fill:none;stroke:var(--gn-volt);stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-mute-s{fill:none;stroke:var(--gn-mute);stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-tickpath{fill:none;stroke:var(--gn-neon);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-mono{font-family:var(--gn-mono)!important;font-size:11px;letter-spacing:.14em;fill:var(--gn-mute)}
.gh-art-svg .ga-mute{fill:var(--gn-mute)}
.gh-art-svg .ga-neon-t{fill:var(--gn-neon-ink)}
.gh-art-svg .ga-label{font-size:14px;fill:var(--gn-mute)}
.gh-art-svg .ga-big{font-size:38px;font-weight:700;letter-spacing:-1.2px;fill:var(--gn-text)}
.gh-art-svg .ga-big2{font-size:21px;font-weight:700;letter-spacing:-.6px;fill:var(--gn-text)}
.gh-art-svg .ga-chiptxt{font-size:14px;font-weight:600;fill:var(--gn-text)}
.gh-art-svg .ga-chipsub{font-size:12px;fill:var(--gn-mute)}
.gh-art-svg .ga-initial{font-size:15px;font-weight:700;fill:var(--gn-neon-ink)}
.gh-art-svg .ga-badge{font-size:11px;font-weight:700;fill:var(--gn-btn-text)}
.gh-art-svg .ga-ring-bg{fill:none;stroke:var(--gn-line);stroke-width:10}
.gh-art-svg .ga-ring{fill:none;stroke-width:10;stroke-linecap:round}
.gh-art-svg .ga-ringtxt{font-size:20px;font-weight:700;fill:var(--gn-text)}
.gh-art-svg .ga-graph{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-link{fill:none;stroke:var(--gn-line2);stroke-width:2}
.gh-art-svg .ga-flow{fill:none;stroke:var(--gn-neon);stroke-width:2.4;stroke-dasharray:6 14;stroke-linecap:round;animation:gaFlow 1.6s linear infinite;filter:drop-shadow(0 0 4px var(--gn-glow))}
.gh-art-svg .ga-pulse{animation:gaPulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
/* Cards in the graphics stay still (floating up and down switched off Nov 2026) */
.gh-art-svg .ga-blink1{animation:gaBlink 1.2s steps(2) infinite}
.gh-art-svg .ga-blink2{animation:gaBlink 1.7s steps(2) infinite}
.gh-art-svg .ga-blink3{animation:gaBlink .9s steps(2) infinite}
.gh-art-svg .ga-bar1,.gh-art-svg .ga-bar2,.gh-art-svg .ga-bar3{transform-box:fill-box;transform-origin:center;animation:gaEq 1s ease-in-out infinite}
.gh-art-svg .ga-bar2{animation-delay:-.3s}.gh-art-svg .ga-bar3{animation-delay:-.6s}
.gh-art-svg .ga-wave{animation:gaPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}
.gh-art-svg .ga-badge-s{fill:none;stroke:var(--gn-btn-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gh-art-svg .ga-road{fill:none;stroke:var(--gn-line2);stroke-width:10;stroke-linecap:round}
.gh-art-svg .ga-road2{fill:none;stroke:var(--gn-line);stroke-width:5;stroke-linecap:round}
.gh-art.gh-art-banner{border:0;background:transparent;box-shadow:none}
@keyframes gaFlow{to{stroke-dashoffset:-40}}
@keyframes gaPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}
@keyframes gaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes gaBlink{50%{opacity:.25}}
@keyframes gaEq{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.gh-art-svg *{animation:none!important}}
html[data-theme="dark"] .gh-art-svg .ga-chip{filter:none}

/* Cards used on the IT help desk and Remote IT pages (from Neon) */
.gh-ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.gh-ind-card{padding:28px 26px;border-radius:22px;background:var(--gn-panel-solid);border:1px solid var(--gn-line);box-shadow:var(--gn-shadow);scroll-margin-top:120px}
.gh-ind-card h3{font-size:1.25rem;font-weight:700;margin:0 0 10px;color:#00a14e}
.gh-ind-card p{font-size:.98rem;line-height:1.6;margin:0 0 10px}

/* Image and text rows (IT help desk, Remote IT): even spacing, centred on phones */
@media (max-width:767px){
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:56px!important;padding-bottom:0!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .img-block{margin-bottom:28px!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block{text-align:center;margin:0!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block h2,:is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block h3{margin-bottom:14px}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block .btn{margin-top:8px!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section).pb-100,:is(.gh-rows,.ct-01.content-section,.ct-02.content-section).py-100{padding-bottom:60px!important}
}

/* Hide the small green label above page headings in every page hero (Nov 2026) */
.page-hero-section .section-id{display:none!important}

/* New-style pages (purple hero with illustration): centre the hero on phones too */
@media (max-width:767px){
  .gh-hero .txt-block{text-align:center;margin-bottom:36px}
  .gh-hero .txt-block .btn{margin-left:auto;margin-right:auto}
}

/* Pricing cards: highlight the middle (Plus) plan, same thin gradient border and soft glow as the contact form */
html body .p-table.pricing-3-table.gh-featured{position:relative;background:#fff!important;border:1px solid transparent!important;box-shadow:0 0 60px rgba(11,143,208,.18)!important}
html body .p-table.pricing-3-table.gh-featured::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#00a14e,#0b8fd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
html[data-theme="dark"] body .p-table.pricing-3-table.gh-featured{background:var(--gn-panel-solid)!important;box-shadow:0 0 60px var(--gn-glow2)!important}
html[data-theme="dark"] body .p-table.pricing-3-table.gh-featured::before{background:linear-gradient(120deg,var(--gn-neon),var(--gn-volt))}

/* Menu links that jump to a row land below the sticky header */
.gh-rows[id]{scroll-margin-top:90px}

/* Services menu: five columns side by side (same as Neon) */
@media (min-width:992px){.wsmenu>.wsmenu-list>li>.wsmegamenu.w-75.gh-mm5{width:min(1140px,calc(100vw - 80px))!important;left:0!important;right:auto!important}.gh-mm5 .row{display:flex!important;flex-wrap:nowrap!important}.gh-mm5 .link-list{flex:1 1 0!important;width:auto!important;max-width:none!important;float:none!important}}

/* Section group labels (Cloud page) */
.gh-group-title{font-size:.85rem!important;letter-spacing:.14em;text-transform:uppercase;color:#00a14e!important;font-weight:700!important;margin:36px 0 16px!important;text-align:center}

/* Overview cards (AI services page) */
.gh-help-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.gh-help-grid > .gh-help-card{flex:1 1 200px;max-width:280px}
@media (max-width:575px){.gh-help-grid > .gh-help-card{max-width:none}}
.gh-help-card{display:flex;flex-direction:column;gap:10px;padding:28px 24px;border-radius:22px;background:var(--gn-panel);border:1px solid var(--gn-line);box-shadow:var(--gn-shadow);text-decoration:none!important;transition:border-color .2s,transform .2s}
.gh-help-card:hover{border-color:color-mix(in srgb,var(--gn-neon) 50%,transparent);transform:translateY(-3px)}
.gh-help-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gn-line2);background:var(--gn-panel-solid);margin-bottom:8px}
.gh-help-ico svg{width:24px;height:24px;fill:none;stroke:var(--gn-neon);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gh-help-card h3{font-size:1.2rem!important;font-weight:600!important;margin:0!important;color:var(--gn-text)!important}
.gh-help-card p{font-size:.98rem;line-height:1.6;margin:0;color:var(--gn-mute)!important;flex:1}
.gh-help-more{font-weight:600;color:var(--gn-neon-ink);font-size:.95rem;margin-top:6px}
.gh-help-card:hover .gh-help-more{color:var(--gn-volt)}

/* Menu links that jump to a row land below the sticky header */
.gh-rows[id]{scroll-margin-top:90px}

/* Services menu headings: green-to-blue gradient pill with white text (same colours as the prices) */
.wsmegamenu.gh-mm5 .link-list li.gh-mm-head{margin-bottom:8px!important;border-bottom:none!important}
.wsmegamenu.gh-mm5 .link-list li.gh-mm-head a,
.wsmegamenu.gh-mm5 .link-list li.gh-mm-head a:hover{min-height:0!important;background:none!important}
.gh-mm-u{display:inline-block;white-space:nowrap;padding:8px 18px;border-radius:999px;color:#fff;font-weight:700;line-height:1.2;
  background:linear-gradient(90deg,#00a14e,#0b8fd0);box-shadow:0 6px 16px rgba(0,161,78,.18)}
.wsmegamenu .gh-mm-head a .gh-mm-u{color:#fff!important}
.wsmegamenu .gh-mm-head a:hover .gh-mm-u{box-shadow:0 6px 16px rgba(0,161,78,.18);transform:none}

/* Dropdown links: no grey box on hover, the words take the green-to-blue fade instead */
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover{background:transparent!important;background-color:transparent!important;box-shadow:none!important}
.wsmenu a:hover .gh-ml,.wsmenu a:focus .gh-ml{background:linear-gradient(90deg,#00a14e,#0b8fd0);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* New-style page hero: white card with a thin green-to-blue border and soft glow (like the Plus plan) */
.gh-hero{background:#f3f5f9}
.gh-hero .page-hero-section-overlay{background:none!important;padding-bottom:70px!important}
.gh-hero .container{position:relative;background:#fff;border-radius:28px;padding:56px 48px;box-shadow:0 0 60px rgba(11,143,208,.18)}
.gh-hero .container::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(120deg,#00a14e,#0b8fd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gh-hero .txt-block{margin-top:0!important}
.gh-hero .txt-block,.gh-hero .txt-block h1{color:#2b3340!important}
.gh-hero .txt-block p{color:#5b6474!important}
.gh-hero .gh-h1-g{background:linear-gradient(90deg,#00a14e,#0b8fd0);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:767px){.gh-hero .container{padding:32px 20px;border-radius:22px;width:calc(100% - 24px)}.gh-hero .container::before{border-radius:23px}}
.gh-hero .img-block{margin:0!important;transform:none!important}
@media (max-width:767px){.gh-hero .row{row-gap:0}.gh-hero .page-hero-section-overlay{padding-bottom:48px!important}}

/* Buttons: green-to-blue fade (option A) on every green button and the hero buttons */
.btn.btn--green-500,.gh-hero .txt-block .btn{background:linear-gradient(90deg,#00a14e,#0b8fd0)!important;background-color:transparent!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 22px rgba(11,143,208,.22)}
.btn.btn--green-500:hover,.btn.btn--green-500:focus,.gh-hero .txt-block .btn:hover,.gh-hero .txt-block .btn:focus{background:linear-gradient(90deg,#008c43,#0a7db6)!important;background-color:transparent!important;border-color:transparent!important;color:#fff!important}
/* Homepage hero chat: five support chats, a new one every 10 seconds (50s loop) */
.ga-c{opacity:0;animation-duration:50s;animation-iteration-count:infinite;animation-timing-function:ease;animation-fill-mode:backwards}
.ga-m1{animation-name:gaM1}.ga-m2{animation-name:gaM2}.ga-m3{animation-name:gaM3}.ga-m4{animation-name:gaM4}.ga-m5{animation-name:gaM5}
.ga-k2{animation-delay:10s}.ga-k3{animation-delay:20s}.ga-k4{animation-delay:30s}.ga-k5{animation-delay:40s}
@keyframes gaM1{0%{opacity:0}.8%,19%{opacity:1}20%,100%{opacity:0}}
@keyframes gaM2{0%,2.4%{opacity:0}3.2%,5.4%{opacity:1}5.8%,100%{opacity:0}}
@keyframes gaM3{0%,5.6%{opacity:0}6.4%,19%{opacity:1}20%,100%{opacity:0}}
@keyframes gaM4{0%,9.6%{opacity:0}10.4%,19%{opacity:1}20%,100%{opacity:0}}
@keyframes gaM5{0%,12%{opacity:0}12.8%,19%{opacity:1}20%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ga-c{animation:none!important;opacity:0}.ga-k1.ga-m1,.ga-k1.ga-m3,.ga-k1.ga-m4,.ga-k1.ga-m5{opacity:1}}


/* Homepage hero: same white card as the service pages */
#hero-11.gh-home-hero{background:#f3f5f9!important;background-image:none!important;padding-bottom:70px}
.gh-home-hero .hero-11-txt{margin-top:0!important}
.gh-home-hero .hero-11-txt h1{color:#2b3340}
.gh-home-hero .hero-11-txt p{color:#5b6474;padding-right:0}
.gh-home-hero .hero-11-img{margin:0!important}
@media (max-width:767px){#hero-11.gh-home-hero{padding-bottom:48px}.gh-home-hero .hero-11-txt{margin-bottom:32px}}

/* Same space above the hero card on every new-style page (homepage included) */
@media (min-width:992px){
  #hero-11.gh-home-hero{padding-top:130px!important}
  .gh-hero .page-hero-section-overlay{padding-top:130px!important;margin-top:0!important}
}
@media (max-width:991.98px){
  #hero-11.gh-home-hero{padding-top:104px!important;margin-top:0!important}
  .gh-hero .page-hero-section-overlay{padding-top:104px!important;margin-top:0!important;margin-bottom:0!important}
}

/* Hero without the card: no border, no box, just a soft glow behind the page top (Nov 2026) */
.gh-hero,#hero-11.gh-home-hero{background-color:#fff!important;background-image:radial-gradient(45% 60% at 88% 20%,rgba(11,143,208,.10),transparent 70%),radial-gradient(40% 55% at 5% 95%,rgba(0,161,78,.09),transparent 70%)!important}
.gh-hero .container{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0 calc(var(--bs-gutter-x,1.5rem)*.5)!important}
.gh-hero .container::before{display:none!important}
@media (max-width:767px){.gh-hero .container{width:auto!important}}
/* Illustrations without their outer frame (no grid panel, border or shadow), everywhere */
.gh-art,.gh-hero .gh-art{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible}

/* Image and text rows on every template: more breathing room on desktop (illustration a little smaller, wider gap to the text) */
@media (min-width:992px){
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:120px!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .img-block{max-width:86%}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section).ct-02 .img-block{margin-right:auto!important;margin-left:0!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section).ct-01 .img-block{margin-left:auto!important;margin-right:0!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block.right-column{padding-left:32px}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block.left-column{padding-right:32px}
}
/* On phones, lists inside centred rows stay left-aligned so the ticks line up */
@media (max-width:767px){:is(.gh-rows,.ct-01.content-section,.ct-02.content-section) .txt-block ul{display:inline-block;text-align:left;margin-left:auto;margin-right:auto}}

/* Section heading straight above image rows: halve the gap under the intro paragraph */
section.division:not(.content-section):not(.hero-section):not(.page-hero-section):has(+ :is(.gh-rows,.ct-01.content-section,.ct-02.content-section)) .section-title{margin-bottom:0!important}
section.division:not(.content-section):not(.hero-section):not(.page-hero-section) + :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:60px!important}
@media (max-width:767px){section.division:not(.content-section):not(.hero-section):not(.page-hero-section) + :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:36px!important}}

/* No more small icon blobs above feature boxes, anywhere on the site */
.fbox-ico-wrap{display:none!important}

/* Phones: a new section after image rows starts 72px below the last row (Nov 2026: was 24px, too tight) */
@media (max-width:767px){:is(.gh-rows,.ct-01.content-section,.ct-02.content-section) + section.division:not(.content-section){padding-top:72px!important}#how-it-works{padding-top:72px!important}}

/* Plans banner ([it-support-banner]): white card with thin gradient border and soft glow */
.gh-banner-card{position:relative;background:#fff;border-radius:28px;padding:56px 56px;box-shadow:0 0 60px rgba(11,143,208,.16)}
.gh-banner-card::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(120deg,#00a14e,#0b8fd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gh-banner-txt h2{color:#2b3340;margin-bottom:18px}
.gh-banner-txt p{color:#5b6474;margin-bottom:26px}
.gh-banner .gh-h1-g{background:linear-gradient(90deg,#00a14e,#0b8fd0);-webkit-background-clip:text;background-clip:text;color:transparent}
.gh-banner-img .gh-art{max-width:460px;margin-left:auto}
@media (max-width:767px){.gh-banner-card{padding:32px 20px;border-radius:22px}.gh-banner-card::before{border-radius:23px}.gh-banner-txt{text-align:center;margin-bottom:28px}.gh-banner-img .gh-art{margin:0 auto}}

/* Big gradient numbers inside cards (Cyber Security stats) */
.gh-ind-card p.gh-price-grad{font-size:2.6rem!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.03em;margin:4px 0 12px!important;display:inline-block}
@media (max-width:767px){.gh-ind-card p.gh-price-grad{font-size:2.2rem!important}}

/* Cards: more room under the last line */
.gh-ind-card{padding:30px 28px 34px!important}
.gh-ind-card p:last-child{margin-bottom:0!important}
/* Threat cards with an illustration on top (Cyber Security) */
.gh-threat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gh-threat-card .gh-art{margin:-6px -6px 18px}
.gh-threat-card h3{font-size:1.35rem!important}
@media (max-width:991px){.gh-threat-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
#cyber-risk .text-center[style*="font-size:14px"]{margin-top:28px}

/* Lists in content rows: no tick icons. Each point gets its own row with a hairline
   divider and a short green-to-blue bar on the left (Nov 2026, site-wide) */
.gh-tick-list .gh-tick > span,
.content-section .simple-list li > span[class*="flaticon"],
.content-section .simple-list li > p > span[class*="flaticon"]{display:none!important}
.gh-tick-list,.content-section ul.simple-list{margin:22px 0 0!important;padding:0!important;list-style:none}
.gh-tick-list .gh-tick,.content-section ul.simple-list > li{display:block!important;position:relative;margin:0!important;padding:12px 0 12px 22px!important;border-top:1px solid rgba(15,23,42,.08)}
.gh-tick-list .gh-tick:last-child,.content-section ul.simple-list > li:last-child{border-bottom:1px solid rgba(15,23,42,.08)}
.gh-tick-list .gh-tick::before,.content-section ul.simple-list > li::before{content:"";position:absolute;left:0;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:4px;background:linear-gradient(180deg,#00a14e,#0b8fd0)}
.gh-tick-list .gh-tick p,.content-section ul.simple-list > li p{margin:0!important;color:#4b5565}
@media (max-width:767px){.gh-tick-list,.content-section ul.simple-list{text-align:left}}

/* Review cards: name sits at the bottom of every card so they line up */
.gh-review{display:flex;flex-direction:column}
.gh-review .review-txt{display:flex;flex-direction:column;flex:1}
.gh-review .author-data{margin-top:auto;padding-top:18px}

/* An image row straight after a section of cards, a comparison or a table starts a new topic,
   so it gets the full gap (the halved gap is only for a heading sitting right above its rows) */
section.division:not(.content-section):not(.hero-section):not(.page-hero-section):has(.gh-ind-grid,.gh-cmp,.gh-threat-grid,.pricing-3-wrapper,.comp-table) + :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:120px!important}
@media (max-width:767px){section.division:not(.content-section):not(.hero-section):not(.page-hero-section):has(.gh-ind-grid,.gh-cmp,.gh-threat-grid,.pricing-3-wrapper,.comp-table) + :is(.gh-rows,.ct-01.content-section,.ct-02.content-section){padding-top:72px!important}}

/* Insights (blog) filter: search box and topic pills, in the gradient style (Nov 2026) */
.gh-filter{max-width:980px;margin:34px auto 0;text-align:center}
.gh-filter-search{position:relative;max-width:520px;margin:0 auto 22px}
.gh-filter-search input[type=search]{width:100%;height:52px;padding:0 56px 0 22px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#fff;font-size:16px;color:#2b3340;box-shadow:0 8px 24px rgba(15,23,42,.05);outline:none;-webkit-appearance:none}
.gh-filter-search input[type=search]:focus{border-color:#0b8fd0;box-shadow:0 0 0 3px rgba(11,143,208,.15)}
.gh-filter-search button{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(90deg,#00a14e,#0b8fd0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gh-filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.gh-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.12);font-size:15px;font-weight:600;line-height:1.2;color:#2b3340!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.gh-pill span{font-size:12px;font-weight:600;color:#7a8494;background:#f1f4f8;border-radius:999px;padding:2px 7px}
.gh-pill:hover{border-color:#0b8fd0;box-shadow:0 6px 18px rgba(11,143,208,.14)}
.gh-pill.is-active{background:linear-gradient(90deg,#00a14e,#0b8fd0);border-color:transparent;color:#fff!important;box-shadow:0 8px 22px rgba(11,143,208,.22)}
.gh-pill.is-active span{background:rgba(255,255,255,.22);color:#fff}
@media (max-width:767px){
  .gh-filter{margin-top:24px}
  .gh-filter-search{margin-bottom:18px}
  .gh-filter-pills{gap:8px}
  .gh-pill{font-size:14px;padding:7px 13px}
}

/* Phones: even spacing around the shared page endings (reviews, FAQs, banner) and
   after the hero, checked on every new-style template at 360px and 390px (Nov 2026) */
@media (max-width:767px){
  section.division:has(+ #reviews-2),section.pb-100:has(+ #reviews-2){padding-bottom:40px!important}
  #reviews-2{padding-top:56px!important;padding-bottom:40px!important}
  #reviews-2 + #faqs-2{padding-top:40px!important}
  #banner-13.gh-banner{padding-top:64px!important}
  .page-hero-section + section.inner-page-hero-1{padding-top:48px!important}
  #ad-hoc.inner-page-hero-1{padding-top:40px!important}
  :is(.gh-rows,.ct-01.content-section,.ct-02.content-section):has(+ section.division:not(.content-section)){padding-bottom:0!important}
  section.division:not(.content-section):has(.gh-ind-grid) + section.division:not(.content-section){padding-top:72px!important}
  .page-hero-section + section.content-section{padding-top:40px!important}
  section.pricing-section:has(+ #reviews-2),section.pricing-section:has(+ .content-section){padding-bottom:0!important}
}

/* Forms (Contact Form 7 and the theme's contact forms): rounded pill fields like the
   audit tool's address bar, gradient pill submit button (Nov 2026, site-wide) */
:is(.contact-form,.wpcf7-form) :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date],select),
:is(.contact-form,.wpcf7-form) .form-control:not(textarea){height:56px!important;border-radius:999px!important;background-color:#fff!important;border:1px solid rgba(15,23,42,.14)!important;padding:0 22px!important;font-size:16px!important;color:#2b3340!important;text-align:left!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;line-height:1.2}
:is(.contact-form,.wpcf7-form) textarea{border-radius:24px!important;background-color:#fff!important;border:1px solid rgba(15,23,42,.14)!important;padding:18px 22px!important;font-size:16px!important;color:#2b3340!important;text-align:left!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;line-height:1.5}
:is(.contact-form,.wpcf7-form) select{-webkit-appearance:none;appearance:none;padding-right:46px!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%235b6474'><path d='M5.5 7.5l4.5 5 4.5-5z'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:16px!important}
:is(.contact-form,.wpcf7-form) :is(input,select,textarea):focus{border-color:#0b8fd0!important;box-shadow:0 0 0 4px rgba(11,143,208,.12)!important;outline:none!important;background-color:#fff!important}
:is(.contact-form,.wpcf7-form) :is(input,select,textarea).wpcf7-not-valid{border:1px solid #dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,.10)!important}
:is(.contact-form,.wpcf7-form) .wpcf7-not-valid-tip{font-size:13px;padding:0 0 10px 20px;margin-top:-6px}
:is(.contact-form,.wpcf7-form) :is(input[type=submit],button[type=submit],.wpcf7-submit){height:56px;padding:0 40px!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#00a14e,#0b8fd0)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 22px rgba(11,143,208,.22)!important;cursor:pointer;transition:background .2s}
:is(.contact-form,.wpcf7-form) :is(input[type=submit],button[type=submit],.wpcf7-submit):hover{background:linear-gradient(90deg,#008c43,#0a7db6)!important}
:is(.contact-form,.wpcf7-form) :is(input[type=submit],button[type=submit],.wpcf7-submit):disabled{background:#c5ccd6!important;box-shadow:none!important}
@media (max-width:767px){:is(.contact-form,.wpcf7-form) :is(input[type=submit],button[type=submit],.wpcf7-submit){width:100%}}

/* Last key words of section headings in the gradient colour, e.g.
   "Ready to <span class="gh-g">speak to a Geek</span>?" (Nov 2026, site-wide) */
.gh-g{background:linear-gradient(90deg,#00a14e,#0b8fd0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Every contact form at the bottom of a page sits in a white card with a thin
   gradient border and a soft glow, like the Contact page (Nov 2026) */
section:not(#contact-hero) .contact-form#speaktoageek{position:relative;background:#fff;border-radius:28px;padding:40px 36px 28px;box-shadow:0 0 60px rgba(11,143,208,.14)}
section:not(#contact-hero) .contact-form#speaktoageek::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(120deg,#00a14e,#0b8fd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media (max-width:767px){
  section:not(#contact-hero) .contact-form#speaktoageek{padding:26px 18px 18px;border-radius:22px}
  section:not(#contact-hero) .contact-form#speaktoageek::before{border-radius:23px}
}

/* Free tools cross-links (gh_free_tools), Nov 2026 */
.gh-tools-grid{display:grid;gap:28px;max-width:1080px;margin:0 auto}
.gh-tools-n1{grid-template-columns:minmax(0,460px);justify-content:center}
.gh-tools-n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.gh-tools-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gh-tools-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:24px;padding:34px 30px 30px;box-shadow:0 0 50px rgba(11,143,208,.12)}
.gh-tools-card::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(120deg,#00a14e,#0b8fd0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gh-tools-meta{display:inline-block;padding:6px 14px;border-radius:999px;background:#f3f6f9;border:1px solid rgba(15,23,42,.08);font-size:13px;font-weight:600;color:#2b3340;margin-bottom:16px}
.gh-tools-card h3{font-size:1.35rem;font-weight:700;color:#2b3340;margin:0 0 8px;line-height:1.3}
.gh-tools-card p{font-size:16px;color:#5b6474;margin:0 0 22px}
.gh-tools-btn{margin-top:auto;display:inline-block;padding:14px 30px;border-radius:999px;background:linear-gradient(90deg,#00a14e,#0b8fd0);color:#fff!important;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;box-shadow:0 8px 22px rgba(11,143,208,.22);transition:background .2s}
.gh-tools-btn:hover{background:linear-gradient(90deg,#008c43,#0a7db6)}
.gh-tools-compact{margin-top:56px;padding-top:44px;border-top:1px solid rgba(15,23,42,.08)}
.gh-tools-ctitle{text-align:center;font-size:1.6rem;font-weight:700;color:#2b3340;margin:0 0 28px}
.gh-tools-compact .gh-tools-n2,.gh-tools-compact .gh-tools-n3{max-width:none}
@media (max-width:991px){.gh-tools-n3{grid-template-columns:minmax(0,460px);justify-content:center}}
@media (max-width:767px){.gh-tools-n2{grid-template-columns:minmax(0,460px);justify-content:center}.gh-tools-grid{gap:20px}.gh-tools-card{padding:28px 22px 24px}}
.gh-tools-sec{padding-bottom:50px}
@media (max-width:767px){.gh-tools-sec{padding-bottom:10px}}

/* Forms: show the "filled in" green border the same on every field (the theme only reached the message box) */
:is(.contact-form,.wpcf7-form) :is(input:not([type=submit]):not([type=hidden]),select,textarea)[aria-invalid=false]:not(:placeholder-shown){border:1.5px solid #00a14e!important;background-color:#fff!important}
:is(.contact-form,.wpcf7-form) :is(input:not([type=submit]):not([type=hidden]),select,textarea)[aria-invalid=false]:not(:placeholder-shown):focus{border-color:#0b8fd0!important}

/* ---------------------------------------------------------------------------
   Buttons: one hover style site-wide (Nov 2026)
   Only the background changes on hover. Text, border, size and shadow stay put.
   :is(#gh-btn,html) lifts specificity above the per-page styles.
   --------------------------------------------------------------------------- */
:is(#gh-btn,html) .btn.btn--theme{background:linear-gradient(90deg,#00a14e,#0b8fd0)!important;background-color:transparent!important;border-color:transparent!important;color:#fff!important}
/* Gradient buttons: darker gradient */
:is(#gh-btn,html) :is(.btn.btn--green-500,.btn.btn--theme,.wpcf7-submit,.gh-tools-btn,.gh-cc-launch button,#gh-rank button:not(#deepenBtn):not(:disabled),#gh-audit .scan-btn:not(:disabled),#gh-audit .action-btn.primary):is(:hover,:focus-visible),
:is(#gh-btn,html) #projects-1 .gh-port-card:is(:hover,:focus-visible) .gh-port-link{background:linear-gradient(90deg,#008c43,#0a7db6)!important;background-color:transparent!important;color:#fff!important;border-color:transparent!important;transform:none!important;filter:none!important}
:is(#gh-btn,html) #projects-1 .gh-port-card:is(:hover,:focus-visible) .gh-port-link{box-shadow:none!important}
/* White buttons: light grey background */
:is(#gh-btn,html) .btn.gh-btn-outline:is(:hover,:focus-visible){background:#eef2f6!important;color:#2b3340!important;border-color:rgba(15,23,42,.16)!important;transform:none!important}
:is(#gh-btn,html) #gh-audit :is(.rescan-btn,.action-btn:not(.primary)):hover{background:#eef2f6!important;color:var(--navy)!important;border-color:var(--border)!important}
:is(#gh-btn,html) #gh-rank #deepenWrap button:hover{background:#eef2f6!important;color:var(--navy)!important;border-color:var(--border)!important}
:is(#gh-btn,html) .gh-cc-answers button:not(.is-picked):hover{background:#f3f6f9!important;color:#2b3340!important;border-color:rgba(15,23,42,.14)!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important}
:is(#gh-btn,html) .gh-cc-answers button.is-picked:hover{background:linear-gradient(90deg,#008c43,#0a7db6)!important;color:#fff!important}

/* Forms: invalid fields keep the same spacing (red border only, the empty error line under each field takes no room) */
:is(#gh-btn,html) :is(.contact-form,.wpcf7-form) .wpcf7-not-valid-tip{display:none!important}