.elementor-7 .elementor-element.elementor-element-046d0a1{--display:flex;--z-index:1;}.elementor-7 .elementor-element.elementor-element-046d0a1:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-046d0a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2A4A;}.elementor-7 .elementor-element.elementor-element-b904f4e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--z-index:1;}.elementor-7 .elementor-element.elementor-element-b904f4e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-b904f4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4B3BFF;}.elementor-7 .elementor-element.elementor-element-2848cc0{--display:flex;--min-height:968px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.73;}.elementor-7 .elementor-element.elementor-element-2848cc0::before, .elementor-7 .elementor-element.elementor-element-2848cc0 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-2848cc0 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-2848cc0 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-2848cc0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-2848cc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0D0F2D;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-b32f856{padding:50px 50px 50px 50px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:65px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-adb5798{text-align:center;}.elementor-7 .elementor-element.elementor-element-adb5798 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:700;line-height:58px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-c893438{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:14px;color:#F2F2F2;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-5f3cccc .elementor-button{background-color:#4B3BFF;font-family:"Poppins", Sans-serif;font-weight:700;border-radius:15px 15px 15px 15px;padding:20px 30px 20px 30px;}.elementor-7 .elementor-element.elementor-element-532a7bf{--display:flex;--z-index:0;}.elementor-7 .elementor-element.elementor-element-0769ee5{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 84px -27px rgba(0,0,0,0.5);--margin-top:-76px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-0769ee5:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-0769ee5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-c1763bc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-eb7a66d{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-7a907d9.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-7a907d9{text-align:start;}.elementor-7 .elementor-element.elementor-element-7a907d9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;color:#1E2A4A;}.elementor-7 .elementor-element.elementor-element-8ad32a5.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-8ad32a5{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-7 .elementor-element.elementor-element-ff10212{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-7 .elementor-element.elementor-element-4bfe08d .elementor-button{background-color:#1E2A4A;font-family:"Poppins", Sans-serif;font-weight:700;border-radius:15px 15px 15px 15px;padding:20px 20px 20px 20px;}.elementor-7 .elementor-element.elementor-element-4bfe08d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-4bfe08d .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-7 .elementor-element.elementor-element-5329804 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:700;fill:#1E2A4A;color:#1E2A4A;border-style:solid;border-width:3px 3px 3px 3px;border-color:#BCBABA;border-radius:15px 15px 15px 15px;padding:20px 30px 20px 30px;}.elementor-7 .elementor-element.elementor-element-5329804 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7 .elementor-element.elementor-element-5329804 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-7 .elementor-element.elementor-element-5b089ee{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5b089ee:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5b089ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-d7e68d5{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-d7e68d5:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d7e68d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2A4A;}.elementor-7 .elementor-element.elementor-element-d7e68d5::before, .elementor-7 .elementor-element.elementor-element-d7e68d5 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-d7e68d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-d7e68d5 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-d7e68d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-d7e68d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1E2A4A;--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-8fe0c1d{--display:flex;}.elementor-7 .elementor-element.elementor-element-8de724b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-0becd8e{--display:flex;}.elementor-7 .elementor-element.elementor-element-9a2c198{--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;}.elementor-7 .elementor-element.elementor-element-9a2c198:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-9a2c198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2A4A;}.elementor-7 .elementor-element.elementor-element-6d3015f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6d3015f:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6d3015f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-7 .elementor-element.elementor-element-379b28c{--display:flex;}.elementor-7 .elementor-element.elementor-element-0dc7421{--display:flex;}.elementor-7 .elementor-element.elementor-element-825527e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-825527e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-825527e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-7 .elementor-element.elementor-element-e3653b6{--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;}.elementor-7 .elementor-element.elementor-element-1dd189b{--display:flex;}.elementor-7 .elementor-element.elementor-element-1dd189b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-1dd189b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2A4A;}.elementor-7 .elementor-element.elementor-element-e6da1f9{--display:flex;}.elementor-7 .elementor-element.elementor-element-e6da1f9:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-e6da1f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151D33;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-eb7a66d{--width:705px;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-c1763bc{--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-eb7a66d{--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-ff10212{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-b32f856{font-size:18px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-adb5798 .elementor-heading-title{font-size:26px;line-height:1.3em;}.elementor-7 .elementor-element.elementor-element-c893438{font-size:18px;line-height:1.5em;}.elementor-7 .elementor-element.elementor-element-c1763bc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-eb7a66d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-ff10212{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-5b089ee{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-d8ab4d6 *//* ── Slim Top Contact Bar (inner) ── */
#hgp-topbar .hgp-topbar-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-topbar .hgp-topbar-inner {
    padding: 0 2rem;
  }
}
#hgp-topbar .hgp-topbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.25rem;
}
#hgp-topbar .hgp-topbar-phone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-size: 0.75rem;
  font-family: 'Inter', sans-serif;
  transition: color 0.2s;
}
#hgp-topbar .hgp-topbar-phone:hover {
  color: #ffffff;
}
#hgp-topbar .hgp-topbar-phone svg {
  width: 0.75rem;
  height: 0.75rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#hgp-topbar .hgp-topbar-email {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-size: 0.75rem;
  font-family: 'Inter', sans-serif;
  transition: color 0.2s;
}
#hgp-topbar .hgp-topbar-email:hover {
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b02806 *//* ── Main Nav Bar (inner) ── */
#hgp-main-nav .hgp-nav-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-inner {
    padding: 0 2rem;
  }
}

