.elementor-403 .elementor-element.elementor-element-d8a0e02{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:5px 30px;--row-gap:5px;--column-gap:30px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-403 .elementor-element.elementor-element-1f6f6ba{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-403 .elementor-element.elementor-element-1f6f6ba.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item:hover, .elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-403 .elementor-element.elementor-element-9e9c643 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-403 .elementor-element.elementor-element-cd7a664 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-403 .elementor-element.elementor-element-cd7a664 .elementor-icon-wrapper{text-align:right;}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-framed .elementor-icon, .elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-framed .elementor-icon, .elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-framed .elementor-icon:hover, .elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-framed .elementor-icon:hover, .elementor-403 .elementor-element.elementor-element-cd7a664.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-403 .elementor-element.elementor-element-cd7a664 .elementor-icon{font-size:35px;}.elementor-403 .elementor-element.elementor-element-cd7a664 .elementor-icon svg{height:35px;}.elementor-403 .elementor-element.elementor-element-28b1082{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:left;}.elementor-403 .elementor-element.elementor-element-28b1082.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-403 .elementor-element.elementor-element-28b1082 img{width:30px;}.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-403 .elementor-element.elementor-element-1f6f6ba{--width:250px;}}@media(max-width:767px){.elementor-403 .elementor-element.elementor-element-d8a0e02{--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-403 .elementor-element.elementor-element-1f6f6ba{--width:150px;}.elementor-403 .elementor-element.elementor-element-1397a53.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-403 .elementor-element.elementor-element-28b1082 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-403 .elementor-element.elementor-element-28b1082{--container-widget-width:63px;--container-widget-flex-grow:0;width:var( --container-widget-width, 63px );max-width:63px;text-align:left;}.elementor-403 .elementor-element.elementor-element-28b1082 img{width:30px;}}/* Start custom CSS for nav-menu, class: .elementor-element-9e9c643 */.elementor-403 .elementor-element.elementor-element-9e9c643 { text-shadow: 0 0 10px var(--e-global-color-accent), 0 0 10px var(--e-global-color-accent), 0 0 10px var(--e-global-color-accent); } .elementor-403 .elementor-element.elementor-element-9e9c643 a:hover { animation: buzz 0.3s infinite; } @keyframes buzz { 0% { transform: translateX(0); } 25% { transform: translateX(-2px); /* Small left move */ } 50% { transform: translateX(2px); /* Small right move */ } 75% { transform: translateX(-2px); /* Small left move */ } 100% { transform: translateX(2px); /* Small right move */ } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd7a664 */.elementor-403 .elementor-element.elementor-element-cd7a664 svg { filter: drop-shadow(0 0 10px var(--e-global-color-accent)) drop-shadow(0 0 20px var(--e-global-color-accent)) drop-shadow(0 0 40px var(--e-global-color-accent)); fill: currentColor; /* Ensures the SVG uses the current text/accent colour */ background: transparent; /* Ensure no background */ transition: filter 0.3s ease, background-color 0s; /* Prevent unwanted transition delays */ will-change: filter; /* Optimise rendering for smooth transitions */ } .elementor-403 .elementor-element.elementor-element-cd7a664 svg:hover { filter: drop-shadow(0 0 15px var(--e-global-color-accent)) drop-shadow(0 0 30px var(--e-global-color-accent)) drop-shadow(0 0 60px var(--e-global-color-accent)); background: transparent; /* Ensure no background during hover */ } .elementor-403 .elementor-element.elementor-element-cd7a664 { background: transparent !important; /* Prevent parent from adding a background */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1397a53 */.elementor-403 .elementor-element.elementor-element-1397a53 { width: 5px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d8a0e02 *//* Initially transparent header */ .my-sticky-header { background: transparent; transition: background 0.3s ease-in-out, padding 0.3s ease-in-out; will-change: background, padding; } /* Apply black background and shrink only after scrolling down more */ /* Semi-transparent black effect after scrolling */ .scrolled .my-sticky-header { background: rgba(0, 0, 0, 0.7) !important; /* Adjust transparency (0.7 = 70%) */ backdrop-filter: blur(10px); /* Adds a subtle glassy blur effect */ transition: backdrop-filter 0.3s ease-in-out; } /* Shrink effect ONLY on desktop & tablet */ @media (min-width: 1024px) { .my-sticky-header { padding: 60px 40px 50px 40px !important; /* Shrink effect */ } .scrolled .my-sticky-header { padding: 20px 40px 10px 40px !important; /* Shrink effect */ } } @media (max-width: 1023px) { .my-sticky-header { padding: 45px 20px 45px 20px !important; /* Shrink effect */ } .scrolled .my-sticky-header { padding: 20px 20px 10px 20px !important; /* Shrink effect */ } } @media (max-width: 767px) { .my-sticky-header { padding: 20px 20px 20px 20px !important; /* Shrink effect */ } .scrolled .my-sticky-header { padding: 10px 20px 10px 20px !important; /* Shrink effect */ } }/* End custom CSS */