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;}
.page-about .hnav{column-gap: 22px; }
.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{margin-bottom: 24px;}
#hmain-nav .hmain-nav-sub li{margin-bottom: 8px;}
#hmain-nav .hmain-nav-sub li ul{margin-bottom: 32px;}
@media only screen and (min-width: 980px) and (max-width:1440px)  {
.page-about .hnav { column-gap: 16px;}
}
@media only screen and (min-width: 980px) and (max-width:1281px)  {
    .page-about .hnav li a{ font-size: 14px;}
    }
@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: 100px;}
}
@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;}
}

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