/* Top row */
#hgp-main-nav .hgp-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-row {
    height: 72px;
  }
}

/* Logo */
#hgp-main-nav .hgp-nav-logo img {
  height: 5rem;
  width: auto;
  transition: filter 0.3s;
  display: block;
}
#hgp-main-nav.scrolled .hgp-nav-logo img {
  filter: brightness(0) invert(1);
}

/* Desktop nav links */
#hgp-main-nav .hgp-nav-links {
  display: none;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-links {
    display: flex;
  }
}
#hgp-main-nav .hgp-nav-links a {
  font-size: 0.88rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  transition: color 0.2s;
}
#hgp-main-nav.scrolled .hgp-nav-links a {
  color: rgba(255,255,255,0.8);
}
#hgp-main-nav .hgp-nav-links a:hover {
  color: #ffffff;
}

/* Desktop CTA */
#hgp-main-nav .hgp-nav-cta-wrap {
  display: none;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-cta-wrap {
    display: flex;
  }
}
#hgp-main-nav .hgp-nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
  background-color: rgba(255,255,255,0.15);
  color: #ffffff;
  backdrop-filter: blur(4px);
}
#hgp-main-nav.scrolled .hgp-nav-cta {
  background-color: #ffffff;
  color: #4B3BFF;
  backdrop-filter: none;
}

/* Mobile toggle */
#hgp-main-nav .hgp-nav-toggle {
  display: block;
  padding: 0.5rem;
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: color 0.2s;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-toggle {
    display: none;
  }
}
#hgp-main-nav .hgp-nav-toggle svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Mobile menu */
#hgp-main-nav .hgp-nav-mobile {
  display: none;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 1rem 0;
}
@media (min-width: 1024px) {
  #hgp-main-nav .hgp-nav-mobile {
    display: none !important;
  }
}
#hgp-main-nav .hgp-nav-mobile.open {
  display: block;
}
#hgp-main-nav.scrolled .hgp-nav-mobile {
  border-color: rgba(255,255,255,0.1);
  background-color: transparent;
  border-radius: 0;
}
#hgp-main-nav:not(.scrolled) .hgp-nav-mobile {
  background-color: rgba(75,59,255,0.97)
  border-radius: 0 0 12px 12px;
}
#hgp-main-nav .hgp-nav-mobile a {
  display: block;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  font-size: 0.9rem;
  font-family: 'Poppins', sans-serif;
  transition: color 0.2s, background-color 0.2s;
}
#hgp-main-nav .hgp-nav-mobile a:hover {
  color: #ffffff;
  background-color: rgba(255,255,255,0.1);
}
#hgp-main-nav .hgp-nav-mobile .hgp-nav-mobile-cta {
  display: block;
  text-align: center;
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  background-color: rgba(255,255,255,0.15);
  color: #ffffff;
  transition: background-color 0.2s, color 0.2s;
}
#hgp-main-nav.scrolled .hgp-nav-mobile .hgp-nav-mobile-cta {
  background-color: #ffffff;
  color: #4B3BFF;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f68e1b2 *//* ── Footer ── */
#hgp-footer {
  padding: 2rem 0;
  background: #151d33;
}
#hgp-footer .hgp-footer-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-footer .hgp-footer-inner {
    padding: 0 2rem;
  }
}
#hgp-footer .hgp-footer-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 768px) {
  #hgp-footer .hgp-footer-row {
    flex-direction: row;
  }
}

/* Left: logo + copyright */
#hgp-footer .hgp-footer-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#hgp-footer .hgp-footer-brand img {
  height: 2.5rem;
  width: auto;
  display: block;
}
#hgp-footer .hgp-footer-copy {
  color: rgba(255,255,255,0.4);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Right: links */
#hgp-footer .hgp-footer-links {
  display: flex;
  gap: 1.5rem;
}
#hgp-footer .hgp-footer-links a {
  color: rgba(255,255,255,0.35);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  transition: color 0.2s;
}
#hgp-footer .hgp-footer-links a:hover {
  color: rgba(255,255,255,0.6);
}
HTML — paste into an HTML widget:

