:root {
    --primary-color2: #afc536;
    --primary-color3: #0d8dc8;
    --primary-color4: #28a745;
    --primary-color5: #d5e8ef;
    --primary-graylight: #f1f1f5;
}

@font-face {
    src: url("../fonts/SF-Pro-Display-Bold.otf");
    font-family: "SF Pro Display";
    font-weight: 700;
}

@font-face {
    src: url("../fonts/SF-Pro-Display-Thin.otf");
    font-family: "SF Pro Display";
    font-weight: 500;
}

@font-face {
    src: url("../fonts/SF-Pro-Display-Regular.otf");
    font-family: "SF Pro Display";
    font-weight: 300;
}

@font-face {
    src: url("../fonts/SF-Pro-Display-Light.otf");
    font-family: "SF Pro Display";
    font-weight: normal;
}

@font-face {
    src: url("../fonts/Rasa-Regular.ttf");
    font-family: "Rasa";
    font-weight: bold;
}

@font-face {
    src: url("../fonts/Rasa-Bold.ttf");
    font-family: "Rasa";
    font-weight: normal;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

html {
    background-color: #fff !important;
}

#wrapper, #main {
    background: #fff !important;
}

ul, li {
    margin-bottom: 0px !important;
}

.row-0 {
    padding: 0px 0px !important;
}

.pd-0 {
    padding: 0px !important;
}

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 8px 5px !important;
}

.row-10 {
    padding: 0px 9px !important;
}

.pd-10 {
    padding: 0px 6px 12px 6px !important;
}

.row-20 {
    padding: 0px 0px !important;
}

.pd-20 {
    padding: 0px 20px 20px 20px !important;
}

.pd-35 {
    padding: 0px 35px 20px 35px !important;
}

.row-7 {
    padding: 0px 7px !important;
}

.pd-7 {
    padding: 0px 7px 7px 7px !important;
}

