.elementor-18 .elementor-element.elementor-element-a9eb923{--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;}/* Start custom CSS for container, class: .elementor-element-a9eb923 */.elementor-18 .elementor-element.elementor-element-a9eb923 {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    padding: 1.2rem 5%;
    background: rgba(245,242,236,0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(13,15,20,0.12);
}

/* Ensure the nav container behaves exactly like your source code */
.custom-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.2rem 5%;
    background: rgba(245,242,236,0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(13,15,20,0.12);
    width: 100%;
}

/* Map your original UL styles to the new dynamic menu */
ul.dynamic-nav-ul {
    list-style: none; display: flex; gap: 2rem; align-items: center; margin: 0;
}

ul.dynamic-nav-ul li a {
    font-size: 0.875rem; font-weight: 500; color: #6b6860;
    text-decoration: none; letter-spacing: 0.02em;
    transition: color 0.2s;
}

ul.dynamic-nav-ul li a:hover {
    color: #0d0f14;
}

/* Make the last menu item look like your CTA button */
ul.dynamic-nav-ul li:last-child a {
    background: #0d0f14; 
    color: #f5f2ec !important;
    padding: 0.5rem 1.25rem; border-radius: 100px;
}/* End custom CSS */