<div id="hgp-footer">
  <div class="hgp-footer-inner">
    <div class="hgp-footer-row">

      <!-- Left: logo + copyright -->
      <div class="hgp-footer-brand">
        <!-- Replace src with your actual logo URL -->
        <img src="/path-to-your-logo.png" alt="Hannes Gouws &amp; Partners Inc." />
        <p class="hgp-footer-copy">&copy; 2026 Hannes Gouws &amp; Partners Inc. All rights reserved.</p>
      </div>

      <!-- Right: links -->
      <div class="hgp-footer-links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Use</a>
        <a href="#">PAIA Manual</a>
      </div>

    </div>
  </div>
</div>
No JavaScript needed. Stacks vertically centred on mobile, switches to a horizontal row with the logo/copyright on the left and links on the right at 768px. Replace the logo src and update the year as needed (or use a small inline script: <script>document.querySelector('.hgp-footer-copy').innerHTML='&copy; '+new Date().getFullYear()+' Hannes Gouws &amp; Partners Inc. All rights reserved.'</script>).

this section too please
Could you clarify which section you'd like extracted? It looks like the selection reference didn't come through — I can see the Footer was the last one we did.

Could you either:

Select the element again so the code snippet comes through, or
Tell me the section name (e.g. Hero, IntroSection, DocumentsGrid, etc.) and I'll pull the component code and convert it?
this section
Here's the standalone Elementor-ready IntroSection:

CSS — add to your Custom CSS:

/* ══════════════════════════════════════
   Intro / About Section
   ══════════════════════════════════════ */
#hgp-intro-section {
  background: #f5f6fa;
  padding: 8rem 0 4rem;
}
@media (min-width: 1024px) {
  #hgp-intro-section {
    padding: 9rem 0 6rem;
  }
}
#hgp-intro-section .hgp-intro-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-intro-section .hgp-intro-inner {
    padding: 0 2rem;
  }
}

/* ── Section header ── */
#hgp-intro-section .hgp-intro-header {
  max-width: 48rem;
  margin: 0 auto 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  #hgp-intro-section .hgp-intro-header {
    margin-bottom: 4rem;
  }
}
#hgp-intro-section .hgp-intro-label {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-intro-section .hgp-intro-header h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 1.25rem 0;
}
#hgp-intro-section .hgp-intro-header p {
  color: rgba(45,45,61,0.6);
  font-size: 1.02rem;
  line-height: 1.85;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* ── Card grid ── */
#hgp-intro-section .hgp-intro-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}
@media (min-width: 768px) {
  #hgp-intro-section .hgp-intro-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ── Individual card ── */
#hgp-intro-section .hgp-intro-card {
  background: #ffffff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06);
  transition: box-shadow 0.3s;
}
#hgp-intro-section .hgp-intro-card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

/* Card image */
#hgp-intro-section .hgp-intro-card-img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
#hgp-intro-section .hgp-intro-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s;
}
#hgp-intro-section .hgp-intro-card:hover .hgp-intro-card-img img {
  transform: scale(1.05);
}

/* Card body */
#hgp-intro-section .hgp-intro-card-body {
  padding: 1.5rem;
}
#hgp-intro-section .hgp-intro-card-tag {
  display: inline-block;
  color: #4B3BFF;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 0.5rem 0;
}
#hgp-intro-section .hgp-intro-card-body h3 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-intro-section .hgp-intro-card-body p {
  color: rgba(45,45,61,0.55);
  font-size: 0.88rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0 0 1.25rem 0;
}

/* Card link */
#hgp-intro-section .hgp-intro-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: #4B3BFF;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  transition: gap 0.25s;
}
#hgp-intro-section .hgp-intro-card-link:hover {
  gap: 0.625rem;
}
#hgp-intro-section .hgp-intro-card-link svg {
  width: 1rem;
  height: 1rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af80d05 *//* ── Role Section ── */
#hgp-role-section {
  padding: 4rem 0;
  background: #ffffff;
}
@media (min-width: 1024px) {
  #hgp-role-section {
    padding: 6rem 0;
  }
}
#hgp-role-section .hgp-role-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-role-section .hgp-role-inner {
    padding: 0 2rem;
  }
}
#hgp-role-section .hgp-role-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}
@media (min-width: 1024px) {
  #hgp-role-section .hgp-role-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}

/* Image */
#hgp-role-section .hgp-role-img-wrap {
  border-radius: 1rem;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  box-shadow: 0 8px 40px rgba(0,0,0,0.1);
}
#hgp-role-section .hgp-role-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Heading */
#hgp-role-section h2 {
  color: #1e2a4a;
  margin: 0 0 1.25rem 0;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.25;
  font-weight: 700;
}

/* Body text */
#hgp-role-section .hgp-role-body {
  color: rgba(45,45,61,0.6);
  font-size: 0.95rem;
  line-height: 1.85;
  font-family: 'Inter', sans-serif;
  margin: 0 0 2rem 0;
}

