.elementor-87926 .elementor-element.elementor-element-4e10c6f{--display:flex;}.elementor-87926 .elementor-element.elementor-element-f563cc1{--display:flex;}/* Start custom CSS for container, class: .elementor-element-4e10c6f */<!-- ════════════════════════════════════════════════════════════ -->
<!-- PATHMONK · ELEMENTOR SPACING FIX — HOMEPAGE (scoped — v2h)    -->
<!-- Paste ONCE on the homepage, OR put the CSS (without <style>)  -->
<!-- into Elementor → Page Settings → Advanced → Custom CSS.       -->
<!--                                                               -->
<!-- Why the standard v2 block didn't work here: the homepage      -->
<!-- modules don't have the .pm-mod class. Each one has its own    -->
<!-- root ID instead, so every :has(.pm-mod) rule matched nothing. -->
<!-- This version scopes on the actual homepage module roots       -->
<!-- (and keeps .pm-mod in the list for future modules).           -->
<!-- ════════════════════════════════════════════════════════════ -->
<style>
:root{
  /* All homepage module roots live in this one .elementor-87926 .elementor-element.elementor-element-4e10c6f list.
     Add new module IDs here if the homepage gets new sections. */
  --pm-unused:0; /* (vars can't hold .elementor-87926 .elementor-element.elementor-element-4e10c6fs — list repeated below) */
}

/* 1 · The HTML widget that holds a module: no margin/padding */
.elementor-widget-html:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final){margin:0 !important}
.elementor-widget-html:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final) > .elementor-widget-container{margin:0 !important;padding:0 !important}

/* 2 · Legacy Sections/Columns that hold a module: no vertical padding */
.elementor-section:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final){padding-top:0 !important;padding-bottom:0 !important}
.elementor-section:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final) > .elementor-container{padding-top:0 !important;padding-bottom:0 !important}
.elementor-column:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final) > .elementor-widget-wrap{padding-top:0 !important;padding-bottom:0 !important}

/* 3 · New Flexbox Containers that hold a module: no padding/gap */
.e-con:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final){padding-top:0 !important;padding-bottom:0 !important;
  --gap:0px !important;--row-gap:0px !important}
.e-con:has(.pm-mod, #pm-landing-organic-v26, #pm-industries,
  #gd-landing, #pm-stories, #pm-guarantee, #pm-objections, #pm-mcp-wrapper,
  #pm-final) > .e-con-inner{padding-top:0 !important;padding-bottom:0 !important}

/* 4 · HOMEPAGE ONLY — pull the hero up under the menu.
   Rules 1-3 already remove Elementor's own top padding; if a gap
   remains after that, it's space reserved below the fixed header.
   Tune the -NNpx value in the Elementor preview until the hero
   sits flush. Start at 0 after testing rules 1-3, then go negative
   only if needed. */
.elementor-widget-html:has(#pm-landing-organic-v26){margin-top:-64px !important}
</style>/* End custom CSS */