.elementor-27 .elementor-element.elementor-element-34367533{--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-27 .elementor-element.elementor-element-34367533{left:0px;}body.rtl .elementor-27 .elementor-element.elementor-element-34367533{right:0px;}.elementor-27 .elementor-element.elementor-element-1004deb0{--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-27 .elementor-element.elementor-element-e1c49fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-252362ff{--display:flex;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-menu-toggle{margin:0 auto;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main .elementor-item:hover, .elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main .elementor-item.highlighted, .elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-381170ff .e--pointer-framed .elementor-item:before, .elementor-27 .elementor-element.elementor-element-381170ff .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-381170ff .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-27 .elementor-element.elementor-element-381170ff .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-381170ff{--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-27 .elementor-element.elementor-element-381170ff .elementor-item:before{border-radius:50px;}.elementor-27 .elementor-element.elementor-element-381170ff .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:50px 50px 0 0;}.elementor-27 .elementor-element.elementor-element-381170ff .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 50px 50px;}.elementor-27 .elementor-element.elementor-element-381170ff .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 50px 50px 0;}.elementor-27 .elementor-element.elementor-element-381170ff .e--animation-shutter-in-vertical .elementor-item:after{border-radius:50px 0 0 50px;}.elementor-27 .elementor-element.elementor-element-2435786e{--display:flex;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-135df6e.elementor-social-icon{background-color:#D5C3C300;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-135df6e.elementor-social-icon i{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-135df6e.elementor-social-icon svg{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-5fa1d63.elementor-social-icon{background-color:#D5C3C300;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-5fa1d63.elementor-social-icon i{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-5fa1d63.elementor-social-icon svg{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-ff1a500.elementor-social-icon{background-color:#D5C3C300;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-ff1a500.elementor-social-icon i{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-repeater-item-ff1a500.elementor-social-icon svg{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-12350fb6{--grid-template-columns:repeat(0, auto);--grid-column-gap:4px;--grid-row-gap:0px;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-widget-container{text-align:center;}.elementor-27 .elementor-element.elementor-element-12350fb6 .elementor-social-icon{--icon-padding:0.2em;}.elementor-27 .elementor-element.elementor-element-e1a4800{--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-27 .elementor-element.elementor-element-cc6ea79{--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-27 .elementor-element.elementor-element-cc6ea79:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-cc6ea79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-e4a4b24{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-24745ad{--display:flex;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-menu-toggle{margin:0 auto;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main .elementor-item:hover, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-02d0043 .e--pointer-framed .elementor-item:before, .elementor-27 .elementor-element.elementor-element-02d0043 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-02d0043 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-27 .elementor-element.elementor-element-02d0043 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-02d0043{--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-item:before{border-radius:50px;}.elementor-27 .elementor-element.elementor-element-02d0043 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:50px 50px 0 0;}.elementor-27 .elementor-element.elementor-element-02d0043 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 50px 50px;}.elementor-27 .elementor-element.elementor-element-02d0043 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 50px 50px 0;}.elementor-27 .elementor-element.elementor-element-02d0043 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:50px 0 0 50px;}.elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--dropdown a:hover, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--dropdown a:focus, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-27 .elementor-element.elementor-element-02d0043 .elementor-nav-menu--dropdown a.highlighted{background-color: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-27 .elementor-element.elementor-element-34367533{--content-width:1600px;}.elementor-27 .elementor-element.elementor-element-e1c49fd{--width:10%;}.elementor-27 .elementor-element.elementor-element-252362ff{--width:76%;}.elementor-27 .elementor-element.elementor-element-2435786e{--width:14%;}.elementor-27 .elementor-element.elementor-element-e1a4800{--content-width:1600px;}.elementor-27 .elementor-element.elementor-element-e4a4b24{--width:10%;}.elementor-27 .elementor-element.elementor-element-24745ad{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-e4a4b24{--width:100%;}.elementor-27 .elementor-element.elementor-element-24745ad{--width:100%;}}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-e1a4800{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-cc6ea79{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-27 .elementor-element.elementor-element-65f1820 img{width:120px;}.elementor-27 .elementor-element.elementor-element-24745ad{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-34367533 *//* 1. STICKY BACKGROUND — SCROLLED STATE */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects { background-color: #FFFFFF !important; transition: background-color 0.4s ease-in-out; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } /* 2. MENU LINK COLOURS — SCROLLED STATE */ /* Black by default */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item > a { color: #000000 !important; fill: #000000 !important; transition: color 0.4s ease-in-out, fill 0.4s ease-in-out; } /* White when hovered, focused or active */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item > a:hover, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item > a:focus, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item.current-menu-item > a, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item.current-menu-ancestor > a, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item.current_page_item > a, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .menu-item.current_page_ancestor > a, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu .elementor-item-active, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu a[aria-current="page"] { color: #FFFFFF !important; fill: #FFFFFF !important; } /* 3. ICON AND SVG COLOURS — SCROLLED STATE */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects svg, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-menu-toggle i { color: #000000 !important; fill: #000000 !important; transition: color 0.4s ease-in-out, fill 0.4s ease-in-out; } /* 4. MOBILE DROPDOWN SETTINGS */ @media (max-width: 1024px) { /* Dropdown background when header is scrolled */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown { background-color: #7EAA37 !important; border-top: 1px solid rgba(255, 222, 34, 0.2); } /* Dropdown links remain white */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown a { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Dropdown hover and active state */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown a:hover, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown a:focus, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-item-active, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown .current-menu-item > a, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-nav-menu--dropdown a[aria-current="page"] { color: #FFFFFF !important; fill: #FFFFFF !important; } } /* 5. SMOOTH RESET */ /* Smooth transition when scrolling back to the top */ .elementor-27 .elementor-element.elementor-element-34367533 { transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; } /* 6. LOGO SWAP FIX */ /* Prevents the two logos from stacking */ /* Parent wrapper */ .elementor-27 .elementor-element.elementor-element-34367533 .logo-swap { position: relative; } /* Default logo */ .elementor-27 .elementor-element.elementor-element-34367533 .logo-swap .logo-default { position: relative; z-index: 1; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } /* Sticky logo */ .elementor-27 .elementor-element.elementor-element-34367533 .logo-swap .logo-sticky { position: absolute !important; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: none; } /* Show sticky logo when scrolled */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .logo-swap .logo-sticky { display: block; } /* Hide default logo when scrolled */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .logo-swap .logo-default { opacity: 0; visibility: hidden; } /* 7. SOCIAL ICONS — SCROLLED STATE */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon i, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg, .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon svg * { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* Remove social icon background */ .elementor-27 .elementor-element.elementor-element-34367533.elementor-sticky--effects .elementor-social-icons-wrapper a.elementor-social-icon { background-color: transparent !important; }/* End custom CSS */