/* Stats row */
#hgp-role-section .hgp-role-stats {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #f3f4f6;
}
#hgp-role-section .hgp-role-stat-num {
  color: #1e2a4a;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  margin: 0;
}
#hgp-role-section .hgp-role-stat-label {
  color: rgba(45,45,61,0.5);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* CTA button */
#hgp-role-section .hgp-role-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #4B3BFF;
  color: #ffffff;
  padding: 0.875rem 1.75rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 10px 15px -3px rgba(75,59,255,0.2);
  transition: background 0.2s;
}
#hgp-role-section .hgp-role-cta:hover {
  background: #3d2fe6;
}
#hgp-role-section .hgp-role-cta svg {
  flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b491fe5 *//* Authentication & Official Declarations Section */
.authentication-section {
  background-color: #1e2a4a;
  padding: 4rem 0;
}

@media (min-width: 1024px) {
  .authentication-section {
    padding: 6rem 0;
  }
}

.authentication-container {
  max-width: 56rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .authentication-container {
    padding: 0 2rem;
  }
}

.authentication-heading {
  color: white;
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.25;
  font-weight: 700;
}

.authentication-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  line-height: 1.85;
  font-family: 'Inter', sans-serif;
  margin-bottom: 1.5rem;
}

.authentication-text:last-child {
  margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .authentication-heading {
    font-size: 1.5rem;
  }
  
  .authentication-text {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7075385 */Here's the complete CSS — replace everything you have for the ServicesSection in your Custom CSS:

/* ══════════════════════════════════════
   Services Accordion Section
   ══════════════════════════════════════ */
#hgp-services-section {
  background: #ffffff;
  padding: 4rem 0;
}
@media (min-width: 1024px) {
  #hgp-services-section { padding: 6rem 0; }
}
#hgp-services-section .hgp-svc-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-services-section .hgp-svc-inner { padding: 0 2rem; }
}

/* Header */
#hgp-services-section .hgp-svc-header {
  max-width: 48rem;
  margin: 0 auto 3.5rem;
  text-align: center;
}
#hgp-services-section .hgp-svc-label {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-services-section .hgp-svc-header h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
#hgp-services-section .hgp-svc-header > p {
  color: rgba(45,45,61,0.55);
  font-size: 1rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Accordion wrapper */
#hgp-services-section .hgp-svc-accordion {
  max-width: 56rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Accordion item */
#hgp-services-section .hgp-svc-item {
  border-radius: 0.75rem;
  border: 1px solid transparent;
  background: #f5f6fa;
  transition: all 0.3s;
}
#hgp-services-section .hgp-svc-item:hover {
  border-color: #e5e7eb;
}
#hgp-services-section .hgp-svc-item[open] {
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  border-color: rgba(75,59,255,0.2);
}

/* Hide default triangle marker */
#hgp-services-section .hgp-svc-toggle {
  list-style: none;
  cursor: pointer;
}
#hgp-services-section .hgp-svc-toggle::-webkit-details-marker {
  display: none;
}
#hgp-services-section .hgp-svc-toggle::marker {
  display: none;
  content: '';
}

/* Toggle styling */
#hgp-services-section .hgp-svc-toggle,
#hgp-services-section .hgp-svc-toggle:hover,
#hgp-services-section .hgp-svc-toggle:focus,
#hgp-services-section .hgp-svc-toggle:active {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 1.25rem !important;
  gap: 1rem !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: inherit !important;
  border-radius: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  text-align: left !important;
}

#hgp-services-section .hgp-svc-toggle-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
#hgp-services-section .hgp-svc-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgba(75,59,255,0.25);
  flex-shrink: 0;
  transition: background 0.3s;
}
#hgp-services-section .hgp-svc-item[open] .hgp-svc-dot {
  background: #4B3BFF;
}
#hgp-services-section .hgp-svc-toggle h3 {
  color: #1e2a4a;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  transition: color 0.3s;
}
#hgp-services-section .hgp-svc-item:hover .hgp-svc-toggle h3,
#hgp-services-section .hgp-svc-item[open] .hgp-svc-toggle h3 {
  color: #4B3BFF;
}
#hgp-services-section .hgp-svc-chevron {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  stroke: rgba(45,45,61,0.3);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s, stroke 0.3s;
}
#hgp-services-section .hgp-svc-item[open] .hgp-svc-chevron {
  transform: rotate(180deg);
  stroke: #4B3BFF;
}

