.elementor-3255 .elementor-element.elementor-element-18e61b4{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3255 .elementor-element.elementor-element-9d11243{--display:flex;--min-height:100px;--justify-content:center;}.elementor-3255 .elementor-element.elementor-element-4d6fa71.elementor-element{--align-self:center;}.elementor-3255 .elementor-element.elementor-element-4d6fa71{text-align:center;}.elementor-3255 .elementor-element.elementor-element-4d6fa71 img{width:100%;max-width:100%;height:59px;}.elementor-3255 .elementor-element.elementor-element-fe24f4e{--display:flex;--min-height:0px;--justify-content:center;}.elementor-3255 .elementor-element.elementor-element-b1187ff.elementor-element{--align-self:center;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-menu-container{height:45px;border-radius:0px 0px 0px 0px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a{font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;font-weight:500;color:#000000;padding:0px 15px 0px 15px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;border-style:solid;border-radius:8px 8px 8px 8px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;border-radius:8px 8px 8px 8px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:"Be Vietnam Pro", Sans-serif;font-size:14px;padding:15px 15px 15px 15px;color:#000000;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:5px 5px 5px 5px;min-width:220px;}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger{float:right;}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-3255 .elementor-element.elementor-element-6415064{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button{background-color:#00000000;font-size:18px;fill:#4DADE1;color:#4DADE1;transition-duration:0.3s;border-style:solid;border-width:2px 2px 2px 2px;border-radius:25px 25px 25px 25px;padding:17px 31px 17px 31px;}.elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button:hover, .elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button:focus{background-color:#C9F2FF;color:#4DADE1;}.elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button:hover svg, .elementor-3255 .elementor-element.elementor-element-265f7a6 .elementor-button:focus svg{fill:#4DADE1;}.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-3255 .elementor-element.elementor-element-18e61b4{--content-width:90%;}.elementor-3255 .elementor-element.elementor-element-9d11243{--width:15%;}.elementor-3255 .elementor-element.elementor-element-fe24f4e{--width:60%;}.elementor-3255 .elementor-element.elementor-element-6415064{--width:15%;}}@media(max-width:1024px){.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-3255 .elementor-element.elementor-element-b1187ff button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-3255 .elementor-element.elementor-element-b1187ff .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-b1187ff *//* 1. Vị trí và khoảng cách */
.menu-item-has-children > a {
    position: relative;
    padding-right: 20px !important;
}

/* 2. Vẽ mũi tên bằng Clip-path (Không dùng rotate nữa) */
.menu-item-has-children > a::before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%; /* Xích lên trên 1 chút */
    
    /* Tạo hình chữ V mảnh và rộng bằng clip-path */
    width: 10px; 
    height: 6px;
    background-color: #000000; /* Màu của mũi tên */
    
    /* Cắt hình thành chữ V mảnh */
    clip-path: polygon(0 0, 15% 0, 50% 70%, 85% 0, 100% 0, 50% 100%);
    
    /* Hiệu ứng lật đứng 180 độ chậm rãi */
    transform: translateY(-50%) scaleY(1);
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    
    transform-origin: center;
}

/* 3. HIỆU ỨNG LẬT ĐỨNG (FLIP VERTICAL) 180 ĐỘ CHUẨN */
.menu-item-has-children:hover > a::before {
    /* scaleY(-1) lật ngược 180 độ theo trục ngang 
       Biến chữ V thành dấu ^ (dấu chữ ô) hoàn hảo */
    transform: translateY(-50%) scaleY(-1);
}

/* 4. GẠCH CHÂN BÁM SÁT CHỮ (FIX LỖI MENU RỘNG) */

/* Nhắm mục tiêu chính xác vào phần nội dung của item */
.menu-item a, 
.elementor-item {
    position: relative !important;
    display: inline-flex !important; /* Thay đổi này giúp bao sát chữ */
    align-items: center;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: auto !important; /* Ép không lấy chiều cao container */
}

.menu-item a::after, 
.elementor-item::after {
    content: "" !important;
    position: absolute !important;
    
    /* ĐIỀU CHỈNH QUAN TRỌNG TẠI ĐÂY */
    bottom: 5px !important; /* Số càng lớn thì gạch chân càng nhảy lên gần chữ */
    
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #4dade1  !important;
    
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 10 !important; /* Đảm bảo nằm trên các lớp nền khác */
}

/* Kích hoạt khi hover */
.menu-item:hover > a::after, 
.elementor-item:hover::after {
    transform: scaleX(1) !important;
}/* End custom CSS */