.elementor-21064 .elementor-element.elementor-element-7cd5809{--display:flex;--min-height:506px;--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;--justify-content:flex-end;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:41px;--padding-left:20px;--padding-right:20px;}.elementor-21064 .elementor-element.elementor-element-7cd5809::before, .elementor-21064 .elementor-element.elementor-element-7cd5809 > .elementor-background-video-container::before, .elementor-21064 .elementor-element.elementor-element-7cd5809 > .e-con-inner > .elementor-background-video-container::before, .elementor-21064 .elementor-element.elementor-element-7cd5809 > .elementor-background-slideshow::before, .elementor-21064 .elementor-element.elementor-element-7cd5809 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21064 .elementor-element.elementor-element-7cd5809 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-21064 .elementor-element.elementor-element-7cd5809:not(.elementor-motion-effects-element-type-background), .elementor-21064 .elementor-element.elementor-element-7cd5809 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21064 .elementor-element.elementor-element-8a3ea29 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-fe0e7fe );}.elementor-21064 .elementor-element.elementor-element-a2b79aa{width:var( --container-widget-width, 431px );max-width:431px;--container-widget-width:431px;--container-widget-flex-grow:0;color:var( --e-global-color-fe0e7fe );}.elementor-21064 .elementor-element.elementor-element-8dbe17d{--display:flex;--min-height:47px;--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-21064 .elementor-element.elementor-element-8dbe17d:not(.elementor-motion-effects-element-type-background), .elementor-21064 .elementor-element.elementor-element-8dbe17d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-9d68af9-font-family ), Sans-serif;font-size:var( --e-global-typography-9d68af9-font-size );font-weight:var( --e-global-typography-9d68af9-font-weight );text-decoration:var( --e-global-typography-9d68af9-text-decoration );line-height:var( --e-global-typography-9d68af9-line-height );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-fe0e7fe );fill:var( --e-global-color-fe0e7fe );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-fe0e7fe );fill:var( --e-global-color-fe0e7fe );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-fe0e7fe );}.elementor-21064 .elementor-element.elementor-element-bc1dd36{--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-21064 .elementor-element.elementor-element-b084031{--display:flex;--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;--align-items:center;--gap:61px 20px;--row-gap:61px;--column-gap:20px;--padding-top:80px;--padding-bottom:156px;--padding-left:20px;--padding-right:20px;}.elementor-21064 .elementor-element.elementor-element-20ffe90{text-align:center;}.elementor-21064 .elementor-element.elementor-element-2320ae9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21064 .elementor-element.elementor-element-21c9903{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21064 .elementor-element.elementor-element-4a6c361{width:var( --container-widget-width, 452px );max-width:452px;--container-widget-width:452px;--container-widget-flex-grow:0;}.elementor-21064 .elementor-element.elementor-element-7ba91b0{--display:grid;--min-height:402px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21064 .elementor-element.elementor-element-7ba91b0:not(.elementor-motion-effects-element-type-background), .elementor-21064 .elementor-element.elementor-element-7ba91b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aps.vendo-staging.co.uk/wp-content/uploads/2025/07/Rectangle-112-2-scaled.webp");background-position:center center;background-repeat:no-repeat;}.elementor-21064 .elementor-element.elementor-element-6c64bab{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:37px 37px;--row-gap:37px;--column-gap:37px;--margin-top:-76px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21064 .elementor-element.elementor-element-6c64bab:not(.elementor-motion-effects-element-type-background), .elementor-21064 .elementor-element.elementor-element-6c64bab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-21064 .elementor-element.elementor-element-318d211{text-align:center;}.elementor-21064 .elementor-element.elementor-element-318d211 .elementor-heading-title{color:var( --e-global-color-fe0e7fe );}.elementor-21064 .elementor-element.elementor-element-7a67eb1{width:var( --container-widget-width, 436px );max-width:436px;--container-widget-width:436px;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-fe0e7fe );}@media(max-width:1024px){.elementor-21064 .elementor-element.elementor-element-7cd5809{--min-height:400px;}.elementor-21064 .elementor-element.elementor-element-8a3ea29 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-9d68af9-font-size );line-height:var( --e-global-typography-9d68af9-line-height );}.elementor-21064 .elementor-element.elementor-element-bc1dd36{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-21064 .elementor-element.elementor-element-2320ae9{--grid-auto-flow:row;}.elementor-21064 .elementor-element.elementor-element-7ba91b0{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21064 .elementor-element.elementor-element-7cd5809{--min-height:350px;}.elementor-21064 .elementor-element.elementor-element-8a3ea29 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-21064 .elementor-element.elementor-element-bc1dd36 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-9d68af9-font-size );line-height:var( --e-global-typography-9d68af9-line-height );}.elementor-21064 .elementor-element.elementor-element-b084031{--padding-top:50px;--padding-bottom:125px;--padding-left:20px;--padding-right:20px;}.elementor-21064 .elementor-element.elementor-element-2320ae9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21064 .elementor-element.elementor-element-7ba91b0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for nav-menu, class: .elementor-element-bc1dd36 *//* ========================================================================
   HERO-MENU  →  Horizontal scroll + 20 px spacing   (Jet Navigation ready)
   Fires only at 1140 px wide and below
   ======================================================================== */
@media (max-width: 1140px) {

  /* ─────────────────────────────────────────────────────────────
     1.  THE TRACK                                          
     ───────────────────────────────────────────────────────────── */
  /* ①  Nav wrapper that carries your “hero-menu” class       */
  .hero-menu,
  /* ②  Jet’s internal wrappers that actually hold the <li>’s */
  .hero-menu .jet-menu-items,
  .hero-menu .jet-mega-menu__container,
  .hero-menu ul {                    /* extra safety for classic markup */
    display: flex       !important;  /* one long row                     */
    flex-wrap: nowrap   !important;  /* never wrap onto another line     */
    overflow-x: auto    !important;  /* horizontal scroll when needed    */
    overflow-y: hidden  !important;
    gap: 20px           !important;  /* ← EXACT 20 px GAP                */
    -webkit-overflow-scrolling: touch;  /* momentum swipe on iOS        */

    /* Hide scroll bars across engines */
    scrollbar-width: none;          /* Firefox                           */
    -ms-overflow-style: none;       /* old Edge / IE                     */
  }
  /* Chrome/Safari/WebKit */
  .hero-menu::-webkit-scrollbar,
  .hero-menu .jet-menu-items::-webkit-scrollbar,
  .hero-menu .jet-mega-menu__container::-webkit-scrollbar,
  .hero-menu ul::-webkit-scrollbar {
    display: none;
  }

  /* ─────────────────────────────────────────────────────────────
     2.  THE ITEMS                                           
     ───────────────────────────────────────────────────────────── */
  .hero-menu > *,
  .hero-menu .jet-menu-items > *,
  .hero-menu .jet-mega-menu__container > *,
  .hero-menu ul > * {               /* li / div / a depending on setup   */
    flex: 0 0 auto   !important;    /* don’t shrink, don’t wrap          */
    white-space: nowrap;            /* keep long labels on one line      */
  }

  /* ─────────────────────────────────────────────────────────────
     3.  Fallback for browsers that lack flex-gap (e.g. old Sams.)
     ───────────────────────────────────────────────────────────── */
  @supports not (gap: 20px) {
    .hero-menu > * + *,
    .hero-menu .jet-menu-items > * + *,
    .hero-menu .jet-mega-menu__container > * + *,
    .hero-menu ul > * + * {
      margin-left: 20px !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS */.resources:hover .resources-arrow .elementor-icon svg{
fill: #FEF7DE!important;

}

/* Existing arrow recolour ------------------------- */
.more:hover .resources-arrow .elementor-icon svg{
    fill:#FEF7DE !important;
}

/* NEW – turn the heading black on hover ----------- */
.more:hover .elementor-heading-title{
    color:#000 !important;
}

/* NEW – turn the text-widget content black on hover */
.more:hover .elementor-widget-text-editor,
.more:hover .elementor-widget-text-editor *{ /* covers <p>, <a>, etc. */
    color:#000 !important;
}/* End custom CSS */