.elementor-4987 .elementor-element.elementor-element-c189932{--display:flex;--position:absolute;--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;--flex-wrap:wrap;--padding-top:11px;--padding-bottom:11px;--padding-left:0px;--padding-right:0px;}.elementor-4987 .elementor-element.elementor-element-602789b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:6px;}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-menu-toggle{margin:0 auto;}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu .elementor-item{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown a, .elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown .elementor-item, .elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-4987 .elementor-element.elementor-element-88af2e5 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-4987 .elementor-element.elementor-element-88af2e5 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-4987 .elementor-element.elementor-element-724ad00{--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-4987 .elementor-element.elementor-element-012f291 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu .elementor-item{font-size:18px;font-weight:500;text-transform:uppercase;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-framed .elementor-item:before{border-width:4px;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 4px 4px;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:4px 4px 0 0;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:4px 0 0 4px;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 4px 4px 0;}.elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-underline .elementor-item:after,
					 .elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-overline .elementor-item:before,
					 .elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-double-line .elementor-item:before,
					 .elementor-4987 .elementor-element.elementor-element-012f291 .e--pointer-double-line .elementor-item:after{height:4px;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown a, .elementor-4987 .elementor-element.elementor-element-012f291 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown{background-color:#00000000;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );background-color:#00000000;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .elementor-item, .elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:15px;padding-bottom:15px;}.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#272727;border-bottom-width:1px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown .elementor-item, .elementor-4987 .elementor-element.elementor-element-88af2e5 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-4987 .elementor-element.elementor-element-88af2e5{--nav-menu-icon-size:31px;}}@media(min-width:768px){.elementor-4987 .elementor-element.elementor-element-c189932{--content-width:94%;}.elementor-4987 .elementor-element.elementor-element-724ad00{--width:100%;}}@media(max-width:767px){.elementor-4987 .elementor-element.elementor-element-c189932{--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-4987 .elementor-element.elementor-element-602789b .elementor-heading-title{font-size:21px;letter-spacing:4px;}}/* Start custom CSS for nav-menu, class: .elementor-element-88af2e5 */.elementor-4987 .elementor-element.elementor-element-88af2e5 li:last-child a{
    padding-right:0;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-012f291 *//* ===== ELEMENTOR DROPDOWN ICON – FULL CSS ONLY ===== */

/* 1. Menu item layout */
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .elementor-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* 2. Vùng icon toggle (khung vuông, nhận click) */
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow {
    position: relative;
    margin-left: auto;
    width: 48px;
    height: 48px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: auto;
    transition: transform 0.3s ease;
    margin-right:-18px;
}

/* 3. Ẩn icon SVG gốc */
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow svg,
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow i {
    display: none !important;
    pointer-events: none;
}

/* 4. VẼ ICON + BẰNG CSS (chuẩn tâm tuyệt đối) */
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow::before,
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow::after {
    content: "";
    position: absolute;
    background-color: currentColor;

    width: 10px;
    height: 2px;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

/* Thanh dọc */
.elementor-4987 .elementor-element.elementor-element-012f291 .elementor-nav-menu--dropdown .sub-arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/* 5. Khi submenu mở → xoay thành dấu × */
.elementor-4987 .elementor-element.elementor-element-012f291
.elementor-nav-menu--dropdown
.elementor-item[aria-expanded="true"]
.sub-arrow {
    transform: rotate(45deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c189932 *//* 1. THIẾT LẬP MẶC ĐỊNH & GIA CỐ HIỆU NĂNG */
.elementor-4987 .elementor-element.elementor-element-c189932 {
    /* Đảm bảo Header luôn nằm trên cùng */
    z-index: 9999 !important;
    
    /* Trạng thái lúc chưa cuộn */
    background-color: rgba(0, 0, 0, 1) !important; 
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.4s ease-out !important;

    /* Tăng tốc phần cứng: Ép trình duyệt xử lý bằng GPU để tránh giật trên mobile */
    will-change: background-color, transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 2. KHI HEADER Ở TRẠNG THÁI STICKY (VỪA DÍNH) */
.elementor-4987 .elementor-element.elementor-element-c189932.elementor-sticky--active {
    /* Cố định vị trí tuyệt đối để không bị mất khi thanh địa chỉ mobile thay đổi */
    position: fixed !important;
    top: 0 !important;
    width: 100%;
}

/* 3. KHI ĐẠT HIỆU ỨNG OFFSET (ĐỔI MÀU) */
.elementor-4987 .elementor-element.elementor-element-c189932.elementor-sticky--effects {
    background-color: rgba(0, 0, 0, 1) !important;
    
    /* Chống hiện tượng rung (flicker) khi cuộn ngược */
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}

/* 4. XỬ LÝ RIÊNG CHO MOBILE ĐỂ TRÁNH HIỆU ỨNG "BOUNCING" CỦA TRÌNH DUYỆT */
@media (max-width: 767px) {
    .elementor-4987 .elementor-element.elementor-element-c189932.elementor-sticky--active {
        /* Đảm bảo không bị trống chân khi trình duyệt co giãn */
        min-height: 60px; /* Chỉnh lại bằng chiều cao thực tế Header của bạn */
    }
}/* End custom CSS */