/* Body content */
#hgp-services-section .hgp-svc-body-inner {
  padding: 0 1.25rem 1.5rem 2.5rem;
  margin-left: 1.25rem;
  border-left: 2px solid rgba(75,59,255,0.15);
}
#hgp-services-section .hgp-svc-body-inner .hgp-svc-intro {
  color: rgba(45,45,61,0.7);
  font-size: 0.9rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0 0 1rem 0;
}
#hgp-services-section .hgp-svc-body-inner ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#hgp-services-section .hgp-svc-body-inner li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
#hgp-services-section .hgp-svc-body-inner li::before {
  content: '';
  width: 0.375rem;
  height: 0.375rem;
  background: #4B3BFF;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.5rem;
}
#hgp-services-section .hgp-svc-body-inner li span {
  color: rgba(45,45,61,0.7);
  font-size: 0.9rem;
  line-height: 1.6;
  font-family: 'Inter', sans-serif;
}
#hgp-services-section .hgp-svc-body-inner .hgp-svc-outro {
  color: rgba(45,45,61,0.45);
  font-size: 0.85rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54c2524 *//* Documents We Legalise Section */
.documents-section {
  background-color: #1e2a4a;
  padding: 3rem 0;
}

@media (min-width: 1024px) {
  .documents-section {
    padding: 4rem 0;
  }
}

.documents-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (min-width: 1024px) {
  .documents-container {
    padding: 0 2rem;
  }
}

.documents-title {
  color: white;
  text-align: center;
  margin-bottom: 2.rem;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.document-sub {
  color: white;
  text-align: center;
  margin-bottom: 2.5rem;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1rem, 2vw, 1.rem);
  line-height: 1.;
  font-weight: 300;
  letter-spacing: 0.04em;
}
.documents-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.document-badge {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem;
  background-color: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  transition: all 0.3s;
  cursor: default;
}

.document-badge:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

.document-icon {
  width: 16px;
  height: 16px;
  color: white;
  flex-shrink: 0;
}

.document-label {
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .document-badge {
    padding: 0.5rem 1rem;
  }
  
  .document-label {
    font-size: 0.75rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d3f357 *//* ── Process Section ── */
#hgp-process-section {
  padding: 4rem 0;
  background: #f5f6fa;
}
@media (min-width: 1024px) {
  #hgp-process-section {
    padding: 6rem 0;
  }
}
#hgp-process-section .hgp-process-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-process-section .hgp-process-inner {
    padding: 0 2rem;
  }
}

/* Header */
#hgp-process-section .hgp-process-header {
  text-align: center;
  margin-bottom: 3.5rem;
}
#hgp-process-section .hgp-process-tag {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-process-section .hgp-process-header h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

/* Card grid */
#hgp-process-section .hgp-process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  #hgp-process-section .hgp-process-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  #hgp-process-section .hgp-process-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Individual card */
#hgp-process-section .hgp-process-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.75rem;
  position: relative;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05);
  transition: box-shadow 0.25s;
}
#hgp-process-section .hgp-process-card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

/* Watermark number */
#hgp-process-section .hgp-process-num {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: rgba(75,59,255,0.1);
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

/* Icon box */
#hgp-process-section .hgp-process-icon {
  width: 2.75rem;
  height: 2.75rem;
  background: #4B3BFF;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

/* Card title */
#hgp-process-section .hgp-process-card h3 {
  color: #1e2a4a;
  font-size: 0.95rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 0.75rem 0;
  padding-right: 2rem;
}

/* Card text */
#hgp-process-section .hgp-process-card p {
  color: rgba(45,45,61,0.55);
  font-size: 0.85rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Footer note */
#hgp-process-section .hgp-process-footer {
  text-align: center;
  color: rgba(45,45,61,0.45);
  font-size: 0.85rem;
  font-family: 'Inter', sans-serif;
  margin-top: 2.5rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afbbf51 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');

.testimonials-section {
  padding: 4rem 0;
  background: #ffffff;
}

@media (min-width: 1024px) {
  .testimonials-section {
    padding: 6rem 0;
  }
}

.testimonials-container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (min-width: 1024px) {
  .testimonials-container {
    padding: 0 2rem;
  }
}

.testimonials-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.testimonials-eyebrow {
  color: #4B3BFF;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.testimonials-title {
  color: #1e2a4a;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.25;
  font-weight: 700;
}

.testimonials-subtitle {
  color: rgba(45, 45, 61, 0.65);
  max-width: 42rem;
  margin: 0 auto;
  font-size: 0.95rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.hellopeter-logo {
  height: 1.2rem;
  display: inline-block;
  vertical-align: middle;
}

.testimonials-grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .testimonials-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.testimonial-card {
  background: #f5f6fa;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.testimonial-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.testimonial-stars {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

.testimonial-star {
  width: 1rem;
  height: 1rem;
  fill: #10b981;
  color: #10b981;
}

.testimonial-text {
  color: #2d2d3d;
  margin-bottom: 1.5rem;
  flex: 1;
  font-size: 0.88rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
}

.testimonial-author {
  color: #1e2a4a;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0.25rem;
}

.testimonial-date {
  color: rgba(45, 45, 61, 0.5);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
}

.hellopeter-logo {
  height: 18px !important;
  max-height: 18px !important;
  width: auto !important;
  max-width: 100px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b497cbc *//* ══════════════════════════════════════
   Why Us Section
   ══════════════════════════════════════ */
#hgp-whyus-section {
  background: #f5f6fa;
  padding: 4rem 0;
}
@media (min-width: 1024px) {
  #hgp-whyus-section {
    padding: 6rem 0;
  }
}
#hgp-whyus-section .hgp-whyus-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-whyus-section .hgp-whyus-inner {
    padding: 0 2rem;
  }
}

