.elementor-31487 .elementor-element.elementor-element-d131831{--display:flex;}.elementor-31487 .elementor-element.elementor-element-d131831:not(.elementor-motion-effects-element-type-background), .elementor-31487 .elementor-element.elementor-element-d131831 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1F33;}.elementor-31487 .elementor-element.elementor-element-e2d93cc{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d131831 *//* DEFAULT (top of page) */
.hbs-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:transparent;
    transition:0.3s ease;
}

/* SCROLLED STATE */
.hbs-header.scrolled{
    background:#0A1F33;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* text always visible */
.hbs-header a{
    color:#fff;
}/* End custom CSS */