.elementor-293 .elementor-element.elementor-element-6c466cc7{--display:flex;--position:absolute;--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;top:0px;}body:not(.rtl) .elementor-293 .elementor-element.elementor-element-6c466cc7{left:0px;}body.rtl .elementor-293 .elementor-element.elementor-element-6c466cc7{right:0px;}.elementor-293 .elementor-element.elementor-element-2587c0a8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-293 .elementor-element.elementor-element-6fe442b1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-293 .elementor-element.elementor-element-ac58d39{--display:flex;}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-menu-toggle{margin:0 auto;}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu .elementor-item{font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:1.8px;}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:25px;padding-right:25px;}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-97feb3e .e--pointer-framed .elementor-item:before, .elementor-293 .elementor-element.elementor-element-97feb3e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-97feb3e .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-293 .elementor-element.elementor-element-97feb3e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a:hover, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a:focus, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a.highlighted, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-menu-toggle:hover, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a:hover, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a:focus, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown .elementor-item, .elementor-293 .elementor-element.elementor-element-97feb3e .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-293 .elementor-element.elementor-element-8f314ec{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-293 .elementor-element.elementor-element-2b8f598 .elementor-button{font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:2px;}.elementor-293 .elementor-element.elementor-element-a0a83c8{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-293 .elementor-element.elementor-element-a0a83c8:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-a0a83c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-293 .elementor-element.elementor-element-04eb104{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-293 .elementor-element.elementor-element-6c9e45a{--display:flex;}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-menu-toggle{margin:0 auto;background-color:#000000;}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu .elementor-item{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:1.8px;}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-9884864 .e--pointer-framed .elementor-item:before, .elementor-293 .elementor-element.elementor-element-9884864 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-9884864 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-293 .elementor-element.elementor-element-9884864 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a:hover, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a:focus, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a.highlighted, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-menu-toggle:hover, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a:hover, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a:focus, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown .elementor-item, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle{color:#FF6432;}.elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle svg{fill:#FF6432;}.elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle:hover, .elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle:hover svg, .elementor-293 .elementor-element.elementor-element-9884864 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-293 .elementor-element.elementor-element-9884864 .elementor-menu-toggle:hover, .elementor-293 .elementor-element.elementor-element-9884864 .elementor-menu-toggle:focus{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-293 .elementor-element.elementor-element-6c466cc7{--content-width:1800px;}.elementor-293 .elementor-element.elementor-element-6fe442b1{--width:20%;}.elementor-293 .elementor-element.elementor-element-ac58d39{--width:70%;}.elementor-293 .elementor-element.elementor-element-8f314ec{--width:20%;}.elementor-293 .elementor-element.elementor-element-a0a83c8{--content-width:1800px;}.elementor-293 .elementor-element.elementor-element-6c9e45a{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-293 .elementor-element.elementor-element-6c9e45a{--width:100%;}}@media(max-width:1024px){.elementor-293 .elementor-element.elementor-element-04eb104{--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:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for container, class: .elementor-element-6c466cc7 *//* 1. STICKY BACKGROUND (SCROLLED STATE) */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects { background-color: #fff !important; /* Brand Green */ transition: background-color 0.4s ease-in-out; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); } /* 2. TEXT & ICON COLOURS (SCROLLED STATE) */ /* This targets menu items, icons, and SVG logos in the sticky state */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-nav-menu .menu-item a, .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects svg, .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-menu-toggle i { color: #000 !important; fill: #000 !important; transition: all 0.4s ease-in-out; } /* 3. HOVER COLOUR (SCROLLED STATE) */ /* Keeps the hover effect as your brand yellow when header is green */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-nav-menu .menu-item a:hover { color: #000 !important; } /* 4. MOBILE DROPDOWN SETTINGS */ @media (max-width: 1024px) { /* Ensures the dropdown background matches the header when scrolled */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-nav-menu--dropdown { background-color: #7EAA37 !important; border-top: 1px solid rgba(255, 222, 34, 0.2); } /* Ensures dropdown text stays white */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-nav-menu--dropdown a { color: #FFFFFF !important; } } /* 5. SMOOTH RESET */ /* Ensures the transition back to transparent is smooth when scrolling to top */ .elementor-293 .elementor-element.elementor-element-6c466cc7 { transition: background-color 0.4s ease-in-out; } /* LOGO SWAP FIX (prevents the “duplicate logo” stack) */ /* Parent wrapper must be relative so the sticky logo can overlay */ .elementor-293 .elementor-element.elementor-element-6c466cc7 .logo-swap{ position: relative; } /* Default logo stays in the normal flow */ .elementor-293 .elementor-element.elementor-element-6c466cc7 .logo-swap .logo-default{ position: relative; z-index: 1; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } /* Sticky logo is removed from flow (so it won't create a second line) */ .elementor-293 .elementor-element.elementor-element-6c466cc7 .logo-swap .logo-sticky{ position: absolute !important; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: none; /* IMPORTANT: stops it “stacking” */ } /* When header becomes sticky, swap */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .logo-swap .logo-sticky{ display: block; } .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .logo-swap .logo-default{ opacity: 0; visibility: hidden; } /* SOCIAL ICONS FIX (SCROLLED STATE) */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon, .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon i, .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg, .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg * { color: #000 !important; /* Font icons */ fill: #000 !important; /* SVG icons */ stroke: #000 !important; /* Some SVGs use stroke */ } /* If your social icons have a background shape you want transparent/white */ .elementor-293 .elementor-element.elementor-element-6c466cc7.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon { background-color: transparent !important; } .scroll-logo-header .reveal-logo { opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease; } .scroll-logo-header.logo-visible .reveal-logo { opacity: 1; visibility: visible; transform: translateY(0); }/* End custom CSS */