header{padding: 25px 0;margin: 0;}
    header .container{display: flex;justify-content: space-between;align-items: center;position: relative;column-gap: 20px;}
    .hmain-nav-btn{width: 50px;height: 50px;border-radius: 8px;cursor: pointer;text-align: center;line-height: 60px;position: absolute;left: -80px;}
    .hmain-nav-btn:after{content: "\f0c9";font-size: 25px;}
    .hmain-nav-close{top: 36px;left: 16px;width: 50px;height: 50px;background: rgba(239, 240, 240, 0.1);border-radius: 100px;text-align: center;color: var(--white);line-height: 60px;cursor: pointer;}
    .hmain-nav-close:after{content: "\f00d";font-size: 25px;}
    .home-header .hmain-nav-btn{background: rgba(255, 255, 255, 0.08);color: var(--white);}
    .fixedmenu header.prim-header .hmain-nav-btn, .inner-header .hmain-nav-btn{background: rgba(36, 35, 38, 0.1);color:var(--primary);}
    .hmiddle{flex-wrap: wrap;display: flex;justify-content: center;}
    .hmiddle ul{display: flex;width: 100%;}
    .hnav-breadcrumbs{font-size: 12px;column-gap: 12px;margin-bottom: 8px;}
    .hnav-breadcrumbs li:after{content: "\f054";font-size: 8px; margin-left: 12px;opacity: .6;}
    .hnav-breadcrumbs li:last-child:after{display: none;}
    .inner-header .hnav-breadcrumbs a:hover{color: var(--cerise);}
    .hleft{flex: 0 0 210px;display: flex;align-items: center;}
    .hright{display: flex;align-items: center;column-gap: 24px;justify-content: right;}
    .hnav{column-gap: 32px;}
    .jp .hnav{column-gap: 24px;}
    .hnav{font-weight: 600;}
    .hnav li{position: relative;}
    .hnav li.active > a, .hnav li.active > span{font-weight: 800;}
    .hnav li.active > span ~ ul .active a{font-weight: 600;}
    .hnav > li:after{content: '';height: 2px;width: 0;background-color: var(--cerise);transition: all 0.3s ease-in-out;position: absolute;bottom: -3px;left: 0; border-radius: 2px;}
    .hnav > li.active:after,.hnav > li:hover:after{width: 100%;}
    .hnav li.has-sub{padding-right: 22px;}
    .hnav li.has-sub:before{content: "\f078";font-size: 12px;position: absolute;right: 0;top:8px;}
    .hnav li.has-sub:hover{height: 100%;}
    .hnav li.has-sub:hover:before{color: var(--cerise);}
    .hnav li.has-sub:hover ul{display: flex;}
    .hnav li.has-sub:hover:after{display: none;}
    .hnav li ul{display: none;padding: 16px;flex-wrap: wrap; position: absolute;top: 25px;padding-top: 30px;z-index: 1000;width: auto;}
    .hnav li ul:after{background:var(--white);border-radius: 8px; content: '';width: 100%;height: calc(100% - 10px);position: absolute;z-index: -1;left: 0;top: 10px;box-shadow: 0px 0px 18px rgb(62 53 82 / 20%);}
    .hnav li ul li{width: 100%;white-space: nowrap;}
    .hnav li ul li a{display: block;color: var(--primary); padding: 8px 16px;background-color: transparent;transition: all 0.3s ease-in-out;border-radius: 4px;}
    .hnav li ul li a:hover{color: var(--white);background-color: var(--cerise);}

    .fixedmenu header.prim-header .hsearch, .hsearch{background: rgba(0, 0, 0, 0.1);width: 44px; height: 44px;border-radius: 100px;text-align: center;line-height: 42px;cursor: pointer; color: var(--primary); display:flex; align-items: center; justify-content: center;}
    .fixedmenu header .hsearch:after,.hsearch:after{ content: "\e947"; font-family: 'mmkicons'; font-weight: 400; font-size: 16px;}
    .fixedmenu header .hmiddle a, .inner-header .hmiddle a, .fixedmenu .inner-header .hnav>li >a{color: var(--primary);}
    .home-header .hmiddle a{color: var(--white);}
    .home-header{position: absolute;width: 100%;z-index: 1000;}
    .home-header .hsearch{background: rgba(255, 255, 255, 0.1);color: var(--white);}
    .fixedmenu header .hlogo img{display: none;}
    .fixedmenu header .hlogo{background: url(../img/logo-black.svg);width: 100%;height: 68px;background-repeat: no-repeat;background-size: contain;}
    .fixedmenu header .hlogo a{width: 100%;height: 100%;}

    body.hmain-nav-active,body.hsearch-active{overflow: hidden;}
    #hmain-nav{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;;z-index: 1000000;display: flex;transition: all 0.5s ease-in-out;color: var(--white);background:#434147;}
    body.hmain-nav-active #hmain-nav{left:0;}
    #hmain-nav a{display: block;transition: all 0.3s ease-in-out;}

    #hmain-nav > div{padding: 50px;overflow-y: auto;position: relative;}
    #hmain-nav > div > ul > li{margin-bottom: 40px;font-size: 16px;font-weight: 500;}
    #hmain-nav > div > ul > li ul{margin-top: 25px; margin-left: 16px;}
    #hmain-nav > div > ul > li ul li{margin-bottom: 16px;font-size: 16px;font-weight: 500;}
    #hmain-nav li:last-child{margin-bottom: 0;}

    .hmain-nav-prim{background: #242326;flex: 0 0 29%;}
    .hmain-nav-sub{background: #312E35;flex: 0 0 29%;}
    .hmain-nav-child{background: #434147;flex: 0 0 29%;}

    .hmain-nav-prim .hlogo{top: 25px;left: 100px;}
    .hmain-nav-prim ul{margin-bottom: 40px; width: 100%; margin-top: 110px;}
    .hmain-nav-prim .mbtn{background-color: rgba(255, 255, 255, 0.1);margin-bottom: 24px;color: var(--white);width: 100%; border-radius: 8px;}
    .hmain-nav-prim .mbtn:last-child{margin: 0;}
    .hmain-nav-prim .mbtn:hover, .hmain-nav-prim .mbtn.active{background-color: #D83F63;}
    #hmain-nav .hmain-nav-prim li{font-size: 26px; font-weight: 700; opacity: 0.5;display: flex;align-items: center;column-gap: 16px;transition: all 0.3s ease-in-out; white-space: pre;}
    #hmain-nav .hmain-nav-prim li a{color:var(--white);}
    #hmain-nav .hmain-nav-prim li.active,#hmain-nav .hmain-nav-prim li:hover{opacity: 1;padding-left: 8px;}
    #hmain-nav .hmain-nav-prim li:after{content:'';width: 0;height: 2px;background-color: #D83F63;display: block;transition: all 0.3s ease-in-out;}
    #hmain-nav .hmain-nav-prim li.active:after{width: 100%;}
    
    .hmain-nav-prim-top{position: absolute; top: 0; left: 0; z-index: 9; display: flex; flex-wrap: nowrap; align-items: center; gap: 32px; padding: 24px 16px;}
    
    .hmain-nav-sub>ul,.hmain-nav-child>ul{width:calc(100% - 100px);transition: all 0.5s ease-in-out;position: absolute;left: -100%;opacity: 0;}
    .hmain-nav-child>ul{width: calc(100% - 90px);}
    .hmain-nav-prim, .hmain-nav-sub,.hmain-nav-child{display: flex;flex-wrap: wrap;align-items: center; align-content: center;}
    #hmain-nav ul.active{left: 50px;opacity: 1;}
    #hmain-nav .hmain-nav-sub .has-sub{display: flex; align-items: center;justify-content: space-between;cursor: pointer;transition: all 0.3s ease-in-out;}
    #hmain-nav .hmain-nav-sub .has-sub:after{content: "\e94c"; font-family: 'mmkicons' !important; font-weight: 400; font-size: 24px;}
    #hmain-nav li a,#hmain-nav .has-sub{padding: 8px; border-radius: 8px;}
    #hmain-nav .hmain-nav-child a:hover, #hmain-nav .hmain-nav-child a:active, #hmain-nav .hmain-nav-child a:focus{color: var(--white); background-color: rgba(255, 255, 255, 0.2);}
    #hmain-nav .hmain-nav-sub li.active, #hmain-nav .hmain-nav-child li.active, #hmain-nav .hmain-nav-sub li.has-sub:hover, #hmain-nav .hmain-nav-sub li a:hover, #hmain-nav .hmain-nav-sub li a:active, #hmain-nav .hmain-nav-sub li a:focus, #hmain-nav .hmain-nav-child li.active a:hover {background-color: #D83F63; color: var(--white);border-radius: 8px;}
    #hmain-nav .hmain-nav-sub .active.has-sub::after{color: var(--white);}
    .hmain-nav-child::-webkit-scrollbar-button {height: 7%;}

    .hmain-nav-sub a,.hmain-nav-child a{color: var(--white);}
    #hmain-nav:after{content: '';position: absolute;right: 24px;bottom: 24px; background: url(../img/go-beyond-text..png) no-repeat left bottom;width: 100px;height: 100%;opacity: .5;}

    body.hsearch-active .overlay{display: block!important;}
    .hsearchbar{background-color:var(--white);padding: 15px 0px;position: fixed;width: 100%;z-index:1000000;left: 0px;top: -90px;transition: all 0.3s ease-in-out;}
    body.hsearch-active .hsearchbar{top: 0;}
    .hsearchbar .mform-wrap input.form-control{width: 500px; padding-left: 46px;border-right: none; border-radius: 4px 0 0 4px;}
    .hsearchbar .search-field{display: flex;align-items: center;}
    .hsearchbar .select .fa-search::before{content: "\e947"; font-family: 'mmkicons'; font-weight: 400; font-size: 16px;}
    .hsearchbar #search-category{background-color: var(--white);}
    .hsearchbar select.form-control:not([size]):not([multiple]) { width: 200px;border-radius: 0 4px 4px 0;background-position: 95% 17px;}
    .hsearchbar .select .fa-search{position: absolute;z-index: 1000;left: 20px;top: 20px;}
    .hsearchbar .form-group{margin: 0;padding: 0;}
    .hsearchbar .select{position: relative;}
    .hsearchbar .search-bar{display: flex;justify-content: center;column-gap: 8px;position: relative;}
    .hsearchbar #search-bar-submit{border: 0;cursor: pointer; height: 100%;}
    .hsearchbar .search-bar-close{position: absolute;right: 0;top: 10px;width: 32px;height: 32px;background-color: var(--grey); border-radius: 100px;text-align: center;color: var(--dgrey);line-height: 32px;cursor: pointer;}
    .hsearchbar .search-bar-close:hover{color: var(--white);background-color: var(--cerise);}
    .hsearchbar .search-bar-close .fa-times::before{content: "\e901"; font-family: 'mmkicons'!important; font-weight: 400; font-size: 14px;}
    .hsearchbar .mform-wrap .form-group-inner{margin-bottom: 0;}
    .hsearchbar .mform-wrap .form-group-inner input.form-control ~ label{left: 46px; z-index: 1;}
    .hsearchbar .mform-wrap .form-control:focus:focus{z-index: 1; position: relative; border-radius: 4px;}
    input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}

header.prim-header{position: absolute;width: 100%;z-index: 1000;color: var(--white);}
header.prim-header .hmiddle > ul > li > a{color: var(--white);}
header.prim-header .hmain-nav-btn{background: rgba(255, 255, 255, 0.08);color: var(--white);}
header.prim-header .hsearch{background: rgba(255, 255, 255, 0.1);color: var(--white);}
header.lite-menu .hmiddle{width: 100%;}
.hmain-nav-child>ul{padding-bottom: 30px;}
.fixedmenu header{z-index: 100000;position: fixed;background: #FFFFFF;box-shadow: 0px 8px 16px rgb(62 53 82 / 10%);color:var(--primary);top: 0;transition: all 0.3s ease-in-out;padding: 15px 0;width: 100%;}
.fixedmenu header.prim-header .hmiddle > ul > li > a{color:var(--primary);}
.fixedmenu header.prim-header .hmiddle > ul > li > a:hover{color:#D83F63}
.fixedmenu header.prim-header .lswitch{background: rgba(36, 35, 38, 0.1);}
.fixedmenu header.prim-header .lswitch a{color: var(--black);}
.fixedmenu.hsearch-active header{top: -100px;}
.sticky-hire-talent{display: none;}
.fixedmenu .sticky-hire-talent{display: block;}
.hsearchbar fieldset{min-width: 0; padding: 0; margin: 0; border: 0;}
.hsearchbar .form-control.custom-genrt-div{width: 200px;overflow: hidden;white-space: nowrap; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.hsearchbar .custom-genrt-div.clicked-ul{border-radius: 4px;}

#hmain-nav a.menu-overview {display: flex; padding: 16px; align-items: center; gap: 24px; justify-content: space-between; border-radius: 8px; background: rgba(0, 0, 0, 0.16);transition: all 0.3s ease-in-out; margin-bottom: 32px;}
#hmain-nav a.menu-overview:hover{color: var(--white); background: linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%), rgba(0, 0, 0, 0.16);}
#hmain-nav .hmain-nav-sub li a.menu-overview {display: flex; padding: 16px; align-items: center; gap: 24px; justify-content: space-between; border-radius: 8px; background: rgba(0, 0, 0, 0.16);transition: all 0.3s ease-in-out; margin-bottom: 32px;}
#hmain-nav .hmain-nav-sub li a.menu-overview:hover, #hmain-nav .hmain-nav-sub li a.menu-overview:active, #hmain-nav .hmain-nav-sub li a.menu-overview:focus{color: var(--white); background: linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%), rgba(0, 0, 0, 0.16);}
#hmain-nav a.menu-overview .overview-wrap{display: flex; flex-direction: column; gap: 4px;}
#hmain-nav a.menu-overview .overview-wrap h4{}
#hmain-nav a.menu-overview .overview-wrap p{margin-bottom: 0; font-size: 16px;font-weight: 500; line-height: 22px;}
#hmain-nav a.menu-overview .overview-arrow{display: flex; width: 44px; height: 44px; justify-content: center; align-items: center; border-radius: 44px; background-color: #D83F63; transition: all 0.3s ease-in-out; flex: 0 0 44px;}
#hmain-nav a.menu-overview:hover .overview-arrow, #hmain-nav a.menu-overview:focus .overview-arrow{background-color: var(--white);}
#hmain-nav a.menu-overview .overview-arrow::after{content: "\e94c"; font-family: 'mmkicons' !important; font-weight: 400; font-size: 24px; color: var(--white); margin-left: 3px; transition: all 0.3s ease-in-out;}
#hmain-nav a.menu-overview:hover .overview-arrow::after, #hmain-nav a.menu-overview:focus .overview-arrow::after{color: #D83F63;}
#hmain-nav > div > ul > li span.submenu-title{font-size: 14px; font-style: normal; font-weight: 600; line-height: 100%; color: var(--manatee); width: 100%; border-bottom: 1px solid rgb(149 142 152 / 50%); display: block; padding-bottom: 16px; padding-left: 8px;}
#hmain-nav .hmain-nav-child ul li a{font-weight: 500; font-size: 16px;}
#hmain-nav .hmain-nav-child ul li{margin-bottom: 4px;}
#hmain-nav .hmain-nav-child ul li ul{padding-bottom:32px;}
#hmain-nav .child-employers-recruitment > li:first-child, #hmain-nav .child-employers-talent > li:first-child, #hmain-nav .child-employers-executive > li:first-child{margin-bottom: 24px;}
#hmain-nav .hmain-nav-sub li{margin-bottom: 8px;}
#hmain-nav .hmain-nav-sub li ul{margin-bottom: 32px;}

    @media all and (max-width: 1380px){
    .hmain-nav-btn{left: 0;width: 40px;height: 40px; line-height: 45px;}
    .hmain-nav-btn:after{font-size: 20px;}
    .hleft{flex: 0 0 230px;}
    .hleft .hlogo{margin-left: 60px;}
    }

    @media all and (min-width: 768px){
        .hmain-nav-child>ul{padding-top: 88px;}
        .en .hmain-nav-child>ul.child-employers-recruitment,
        .ie .hmain-nav-child>ul.child-employers-recruitment,
        .hk .hmain-nav-child>ul.child-employers-recruitment,
        .jp-ja .hmain-nav-child>ul.child-employers-recruitment,
        .sg .hmain-nav-child>ul.child-employers-recruitment,
        .uk .hmain-nav-child>ul.child-employers-recruitment{top: 0;}
        .en .hmain-nav-child>ul.child-employers-recruitment,
        .ie .hmain-nav-child>ul.child-employers-recruitment,
        .hk .hmain-nav-child>ul.child-employers-recruitment,
        .jp-ja .hmain-nav-child>ul.child-employers-recruitment,
        .sg .hmain-nav-child>ul.child-employers-recruitment,
        .uk .hmain-nav-child>ul.child-employers-recruitment{padding-top: 48px;}
    }
    @media all and (max-height: 700px){
        .hmain-nav-child{align-items: start;}
    }

    @media all and (max-width: 480px){
        .hmiddle{display: none;}
        .hmain-nav-btn{right: 24px;left: inherit;width: 40px;height: 40px;line-height: 45px;}
        .hmain-nav-btn:after{font-size: 20px;}
        .hlogo img{max-height: 50px;}
        #hmain-nav > div{flex: 0 0 auto;width: 100%;overflow-y: unset;padding: 50px 30px; padding-right: 10px; align-items: flex-start; align-content: flex-start;}
        #hmain-nav > .hmain-nav-prim{padding-right: 30px;}
        #hmain-nav > div > ul{padding-right: 20px;}
        #hmain-nav:after{display: none;}
        .hmain-nav-prim .hlogo,.hmain-nav-close{position: initial;}
        .hmain-nav-prim-top{left: 0;top: 25px;position: fixed;width: 100%;z-index: 1000;align-items: center;flex-direction: row-reverse;justify-content: space-between; padding: 0 24px;transition: all 0.5s ease-in-out;display: none;opacity: 0;}
        body.hmain-nav-active #hmain-nav .hmain-nav-prim-top{display: flex;opacity: 1;}
        #hmain-nav{right: -100%;left:inherit;}
        body.hmain-nav-active #hmain-nav{right: 0;left:inherit;}
        .hmain-nav-sub>ul, .hmain-nav-child>ul{width: calc(100% - 50px);left: 0;position: inherit;top: 110px;flex: 0 0 100%;opacity: 1;display: none;}
        .hmain-nav-child>ul{height: calc(100% - 100px);overflow: auto;}
        #hmain-nav ul.active{left: 0;display: block;opacity: 1;}
        .hmain-nav-prim .mbtn{width: 100%;max-width: 100%;}
        #hmain-nav .hmain-nav-prim li{opacity: 1;display: flex;align-items: center;justify-content: space-between;}
        #hmain-nav .hmain-nav-prim li.active, #hmain-nav .hmain-nav-prim li:hover{padding-left: 0;}
        #hmain-nav .hmain-nav-prim li.active:after,#hmain-nav .hmain-nav-prim li:after{content: "\f054"; width: auto;background: transparent;height: auto;}
        #hmain-nav .hmain-nav-sub li.active a{color: var(--white);}
        .hmain-nav-close{line-height: 46px;width: 40px; height: 40px;}
        .hmain-nav-close:after{font-size: 20px;}
        #hmain-nav .menu-back{color: var(--white);position: absolute;top: 97px;background: #D83F63;padding: 5px 20px;font-family: 'Poppins', sans-serif;border-radius: 8px;display: flex;align-items: center;column-gap: 10px;}
        #hmain-nav .menu-back:before{content: "\f053";}
        .hleft .hlogo {margin-left: 0;}
        .hleft{flex: 0 0 150px;}
        .hright{padding-right: 55px;}
        .hright .hsearch, .hright .mbtn{display: none;}
        .sticky-hire-talent{display: none;}
        .fixedmenu header .hlogo{height: 45px;}
        .fixedmenu header{padding: 10px 0;}
        header .container{column-gap: 10px;}
        #hmain-nav .hmain-nav-child a:hover{background: #D83F63;}
        .hmain-nav-child>ul.child-employers-recruitment{top: 110px;}
    }

    @media (max-width: 360px){
    .hlogo img{max-height: 40px;}
    }