/* ── Header ── */
#hgp-whyus-section .hgp-whyus-header {
  text-align: center;
  margin-bottom: 3.5rem;
}
#hgp-whyus-section .hgp-whyus-label {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-whyus-section .hgp-whyus-header h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

/* ── Benefit cards grid ── */
#hgp-whyus-section .hgp-whyus-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
  #hgp-whyus-section .hgp-whyus-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── Individual benefit card ── */
#hgp-whyus-section .hgp-whyus-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.75rem;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s;
  display: flex;
  gap: 1.25rem;
}
#hgp-whyus-section .hgp-whyus-card:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}
#hgp-whyus-section .hgp-whyus-icon {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background: rgba(75,59,255,0.1);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hgp-whyus-section .hgp-whyus-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke: #4B3BFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#hgp-whyus-section .hgp-whyus-card h3 {
  color: #1e2a4a;
  font-size: 1.02rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 0.5rem 0;
}
#hgp-whyus-section .hgp-whyus-card p {
  color: rgba(45,45,61,0.55);
  font-size: 0.88rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* ── Stats strip ── */
#hgp-whyus-section .hgp-whyus-stats {
  background: #1e2a4a;
  border-radius: 1rem;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 640px) {
  #hgp-whyus-section .hgp-whyus-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}
#hgp-whyus-section .hgp-whyus-stat {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#hgp-whyus-section .hgp-whyus-stat-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(255,255,255,0.1);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hgp-whyus-section .hgp-whyus-stat-icon svg {
  width: 1rem;
  height: 1rem;
  stroke: #ffffff;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#hgp-whyus-section .hgp-whyus-stat span {
  color: rgba(255,255,255,0.85);
  font-size: 0.85rem;
  font-family: 'Inter', sans-serif;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-452afee *//* ── Service Areas Section ── */
#hgp-areas-section {
  padding: 4rem 0;
  background: #ffffff;
}
@media (min-width: 1024px) {
  #hgp-areas-section {
    padding: 6rem 0;
  }
}
#hgp-areas-section .hgp-areas-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-areas-section .hgp-areas-inner {
    padding: 0 2rem;
  }
}
#hgp-areas-section .hgp-areas-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}
@media (min-width: 1024px) {
  #hgp-areas-section .hgp-areas-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}

/* Tag row */
#hgp-areas-section .hgp-areas-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
#hgp-areas-section .hgp-areas-tag span {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}

/* Heading */
#hgp-areas-section h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
}

/* Body */
#hgp-areas-section .hgp-areas-body {
  color: rgba(45,45,61,0.55);
  font-size: 0.95rem;
  line-height: 1.85;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Image */
#hgp-areas-section .hgp-areas-img-wrap {
  border-radius: 1rem;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  box-shadow: 0 8px 40px rgba(0,0,0,0.1);
}
#hgp-areas-section .hgp-areas-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7a0953 *//* ── Prepare Section ── */
#hgp-prepare-section {
  padding: 4rem 0;
  background: #f5f6fa;
}
@media (min-width: 1024px) {
  #hgp-prepare-section {
    padding: 6rem 0;
  }
}
#hgp-prepare-section .hgp-prepare-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-prepare-section .hgp-prepare-inner {
    padding: 0 2rem;
  }
}
#hgp-prepare-section .hgp-prepare-wrap {
  max-width: 48rem;
  margin: 0 auto;
}

/* Header */
#hgp-prepare-section .hgp-prepare-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
#hgp-prepare-section .hgp-prepare-label {
  color: #4B3BFF;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}
#hgp-prepare-section h2 {
  color: #1e2a4a;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

/* Card */
#hgp-prepare-section .hgp-prepare-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
@media (min-width: 1024px) {
  #hgp-prepare-section .hgp-prepare-card {
    padding: 2.5rem;
  }
}

/* Checklist */
#hgp-prepare-section .hgp-prepare-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#hgp-prepare-section .hgp-prepare-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
#hgp-prepare-section .hgp-prepare-check {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: #4B3BFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.125rem;
}
#hgp-prepare-section .hgp-prepare-check svg {
  width: 0.875rem;
  height: 0.875rem;
  stroke: #ffffff;
  stroke-width: 2.5;
  fill: none;
}
#hgp-prepare-section .hgp-prepare-text {
  color: rgba(45,45,61,0.7);
  font-size: 0.95rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Footer note */
