.elementor-89 .elementor-element.elementor-element-0759a52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--overlay-opacity:0.9;--padding-top:5em;--padding-bottom:10em;--padding-left:1em;--padding-right:1em;}.elementor-89 .elementor-element.elementor-element-0759a52:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-0759a52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grabhubvending.com/wp-content/uploads/2025/08/Grab-Hub-Vending-11_1.webp");background-position:center center;background-size:cover;}.elementor-89 .elementor-element.elementor-element-0759a52::before, .elementor-89 .elementor-element.elementor-element-0759a52 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-0759a52 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-0759a52 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-0759a52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-0759a52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-0a2c89e ) 30%, var( --e-global-color-21b651e ) 100%);}.elementor-89 .elementor-element.elementor-element-911eb8d{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-83c5542{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-icon i{color:var( --e-global-color-9c764db );transition:color 0.3s;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-icon svg{fill:var( --e-global-color-9c764db );transition:fill 0.3s;}.elementor-89 .elementor-element.elementor-element-95213b0{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > a{font-family:var( --e-global-typography-3958d75-font-family ), Sans-serif;font-size:var( --e-global-typography-3958d75-font-size );font-weight:var( --e-global-typography-3958d75-font-weight );text-transform:var( --e-global-typography-3958d75-text-transform );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-text{color:var( --e-global-color-fdf12ae );transition:color 0.3s;}.elementor-89 .elementor-element.elementor-element-de73039{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-9c764db );}.elementor-89 .elementor-element.elementor-element-de73039 .elementor-headline{text-align:center;font-family:var( --e-global-typography-c397194-font-family ), Sans-serif;font-size:var( --e-global-typography-c397194-font-size );font-weight:var( --e-global-typography-c397194-font-weight );text-transform:var( --e-global-typography-c397194-text-transform );line-height:var( --e-global-typography-c397194-line-height );}.elementor-89 .elementor-element.elementor-element-de73039 .elementor-headline-plain-text{color:var( --e-global-color-9c082af );}.elementor-89 .elementor-element.elementor-element-de73039 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-9c082af );}.elementor-89 .elementor-element.elementor-element-570b843{color:var( --e-global-color-fdf12ae );}.elementor-89 .elementor-element.elementor-element-20108d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-9c082af );color:var( --e-global-color-9c082af );border-style:solid;border-color:var( --e-global-color-fdf12ae );}.elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button:hover, .elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-9c082af );border-color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-9f1c0fd{width:var( --container-widget-width, 433px );max-width:433px;--container-widget-width:433px;--container-widget-flex-grow:0;}.elementor-89 .elementor-element.elementor-element-9f1c0fd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button:hover svg, .elementor-89 .elementor-element.elementor-element-9f1c0fd .elementor-button:focus svg{fill:var( --e-global-color-9c082af );}.elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button{background-color:var( --e-global-color-9c082af );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-color:var( --e-global-color-9c082af );}.elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button:hover, .elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-9c082af );border-color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-0bd6676{width:var( --container-widget-width, 433px );max-width:433px;--container-widget-width:433px;--container-widget-flex-grow:0;}.elementor-89 .elementor-element.elementor-element-0bd6676.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button:hover svg, .elementor-89 .elementor-element.elementor-element-0bd6676 .elementor-button:focus svg{fill:var( --e-global-color-9c082af );}.elementor-89 .elementor-element.elementor-element-f944729{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-0759a52{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:250px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > a{font-size:var( --e-global-typography-3958d75-font-size );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );}.elementor-89 .elementor-element.elementor-element-de73039 .elementor-headline{font-size:var( --e-global-typography-c397194-font-size );line-height:var( --e-global-typography-c397194-line-height );}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-0759a52{--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-89 .elementor-element.elementor-element-95213b0 .elementor-icon-list-item > a{font-size:var( --e-global-typography-3958d75-font-size );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );}.elementor-89 .elementor-element.elementor-element-de73039 .elementor-headline{font-size:var( --e-global-typography-c397194-font-size );line-height:var( --e-global-typography-c397194-line-height );}.elementor-89 .elementor-element.elementor-element-9f1c0fd{width:100%;max-width:100%;}.elementor-89 .elementor-element.elementor-element-0bd6676{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-89 .elementor-element.elementor-element-0759a52{--content-width:1280px;}.elementor-89 .elementor-element.elementor-element-911eb8d{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-89 .elementor-element.elementor-element-911eb8d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-0273d1e *//* Grab Hub FAQ — palette */
:root{
  --gh-dark:#28303F;
  --gh-green:#549E4B;
  --gh-accent:#F6753D;
  --gh-text:#0F1A1A;
  --gh-bg:#F8FAFC;
  --gh-card:#FFFFFF;
  --gh-border:rgba(40,48,63,0.12);
}

