.elementor-4002 .elementor-element.elementor-element-8ee5277{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4002 .elementor-element.elementor-element-050b838{--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;}.elementor-4002 .elementor-element.elementor-element-0edb721 img{width:3vw;opacity:0.7;}.elementor-4002 .elementor-element.elementor-element-0edb721:hover img{opacity:1;}@media(min-width:768px){.elementor-4002 .elementor-element.elementor-element-050b838{--width:25%;}}@media(max-width:1024px){.elementor-4002 .elementor-element.elementor-element-0edb721 img{width:5vw;}}@media(max-width:767px){.elementor-4002 .elementor-element.elementor-element-0edb721 img{width:9vw;}}/* Start custom CSS for container, class: .elementor-element-8ee5277 *//* Existing Header style */
.glass-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), 
linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0) 100%);
        backdrop-filter: blur(.4em)!important;
    box-shadow: 0px 4px 4px rgba(7, 28, 81, 0.13);

    position: fixed; /* Ensure it's fixed */
    z-index: 999;
    transition: all 0.3s ease; /* Smooth transition between colors */
}

/* --- THE INVERTED STATE --- */
.glass-header.is-inverted {
    /* Optional: Make background slightly more opaque white so dark text reads better */
background: linear-gradient(0deg, rgba(121, 143, 207, 0.10) 0%, rgba(121, 143, 207, 0.10) 100%), linear-gradient(180deg, rgba(243, 246, 250, 0.10) 0%, rgba(243, 246, 250, 0.00) 132.92%)!important;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
}

/* Force all text/icons inside the inverted header to be dark */
.glass-header.is-inverted h1,
.glass-header.is-inverted h2,
.glass-header.is-inverted h3,
.glass-header.is-inverted p,
.glass-header.is-inverted a,
.glass-header.is-inverted i, /* Icons */
.glass-header.is-inverted .elementor-heading-title,
.glass-header.is-inverted .elementor-icon-list-text {
    color: #0E2A47 !important;
    fill: #0E2A47 !important;
}

/* Handle SVG Logos */
.glass-header.is-inverted svg path {
    fill: #0E2A47 !important;
    stroke: #0E2A47 !important;
}

/* Handle Hamburger Menu toggle color */
.glass-header.is-inverted .elementor-menu-toggle i {
     color: #0E2A47 !important;
}/* End custom CSS */