#hgp-prepare-section .hgp-prepare-note {
  color: rgba(45,45,61,0.4);
  font-size: 0.875rem;
  font-family: 'Inter', sans-serif;
  margin: 2rem 0 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59fee4d *//* ══════════════════════════════════════
   CTA / Contact Section
   ══════════════════════════════════════ */
#hgp-cta-section {
  position: relative;
  padding: 4rem 0;
  background: #1e2a4a;
}
@media (min-width: 1024px) {
  #hgp-cta-section {
    padding: 6rem 0;
  }
}
#hgp-cta-section .hgp-cta-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-cta-section .hgp-cta-inner {
    padding: 0 2rem;
  }
}
#hgp-cta-section .hgp-cta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: start;
}
@media (min-width: 1024px) {
  #hgp-cta-section .hgp-cta-grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}

/* ── Left column ── */
#hgp-cta-section .hgp-cta-heading {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
#hgp-cta-section .hgp-cta-sub {
  color: rgba(255,255,255,0.6);
  font-size: 1.05rem;
  line-height: 1.7;
  font-family: 'Inter', sans-serif;
  margin: 0 0 2.5rem 0;
}

/* Contact cards */
#hgp-cta-section .hgp-contact-cards {
  display: grid;
  gap: 1rem;
}
#hgp-cta-section .hgp-contact-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 1rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: background-color 0.2s;
}
#hgp-cta-section .hgp-contact-card:hover {
  background: rgba(255,255,255,0.1);
}
#hgp-cta-section .hgp-contact-icon {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  background: rgba(75,59,255,0.2);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hgp-cta-section .hgp-contact-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke: #4B3BFF;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#hgp-cta-section .hgp-contact-label {
  color: rgba(255,255,255,0.4);
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 0.125rem 0;
}
#hgp-cta-section .hgp-contact-value {
  color: #ffffff;
  font-size: 0.95rem;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  transition: color 0.2s;
}
#hgp-cta-section a.hgp-contact-value:hover {
  color: rgba(255,255,255,0.8);
}
#hgp-cta-section .hgp-contact-address {
  color: #ffffff;
  font-size: 0.85rem;
  line-height: 1.5;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* ── Right column — form card ── */
#hgp-cta-section .hgp-form-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 1rem;
  padding: 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-cta-section .hgp-form-card {
    padding: 2rem;
  }
}
#hgp-cta-section .hgp-form-card-title {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 0.25rem 0;
}
#hgp-cta-section .hgp-form-card-sub {
  color: rgba(255,255,255,0.45);
  font-size: 0.85rem;
  font-family: 'Inter', sans-serif;
  margin: 0 0 1.5rem 0;
}


/* ══════════════════════════════════════
   Contact Form 7 Overrides
   Scoped to #hgp-cta-section only
   ══════════════════════════════════════ */

/* Reset CF7 wrapper */
#hgp-cta-section .wpcf7 {
  margin: 0 !important;
  padding: 0 !important;
}
#hgp-cta-section .wpcf7-form {
  margin: 0 !important;
  padding: 0 !important;
}

/* Row layout helper — wraps two fields side by side */
#hgp-cta-section .hgp-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
  #hgp-cta-section .hgp-row {
    flex-direction: row;
  }
  #hgp-cta-section .hgp-row > .hgp-field {
    flex: 1 1 0%;
  }
}

/* Field wrapper spacing */
#hgp-cta-section .hgp-field {
  margin-bottom: 1rem;
}

/* Labels */
#hgp-cta-section .wpcf7-form label,
#hgp-cta-section .hgp-label {
  display: block;
  color: rgba(255,255,255,0.6);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0.375rem;
}
#hgp-cta-section .hgp-optional {
  color: rgba(255,255,255,0.25);
  font-weight: 400;
}

/* All text inputs, selects, textareas */
#hgp-cta-section .wpcf7-form input[type="text"],
#hgp-cta-section .wpcf7-form input[type="email"],
#hgp-cta-section .wpcf7-form input[type="tel"],
#hgp-cta-section .wpcf7-form input[type="url"],
#hgp-cta-section .wpcf7-form input[type="number"],
#hgp-cta-section .wpcf7-form input[type="date"],
#hgp-cta-section .wpcf7-form input[type="time"],
#hgp-cta-section .wpcf7-form select,
#hgp-cta-section .wpcf7-form textarea,
#hgp-cta-section .wpcf7-form .wpcf7-text,
#hgp-cta-section .wpcf7-form .wpcf7-email,
#hgp-cta-section .wpcf7-form .wpcf7-tel,
#hgp-cta-section .wpcf7-form .wpcf7-textarea,
#hgp-cta-section .wpcf7-form .wpcf7-select,
#hgp-cta-section .wpcf7-form .wpcf7-date {
  width: 100% !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1rem !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-family: 'Inter', sans-serif !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Placeholders */