.gh-eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:600;
  color:var(--gh-green);
  margin-bottom:.35rem;
  font-size:.8rem;
}

.gh-faq{
  background:var(--gh-bg);
  color:var(--gh-text);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius:16px;
  border:1px solid var(--gh-border);
}

.gh-faq__header h2{
  font-size:clamp(1.6rem, 2.6vw, 2.1rem);
  color:var(--gh-dark);
  margin-bottom:1rem;
}

.gh-faq__list{
  margin-top:1rem;
}

.gh-faq__item{
  background:var(--gh-card);
  border:1px solid var(--gh-border);
  border-radius:14px;
  overflow:hidden;
  margin-bottom:12px;
  transition:border-color .25s ease, box-shadow .25s ease;
}

.gh-faq__item.is-open{
  border-color:var(--gh-green);
  box-shadow:0 6px 22px rgba(40,48,63,0.08);
}

.gh-faq__question{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.1rem 1.2rem;
  font-size:1.05rem;
  line-height:1.4;
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer;
  color:var(--gh-dark);
}

.gh-faq__question:focus{
  outline:3px solid var(--gh-accent);
  outline-offset:2px;
  border-radius:10px;
}

.gh-faq__icon{
  flex:0 0 auto;
  width:28px;height:28px;
  border-radius:50%;
  border:2px solid var(--gh-green);
  position:relative;
  transition:transform .25s ease, background-color .25s ease, border-color .25s ease;
}
.gh-faq__icon::before,
.gh-faq__icon::after{
  content:"";
  position:absolute;
  background:var(--gh-green);
  top:50%;left:50%;
  transform:translate(-50%,-50%);
}
.gh-faq__icon::before{ width:14px;height:2px; }
.gh-faq__icon::after{ width:2px;height:14px; }

.gh-faq__item.is-open .gh-faq__icon{
  background:var(--gh-green);
  border-color:var(--gh-green);
}
.gh-faq__item.is-open .gh-faq__icon::after{
  /* turn + into – when open */
  height:0;
}

.gh-faq__answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  padding:0 1.2rem;
  background:#FFF;
}
.gh-faq__item.is-open .gh-faq__answer{
  padding:0 1.2rem 1.1rem;
}

.gh-faq__answer p{
  margin-top:.9rem;
  color:var(--gh-text);
}

/* Links inside FAQ should match site accent but remain accessible */
.gh-faq a{
  color:var(--gh-accent);
  text-decoration:none;
}
.gh-faq a:hover{
  text-decoration:underline;
}

/* Make it sit nicely beside the Timeline & Costs cards */
@media (min-width: 992px){
  .gh-faq{
    box-shadow:0 4px 24px rgba(40,48,63,0.06);
  }
}
/* Grab Hub FAQ — palette */
:root{
  --gh-dark:#28303F;
  --gh-green:#549E4B;
  --gh-accent:#F6753D;
  --gh-text:#0F1A1A;
  --gh-bg:#F8FAFC;
  --gh-card:#FFFFFF;
  --gh-border:rgba(40,48,63,0.12);
}

.gh-eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:600;
  color:var(--gh-green);
  margin-bottom:.35rem;
  font-size:.8rem;
}

