@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
    
    .container-header-js-vio-1764 .feature-event {
        font-size: 14px;
    }

    button {
        background: unset;
        border: unset;
    }

    .container-header-js-vio-1764 ul {
        margin: unset;
    }

    header.headernew-js-vio-1764 span {
        line-height: 21px;
    } 
    
    /* searchbar 1051 */
    header.headernew-js-vio-1764 {
        top:0px;
        position: fixed;
        width: 100%;
        z-index: 1052;
        background-color: #fff;
    }

    .headernew-js-vio-1764 a:hover, .headernew-js-vio-1764 a:focus {
        text-decoration: unset;
        color: #0056b3;
        color: var(--primary-color);

    }

    .header-js-v1765 .dropdown-content .user-action-updatecv a:hover {
        background-color: unset;
    }

    .container-header-js-vio-1764 span,.container-header-js-vio-1764 p {
        font-family: Inter !important;
    }

    .container-header-js-vio-1764 ul {
        margin: unset;
        padding: unset;
        font-size: unset;
    }

    nav.header-js-v1765 {
        border-color: #e7e7e7;
        -webkit-box-shadow: 0 5px 4.75px .25px rgba(0, 0, 0, .07);
    }
    /* Basic styles for dropdown */
    .nav-item-custom {
        /* position: relative; */
        list-style-type: none;
    }

    .headerjs-container {
        position: relative;
        display: flex;
    }

    .headerjs-container > li.nav-item-custom {
        position: relative;
    }

    .headerjs-container .nav-link-custom > a {
        color: #111928;
    }

    .headerjs-container .nav-link-custom:hover > a,.headerjs-container .nav-link-custom:hover > i {
        color: #f07e1d;
    }

    .nav-link-custom {
        padding: 12px 0px;
        text-decoration: none;
        color: #111928;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        font-family: Inter;
    }

    /* Dropdown menu styles */
    .dropdown-menu-custom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        /* padding: 10px 0; */
        background-color: white;
        box-shadow: -2px 9px 15px -5px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        z-index: 1000;
        margin-top: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .dropdown-menu-custom_end {
        /* grid-template-columns: max-content max-content max-content; */
        grid-template-columns: 1fr 1fr 1fr;
        display: none;
        position: absolute;
        top: 0px;
        left: 100%;
        min-width: 609px;
        /* padding: 10px 0; */
        background-color: white;
        box-shadow: 9px 10px 15px -5px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        z-index: 1000;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .dropdown-menu-custom_end.dropdown-menu-custom_end-it {
        grid-template-columns: 1fr;
        width: max-content;
    }

    .nav-item-custom:hover > .dropdown-menu-custom_end.dropdown-menu-custom_end-it {
        min-width: 200px;
    }

    /* Make dropdown items display in a column */
    .dropdown-item-custom {
        padding: 8px 16px;
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        color: #333;
        align-items: center;
        min-width: max-content;
    }

    /* Link styles for dropdown items */
    .dropdown-link-custom {
        display: block;
        color: inherit;
        text-decoration: none;
    }

    /* Hover effect for items */
    .dropdown-item-custom:hover,.nav-item-custom:hover {
        background-color: #f8f8f8;
        cursor: pointer;
    }

    .drop-menu-em>li>a:hover img.flag-icon.jp {
        border: unset;
    }

    .headerjs-container > li.nav-item-custom {
        background-color: unset;
    }

    /* Show dropdown menu when hovering the parent */
    .nav-item-custom:hover > .dropdown-menu-custom,.nav-item-custom.open > .dropdown-menu-custom {
        display: block;
    }

    .nav-item-custom:hover > .dropdown-menu-custom_end {
        display: grid;
        min-width: 641px;
    }

    /* Hover to show submenu items */
    .dropdown-item-custom:hover > .dropdown-menu-custom,.dropdown-item-custom:hover > .dropdown-menu-custom-mb {
        display: block;
    }

    /* Ensuring only the first-level submenus show initially */
    .dropdown-menu-custom .dropdown-menu-custom {
        display: none; /* Hide deeper submenu levels */
    }

    /* Show only submenu when hovering its parent item */
    .dropdown-item-custom:hover > .dropdown-menu-custom {
        display: block;
    }

    /* Style the bottom link for "Xem tất cả" or similar */
    .dropdown-item-custom:last-child {
        /* border-top: 1px solid #eee; */
        text-transform: capitalize;
    }

    .dropdown-item-custom:last-child a {
        color: #007bff;
    }

    .dropdown-item-custom:last-child:hover {
        background-color: transparent;
        color: #e95f07 !important;
    }

    .title_news_item .dropdown-item-custom:last-child a {
        /* text-align: center; */
        color: #F07E1D;
        display: block;
    }

    /* Media query for responsiveness */
    @media (max-width: 768px) {
        .dropdown-menu-custom {
            position: static;
            width: 100%;
        }
    }


    /* ------------------- */
    /* Style cho Drawer */
    .drawer {
        display: none;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1053;
        top: 0;
        right: 0;
        background-color: #000000a1;
        overflow-x: hidden;
        transition: 0.5s;
        color: white;
        display: flex;
        justify-content: flex-end;
    }

    .drawer-content {
        padding: 0 8px;
        display: flex;
        flex-direction: column;
        /* width: 290px; */
        width: 30%;
        height: 100%;
        background-color: #fff;
        min-width: 30%;
        overflow: scroll;
    }

    .drawer-header {
        display: flex;
        justify-content: space-between;
    }

    .drawer-header #closeDrawer-sub {
        color: #111928;
        padding-left: 16px;
        padding-top: 12px;
       
    }

    .drawer .btn-close, .drawer-header #closeDrawer-sub {
        background: unset;
        border: unset;
    }

    #closeDrawer-sub {
        font-family: 'Inter';
    }

    .drawer .btn-close {
        color: #111928;
        cursor: pointer;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
        align-self: flex-end;
        margin: 12px 0px;
    }

    .drawer .btn-close:hover {
        color: #F07E1D;
    }

    .drawer ul {
        list-style-type: none;
        padding: 0;
    }

    .drawer ul li {
        padding: 0px;
        font-size: 18px;
    }

    .drawer ul li a {
        /* color: white; */
        text-decoration: none;
        padding: 10px 0;
        font-weight: 400;
    }

    .drawer ul li a:hover {
        text-decoration: underline;
    }

    /* Khi Drawer mở ra */
    .drawer.open {
        width: 250px; /* Chiều rộng của Drawer khi mở */
    }



    /* -------------------- */
    .nav-bar-new,.header-item_left,.logo-header,.headerjs-container,.header-item-right,.feature-event,.feature-event_language,.feature-event_auth {
        display: flex;
    }

    .nav-bar-new {
        justify-content: space-between;
    }
    .header-item_left {
        gap: 40px;
    }
    .header-item_left .logo-header img {
        width: 140px;
        height: 35px;
    }
    header {
        height: 65px;
    }

    header nav,header nav > div,.nav-bar-new {
        height: inherit;
    }

    .headerjs-container {
        gap: 32px;
    }

    .headerjs-container,.logo-header {
        align-items: center;
    }

    .headerjs-container li .fa-angle-down {
        margin-left: 4px;
    }

    /* header right */
    .feature-event,.feature-event_auth {
        justify-content:center;
        align-items: center;
        gap:12px;
        font-family: inter;
    }
    .feature-event_language {
        align-items: center;
        padding: 10px 12px;
    }
    .feature-event_language img.flag-icon {
        width: 30px;
        height: 20px;
        border-radius: 6px;
    }
    .feature-event_language .fa-angle-down {
        /* margin-left: 8px; */
    }

    .auth-login,.auth-register,.feature-event_emp {
        padding: 10px 16px;
        border-radius: 8px;
    }

    .auth-login {
        background-color: #F07E1D;
    }

    .auth-register {
        border: 1px solid #F07E1D;
    }   

    .feature-event_emp {
        background-color: #1A56DB;
        position: relative;
        color: #fff;
    }

    .feature-event_emp.nav-item-custom.open_custom,.feature-event_emp.nav-item-custom:hover {
        background-color: #1A56DB;
    }

    .feature-event_emp .btn-ntd_emp {
        margin-right: 10px;
    }

    .feature-event_emp .dropdown-menu-custom  {
        border-radius: 8px;
    }

    .feature-event_emp button {
        padding: 0;
    }

    .feature-event_emp .dropdown-menu-custom.dropdown-menu-parent  {
        padding-bottom: 8px;
        border-radius: 0;
        padding-bottom: 10px;
        background: transparent;
        box-shadow: none;
    }

    .dropdown-menu-custom.dropdown-menu-show {
        display: block;
        min-width: 166px;
        max-width: 166px;
    }

    .auth-login span,.auth-register span {
        font-size: 14px;
        font-weight: 500;
    }
    .auth-login span, .feature-event_emp button span {
        color: #fff;
    }

    .auth-register span {
        color: #F07E1D;
    }

    .feature-event_language.dropdown:hover .dropdown__content--lang {
        width: 170px;
        margin: 0;
        border-radius: 4px;
        min-width: max-content;
    }

    .feature-event_language .btn-lang span {
        display: none;
        color: #111928;
    }

    .dropdown__content--lang ul span {
        vertical-align: middle;
        color:#111928;
    }

    .dropdown__content--lang > ul {
        margin-bottom: 0;
        padding: 0px !important;
    } 

    .dropdown__content--lang ul.drop-menu-em>li>a {
        padding: 10.5px 16px;
    }

    .feature-notify .icon_notify,.feature-profile .icon-profile {
        width: 24px;
        height: 24px;
    }

    .icon-flowbite {
        flex-shrink: 0;
        display: flex;
        width: 24px;
        height: 24px;
        justify-content: center;
        align-items: center;
    }

    .dropdown-custom-apply .drop-menu-em_editcv .icon-flowbite svg {
        display: none;
    }

    .feature-notify .badge-em {
        /* padding: 0px !important; */
        font-size: 10px !important;
        top: 5px;
        right: 7px;
        position: absolute;
        background-color: #F07E1D !important;
        border-radius: 50px;
        color: #fff;
        font-weight: 700;
        width: 16px;
        height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .feature-notify,.feature-profile {

        border-radius: 50px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .feature-notify {
        width: 40px;
        height: 40px;
        background-color: #FFF8F1;
    }
    .feature-notify.dropdown {
        display: flex;
    }

    .feature-profile {
        width: 32px;
        height: 32px;
        padding: 4px;
        /* background-color: #FCD9BD; */
    }
    .feature-profile i {
        font-size: 24px;
        color:#F07E1D;
    }

    .feature-profiles.dropdown {
        display: flex;
        align-items: center;
        border-radius: 50px;
        background-color: #FFF8F1;
        padding: 4px;
        gap: 8px;
    }

    .feature-profiles i.fa-user {
        margin-right: 3px;
        margin-left: 3px;
    }

    .feature-profile img {
        border-radius: 50px;
        width: 24px;
        height: 24px;
    }

    .feature-profiles.dropdown:hover .dropdown__content--info {
        min-width: 350px !important;
        /* left: 0; */
        border-radius: 10px;
        right: 0;
    }

    .dropdown__content--info ul {
        padding: 0px !important;
    }
    .dropdown__content--info ul > li {
        padding: 8px 16px;
    }

    .dropdown__content--info ul > li a:hover {
        background-color: unset;
    }
    .dropdown__content--info ul > li:hover {
        background-color: #f8f8f8;
    }

    .user-information-container {
        display: flex;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
    }

    .user-information {
        font-size: 14px;
        max-width: 170px;
        font-family: Inter;

    }
    .user-information > * {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
        margin: 0;
    }

    .user-information-email {
        color: var(--gray-500, #6B7280);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 18px */
    }
    .user-information > p:first-child {
        text-transform: capitalize;
        font-weight: 700;
    }
    .user-action-updatecv {
        padding: 8px 16px;
        color: #FFF;
        background-color: #F07E1D;
        border-radius: 8px;
        font-size: 14px;
    }

    .user-information-container .user-action-updatecv > a {
        color: #fff;
        padding: unset;
        display: block;
    }

    .dropdown__content--info .profile-info_item {
        display: flex;
        align-self: center;
        align-items: center;
        padding: 0px;
        gap: 12px;
        color:#111928;
    }

    .headerjs-container > .dropdown-custom .dropdown-menu-custom li.dropdown-custom + li.dropdown-custom, .feature-event_emp .dropdown-menu-parent .dropdown-menu-custom li.dropdown-custom + li.dropdown-custom {
        border-top: 1px solid #eee;
    }

    .dropdown__content--info .dropdown-custom .profile-info_item {
        display: flex;
        justify-content: space-between;
    }

    .dropdown__content--info .dropdown-custom .menu-info-itemdropdown .profile-info_item,.menu-info-itemdropdown .profile-info_item span {
        width: 100%;
    }

    .dropdown__content--info .dropdown-custom > .profile-info_item:hover {
        cursor: pointer;
    }

    .dropdown__content--info .dropdown-custom .profile-info_item > div {
        display: flex;
        align-self: center;
        align-items: center;
        padding: 0px;
        gap: 12px;
    }

    .profile-info_item i {
        color: #6B7280;
        font-size: 16px;
    }

    .drop-menu-em_editcv {
        display: none;
    }

    /* .profile-info_item i.fa-angle-down,.profile-info_item i.fa-angle-right {
        font-size: 10px;
    } */

    .dropdown__content--info .dropdown-custom-cv.open_custom .drop-menu-em_editcv,.dropdown__content--info .dropdown-custom-apply.open_custom .drop-menu-em_editcv {
        display: block;
    }

    .dropdown__content--info .dropdown-custom.open_custom > .profile-info_item {
        border-radius: var(--rounded-lg, 8px);
        background: var(--orange-50, #FFF8F1);
        padding: 8px;
        margin: 0px -8px;
    }

    .dropdown__content--info .dropdown-custom.open_custom > .profile-info_item svg path {
        stroke:#F07E1D;
    }

    .dropdown__content--info ul > li.dropdown-custom.open_custom:hover {
        background-color: unset;
    }

    .dropdown__content--info ul.drop-menu-em_editcv > li {
        padding: 8px 0px;
    }

    .dropdown__content--info ul.drop-menu-em_editcv > li:first-child {
        /* padding-top: 0px; */
    }

    .dropdown__content--info ul.drop-menu-em_editcv > li:last-child {
        padding-bottom: 0px;
    }

    .dropdown__content--info ul.drop-menu-em_editcv > li:last-child:hover {
        padding-bottom: 8px;
    }

    .menu-info-itemdropdown {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-toggle_new {
        display: block;
        position: relative;
        /* float: unset;
        top: 0;
        right: 0; */
    }

    .navbar-toggle_new .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-toggle_new .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 0;
        background-color: #888;
    }

    #openDrawer {
        display: none;
    }

    /* Áp dụng cho phần tử cuối cùng */
    .dropdown-menu-custom_end .nav-item-custom:last-child {
        grid-column: span 3;  /* Chiếm toàn bộ chiều rộng của grid */
        border-top: 1px solid #eee;
    }

    /* .dropdown-menu-custom_end .nav-item-custom:last-child span {
        text-align: center;
        color: #F07E1D;
    } */
    .dropdown-menu-custom_end .nav-item-custom:last-child a {
        text-align: center;
        color: #F07E1D;
        display: block;
    }

    .dropdown-menu-custom_end.dropdown-menu-custom_end-it .nav-item-custom:last-child a {
        text-align: left;
        color: #333;
        display: block;
    }

    .divide {
        border-bottom: 1px solid #E5E7EB;
        margin: 8px 0px;
    }

    .dropdown__content--info .divide {
        margin: 4px 0px;
    }
    .container-btn-lang {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .active_link {
        /* font-weight: bold; */
        color: #F07E1D; /* Đổi màu chữ khi mục được chọn */
    }

    .headerjs-container .nav-link-custom.active_link  > a {
        color: #F07E1D; /* Đổi màu chữ khi mục được chọn */
    }

    .nav-item-custom[data-hover="true"] > .dropdown-menu-custom_end {
        display: grid;
    }

    @media (min-width: 1366px) {
        .category_menu_1 .nav-item-custom:hover > .dropdown-menu-custom_end,.category_menu_1 .nav-item-custom[data-hover="true"] > .dropdown-menu-custom_end {
            display: grid;
            width: 710px;
            grid-template-columns: 200px 234px 275px;
        }

        .category_menu_1 .nav-item-custom:hover > .dropdown-menu-custom_end.dropdown-menu-custom_end-it {
            grid-template-columns: 1fr;
            width: max-content;
        }

    }
    @media (max-width: 1366px) {
        #openDrawer {
            display: block;
        }
        #drawer .nav-link-custom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #drawer .nav-link-custom a {
            color: #111928;
        }

        .headerjs-container-menu {
            display: block;
        }

        .drawer-information-hedaer {
            display: flex;
            padding: 12px 8px;
            gap: 12px;
        }
        .drawer {
            display: flex;
        }
        .feature-profile {
            width: 38px;
            height: 38px;
            padding: 4px;
            background-color: #FCD9BD;
        }
        
        .user-information > p:first-child {
            text-transform: capitalize;
            font-weight: 700;
            color: var(--Color-Text_primary, #333);
            font-size: 14px;
        }
        .feature-event .feature-event_language {
            display: none;
        }
        .feature-event_language {
            display: unset;
            padding: 10px 16px 0px 12px;
        }
        .container-btn-lang {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .feature-event_language.open_custom .container-btn-lang {
            margin-bottom: 8px;
        }

        .container-btn-lang i {
            color: #111928;
        }

        .headerjs-container-menu li {
            padding:8px 16px;
        }

        #drawer .headerjs-container.headerjs-container-menu > li.nav-item-custom {
            padding: 0px;
        }

        .headerjs-container-menu a.nav-link-custom {
            /* display: block; */
            padding: 8px 16px;
        }

        #drawer-sub .headerjs-container-menu a.nav-link-custom {
            /* display: block; */
            padding: 0px;
        }
        
        .headerjs-container-menu div.nav-link-custom {
            padding: 8px 16px;
        }

        /* .feature-event_emp {
            background-color: unset;
        } */
        .feature-profiles.dropdown:hover .dropdown__content--info {
            right: 0;
            left: unset;
        }
        /* .feature-event_emp button span {
            color: #111928;
        } */

        .feature-event_language .btn-lang span {
            display: inline-block;
        }

        .feature-event_auth.mobile {
            gap:16px;
        }

        .feature-event_auth.mobile > button {
            width: 121px;
        }



        #drawer-sub .headerjs-container-menu > li + li {
            border-top: 1px solid #E5E7EB;
        }

        #drawer-sub .headerjs-container-menu > li:last-child span {
            color: #F07E1D;
        }

        #drawer-sub .nav-link-custom {
            font-weight: 400;
        }

        .dropdown-menu-custom-mb {
            display: none;
        }

        .headerjs-container-menu .dropdown-custom.open_custom .dropdown-menu-custom-mb {
            display: block;
        }
        .feature-event_language.dropdown.open_custom .dropdown__content--lang {
            display: block;
        }
        .feature-event_language:hover .dropdown-content {
            display: none;
        }

        .header-item_left .headerjs-container {
            display: none;
        }

        .header-item-right .feature-event_emp ,.header-item-right .feature-event_auth .auth-register{
            display: none;
        }

        .dropdown-backdrop {
            display: none;
        }

        .classhaha {
            color: unset;
        }

        .feature-event_emp.nav-item-custom.open_custom,.feature-event_emp.nav-item-custom:hover {
            background-color: #1A56DB;
        }

        .feature-event_emp.nav-item-custom.open_custom {
            margin-bottom: 115px;
        }


        .feature-event_emp.nav-item-custom .dropdown-menu-parent {
            display: none;
            position: absolute;
        }

        .feature-event_emp.nav-item-custom.open_custom .dropdown-menu-parent {
            display: block;
        }

        .feature-event_emp.nav-item-custom .dropdown-menu-show {
            padding-left: 15px;
            border-radius: 0;
            box-shadow: none;
            font-family: Inter;
        }

        

        .drawer .feature-event_emp  ul li a {
            padding: 8px 0px;
        }

        .feature-event_emp button {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .drawer-content .feature-event_emp button {
            font-size: 14px;
            align-items: center;
        }

        .feature-event_language.dropdown.open_custom .dropdown__content--lang {
            width: 100%;
            left: 0;
            box-shadow: none;
        }

        .dropdown__content--lang ul.drop-menu-em>li>a {
            padding: 8px 12px;
        }

        .feature-event_emp .dropdown-menu-parent .dropdown-menu-custom li.dropdown-custom + li.dropdown-custom {
            border-top: 0px solid #eee;
        }
    }

    @media (max-width:480px) {
        .feature-profiles.dropdown:hover .dropdown__content--info {
            display: none;
        }
        .drawer-content {
            width: 290px;
            height: 100%;
            overflow-y: scroll;
        }

        .dropdown__content--lang ul span {
            vertical-align: middle;
            color: #111928;
            font-size: 12px;
        }

        .dropdown-profile-mb .nav-link-custom .profile-info_item{
            font-size: 14px;
            font-weight: 400;
            color: #111928;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .dropdown-custom-cv.open_custom > .menu-info-itemdropdown > .profile-info_item path {
            stroke:#F07E1D;
        }

        .dropdown-profile-mb .menu-info-itemdropdown {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .dropdown-profile-mb .nav-link-custom .profile-info_item i {
            font-size: 18px;
        }

        .headerjs-container-menu.dropdown-profile-mb a.nav-link-custom {
            padding: 0;
        }

        /* .dropdown-profile-mb .dropdown-custom.open_custom {
            padding:0 16px;
        } */

        .dropdown-custom-cv.open_custom {
            padding: 0 16px;
        }

        .dropdown-custom-cv.open_custom.dropdown-jobsapply .dropdown-menu-custom-mb .icon-flowbite svg {
            display:none
        }
        .dropdown-custom-cv.open_custom > .menu-info-itemdropdown {
            padding: 8px 16px;
            border-radius: var(--rounded-lg, 8px);
            background: var(--orange-50, #FFF8F1);
            margin-left: -16px;
            margin-right: -16px;
        }



        .dropdown-custom-cv.open_custom .dropdown-menu-custom-mb .profile-info_item {
            padding: 8px 0;
        }

        /* .dropdown-custom-cv.open_custom .dropdown-menu-custom-mb:last-child .profile-info_item {
            padding-bottom: 0px;
        } */
    }