.elementor-872 .elementor-element.elementor-element-2bfb033{--display:flex;--position:fixed;--min-height:20px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;top:0px;--z-index:999;}body:not(.rtl) .elementor-872 .elementor-element.elementor-element-2bfb033{left:0px;}body.rtl .elementor-872 .elementor-element.elementor-element-2bfb033{right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:15px;}.elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon{font-size:31px;}.elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon-box-title, .elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon-box-title a{font-family:"Be Vietnam Pro", Sans-serif;font-weight:700;letter-spacing:-0.5px;}.elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon-box-title{color:#FFFFFF;}.elementor-872 .elementor-element.elementor-element-51f2a91 .elementor-icon-box-description{font-family:"Be Vietnam Pro", Sans-serif;font-weight:700;}.elementor-872 .elementor-element.elementor-element-ebd8ce4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-872 .elementor-element.elementor-element-ebd8ce4.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-872 .elementor-element.elementor-element-b7ad22f .elementor-button{font-weight:800;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-872 .elementor-element.elementor-element-2bfb033{--content-width:1152px;}}/* Start custom CSS for html, class: .elementor-element-23b8344 *//* 2. ĐỊNH VỊ DROPDOWN THEO TỪNG CỤM CHỮ */
.nav-group {
    position: relative; /* Làm điểm tựa cho dropdown con */
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-dropdown {
    position: absolute !important;
    top: 100% !important; /* Nằm ngay dưới chữ */
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important; /* Căn giữa theo chữ */
    
    background: rgba(10, 10, 18, 0.98) !important;
    backdrop-filter: blur(40px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 1.5rem !important;
    width: 220px !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 100;
}

/* Hiệu ứng hiện ra khi hover vào đúng cụm đó */
.nav-group:hover .nav-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebd8ce4 */.elementor-872 .elementor-element.elementor-element-ebd8ce4 {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bfb033 *//* 1. ÉP HEADER VỀ CHÍNH GIỮA MÀN HÌNH */
.elementor-872 .elementor-element.elementor-element-2bfb033 {
    position: fixed !important;
    top: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* Quan trọng để căn giữa */
    width: 95% !important;
    max-width: 1152px !important; 
    margin: 0 !important; /* Xóa margin auto để tránh xung đột */
    
    height: 56px !important;
    background: rgba(10, 10, 18, 0.5) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 999px !important;
    z-index: 999;
    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 24px !important;
}
/* 1. HEADER: SLIM - TRONG SUỐT - BLUR MẠNH */
.elementor-872 .elementor-element.elementor-element-2bfb033 {
    height: 56px !important;
    max-width: 1152px !important; /* max-w-6xl */
    margin: 24px auto 0 !important;
    background: rgba(10, 10, 18, 0.5) !important; /* TRONG HƠN (0.5) */
    backdrop-filter: blur(20px) !important; /* BLUR ĐỂ THẤY NỀN NHƯNG VẪN RÕ CHỮ */
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 24px !important;
}

/* 2. MENU HTML: KHOẢNG CÁCH 40PX */
.main-nav-html {
    display: flex;
    align-items: center;
    gap: 40px; /* space-x-10 */
}

.nav-item {
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-item:hover, .nav-item.active { color: #fff; }
.nav-item i { font-size: 10px; }

/* 3. DROPDOWN CHUNG: ĐẶC XỊT (0.95) ĐỂ KHÔNG BỊ TRONG QUÁ */
.nav-dropdown, .account-dropdown {
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: rgba(10, 10, 18, 0.98) !important; /* ĐẶC XỊT ĐỂ NHÌN RÕ */
    backdrop-filter: blur(40px) !important;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 1.5rem;
    padding: 10px;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-shadow: 0 30px 60px rgba(0,0,0,0.8);
    z-index: 100;
}

.nav-group:hover .nav-dropdown, .account-wrapper:hover .account-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* 4. LINK TRONG DROPDOWN */
.dropdown-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #cbd5e1;
    font-size: 14px;
    text-decoration: none;
    border-radius: 12px;
    transition: 0.2s;
}

.dropdown-link:hover { background: rgba(255,255,255,0.08); color: #fff; transform: translateX(5px); }
.safe-color { color: #60a5fa !important; }
.fake-color { color: #fb7185 !important; }

/* 5. ACCOUNT BUTTON */
.account-btn {
    width: 38px; height: 38px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    color: #94a3b8;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}

.dropdown-user-label { font-weight: 800; padding: 5px 15px; font-size: 18px; }
.divider { border: 0; border-top: 1px solid rgba(255,255,255,0.05); margin: 8px 0; }
.logout { color: #fb7185 !important; }/* End custom CSS */