.elementor-33 .elementor-element.elementor-element-b7db907{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33 .elementor-element.elementor-element-3527823{--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-24713c3 img{width:25%;max-width:25%;}.elementor-33 .elementor-element.elementor-element-2d09dd5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.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-33 .elementor-element.elementor-element-e9ae648 .elementor-menu-toggle{margin:0 auto;}.elementor-33 .elementor-element.elementor-element-e9ae648 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-33 .elementor-element.elementor-element-e9ae648 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-e9ae648 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-e9ae648 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-e9ae648 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-3527823{--width:33.3333%;}.elementor-33 .elementor-element.elementor-element-2d09dd5{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-b7db907 */.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main ul.elementor-nav-menu {
    /* Bạn có thể thêm các thuộc tính flexbox ở đây nếu muốn căn chỉnh toàn bộ menu */
    /* ví dụ: justify-content: flex-end; để đẩy menu sang phải */
}

/* Style cho từng mục menu (thẻ <li>) */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.menu-item {
    margin-left: 10px; /* Khoảng cách giữa các mục menu, điều chỉnh nếu cần */
    margin-right: 10px;
}

/* Style cho các liên kết (<a>) bên trong mục menu */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item {
    font-family: inherit; /* Kế thừa font chữ của website */
    font-weight: 600; /* Hoặc 700 tùy theo độ đậm bạn muốn */
    color: #000000; /* Màu chữ mặc định (đen như trong hình) */
    text-decoration: none;
    padding: 18px 12px; /* Khoảng đệm bên trong mỗi mục menu, tăng padding-bottom cho đường gạch */
    position: relative; /* Cần cho pseudo-element ::after (đường gạch chân) */
    transition: color 0.3s ease, transform 0.2s ease; /* Hiệu ứng chuyển đổi mượt mà */
    text-transform: uppercase; /* Chữ IN HOA như trong hình */
    letter-spacing: 0.5px; /* Thêm chút khoảng cách giữa các chữ cái nếu muốn */
}

/* Loại bỏ background mặc định của Elementor khi hover/active nếu có */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item:hover,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-item > a.elementor-item,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-ancestor > a.elementor-item {
    background-color: transparent !important; /* Quan trọng để ghi đè Elementor */
}

/* Hiệu ứng khi HOVER qua một mục menu */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item:hover {
    color: #512888; /* Đổi màu chữ thành màu tím K-State */
    transform: translateY(-2px); /* Hiệu ứng nhấc nhẹ lên */
}

/* Style cho mục menu đang ACTIVE (trang hiện tại) */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-item > a.elementor-item,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-ancestor > a.elementor-item {
    color: #512888; /* Màu chữ tím K-State cho mục active */
    font-weight: 700; /* Có thể làm đậm hơn một chút cho mục active */
}

/* Đường gạch chân động (indicator) */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item::after {
    content: '';
    position: absolute;
    bottom: 8px; /* Vị trí đường gạch chân từ đáy (điều chỉnh cho phù hợp với padding) */
    left: 50%; /* Bắt đầu từ giữa */
    transform: translateX(-50%); /* Căn giữa đường gạch */
    width: 0; /* Ban đầu không có chiều rộng */
    height: 3px; /* Độ dày của đường gạch chân */
    background-color: #512888; /* Màu tím K-State */
    border-radius: 1.5px; /* Bo tròn nhẹ đầu đường gạch */
    transition: width 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Hiệu ứng cho đường gạch, có thể thử các cubic-bezier khác nhau */
}

/* Hiện đường gạch chân khi HOVER */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item:hover::after {
    width: calc(100% - 16px); /* Chiều rộng bằng 100% chữ trừ đi chút khoảng đệm */
    /* Hoặc bạn có thể đặt width: 80%; để nó ngắn hơn nội dung chữ */
}

/* Hiện đường gạch chân cho mục ACTIVE */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-item > a.elementor-item::after,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li.current-menu-ancestor > a.elementor-item::after {
    width: calc(100% - 16px); /* Đảm bảo mục active cũng có đường gạch */
    /* Hoặc width: 80%; */
}

/* Nếu bạn có sub-menu và muốn tùy chỉnh */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main ul.sub-menu {
    background-color: #ffffff; /* Nền trắng cho dropdown */
    border-top: 3px solid #512888; /* Dải màu tím phía trên dropdown */
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    border-radius: 0 0 5px 5px; /* Bo góc dưới */
    padding-top: 5px;
    padding-bottom: 5px;
}

.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main ul.sub-menu li a.elementor-sub-item {
    color: #333333;
    font-weight: 500;
    padding: 10px 20px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main ul.sub-menu li a.elementor-sub-item:hover {
    background-color: #f5f2f9; /* Màu nền tím rất nhạt khi hover sub-item */
    color: #512888; /* Chữ màu tím */
}

/* Loại bỏ pointer mặc định của Elementor nếu không muốn sử dụng (cái chấm/gạch Elementor tự thêm) */
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main .elementor-item.elementor-item-anchor::before,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main .elementor-item.elementor-item-anchor::after,
.elementor-33 .elementor-element.elementor-element-b7db907 .elementor-nav-menu--main > ul > li > a.elementor-item::before { /* Cần thêm cái này để loại bỏ pointer kiểu cũ của Elementor */
    display: none !important; /* Ghi đè style của Elementor */
}/* End custom CSS */