.noPadding {
    padding-bottom: 0px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.mr-2 {
    margin-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

.mr-4 {
    margin-right: 50px;
}

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.button_style {
    background-color: var(--primary-color3) !important;
    color: #fff !important;
    text-align: center;
    padding: 0px 25px;
    font-size: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border-radius: 5px;
    height: 35px;
    font-weight: 600 !important;
    line-height: 35px;
    margin-bottom: 0 !important;
}

.button_style:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.button_style:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/**back to top**/
.progress-wrap {
    position: fixed;
    display: block;
    cursor: pointer;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    text-align: center;
    position: absolute;
    cursor: pointer;
    font-family: 'Font Awesome 6 Pro';
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap {
    bottom: 30px;
    height: 46px;
    width: 46px;
    border-radius: 46px;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px #cccccc;
}

.progress-wrap.btn-left-side {
    left: 30px;
}

.progress-wrap.btn-right-side {
    right: 30px;
}

.progress-wrap::after {
    width: 46px;
    height: 46px;
    color: #1f2029;
    font-size: 24px;
    content: '\f341';
    line-height: 46px;
}

.progress-wrap:hover::after {
    color: #1f2029;
}

.progress-wrap svg.progress-circle path {
    stroke: #1f2029;
    stroke-width: 2px;
}

body {
    font-family: "SF Pro Display" !important;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-family: "SF Pro Display";
    font-weight: 700;
}

/**header**/
div#masthead {
    box-shadow: 0 4px 4px #3636361a;
}

div#masthead li.html.custom.html_topbar_right {
    margin: 0;
}

/**menu**/
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a {
    color: #000;
    text-transform: unset;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    flex-flow: column;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a svg {
    margin: 0 0 3px 0;
    height: 25px;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a:hover,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li.current-menu-item a {
    color: var(--primary-color3)
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a:hover svg,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a:hover svg path,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li.current-menu-item svg,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li.current-menu-item svg path {
    fill: var(--primary-color3) !important;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li {
    margin: 0 !important;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li a i {
    display: none;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li.menu-new a:before {
    content: 'New';
    background: var(--primary-color3);
    color: #fff;
    position: absolute;
    top: 4px;
    right: -8px;
    border-radius: 100px;
    padding: 1px 4px;
    align-items: center;
    font-weight: 300;
    font-size: 7px;
    line-height: 8px;
    text-align: center;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu {
    left: 0;
    display: block !important;
    width: 250px !important;
    transform: translateX(-40%);
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu {
    border: 0px !important;
    padding: 0px !important;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu li {
    padding: 0px !important;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu li a {
    padding: 16px 32px;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu li a:hover {
    color: var(--primary-color3)
}

div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu:before,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu:after,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li:before,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li:after,
div#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li > .sub-menu li a:before {
    display: none !important;
}

/**search job**/
.wp_search_job {
    margin-left: 15px !important;
}

.wp_search_job form {
    width: 300px;
    border: 1px solid #F1F1F5;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.wp_search_job .wp_search_form svg {
    margin: 0;
}

.wp_search_job .wp_search_form {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 16px;
}

.wp_search_job .wp_search_option {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 100%;
    padding: 8px;
    background: #F1F1F5;
    z-index: 999;
    display: none;
}

.wp_search_job .wp_search_icon {
    position: absolute;
    left: 10px;
    top: 60%;
    transform: translateY(-50%);
}

.wp_search_job .wp_search_setting {
    position: absolute;
    right: 10px;
    top: 60%;
    transform: translateY(-50%);
    cursor: pointer;
}

.wp_search_job .wp_search_form,
.wp_search_job .wp_search_input {
    width: 100%;
}

.wp_search_job select.wp_search_select {
    height: 35px;
    background-color: #FFF;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 0 10px;
    box-shadow: unset !important;
    border: 0px !important;
    font-size: 14px;
}

.wp_search_job input.search_input {
    box-shadow: unset !important;
    border: 0px !important;
    height: 38px;
    padding: 0px 20px;
    font-size: 15px;
    line-height: 18px;
    color: #9b999a;
}

.wp_search_job input.search_input::placeholder {
    font-size: 15px;
    line-height: 18px;
    color: #9b999a;
}

.button_for_search {
    height: 35px !important;
    line-height: 35px;
    padding: 0;
    background: var(--primary-color) !important;
    font-weight: 700;
    font-size: 14px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
    width: 100%;
    margin: 0;
    text-transform: unset;
}

/**user**/
.wp_user_login ul {
    display: flex;
    align-items: center;
}

.wp_user_login ul li {
    list-style: none;
    position: relative;
}

.wp_user_login ul li.user__login a {
    display: flex !important;
    align-items: center;
    flex-flow: wrap !important;
}

.wp_user_login ul li.user__login .user_avatar {
    width: 40px;
    height: 40px;
    border-radius: 99px;
}

.wp_user_login ul li.user__login .user_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 99px;
    object-fit: cover;
    object-position: top;
}

.wp_user_login ul li.user__login .user_name {
    color: #232323;
    margin: 0 6.5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
}

.wp_user_login ul li a.btnMenuBox {
    margin: 0 6.5px;
    width: 28px;
    height: 28px;
    background: #e5e5e5;
    border-radius: 99px;
    position: relative;
    display: block;
}

.wp_user_login ul li a.btn_Dropdown img,
.wp_user_login ul li a.btn_Bar img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 16px !important;
    height: auto !important;
}

.wp_user_login ul li a.btn_Dropdown img {
    width: 12px !important;
}

.boxAccount {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    padding: 9.5px 8px;
    border: 1px solid var(--primary-color3);
    border-radius: 5px;
    text-decoration: none;
    white-space: nowrap;
    color: var(--primary-color3) !important;
    transition: ease-in-out .3s;
    margin-left: 2px;
}

.btn_register {
    background-color: var(--primary-color3);
    color: #fff !important;
    margin-right: 8px;
    margin-left: 5px;
}

/**settings-wrapper**/
.settings-wrapper {
    display: none;
    top: 40px;
    width: 364px;
    position: absolute;
    background-color: #fff;
    transition: ease-in-out .1s;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80;
    padding: 8px 16px;
    right: 0;
}

.settings-wrapper .user_setting a {
    display: flex !important;
    align-items: center;
    flex-flow: wrap !important;
    box-shadow: inset 0 -1px #f1f1f5;
    padding: 0 0 5px 0;
}


.settings-wrapper .user_setting .user_avatar {
    width: 40px;
    height: 40px;
    border-radius: 99px;
}

.settings-wrapper .user_setting .user_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 99px;
    object-fit: cover;
    object-position: top;
}

.settings-wrapper .user_setting .user_name {
    color: #232323;
    text-align: left;
    padding-left: 10px;
}

.settings-wrapper .user_setting .user_name h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: var(--primary-color3);
    text-transform: capitalize;
    margin: 0;
}

.settings-wrapper .user_setting .user_name p {
    font-weight: 300;
    font-size: 13px;
    line-height: 13px;
    color: #9b999a;
    margin: 0;
}

.settings-wrapper .user-list a.item {
    display: flex !important;
    align-items: center;
    padding: 8px 8px 8px 0;
    flex-wrap: wrap !important;
    justify-content: start;
}

.settings-wrapper .user-list a:hover {
    background: #f7f7f7;
    border-radius: 5px;
    cursor: pointer;
}

.settings-wrapper .user-icon {
    width: 32px;
    height: 32px;
    background: #E5E5E5;
    border-radius: 24px;
    position: relative;
    margin-right: 8px;
}

.settings-wrapper .user-icon img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 16px !important;
    height: auto !important;
}

.settings-wrapper .user-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 13px;
    color: #000;
}

.settings-wrapper .user-logout {
    border-top: 1px solid #f1f1f5;
}

.menuActive {
    background: var(--primary-color5) !important;
}

/**sidebar-setting**/
.sidebar-setting {
    display: none;
    top: 40px;
    width: 625px;
    position: absolute;
    background-color: #fff;
    transition: ease-in-out .1s;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 12px 28px #0003, 0 2px 4px #0000001a, inset 0 0 0 1px #ffffff80;
    right: -100%;
}

.sidebar-setting .sidebar-wrapper {
    background: #F1F1F5;
    padding: 10px 16px 16px 16px;
}

.sidebar-setting .sidebar-wrapper .boxSidebar {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
}

.sidebar-setting .sidebar-wrapper h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin: 0 0 10px 0;
}

.sidebar-setting .sidebar-wrapper .boxSidebar__item {
    padding: 0 0 15px 0;
}

.sidebar-setting .sidebar-wrapper .boxSidebar__item:not(:first-child) {
    box-shadow: inset 0 1px #f1f1f5;
    background-color: #fff;
    padding: 15px 0 0 0;
}

.sidebar-setting .sidebar-wrapper .boxSidebar__item h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0 0 10px 0;
}

.sidebar-setting .sidebar-wrapper .menu_mt a {
    display: flex;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
}

.sidebar-setting .sidebar-wrapper .menu_mt a:last-child {
    padding-bottom: 0;
}

.sidebar-setting .sidebar-wrapper .menu_mt a > .menu_icon {
    width: 32px;
    height: 32px;
    background: #F1F1F5;
    border-radius: 24px;
    position: relative;
}

.sidebar-setting .sidebar-wrapper .menu_mt a > .menu_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sidebar-setting .sidebar-wrapper .menu_mt .menu-title {
    padding-left: 8px;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    text-align: left;
}

.sidebar-setting .sidebar-wrapper .menu_mt a:hover .menu-title {
    text-decoration: underline;
}

/**alert**/
.alert {
    position: relative;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

.alert-success {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;;
    border-color: #badbcc !important;;
}

.alert-danger {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}

/**login**/
.login-background {
    width: 100%;
    height: 100vh;
}

.login-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.loginLogo {
    text-align: center;
    margin: 0 0 50px 0;
}

.loginLogo img {
    width: 218px;
}

.login-form {
    width: 100%;
    height: 100%;
    position: relative;
}

.loginForm {
    width: 418px;
    margin: auto;
    background: #ffffff;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.login-form .copyright {
    text-align: center;
    color: #9b999a;
    font-size: 14px;
    line-height: 17px;
    padding: 8px 10px;
    background: #fff;
    box-shadow: inset 0 1px #e5e5e5;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 1;
}

.loginForm form {
    padding: 32px 16px 40px;
    margin: 0 !important;
    position: relative;
    background: #ffffff;
    border-radius: 10px;
}

.loginForm form:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 8px;
    height: 100%;
    left: 14px;
    right: 14px;
    background: #ececec;
    border-radius: 10px;
}

.loginForm h1 {
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 16px;
    font-size: 21px;
    line-height: 25px;
}

.loginForm .login-social a {
    border: 1px solid #e3e3e3;
    display: block;
    font-size: 17px;
    line-height: 20px;
    padding: 12.5px 15px;
    margin-bottom: 24px;
    text-transform: unset;
    position: relative;
}

.loginForm .login-social .login-facebook {
    border-radius: 5px;
    font-weight: 600;
    background: var(--primary-color3);
    color: #fff;
    position: relative;
    text-align: center;
    height: auto;
}

.loginForm .login-social a img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.loginForm .login-social .login-google {
    border-radius: 5px;
    font-weight: 600;
    position: relative;
    text-align: center;
    height: auto;
    font-size: 17px;
    line-height: 20px;
    padding: 11.5px 15px;
    background: #f1f1f5;
    border: 1px solid #e3e3e3;
    display: block;
}

.loginForm input#wp-submit {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    background: var(--primary-color3);
    border: 1px solid var(--primary-color3);
    border-radius: 5px;
    height: 35px;
}

.loginForm .input_bt {
    box-shadow: unset !important;
    border-radius: 10px !important;
    border: 1px solid #f3f3f3 !important;
}

.loginForm .accept-policy a, .loginForm .register a {
    color: var(--primary-color3);
}

.loginForm .accept-policy {
    font-size: 15px;
    line-height: 23px;
}

.loginForm .register {
    margin: 12px 0;
    font-size: 13px;
    line-height: 18px;
    color: #9b999a;
}

.loginForm .login-remember a {
    color: var(--primary-color3) !important;
    font-size: 15px;
    line-height: 22px;
}

/**register**/
.registerForm {
    width: 80%;
    margin: 0 auto;
}

.hj-blue {
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    color: var(--primary-color3) !important;
}

.hj-blue:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #d2e9ff;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 0;
}

.hj-blue:before {
    content: '';
    width: 75%;
    height: 4px;
    background: var(--primary-color3) !important;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 9;
}

.registerForm .register-body {
    margin: 30px 0 0 0;
}

.registerForm .register-body h4 {
    color: #2f2f2d;
    font-size: 15px;
    margin: 0 0 20px 0;
}

.form-tt {
    position: relative;
    width: 100%;
    height: 50px;
}

.form-tt .input_bt {
    position: absolute !important;
    font-size: 15px !important;
    background-color: transparent !important;
    border: 1px solid #9c9c8c !important;
    padding: 0 1.2em !important;
    transition: all 0.1s ease !important;
    box-shadow: unset !important;
    border-radius: 10px !important;
    height: 50px;
    z-index: 9;
}

.form-tt .input_text {
    position: absolute;
    font-size: 15px;
    z-index: 0;
    transition: all 0.1s ease;
    color: #888;
    padding: 0 1em;
    top: 0;
    height: 50px;
    line-height: 50px;
}

.form-tt .input_bt:focus,
.form-tt .input_bt:valid,
.form-tt.active .input_bt {
    border: 2px solid var(--primary-color3) !important;
}

.form-tt .input_bt:focus + .input_text,
.form-tt .input_bt:valid + .input_text,
.form-tt.active .input_bt + .input_text {
    line-height: 30px;
    height: 30px;
    transform: translate(-15px, -16px) scale(0.88);
    z-index: 1111;
    background-color: #fff;
    color: var(--primary-color3);
    padding: 0 10px;
    margin-left: 20px;
    font-size: 13px;
}

.form-tt .input_bt:focus + .input_text span,
.form-tt .input_bt:valid + .input_text span {
    color: #ff3333;
}

.button_for_info {
    padding: 0 15px;
    border-radius: 5px;
    border: unset;
    background: #fff;
    color: #333 !important;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #e3e3e3;
    font-size: 16px;
    font-weight: 300;
    line-height: 19.09px;
    background: var(--primary-graylight) !important;
}

.d-flex {
    display: flex;
    align-items: center;
}

.button_for_primary {
    background: var(--primary-color3) !important;
}

.form-tt a {
    width: 200px;
}

.form-tt button {
    width: calc(100% - 215px);
    margin-left: 15px;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

/**home title**/
.home-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-title a {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: var(--primary-color3);
}

.home-title h3 {
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    color: #33383c;
    margin: 0;
    cursor: pointer;
    width: auto;
    display: inline-block;
}

.home-title2 h3 {
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-transform: uppercase;
    margin: 0;
}

/**job item**/
.job-item {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.job-item .job-thumbnail {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.job-item .job-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.job-item .job-content {
    width: 100%;
    padding: 10px 0 0 0;
}

.job-item .job-content h4 {
    margin: 0;
}

.job-item .job-content h4 a {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #33383c;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
}

.job-item .job-content h4 a:hover {
    color: var(--primary-color3)
}

.job-item .job-content .job-process-rating {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.job-item .job-content .job-process-rating .rating {
    white-space: nowrap;
    display: block;
    align-items: stretch;
    position: relative;
    width: 80px;
    background: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
    height: 8px;
}

.job-item .job-content .job-process-rating .rating .icon {
    width: 1px;
    float: left;
    background-color: #fff;
    position: relative;
    z-index: 2;
    height: 9px;
    margin-left: 14px;
    margin-right: 0;
}

.job-item .job-content .job-process-rating .rating .icon:last-child {
    background: transparent !important;
}

.job-item .job-content .job-process-rating .rating .point {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.job-item .job-content .job-process-rating span.text-score {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: -1px;
    margin-left: 5px;
    color: #605756;
}

.job-item .job-content .job-process-rating .check {
    margin-left: 3px;
    display: flex;
    align-items: center;
}

.job-item .job-content .job-date {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #9b999a;
    margin: 15px 0 0 0;
}

.job-item .job-content .job-bottom {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
}

.button_for_apply {
    border-radius: 99px !important;
    height: 32px !important;
    line-height: 32px;
    padding: 0;
    background: var(--primary-color) !important;
    font-weight: 700;
    font-size: 15px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
    width: 139px !important;
}

.job-item .job-content a.zalo-button {
    margin-left: 5px;
}

.job-item .job-content a.zalo-button img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.job-item .job-cb {
    padding: 6px 10px;
    border-radius: 5px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
    min-width: 134px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
    color: var(--primary-color3);
}

.job-item .salary {
    position: absolute;
    bottom: 46px;
    left: 0;
    padding-left: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 24px
}

.job-item .salary .basic {
    background-color: #afc53680;
    color: #fff;
    position: relative;
    display: block;
    z-index: 9;
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
    padding: 6px 10px;
    border-radius: 5px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
    min-width: 134px;
}

.job-item .salary .percent {
    background-color: var(--primary-color2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 0;
}

.job-item .salary .fake {
    position: relative;
}

.job-item .salary .basic:before {
    content: " ";
    width: 16px;
    height: 15px;
    background: url(../images/icon13.svg?v=1) center / 100% 100% no-repeat;
    right: 6px;
    top: 7px;
    z-index: 1;
    position: absolute;
}

/**why**/
.ht-box h4 {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #000;
    margin: 16px 0 !important;
    display: block;
}

.ht-box p {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
}

.ht-number .col-inner {
    background: url(/wp-content/uploads/2024/05/hellojob-local-CPmWklot1B-scaled.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.col-notBackground .col-inner {
    background: transparent !important;
    border-right: 1px solid #fff;
}

.col-notBackground:last-child .col-inner {
    border: 0 !important;
}

.tg-counter p {
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 21px;
    line-height: 25px;
    color: #fff;
}

.tg-counter .count-up {
    font-weight: 900;
    font-size: 48px;
    line-height: 57px;
    color: #fff;
}

/**slide**/
body .swiper-button-next, body .swiper-button-prev {
    width: 45px !important;
    height: 100px !important;
    background: #fff;
    transform: translateY(-50%) !important;
    top: 100px !important;
    font-size: 15px;
    color: #000;
}

body .swiper-button-prev.swiper-button-disabled,
body .swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

body .swiper-button-next:after, body .swiper-button-prev:after {
    font-size: 15px;
    color: #000;
}

body .swiper-button-next {
    right: 0;
    border-radius: 5px 0 0 5px !important;
}

body .swiper-button-prev {
    left: 0;
    border-radius: 0 5px 5px 0 !important;
}

/**review**/
.review-item .review-auth {
    text-align: center;
}

.review-item .review-auth img {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    min-height: 90px !important;
}

.review-item .review-auth h4 {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin-top: 7.5px;
    margin-bottom: 5px;
}

.review-item .review-auth p {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    display: block;
    text-align: center;
}

.review-item .review-content {
    max-width: 345px;
    display: block;
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
    text-align: justify;
    color: #000;
}

.register-bottom span:first-child {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #f2b92a;
}

.register-bottom span:last-child {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #5bcefd 0%, #0d8dc8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, .15);
    margin-top: 4px;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

/**widget**/
.widget-title {
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    width: 100% !important;
    display: block;
    border-bottom: 1px solid #d2d2d2;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.widget-title h3, .widget-title span {
    color: #333;
    margin: 0px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

.widget-post-vertical a {
    display: block !important;
    flex-flow: wrap;
}

.widget-post-vertical .widget-post-thumbnail {
    width: 100% !important;
    height: 180px !important;
}

.widget-post-vertical .widget-post-content {
    width: 100% !important;
    padding: 10px 0 0 0 !important;
    border: 0px;
}

/**post item**/
.post-item {
    background: #fff;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.post-item .post-thumbnail {
    width: 100%;
    height: 250px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-item .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.post-item:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-item .post-content {
    width: 100%;
    padding: 15px;
}

.category-entry .post-item .post-content {
    width: 100%;
    padding: 15px 0 0 0;
}

.post-item .post-meta i {
    color: var(--primary-color);
    margin-right: 2px;
}

.post-item .post-meta {
    display: flex;
    justify-content: space-evenly;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

.post-item .post-content h4 a {
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    height: 50px;
}

.post-item .post-content h4 {
    margin: 0 0 10px 0 !important;
}

.post-item .post-content h4 a:hover {
    color: var(--primary-color)
}

.post-item .post-content {
    position: relative;
}

.post-item .post-content .post-desc {
    color: #616161;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: normal;
}

.post-item .post-content .post-btn a {
    padding: 5px 20px !important;
    font-weight: 700 !important;
    font-size: 13px;
    text-transform: uppercase;
}

.post-item .post-content .post-btn {
    position: unset !important;
    margin: 0px !important;
    float: none !important;
    text-align: center;
    border-top: 1px solid #eaeaea;
    padding-top: 13px !important;
}

/**post big**/
.post-big {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.post-big .post-thumbnail {
    width: 100%;
    height: 400px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-big .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.post-big:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-big .post-content {
    width: 100%;
    padding: 15px 0 0 0;
}

.post-big .post-meta {
    text-align: left;
    font-size: 13px;
    color: #ffffff80;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    font-weight: 700;
}

.post-big .post-meta span:first-child {
    border-right: 1px solid #ffffff80;
    padding-right: 6px;
}

.post-big .post-meta span:last-child {
    padding-left: 6px;
}

.post-big .post-content h4 a {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.post-big .post-content h4 {
    margin: 0 !important;
}

.post-big .post-content h4 a:hover {
    color: var(--primary-color3)
}

.post-big .post-content .post-desc {
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    color: #9b999a;
    margin: 0;
}

/**post list**/
.post-list {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    transition: 0.3s ease-in-out;
}

.post-list:not(:last-child) {
    margin-bottom: 20px;
}

.post-list .post-thumbnail {
    width: 100px;
    height: 80px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-list .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.post-list:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-list .post-content {
    width: calc(100% - 100px);
    padding: 0 0 0 20px;
}

.post-list .post-content h4 a {
    font-weight: 600;
    font-size: 15px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #000;
    margin-bottom: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.post-list .post-content h4 {
    margin: 0 !important;
}

.post-list .post-content h4 a:hover {
    color: var(--primary-color3)
}

.post-list .post-content .post-desc {
    font-weight: 300;
    font-size: 12px;
    line-height: 120%;
    color: #9b999a;
    margin: 0;
}

div#comments {
    display: none;
}

/**footer**/
footer#footer {
    box-shadow: 0 -1px #e4e4e4;
}

.col-5 {
    flex-basis: 20% !important;
    max-width: 20% !important;
}

.footer-contact {
    width: 100%;
    display: inline-block;
    margin: 0 0 5px 0;
}

.footer-contact ul li {
    margin: 0 !important;
    list-style: none;
}

.footer-contact ul li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #0d8dc8;
}

.footer-contact ul li a img {
    width: 16px;
    height: 16px;
    display: inherit;
    margin-right: 4px;
}

.footer-social {
    display: flex;
}

.footer-contact ul li a:hover {
    text-decoration: underline !important;
}

.footer-social a {
    margin: 0 4px 0 0;
}

.footer-social a img {
    width: 24px;
    height: 24px;
}

.footer-menu a {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #0d8dc8;
    padding: 0px !important;
    border: 0px !important;
    margin: 0 0 5px 0 !important;
    min-height: unset;
}

.footer-menu a:hover {
    text-decoration: underline !important;
}

.footer-text {
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    position: relative;
    display: block;
}

h4.footer-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 3px;
    display: block;
}

.footer-text:before {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    left: -7px;
    top: 7px;
    background: url(../images/footer-dot.svg) center no-repeat;
}

.absolute-footer {
    background: rgb(13, 141, 200) !important;
    text-align: center;
    color: #fff !important;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0;
    border-top: 1px solid #fff;
}

.absolute-footer .footer-primary {
    text-align: center !important;
    float: none;
}

/**breadcrumbs**/
section.breadcrumbs {
    padding: 8px 0 0 0;
    opacity: 1 !important;
}

section.breadcrumbs p {
    margin: 0px !important;
}

section.breadcrumbs span, section.breadcrumbs a {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    color: var(--primary-color3);
}

/**Single**/
.job_entry {
    margin: 15px 0 30px 0;
}

.single #wrapper, .single #main, .archive #wrapper, .archive #main {
    background: #fff !important;
}

section.job_entry .job__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job_entry .job__header h1 {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    text-align: justify;
    color: #4c5155;
}

.job_entry .job_confirm p {
    margin: 0px;
}

.job_entry .job_confirm {
    background: #f2b92a;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 300;
    line-height: 16px;
    align-items: baseline;
}

.job_entry .job-process-rating {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.job_entry .job-process-rating .rating {
    white-space: nowrap;
    display: block;
    align-items: stretch;
    position: relative;
    width: 80px;
    background: #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
    height: 8px;
}

.job_entry .job-process-rating .rating .icon {
    width: 1px;
    float: left;
    background-color: #fff;
    position: relative;
    z-index: 2;
    height: 9px;
    margin-left: 14px;
    margin-right: 0;
}

.job_entry .job-process-rating .rating .icon:last-child {
    background: transparent !important;
}

.job_entry .job-process-rating .rating .point {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.job_entry .job-process-rating span.text-score {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: -1px;
    margin-left: 5px;
    color: #605756;
}

.job_entry .job-process-rating .check {
    margin-left: 3px;
    display: flex;
    align-items: center;
}

.jobs-detail .content-detail {
    padding-top: 8px;
}

.jobs-detail .content-detail .title {
    background: #f1f1f5;
    border-radius: 5px;
    padding: 8.5px 8px;
    margin-bottom: 0;
}

.jobs-detail .content-detail .title h2 {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    color: #333;
    margin: 0;
}

.jobs-detail .table-detail {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    color: #9b999a;
}

.jobs-detail .table-detail tr th {
    padding: 8px;
    width: 46%;
    vertical-align: top;
    font-size: 15px;
    line-height: 18px;
    color: #9b999a;
    font-weight: 300;
    text-transform: unset;
}

.jobs-detail .table-detail tr td {
    padding: 8px 0;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    word-break: break-word;
}

.dot:last-child {
    display: none;
}

.job-right .salary {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 24px;
    margin-bottom: 10px;
}

.job-right .salary .basic {
    background-color: #afc53680;
    color: #fff;
    position: relative;
    display: block;
    z-index: 9;
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
    padding: 6px 10px;
    border-radius: 5px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
    min-width: 134px;
}

.job-right .salary .percent {
    background-color: var(--primary-color2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 0;
}

.job-right .salary .fake {
    position: relative;
}

.job-right .salary .basic:before {
    content: " ";
    width: 16px;
    height: 15px;
    background: url(../images/icon13.svg?v=1) center / 100% 100% no-repeat;
    right: 6px;
    top: 7px;
    z-index: 1;
    position: absolute;
}

.salary-xkld {
    padding: 15px;
    border: 1px solid #f1f1f5;
    border-radius: 5px;
    background-color: #fff;
}

.salary-xkld .salaryBox {
    border: 1px solid #f1f1f5;
    border-radius: 5px;
    padding: 8px;
}

.salary-xkld .salary-basic {
    font-size: 13px;
    line-height: 16px;
    color: #f2b92a;
    margin-bottom: 4px;
}

.salary-xkld .salary-basic b {
    font-size: 21px;
    line-height: 25px;
    font-weight: 700;
}

.col-10 {
    flex-basis: 80% !important;
    max-width: 80% !important;
}

.col-2 {
    flex-basis: 20% !important;
    max-width: 20% !important;
}

.salary-xkld .jobname {
    font-size: 13px;
    line-height: 16px;
    color: #000;
}

.salary-xkld .jobcity {
    font-size: 13px;
    line-height: 16px;
    color: #000;
    font-weight: 700;
}

.salary-xkld p.note {
    font-size: 15px;
}

.salary-xkld p.note b {
    font-weight: 700;
}

.fee b {
    font-weight: 700;
}

.fee {
    font-size: 15px;
    margin: 0 0 5px 0 !important;
}

.salary-xkld .job-bottom {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
}


.salary-xkld a.zalo-button {
    margin-left: 5px;
}

.salary-xkld a.zalo-button img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/**taxonomy**/
.category-detail {
    margin: 0px;
}

.box-total b {
    color: var(--primary-color3);
    font-weight: 700;
}

/**pagination**/
.pagination {
    width: 100%;
    display: inline-block;
}

.pagination ul li a, .pagination ul li span {
    color: #000;
    border: 1px solid #e9e9e9;
    width: 35px;
    height: 35px;
    padding: 0px;
    line-height: 35px;
    font-weight: normal;
    background: #fff;
    border-radius: 0px !important;
}

.pagination ul li a:hover, .pagination ul li span:hover {
    background: var(--primary-color3) !important;
    color: #fff;
    font-weight: normal !important;
    border: 1px solid var(--primary-color3) !important;
}

.wp-pagenavi {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
    text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
    background: #fff;
    border: 1px solid #e9e9e9;
    width: 35px;
    height: 35px;
    padding: 0px;
    line-height: 35px;
    font-weight: normal;
    background: #fff;
    border-radius: 0px !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current, .pagination span.current {
    background: var(--primary-color3) !important;
    color: #fff;
    font-weight: normal !important;
    border: 1px solid var(--primary-color3) !important;
}

.category-description {
    border: 1px solid #ececec;
    padding: 20px;
    border-radius: 4px;
    font-weight: 300;
    font-size: 15px;
}

.entry-content {
    padding: 0 !important;
    font-weight: 300;
    font-size: 15px;
}

.category-description p
.category-description ul li,
.category-description ol li,
.entry-content p,
.entry-content ul li,
.entry-content ol li {
    margin: 0 0 10px 0 !important;
}

.category-description ul,
.category-description ol,
.entry-content ul,
.entry-content ol {
    margin-left: 15px !important;
}

.hotel-info-detail table,
.hotel-info-detail table tr td, .entry-content table, .entry-content tr td {
    border-collapse: collapse;
    border: 1px solid #3333;
}

.hotel-info-detail table tr td,
.hotel-info-detail table tr th, .entry-content tr td, .entry-content tr th {
    padding: 10px;
    color: #333 !important;
}

/*8account**/
.account-bg {
    background: #f1f1f5;
    border-radius: 5px;
    padding: 8.5px 8px;
    margin-bottom: 0;
}

.account-bg a {
    font-weight: 700;
    color: var(--primary-color3);
}


.wrap-change-img {
    position: relative;
}

.wrap-change-img img {
    width: 165px;
    height: 165px;
    object-fit: cover;
    border-radius: 50%;
}

.changeImg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    padding: 0;
    width: 29px;
    height: 29px;
    margin: 0 !important;
    min-height: 29px;
    border-radius: 50%;
    background: url(../images/sua-tt-ca-nhan.svg) center center no-repeat;
    background-color: var(--primary-color3);
    background-size: auto;
    border: 0px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
}

.file-upload {
    display: none;
}

/**abouts**/
.abouts-content .abouts-link {
    margin: 30px 0 0;
    text-align: right;
}

.abouts-content .abouts-link a {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 110%;
    text-align: right;
    color: #fff;
    width: 100%;
}

.abouts-content p, .abouts-content {
    max-width: 100%;
    margin: 0;
    font-size: 21px;
    line-height: 150%;
    text-align: justify;
}

/**tt**/
.tt-item {
    width: 100%;
    height: 316px;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 4px;
    position: relative;
    cursor: pointer;
}

.tt-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.slide-swiper2 .swiper-button-next,
.slide-swiper2 .swiper-button-prev {
    width: 45px !important;
    height: 100px !important;
    background: #fff;
    transform: translateY(-50%) !important;
    top: 50% !important;
    margin-top: 0;
    color: #000 !important;
}

.slide-swiper2 .swiper-button-next {
    right: 0;
    border-radius: 5px 0 0 5px;
}

.slide-swiper2 .swiper-button-prev {
    left: 0;
    border-radius: 0 5px 5px 0;
}

.author-about p {
    font-weight: 300;
    font-size: 15px;
    line-height: 110%;
    text-align: center;
    color: #fff;
    margin: 0 !important;
}

.author-about h4 {
    font-weight: 600;
    font-size: 21px !important;
    line-height: 110% !important;
    color: #fff;
    margin-bottom: 4px !important;
    margin-top: 20px;
}

/*partner**/
.partner-item {
    width: 150px !important;
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
    padding: 4px;
}

.partner-item img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/**taxonomy**/
h1.cat_title {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    line-height: 28px;
}

.category-job {
    border-bottom: 1px solid #f1f1f5;
    padding: 16px 0;
}

.jobBody {
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
    padding-left: 20px;
    padding-bottom: 20px;
    position: relative;
}

.box-total {
    padding: 12px 0;
}

form.filter-category {
    margin: 0;
    text-align: right;
}

select.select-filter {
    background-color: #f1f1f5;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 3px 32px 3px 16px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    text-decoration: none;
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0;
}

.job-filter {
    padding: 20px 0;
}

.widget-dropdown {
    margin: 0 0 15px 0;
    position: relative;
}

.widget-dropdown h3 {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    margin: 0;
}

.widget-dropdown a {
    position: absolute;
    right: 0;
    top: 50%;
    color: #000;
    transform: translateY(-50%);
}

.widget-dropdown a:hover {
    color: #000;
}

.widget-dropdown-list ul {
    display: flex;
    flex-flow: wrap;
}

.widget-dropdown-list ul li a {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    padding: 7px 9px;
    background: #f1f1f5;
    border-radius: 5px;
    margin-right: 8px;
    margin-bottom: 9px;
    display: inline-block;
    color: #000;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}

.widget-dropdown-list ul li a:hover,
.widget-dropdown-list ul li.active a {
    transition: 0.3s ease-in-out;
    border-color: var(--primary-color3);
    color: var(--primary-color3)
}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    text-align: center;
    display: none;
    left: 0;
    top: 0
}

#loadingBox {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#loadingIcon {
    width: 100%;
    height: 100%;
}

/*8form**/
.recruitment {
    position: relative;
}

.recruitment .robot {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -142px;
}

div#recruitment p {
    padding-top: 9px;
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
    color: #000;
}

div#recruitment p b {
    font-weight: 700 !important;
}

.input_recruitment {
    border-radius: 10px !important;
    box-shadow: unset !important;
    border: 1px solid #9c9c8c !important;
    height: 45px !important;
}

div#applyJob {
    border-radius: 10px !important;
}

.button_recruitment {
    border-radius: 10px !important;
    height: 40px !important;
    text-transform: unset !important;
    font-size: 15px;
    font-weight: 700 !important;
    width: 150px;
    margin: auto;
    display: block;
}

form.wpcf7-form.init {
    margin: 0;
}

.form-group.text-center {
    display: flex;
    justify-content: center;
}

.salary-xkld .job-bottom a {
    color: #fff !important;
    border: none !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}

.salary-xkld .job-bottom a:nth-child(2) {
    background: #0d8dc8 !important;
    position: relative;
    margin-top: 15px;
}

a.zalo-button2 img {
    width: 30px;
    margin-left: 5px;
}

.job__thumbnail {
    width: 100%;
    height: 450px;
}

.job-right {
    width: 100%;
    height: 380px;
}

/**banner**/
.banner-top h2 {
    font-family: "Rasa" !important;
    font-weight: bold !important;
    font-size: 28px !important;
    line-height: 31px !important;
    margin-bottom: 19px !important;
}

.banner-top h3 b {
    color: #f2b92a;
    font-size: 28px;
}

.banner-top h3 {
    font-family: "Rasa";
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    font-size: 21px !important;
    font-weight: normal !important;
    line-height: 23px !important;
    margin-bottom: 19px !important;
    position: relative;
}

.banner-top p {
    font-size: 15px;
    line-height: 16.5px;
    margin-bottom: 19px;
}

/**author page**/
.author__info {
    width: 100%;
}

.author__info .author_avatar {
    width: 100%;
    height: 350px;
}

.author__info .author_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.author__info_w h1 {
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    text-align: justify;
    color: var(--primary-color3);
}

.author__info_detail .title {
    background: #f1f1f5;
    border-radius: 5px;
    padding: 8.5px 8px;
}

.author__info_detail .title h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #333;
    margin: 0;
}

.author__info_detail table tr th, .author__info_detail table tr td {
    border: 0;
}

.author__info_detail table tr {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    box-shadow: inset 0 -1px #f1f1f5;
}

.author__info_detail table tr th {
    padding: 8px;
    width: 46%;
    vertical-align: top;
    color: #9b999a;
    font-weight: 300;
    text-transform: unset !important;
}

.author__info_detail table tr td {
    padding: 8px 0;
    color: #000;
}

.tab-account ul {
    display: flex;
    box-shadow: inset 0 -1px #f1f1f5;
}

.tab-account ul li {
    list-style: none;
    margin: 0px !important;
}

.tab-account ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #000000de;
    padding: 10px 15px;
    display: block;
}

.tab-account ul li.active a {
    color: var(--primary-color3);
    border-bottom: 2px solid var(--primary-color3);
}

.tab-account-panel {
    margin-top: 10px !important;
}

.tab-account-panel .files {
    margin-top: 10px;
}

.tab-account-panel .files h4 {
    padding-left: 8px;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    margin-bottom: 8px;
}

.tab-account-panel .img-list {
    padding: 16px;
    background: #f1f1f5;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
}

/**not found**/
.not_found_post {
    text-align: center;
}

.not_found_post img {
    width: 120px;
    margin: 0 auto 30px;
    display: block;
}

.not_found_post {
    display: flex;
    justify-content: center;
    flex-flow: column;
    font-size: 15px;
}

/**category**/
.post-large {
    width: 100%;
}

.post-large .post-thumbnail {
    width: 100%;
    height: 550px;
    border-radius: 4px;
}

.post-large .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.post-large .post-content {
    width: 100%;
    padding: 15px 0 0 0;
}

.post-large .post-content h4 {
    margin: 0;
}

.post-large .post-content h4 a {
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.post-large .post-content h4 a:hover {
    color: var(--primary-color3)
}

.post-large .post-desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #9b999a;
}

.post-large .category-list {
    margin: 5px 0;
}

.post-large .category-list a {
    padding: 5px;
    margin: 0 5px 0 0;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    background-color: #e1e1e1;
    line-height: 1;
}

.post-large .category-list a:hover {
    cursor: pointer;
    background-color: #666;
    color: #fff;
    text-decoration: underline;
}

.post-large .post-meta {
    display: flex;
    align-items: center;
}

.post-large .post-meta .meta-t {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #9b999a;
    display: flex;
    flex-wrap: wrap !important;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.post-large .post-meta .meta-t img {
    width: 25px;
    margin-right: 5px;
}

/**post view**/
.post-view {
    width: 100%;
    display: flex;
}

.post-view .post-thumbnail {
    width: 200px;
    height: 200px;
    border-radius: 4px;
}

.post-view .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.post-view .post-content {
    width: calc(100% - 200px);
    padding: 0 0 0 15px;
}

.post-view .post-content h4 {
    margin: 0;
}

.post-view .post-content h4 a {
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
}

.post-view .post-content h4 a:hover {
    color: var(--primary-color3);
    text-decoration: underline !important;
}

.post-view .post-desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #9b999a;
}

.post-view .category-list {
    margin: 5px 0;
}

.post-view .category-list a {
    padding: 5px;
    margin: 0 5px 0 0;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    background-color: #e1e1e1;
    line-height: 1;
}

.post-view .category-list a:hover {
    cursor: pointer;
    background-color: #666;
    color: #fff;
    text-decoration: underline;
}

.post-view .post-meta {
    display: flex;
    align-items: center;
}

.post-view .post-meta .meta-t {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #9b999a;
    display: flex;
    flex-wrap: wrap !important;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.post-view .post-meta .meta-t img {
    width: 25px;
    margin-right: 5px;
}

/**widget**/
.widget-post-list {
    width: 100%;
}

.widget-post-list .widget-post-item {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #f2f2f2;
    align-items: center;
}

.widget-post-list .widget-post-item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.widget-post-list .widget-post-item a {
    display: flex;
    align-items: center;
}

.widget-post-list .widget-post-item .widget-post-thumbnail {
    width: 70px;
    float: left;
    height: 60px;
    border: 1px solid #f2f2f2;
}

.widget-post-list .widget-post-item .widget-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget-post-list .widget-post-item .widget-post-content {
    width: calc(100% - 70px);
    float: left;
    padding-left: 10px;
}

.widget-post-list .widget-post-item .widget-post-content h3 {
    display: inline-block;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
    line-height: 20px;
}

.widget-post-list .widget-post-item .widget-post-content h3:hover {
    color: var(--primary-color);
}

.widget-post-list .widget-post-item .widget-post-content .post-meta {
    color: gray;
    font-size: 14px
}

.widget-post-vertical a {
    display: block !important;
    flex-flow: wrap;
}

.widget-post-vertical .widget-post-thumbnail {
    width: 100% !important;
    height: 180px !important;
}

.widget-post-vertical .widget-post-content {
    width: 100% !important;
    padding: 10px 0 0 0 !important;
    border: 0px;
}

.is-divider.small {
    display: none;
}

.widget_categories ul li, .widget_product_categories ul li {
    width: 100%
}

.widget_categories ul li a, .widget_product_categories ul li a {
    width: 100%;
    display: block;
    color: #000;
    padding: 10px 15px 10px 35px !important;
    text-decoration: none;
    font-size: 17px;
    line-height: 24px;
    position: relative;
}

.widget_categories ul li a:before, .widget_product_categories ul li a:before {
    content: '';
    background: url(../images/hoadao.svg);
    width: 30px;
    height: 30px;
    display: block;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}

.widget_categories ul li a:hover, .widget_product_categories ul li a:hover {
    color: var(--primary-color3) !important
}

.widget {
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    padding-bottom: 15px;
    padding: 15px;
}

.job-filter .widget {
    border: 0;
    padding: 0;
}

/**single**/
h1.header-title {
    font-size: 27px;
    font-weight: 700;
    line-height: 35px;
    color: #000;
    margin: 0;
    margin: 10px 0;
}

.single-post .category-list {
    margin: 10px 0 0 0;
}

.single-post .category-list a {
    padding: 5px;
    margin: 0 5px 0 0;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
    background-color: #e1e1e1;
    line-height: 1;
}

.single-post .category-list a:hover {
    cursor: pointer;
    background-color: #666;
    color: #fff;
    text-decoration: underline;
}

.single-post .post-meta {
    display: flex;
    align-items: center;
}

.single-post .post-meta .meta-t {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #9b999a;
    display: flex;
    flex-wrap: wrap !important;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.single-post .meta-t img {
    width: 25px;
    margin-right: 5px;
}

/**contact**/
.banner_contact {
    background: transparent !important;
}

h1.page_title {
    font-size: 36px !important;;
    line-height: 1 !important;;
    position: relative;
    letter-spacing: 3px !important;;
    text-transform: uppercase;
    color: #3d3d3d !important;
    font-weight: 600 !important;;
}

h1.page_title:after {
    display: block;
    content: "";
    height: 5px;
    width: 90px;
    background-color: #3d3d3d;
    margin: 15px auto 0;
}

.input_contact {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #D6D6D6;
    outline: none;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24.2px;
    box-shadow: unset !important;
    height: 40px !important;
}

.textarea_contact {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #D6D6D6;
    outline: none;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24.2px;
    box-shadow: unset !important;
}

.input_contact:focus, .textarea_contact:focus {
    border-color: var(--primary-color3) !important;
}

.formAddress .address a {
    text-align: center;
    font-size: 14px;
    line-height: 16.94px;
}

.formAddress h2 {
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 25.41px;
    text-transform: uppercase;
}

.address-link a {
    font-size: 18px;
    line-height: 21.78px;
    margin-top: 10px;
}

.address-link h4 {
    font-size: 21px;
    line-height: 25.41px;
    margin-top: 10px;
    text-transform: uppercase;
}

.address-link p {
    margin: 0;
}

/**search desktop**/
.wp_search_flex {
    background: #fff;
    display: flex;
    border-radius: 8px !important;
}

.wp_search_flex input, .wp_search_flex select, .wp_search_flex button {
    margin: 0;
}

.wp_search_flex input.search_input {
    height: 48px;
    border: 0;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: 300;
    outline: none;
    box-shadow: none !important;
    background: #fff;
    border-radius: 8px 0 0 8px !important;
    padding: 9.5px 16px;
    width: 100%;
}

.wp_search_flex select {
    height: 48px;
    border: 0;
    outline: none;
    box-shadow: none !important;
    background-color: #fff;
    width: 180px;
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: 300;
}

.wp_search_flex .search_fle_input:not(:last-child) {
    border-right: 1px solid #f2f2f2;
}

.button_search2 {
    width: 50px;
    height: 48px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 16px !important;
}

.wp_search_flex .search_fle_input:first-child {
    width: calc(100% - 590px);
}