#hgp-cta-section .wpcf7-form input::placeholder,
#hgp-cta-section .wpcf7-form textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

/* Focus state */
#hgp-cta-section .wpcf7-form input:focus,
#hgp-cta-section .wpcf7-form select:focus,
#hgp-cta-section .wpcf7-form textarea:focus {
  outline: none !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 2px rgba(75,59,255,0.6) !important;
}

/* Select dropdown arrow */
#hgp-cta-section .wpcf7-form-control-wrap:has(select) {
  position: relative;
  display: block;
}
#hgp-cta-section .wpcf7-form-control-wrap:has(select)::after {
  content: '';
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(255,255,255,0.4);
  pointer-events: none;
}
#hgp-cta-section .wpcf7-form select option {
  background: #1e2a4a !important;
  color: #ffffff !important;
}

/* Date / time colour scheme */
#hgp-cta-section .wpcf7-form input[type="date"],
#hgp-cta-section .wpcf7-form input[type="time"] {
  color-scheme: dark !important;
}

/* Textarea */
#hgp-cta-section .wpcf7-form textarea {
  resize: none !important;
  min-height: 5rem !important;
}

/* Submit button */
#hgp-cta-section .wpcf7-form input[type="submit"],
#hgp-cta-section .wpcf7-form .wpcf7-submit {
  display: block !important;
  width: 100% !important;
  background: #4B3BFF !important;
  color: #ffffff !important;
  border: none !important;
  padding: 0.875rem 2rem !important;
  border-radius: 0.75rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  font-family: 'Poppins', sans-serif !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  box-shadow: 0 10px 25px rgba(75,59,255,0.25) !important;
  margin-top: 0.5rem !important;
}
#hgp-cta-section .wpcf7-form input[type="submit"]:hover,
#hgp-cta-section .wpcf7-form .wpcf7-submit:hover {
  background: #3d2fe6 !important;
}

/* Spinner */
#hgp-cta-section .wpcf7-spinner {
  display: block !important;
  margin: 0.75rem auto 0 !important;
  filter: brightness(0) invert(1) !important;
}

/* Success / response message */
#hgp-cta-section .wpcf7-response-output {
  border: none !important;
  background: none !important;
  color: rgba(255,255,255,0.7) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  text-align: center !important;
  padding: 0.75rem 0 0 0 !important;
  margin: 0.5rem 0 0 0 !important;
}
#hgp-cta-section .wpcf7-form.sent .wpcf7-response-output {
  color: #4ade80 !important;
}
#hgp-cta-section .wpcf7-form.failed .wpcf7-response-output,
#hgp-cta-section .wpcf7-form.invalid .wpcf7-response-output {
  color: #f87171 !important;
}

/* Inline validation errors */
#hgp-cta-section .wpcf7-not-valid-tip {
  color: #f87171 !important;
  font-size: 0.72rem !important;
  font-family: 'Inter', sans-serif !important;
  margin-top: 0.375rem !important;
  display: block !important;
}
#hgp-cta-section .wpcf7-form .wpcf7-not-valid {
  border-color: rgba(220,80,80,0.6) !important;
}

/* Footer note under button */
#hgp-cta-section .hgp-form-note {
  color: rgba(255,255,255,0.3);
  font-size: 0.72rem;
  font-family: 'Inter', sans-serif;
  text-align: center;
  margin: 0.75rem 0 0 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d4e4db *//* ── Footer ── */
#hgp-footer {
  padding: 2rem 0;
  background: #151d33;
}
#hgp-footer .hgp-footer-inner {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 1024px) {
  #hgp-footer .hgp-footer-inner {
    padding: 0 2rem;
  }
}
#hgp-footer .hgp-footer-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (min-width: 768px) {
  #hgp-footer .hgp-footer-row {
    flex-direction: row;
  }
}

/* Left: logo + copyright */
#hgp-footer .hgp-footer-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#hgp-footer .hgp-footer-brand img {
  height: 2.5rem;
  width: auto;
  display: block;
}
#hgp-footer .hgp-footer-copy {
  color: rgba(255,255,255,0.4);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Right: links */
#hgp-footer .hgp-footer-links {
  display: flex;
  gap: 1.5rem;
}
#hgp-footer .hgp-footer-links a {
  color: rgba(255,255,255,0.35);
  font-size: 0.8rem;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  transition: color 0.2s;
}
#hgp-footer .hgp-footer-links a:hover {
  color: rgba(255,255,255,0.6);
}/* End custom CSS */