.elementor-103 .elementor-element.elementor-element-7cdcaf81{--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-103 .elementor-element.elementor-element-7cdcaf81{left:0px;}body.rtl .elementor-103 .elementor-element.elementor-element-7cdcaf81{right:0px;}.elementor-103 .elementor-element.elementor-element-75e4d922{--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-103 .elementor-element.elementor-element-a6d5252{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-103 .elementor-element.elementor-element-22d28754{--display:flex;}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-menu-toggle{margin:0 auto;}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-7a9dc0de .e--pointer-framed .elementor-item:before, .elementor-103 .elementor-element.elementor-element-7a9dc0de .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-7a9dc0de .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-103 .elementor-element.elementor-element-7a9dc0de .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown a:hover, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown a:focus, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown .elementor-item, .elementor-103 .elementor-element.elementor-element-7a9dc0de .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-103 .elementor-element.elementor-element-6052b595{--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;--justify-content:flex-end;--align-items:center;}.elementor-103 .elementor-element.elementor-element-8608836 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-103 .elementor-element.elementor-element-8608836.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-103 .elementor-element.elementor-element-8608836.elementor-view-framed .elementor-icon, .elementor-103 .elementor-element.elementor-element-8608836.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-103 .elementor-element.elementor-element-8608836 .elementor-icon{font-size:26px;}.elementor-103 .elementor-element.elementor-element-8608836 .elementor-icon-box-title{color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-8608836 .elementor-icon-box-description{color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-38201c27 .elementor-repeater-item-135df6e.elementor-social-icon{background-color:#D5C3C300;}.elementor-103 .elementor-element.elementor-element-38201c27 .elementor-repeater-item-135df6e.elementor-social-icon i{color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-38201c27 .elementor-repeater-item-135df6e.elementor-social-icon svg{fill:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-38201c27{--grid-template-columns:repeat(0, auto);--grid-column-gap:1px;--grid-row-gap:0px;}.elementor-103 .elementor-element.elementor-element-38201c27 .elementor-widget-container{text-align:center;}.elementor-103 .elementor-element.elementor-element-38201c27 .elementor-social-icon{--icon-padding:0.2em;}.elementor-103 .elementor-element.elementor-element-f18ccd3{--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-103 .elementor-element.elementor-element-f18ccd3:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-f18ccd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-344e704{--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-103 .elementor-element.elementor-element-8f447e7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-103 .elementor-element.elementor-element-9d853b9{--display:flex;}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-ee89612 .e--pointer-framed .elementor-item:before, .elementor-103 .elementor-element.elementor-element-ee89612 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-ee89612 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-103 .elementor-element.elementor-element-ee89612 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown a:hover, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown a:focus, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown .elementor-item, .elementor-103 .elementor-element.elementor-element-ee89612 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-103 .elementor-element.elementor-element-ee89612 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-103 .elementor-element.elementor-element-ee89612 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.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-103 .elementor-element.elementor-element-7cdcaf81{--content-width:1600px;}.elementor-103 .elementor-element.elementor-element-a6d5252{--width:18%;}.elementor-103 .elementor-element.elementor-element-22d28754{--width:58%;}.elementor-103 .elementor-element.elementor-element-6052b595{--width:25%;}.elementor-103 .elementor-element.elementor-element-f18ccd3{--content-width:1600px;}.elementor-103 .elementor-element.elementor-element-8f447e7{--width:18%;}.elementor-103 .elementor-element.elementor-element-9d853b9{--width:58%;}}@media(max-width:1024px) and (min-width:768px){.elementor-103 .elementor-element.elementor-element-8f447e7{--width:100%;}.elementor-103 .elementor-element.elementor-element-9d853b9{--width:100%;}}@media(max-width:1024px){.elementor-103 .elementor-element.elementor-element-344e704{--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:5px 5px;--row-gap:5px;--column-gap:5px;--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-103 .elementor-element.elementor-element-57cc03f img{width:400px;}.elementor-103 .elementor-element.elementor-element-9d853b9{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-7cdcaf81 *//* 1. STICKY BACKGROUND (SCROLLED STATE) */ .elementor-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-nav-menu .menu-item a, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects svg, .elementor-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81 { 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-103 .elementor-element.elementor-element-7cdcaf81 .logo-swap{ position: relative; } /* Default logo stays in the normal flow */ .elementor-103 .elementor-element.elementor-element-7cdcaf81 .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-103 .elementor-element.elementor-element-7cdcaf81 .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-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .logo-swap .logo-sticky{ display: block; } .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .logo-swap .logo-default{ opacity: 0; visibility: hidden; } /* SOCIAL ICONS FIX (SCROLLED STATE) */ .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon i, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg, .elementor-103 .elementor-element.elementor-element-7cdcaf81.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-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon { background-color: transparent !important; } .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-icon i, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-icon svg, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-icon svg *{ color: #000 !important; fill: #000 !important; stroke: #000 !important; } .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-title a, .elementor-103 .elementor-element.elementor-element-7cdcaf81.elementor-sticky--effects .elementor-icon-box-description{ color: #000 !important; }/* End custom CSS */