.elementor-53 .elementor-element.elementor-element-650f191{--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-53 .elementor-element.elementor-element-e5d531a.elementor-element{--align-self:stretch;}.elementor-53 .elementor-element.elementor-element-e5d531a .vs-header-one__top{background-color:#D16655;}/* Start custom CSS for ebukz-header, class: .elementor-element-e5d531a *//* 1. Ensure the container row utilizes the full structural width */
.elementor-53 .elementor-element.elementor-element-e5d531a .menu-top > .row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* 2. Force the inner menu wrapper column to expand and act as a flex guide */
.elementor-53 .elementor-element.elementor-element-e5d531a .col-xl-auto {
    flex-grow: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

/* 3. Let the inner menu alignment container map cleanly */
.elementor-53 .elementor-element.elementor-element-e5d531a .menu-inner,
.elementor-53 .elementor-element.elementor-element-e5d531a .menu-area {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 4. Center the primary nav items while respecting layout boundaries */
.elementor-53 .elementor-element.elementor-element-e5d531a nav.main-menu {
    margin: 0 auto !important;
    display: block !important;
    float: none !important;
}

.elementor-53 .elementor-element.elementor-element-e5d531a ul#menu-main-menu-1.menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important; /* Adds clean spacing between main menu links */
}

/* 5. Standard Dropdown Menu Alignment (Like Blog) */
.elementor-53 .elementor-element.elementor-element-e5d531a ul#menu-main-menu-1.menu li:not(.has-megamenu) ul.sub-menu {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: max-content !important;
    min-width: 220px !important;
}

/* 6. Megamenu Dropdown Container Alignment (Like Pages) */
.elementor-53 .elementor-element.elementor-element-e5d531a ul#menu-main-menu-1.menu li.has-megamenu div.megamenu,
.elementor-53 .elementor-element.elementor-element-e5d531a ul#menu-main-menu-1.menu > li > div {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1140px !important; /* Spreads the background across the grid container width */
    max-width: 90vw !important;
    top: 100% !important;
    box-sizing: border-box !important;
    padding: 25px !important;
}

/* 7. Force internal grid columns inside the Megamenu to lay out horizontally */
.elementor-53 .elementor-element.elementor-element-e5d531a .megamenu .row,
.elementor-53 .elementor-element.elementor-element-e5d531a div[class*="megamenu"] .row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.elementor-53 .elementor-element.elementor-element-e5d531a .megamenu .row > div,
.elementor-53 .elementor-element.elementor-element-e5d531a div[class*="megamenu"] .row > div {
    flex: 1 !important; /* Allocates equal width spacing for each column element */
    max-width: none !important;
}/* End custom CSS */