.gh-faq{
  background:var(--gh-bg);
  color:var(--gh-text);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius:16px;
  border:1px solid var(--gh-border);
}

.gh-faq__header h2{
  font-size:clamp(1.6rem, 2.6vw, 2.1rem);
  color:var(--gh-dark);
  margin-bottom:1rem;
}

.gh-faq__list{
  margin-top:1rem;
}

.gh-faq__item{
  background:var(--gh-card);
  border:1px solid var(--gh-border);
  border-radius:14px;
  overflow:hidden;
  margin-bottom:12px;
  transition:border-color .25s ease, box-shadow .25s ease;
}

.gh-faq__item.is-open{
  border-color:var(--gh-green);
  box-shadow:0 6px 22px rgba(40,48,63,0.08);
}

.gh-faq__question{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.1rem 1.2rem;
  font-size:1.05rem;
  line-height:1.4;
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer;
  color:var(--gh-dark);
}

.gh-faq__question:focus{
  outline:3px solid var(--gh-accent);
  outline-offset:2px;
  border-radius:10px;
}

.gh-faq__icon{
  flex:0 0 auto;
  width:28px;height:28px;
  border-radius:50%;
  border:2px solid var(--gh-green);
  position:relative;
  transition:transform .25s ease, background-color .25s ease, border-color .25s ease;
}
.gh-faq__icon::before,
.gh-faq__icon::after{
  content:"";
  position:absolute;
  background:var(--gh-green);
  top:50%;left:50%;
  transform:translate(-50%,-50%);
}
.gh-faq__icon::before{ width:14px;height:2px; }
.gh-faq__icon::after{ width:2px;height:14px; }

.gh-faq__item.is-open .gh-faq__icon{
  background:var(--gh-green);
  border-color:var(--gh-green);
}
.gh-faq__item.is-open .gh-faq__icon::after{
  /* turn + into – when open */
  height:0;
}

.gh-faq__answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  padding:0 1.2rem;
  background:#FFF;
}
.gh-faq__item.is-open .gh-faq__answer{
  padding:0 1.2rem 1.1rem;
}

.gh-faq__answer p{
  margin-top:.9rem;
  color:var(--gh-text);
}

/* Links inside FAQ should match site accent but remain accessible */
.gh-faq a{
  color:var(--gh-accent);
  text-decoration:none;
}
.gh-faq a:hover{
  text-decoration:underline;
}

/* Make it sit nicely beside the Timeline & Costs cards */
@media (min-width: 992px){
  .gh-faq{
    box-shadow:0 4px 24px rgba(40,48,63,0.06);
  }
}
/* ===== Mobile overflow fix for Grab Hub FAQ ===== */
.gh-faq, .gh-faq * { box-sizing: border-box; }
.gh-faq { width:100%; max-width:100%; overflow-x:hidden; }
.gh-faq__item,
.gh-faq__question,
.gh-faq__answer { max-width:100%; }

/* Make the flex row wrap correctly and prevent text from pushing width */
.gh-faq__question {
  display:flex;
  align-items:center;
  gap:.75rem;
}
.gh-faq__question span:first-child{
  flex:1 1 auto;
  min-width:0;                /* allow text to shrink within flex */
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;      /* long words/URLs won't overflow */
}
.gh-faq__icon{
  flex:0 0 24px;
  width:24px; height:24px;
}

/* Tighten spacing + fonts on small screens */
@media (max-width: 480px){
  .gh-faq{ padding:16px; border-radius:12px; }
  .gh-faq__header h2{ font-size:1.25rem; }
  .gh-faq__question{ padding:12px 14px; font-size:1rem; }
  .gh-faq__answer{ padding:0 14px 12px; }
  .gh-faq__item{ margin:0 0 10px; }
}
/* Safety net if a parent container is wider than the viewport */
.gh-faq { margin-left:auto; margin-right:auto; }
<!-- =========================
  Grab Hub Vending — About Page
  Drop this single HTML block into an Elementor HTML widget.
  All styles are scoped to .gh-about to avoid conflicts.
