.elementor-81 .elementor-element.elementor-element-077369c{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:999;}.elementor-81 .elementor-element.elementor-element-077369c:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-077369c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3E59BD00;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-077369c{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-077369c{right:0px;}.elementor-81 .elementor-element.elementor-element-1513e2d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-3ab371d{--display:flex;}.elementor-81 .elementor-element.elementor-element-cb26fe5 > .elementor-widget-container{--e-transform-scale:1.06;}.elementor-81 .elementor-element.elementor-element-5009259{--display:flex;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-menu-toggle{margin:0 auto;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-top:5px;padding-bottom:5px;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-c785c99 .e--pointer-framed .elementor-item:before, .elementor-81 .elementor-element.elementor-element-c785c99 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-c785c99 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-81 .elementor-element.elementor-element-c785c99 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a:hover, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a:focus, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a.highlighted, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-menu-toggle:hover, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a:hover, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a:focus, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown a.highlighted{background-color:#1B2A61;}.elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown .elementor-item, .elementor-81 .elementor-element.elementor-element-c785c99 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-81 .elementor-element.elementor-element-13ab21a{--display:flex;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-f53ea76.elementor-social-icon{background-color:#FFFFFF00;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-f53ea76.elementor-social-icon i{color:#22396D00;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-f53ea76.elementor-social-icon svg{fill:#22396D00;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-c632455.elementor-social-icon{background-color:#FFFFFF00;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-c632455.elementor-social-icon i{color:#22396D00;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-repeater-item-c632455.elementor-social-icon svg{fill:#22396D00;}.elementor-81 .elementor-element.elementor-element-713a9cc{--grid-template-columns:repeat(0, auto);--icon-size:25px;--grid-column-gap:2px;--grid-row-gap:0px;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-widget-container{text-align:center;}.elementor-81 .elementor-element.elementor-element-713a9cc .elementor-social-icon{--icon-padding:0.3em;}.elementor-81 .elementor-element.elementor-element-29827e0{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-81 .elementor-element.elementor-element-29827e0:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-29827e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-4342c1f{--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;}.elementor-81 .elementor-element.elementor-element-bb121fa{--display:flex;}.elementor-81 .elementor-element.elementor-element-b1ca155{--display:flex;}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-menu-toggle{margin:0 auto;}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-a7637bc .e--pointer-framed .elementor-item:before, .elementor-81 .elementor-element.elementor-element-a7637bc .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-a7637bc .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-81 .elementor-element.elementor-element-a7637bc .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a:hover, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a:focus, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a.highlighted, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-menu-toggle:hover, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a:hover, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a:focus, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown a.highlighted{background-color:#1B2A61;}.elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown .elementor-item, .elementor-81 .elementor-element.elementor-element-a7637bc .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-81 .elementor-element.elementor-element-a68b6f6{--display:flex;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-f53ea76.elementor-social-icon{background-color:#FFFFFF00;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-f53ea76.elementor-social-icon i{color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-f53ea76.elementor-social-icon svg{fill:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-c632455.elementor-social-icon{background-color:#FFFFFF00;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-c632455.elementor-social-icon i{color:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-repeater-item-c632455.elementor-social-icon svg{fill:#FFFFFF;}.elementor-81 .elementor-element.elementor-element-10b46a2{--grid-template-columns:repeat(0, auto);--grid-column-gap:12px;--grid-row-gap:0px;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-widget-container{text-align:center;}.elementor-81 .elementor-element.elementor-element-10b46a2 .elementor-social-icon{--icon-padding:0.3em;}.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-81 .elementor-element.elementor-element-077369c{--content-width:2000px;}.elementor-81 .elementor-element.elementor-element-3ab371d{--width:22%;}.elementor-81 .elementor-element.elementor-element-5009259{--width:72%;}.elementor-81 .elementor-element.elementor-element-13ab21a{--width:6%;}.elementor-81 .elementor-element.elementor-element-29827e0{--content-width:1800px;}.elementor-81 .elementor-element.elementor-element-bb121fa{--width:22%;}.elementor-81 .elementor-element.elementor-element-b1ca155{--width:68%;}.elementor-81 .elementor-element.elementor-element-a68b6f6{--width:10%;}}@media(max-width:1024px) and (min-width:768px){.elementor-81 .elementor-element.elementor-element-3ab371d{--width:100%;}.elementor-81 .elementor-element.elementor-element-5009259{--width:100%;}.elementor-81 .elementor-element.elementor-element-13ab21a{--width:100%;}.elementor-81 .elementor-element.elementor-element-bb121fa{--width:100%;}.elementor-81 .elementor-element.elementor-element-b1ca155{--width:100%;}.elementor-81 .elementor-element.elementor-element-a68b6f6{--width:100%;}}@media(max-width:1024px){.elementor-81 .elementor-element.elementor-element-1513e2d{--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-81 .elementor-element.elementor-element-29827e0{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-81 .elementor-element.elementor-element-4342c1f{--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;}.elementor-81 .elementor-element.elementor-element-b1ca155{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-077369c *//* 1. STICKY BACKGROUND (SCROLLED STATE) */ .elementor-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects { background-color: #344E8C !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-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects .elementor-nav-menu .menu-item a, .elementor-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects i, .elementor-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects svg, .elementor-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects .elementor-menu-toggle i { color: #FFFFFF !important; fill: #FFFFFF !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-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects .elementor-nav-menu .menu-item a:hover { color: #344E8C !important; } /* 4. MOBILE DROPDOWN SETTINGS */ @media (max-width: 1024px) { /* Ensures the dropdown background matches the header when scrolled */ .elementor-81 .elementor-element.elementor-element-077369c.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-81 .elementor-element.elementor-element-077369c.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-81 .elementor-element.elementor-element-077369c { 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-81 .elementor-element.elementor-element-077369c .logo-swap{ position: relative; } /* Default logo stays in the normal flow */ .elementor-81 .elementor-element.elementor-element-077369c .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-81 .elementor-element.elementor-element-077369c .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-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects .logo-swap .logo-sticky{ display: block; } .elementor-81 .elementor-element.elementor-element-077369c.elementor-sticky--effects .logo-swap .logo-default{ opacity: 0; visibility: hidden; }/* End custom CSS */