.elementor-2884 .elementor-element.elementor-element-4814eb90{--display:flex;}.elementor-2884 .elementor-element.elementor-element-4814eb90.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2884 .elementor-element.elementor-element-362aa1d7{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2884 .elementor-element.elementor-element-22d44bc5 > .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-menu-toggle{margin:0 auto;}.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item:focus{color:#AEB92E;fill:#AEB92E;}.elementor-2884 .elementor-element.elementor-element-22d44bc5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#A89595;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2884 .elementor-element.elementor-element-5b7c5c6b.elementor-element{--flex-grow:0;--flex-shrink:0;}}@media(min-width:768px){.elementor-2884 .elementor-element.elementor-element-4814eb90{--width:87.125%;}}/* Start custom CSS for nav-menu, class: .elementor-element-22d44bc5 *//* Đảm bảo tất cả các mục menu có nền */
.elementor-nav-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    box-sizing: border-box;
    position: relative; /* Đảm bảo menu con có thể nổi lên */
}

/* Đảm bảo menu phụ ẩn mặc định và hiển thị khi hover vào mục có menu con */
.elementor-nav-menu li .sub-menu {
    display: none; /* Menu phụ ẩn mặc định */
    position: absolute; /* Đảm bảo menu phụ nổi lên trên */
    left: 0;
    top: 100%;
    background-color: #1e88e5; /* Màu xanh cho menu con */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10; /* Đảm bảo menu phụ nằm trên các phần tử khác */
}

/* Hiển thị menu phụ khi hover vào mục có menu con */
.elementor-nav-menu li.menu-item-has-children:hover .sub-menu {
    display: block; /* Hiển thị menu con khi hover vào mục menu cha */
}

/* Đảm bảo link trong menu phụ có màu chữ đúng */
.elementor-nav-menu li .sub-menu li a {
    color: #fff; /* Màu chữ trắng */
    padding: 10px 20px;
    text-decoration: none;
}

/* Đổi màu nền khi hover menu phụ */
.elementor-nav-menu li .sub-menu li:hover a {
    background-color: #1565c0; /* Màu nền khi hover vào mục menu con */
}

/* Màu nền cho menu chính (nếu cần) */
.elementor-nav-menu li a {
    background-color: #1e88e5; /* Màu nền xanh cho menu chính */
    color: #fff; /* Màu chữ trắng cho menu chính */
    padding: 10px 20px;
    text-decoration: none;
}

/* Đổi màu nền cho menu chính khi hover */
.elementor-nav-menu li:hover a {
    background-color: #1565c0; /* Màu nền xanh đậm khi hover vào mục menu chính */
}

/* Màu chữ của mục menu đang chọn (active) */
.elementor-nav-menu .current-menu-item a,
.elementor-nav-menu .current_page_item a {
    color: #fff !important; /* Màu chữ trắng cho mục đang chọn */
    background-color: #1565c0 !important; /* Nền xanh đậm cho mục đang chọn */
}

/* Đảm bảo trạng thái active khi nhấp vào menu con */
.elementor-nav-menu li.current-menu-item > a {
    background-color: #1565c0 !important; /* Nền xanh đậm cho menu con đã chọn */
    color: #fff !important; /* Màu chữ trắng cho menu con đã chọn */
}

/* Đảm bảo menu chiếm toàn bộ chiều rộng và không có phần thừa */
.elementor-nav-menu {
    width: 100%;
    overflow: visible; /* Hiển thị phần thừa của menu */
    background-color: #1e88e5; /* Màu nền xanh cho toàn bộ menu */
    display: flex;
    flex-wrap: wrap; /* Cho phép các mục menu xuống dòng nếu cần */
    justify-content: flex-start; /* Các mục menu sẽ xếp theo hàng, không có khoảng trắng thừa */
}

/* Điều chỉnh cho menu có màu nền xanh thừa bên phải */
.elementor-nav-menu li:last-child {
    flex-grow: 1; /* Làm cho phần tử cuối cùng chiếm hết không gian còn lại */
}

/* CSS cho thiết bị di động */
@media (max-width: 768px) {
    .elementor-nav-menu {
        flex-direction: column; /* Sắp xếp menu theo chiều dọc */
        align-items: flex-start; /* Canh trái cho các mục menu */
    }

    .elementor-nav-menu li {
        display: block; /* Mỗi mục menu chiếm toàn bộ chiều rộng */
        width: 100%; /* Đảm bảo mỗi mục menu nằm trên một dòng */
    }

    .elementor-nav-menu li a {
        padding: 15px; /* Tăng khoảng cách giữa các mục */
        text-align: left; /* Canh trái văn bản trong mục menu */
    }

    .elementor-nav-menu li .sub-menu {
        position: relative; /* Menu con sẽ xuất hiện ngay bên dưới menu chính */
        top: 0; /* Reset vị trí */
        left: 0; /* Reset vị trí */
    }
}/* End custom CSS */