========================= -->
<div class="gh-about" id="about">
  <style>
    /* ---------- Brand Palette (scoped) ---------- */
    .gh-about{
      --gh-dark:#28303F;
      --gh-green:#549E4B;
      --gh-accent:#F6753D;
      --gh-text:#0F1A1A;
      --gh-bg:#F8FAFC;
      --gh-card:#FFFFFF;
      --gh-border:rgba(40,48,63,.12);
      --gh-shadow:0 8px 28px rgba(40,48,63,.08);
      --gh-radius:16px;
      --gh-radius-lg:22px;
    }
    /* ---------- Base ---------- */
    .gh-about *{box-sizing:border-box}
    .gh-about body{margin:0}
    .gh-about a{color:var(--gh-accent);text-decoration:none}
    .gh-about a:hover{opacity:.9;text-decoration:underline}
    .gh-about .container{
      max-width:1140px;margin-inline:auto;
      padding:clamp(1.25rem,3vw,2rem);
    }
    .gh-about h1,.gh-about h2,.gh-about h3,.gh-about h4{
      color:var(--gh-dark);margin:0 0 .5rem 0;line-height:1.2
    }
    .gh-about p{color:var(--gh-text);margin:.5rem 0 0 0;line-height:1.65}
    .gh-about .eyebrow{
      text-transform:uppercase;letter-spacing:.14em;
      color:var(--gh-green);font-weight:700;font-size:.8rem;margin-bottom:.5rem
    }
    .gh-about .btn{
      display:inline-block;border-radius:999px;padding:.85rem 1.2rem;
      font-weight:700;border:2px solid transparent;transition:.2s ease all
    }
    .gh-about .btn-primary{background:var(--gh-accent);color:#fff;border-color:var(--gh-accent)}
    .gh-about .btn-primary:hover{filter:brightness(0.96)}
    .gh-about .btn-outline{border-color:var(--gh-dark);color:var(--gh-dark);background:#fff}
    .gh-about .btn-outline:hover{background:var(--gh-dark);color:#fff}

    /* ---------- Hero ---------- */
    .gh-hero{
      background:
        radial-gradient(1200px 600px at 20% -10%, #fff 20%, transparent 60%),
        radial-gradient(1200px 700px at 120% 10%, #fff 15%, transparent 60%),
        var(--gh-bg);
      padding:clamp(2.5rem,6vw,4rem) 0;
      position:relative;overflow:hidden
    }
    .gh-hero .headline{font-size:clamp(1.9rem,4vw,2.6rem)}
    .gh-hero .sub{color:var(--gh-green);font-weight:700;margin:.25rem 0 1rem}
    .gh-hero .lede{max-width:840px}

    /* ---------- Card & Grid ---------- */
    .gh-grid{
      display:grid;gap:clamp(1rem,2.5vw,1.5rem)
    }
    .gh-grid.cols-3{grid-template-columns:repeat(3,1fr)}
    .gh-grid.cols-2{grid-template-columns:repeat(2,1fr)}
    @media (max-width: 900px){
      .gh-grid.cols-3,.gh-grid.cols-2{grid-template-columns:1fr}
    }
    .gh-card{
      background:var(--gh-card);border:1px solid var(--gh-border);
      border-radius:var(--gh-radius);box-shadow:var(--gh-shadow);
      padding:clamp(1rem,2.2vw,1.25rem)
    }
    .gh-card.lined-top{border-top:4px solid var(--gh-green)}
    .gh-list{margin:.5rem 0 0 0;padding:0;list-style:none}
    .gh-list li{display:flex;gap:.6rem;margin:.5rem 0;align-items:flex-start}
    .gh-list .tick{
      width:22px;height:22px;border-radius:50%;
      background:color-mix(in srgb, var(--gh-green) 18%, #fff);
      border:2px solid var(--gh-green);position:relative;flex:0 0 22px
    }
    .gh-list .tick:after{
      content:"";position:absolute;inset:4px 6px 6px 5px;border-right:2px solid var(--gh-green);border-bottom:2px solid var(--gh-green);
      transform:rotate(45deg)
    }

    /* ---------- Sections ---------- */
    .gh-section{padding:clamp(2rem,6vw,3.25rem) 0}
    .gh-note{
      background:#fff7f0;border:1px solid #ffd8c3;border-radius:var(--gh-radius);
      padding:clamp(1rem,2.5vw,1.25rem)
    }
    .gh-note h3{color:var(--gh-accent);margin-bottom:.25rem}

    /* ---------- People ---------- */
    .gh-person{
      display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center
    }
    .gh-avatar{
      width:96px;height:96px;border-radius:50%;background:#e9eef3;border:2px solid var(--gh-border)
    }
    .gh-role{color:#5a6877;font-size:.95rem}

    /* ---------- Service Area band ---------- */
    .gh-area{
      background:var(--gh-dark);color:#fff;border-radius:var(--gh-radius-lg);
      padding:clamp(1.2rem,2.8vw,1.6rem)
    }
    .gh-area h2{color:#fff}
    .gh-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
    .gh-chip{
      border-radius:999px;border:1px solid #ffffff44;color:#fff;
      padding:.45rem .8rem;background:#ffffff0d
    }

    /* ---------- Footer CTA ---------- */
    .gh-cta{
      background:
        linear-gradient(155deg, #1b222d 0%, #222a36 60%),
        #1b222d;color:#fff;border-radius:var(--gh-radius-lg);
      padding:clamp(1.4rem,3.5vw,2rem)
    }
    .gh-cta h2{color:#fff}
    .gh-cta p{opacity:.95}
    .gh-cta .btn-outline{border-color:#fff;color:#fff}
    .gh-cta .btn-outline:hover{background:#fff;color:var(--gh-dark)}
    /* =========================
   Grab Hub — UI Elevation Pack
   Add these classes to Elementor sections/containers
   Palette
========================= */
:root{
  --gh-dark:#28303F;
  --gh-green:#549E4B;
  --gh-accent:#F6753D;
  --gh-text:#0F1A1A;
  --gh-bg:#F8FAFC;
  --gh-muted:#eef3f6;
}

/* ----- Utilities ----- */
.gh-elevate{ box-shadow:0 2px 10px rgba(16,24,40,.04), 0 12px 30px rgba(16,24,40,.08); }
.gh-elevate-lg{ box-shadow:0 8px 18px rgba(16,24,40,.08), 0 30px 60px rgba(16,24,40,.10); }
.gh-round{ border-radius:18px; overflow:hidden; }
.gh-round-lg{ border-radius:24px; overflow:hidden; }
.gh-border{ border:1px solid rgba(40,48,63,.12); }
.gh-border-top{ border-top:4px solid var(--gh-green); }
.gh-glow:hover{ box-shadow:0 8px 20px rgba(84,158,75,.22), 0 2px 8px rgba(16,24,40,.08); transform:translateY(-2px); transition:.25s ease; }
.gh-pad{ padding:clamp(18px,2.5vw,26px); }
.gh-bg-soft{ background:var(--gh-bg); }
.gh-grid-gap{ gap:clamp(14px,1.6vw,18px) }

/* ----- Section eyebrows & headings ----- */
.gh-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--gh-green); text-transform:uppercase; letter-spacing:.14em;
  font-weight:700; font-size:.78rem;
}
.gh-eyebrow::before{
  content:""; width:8px; height:8px; border-radius:50%; background:var(--gh-accent);
}
.gh-headline{ color:var(--gh-dark); line-height:1.15; }

/* ----- Hero with depth overlay ----- */
.gh-hero-rich{
  position:relative; isolation:isolate; color:#fff;
}
.gh-hero-rich::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(246,117,61,.25), transparent 60%),
    radial-gradient(900px 400px at 110% 0%, rgba(84,158,75,.18), transparent 60%),
    linear-gradient(180deg, rgba(20,26,32,.75), rgba(20,26,32,.55));
  z-index:-1;
  pointer-events:none;
}
.gh-hero-cta .elementor-button, .gh-hero-cta .btn{
  border-radius:999px; padding:.95rem 1.25rem; font-weight:700;
  background:var(--gh-accent); border:2px solid var(--gh-accent); color:#fff;
  box-shadow:0 8px 22px rgba(246,117,61,.35);
}
.gh-hero-cta .elementor-button:hover{ transform:translateY(-1px); filter:brightness(.96); }

/* ----- Feature cards / Why-choose tiles ----- */
.gh-card{
  background:#fff; border:1px solid rgba(40,48,63,.12);
  border-radius:18px; padding:clamp(18px,2vw,24px);
  box-shadow:0 6px 20px rgba(16,24,40,.06);
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.gh-card:hover{ box-shadow:0 10px 28px rgba(16,24,40,.09); transform:translateY(-2px); border-color:rgba(84,158,75,.35); }
.gh-card .icon{
  width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;
  background:linear-gradient(135deg, #eaf5ea, #f7fbf7); color:var(--gh-green);
}

/* ----- Checks / bullets ----- */
.gh-check{ display:flex; gap:10px; align-items:flex-start; margin:.5rem 0; color:var(--gh-text); }
.gh-check i{
  width:22px;height:22px;border-radius:50%; border:2px solid var(--gh-green); position:relative; flex:0 0 22px;
}
.gh-check i::after{ content:""; position:absolute; inset:4px 5px 5px 6px; border-right:2px solid var(--gh-green); border-bottom:2px solid var(--gh-green); transform:rotate(45deg); }

/* ----- Step timeline polish ----- */
.gh-steps{ position:relative; }
.gh-steps::before{
  content:""; position:absolute; left:22px; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg, var(--gh-green), rgba(84,158,75,.15));
}
.gh-step{
  display:grid; grid-template-columns:48px 1fr; gap:16px; margin:16px 0;
}
.gh-badge{
  width:44px;height:44px;border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg, #f7fbf7, #eaf5ea); color:var(--gh-green); font-weight:800;
  border:2px solid rgba(84,158,75,.35);
}

/* ----- FAQ accordion (visual bump to existing) ----- */
.gh-faq .gh-faq__item{ border-radius:14px; }
.gh-faq .gh-faq__item.is-open{ box-shadow:0 10px 24px rgba(16,24,40,.08); }

/* ----- CTA band depth ----- */
.gh-cta-band{
  color:#fff; background:
    radial-gradient(600px 280px at 10% 0%, rgba(246,117,61,.25), transparent 60%),
    radial-gradient(500px 240px at 110% 10%, rgba(84,158,75,.2), transparent 60%),
    linear-gradient(160deg, #1b222d 0%, #222a36 70%);
  border-radius:22px; padding:clamp(20px,3vw,28px);
  box-shadow:0 24px 60px rgba(16,24,40,.28);
}
.gh-cta-band .elementor-button{ border-radius:999px; }

/* ----- Sticky mobile CTA (optional) ----- */
@media (max-width: 640px){
  .gh-sticky-cta{
    position:sticky; bottom:12px; z-index:50; display:flex; justify-content:center;
  }
  .gh-sticky-cta .elementor-button{
    border-radius:999px; padding:.9rem 1.2rem; background:var(--gh-accent); color:#fff;
    box-shadow:0 16px 40px rgba(246,117,61,.35);
  }
}

/* ----- Subtle section backgrounds ----- */
.gh-soft-section{
  background:
    radial-gradient(800px 300px at -5% 0%, rgba(84,158,75,.06), transparent 50%),
    radial-gradient(700px 300px at 105% 10%, rgba(246,117,61,.05), transparent 55%),
    var(--gh-bg);
  border-radius:22px;
}
.gh-section p {color:#;
  </style>/* End custom CSS */