/* WP Job Portal Styling */
.job-portal-wrapper .wjportal-main-up-wrapper>div {
    background: 0 0
}

.job-portal-wrapper .wjportal-page-header {
    margin-bottom: 20px !important
}

.employer-job .wjportal-main-up-wrapper .wjportal-cp-right .wjportal-cp-sec-title,
.employer-job div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data span.wjportal-job-title a,
.job-portal-wrapper div.wjportal-cp-sec-title {
    color: #ff7f00 !important
}

.employer-job div.wjportal-cp-left div.wjportal-cp-user div.wjportal-cp-user-action a.wjportal-cp-user-act-btn,
.job-portal-wrapper div.wjportal-cp-left div.wjportal-cp-user div.wjportal-cp-user-action a.wjportal-cp-user-act-btn {
    background-color: #ff7f00 !important;
    color: #fff !important;
    border: 1px solid #ff7f00 !important
}

.employer-job div.wjportal-cp-left div.wjportal-cp-user div.wjportal-user-logo,
.job-portal-wrapper div.wjportal-cp-left div.wjportal-cp-user div.wjportal-user-logo {
    border: 5px solid #ff7f00 !important
}

.employer-job div.wjportal-cp-left div.wjportal-cp-short-links-wrp div.wjportal-cp-short-links-list div.wjportal-cp-list span.wjportal-cp-link-text,
.employer-job div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data a.wjportal-companyname,
.job-portal-wrapper div.wjportal-cp-left div.wjportal-cp-short-links-wrp div.wjportal-cp-short-links-list div.wjportal-cp-list span.wjportal-cp-link-text {
    color: #003462 !important;
    font-size: 14px !important;
    font-weight: 600 !important
}

.employer-job div.wjportal-error-messages-wrp div.wjportal-error-msg-image-wrp img.wjportal-error-msg-image,
.job-portal-wrapper div.wjportal-error-messages-wrp div.wjportal-error-msg-image-wrp img.wjportal-error-msg-image {
    width: 60% !important
}

.employer-job div.wjportal-cp-right div.wjportal-cp-view-btn-wrp a.wjportal-cp-view-btn,
.job-portal-wrapper div.wjportal-cp-right div.wjportal-cp-view-btn-wrp a.wjportal-cp-view-btn {
    font-size: 16px !important;
    color: #fff !important;
    width: 140px !important;
    height: 44px !important;
    padding: 9px 4px 0 25px !important;
    background: #ff7f00 !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    border: 1px solid #ff7f00 !important
}

.wpjobportal-shortcode-wrapper div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data span.wjportal-job-title a,
div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data span.wjportal-job-title a {
    color: #333
}

.wpjobportal-shortcode-wrapper div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data a.wjportal-companyname,
div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp div.wjportal-jobs-data a.wjportal-companyname {
    color: #003462;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.employer-job div.wjportal-page-header div.wjportal-page-heading,
.job-portal-wrapper div.wjportal-page-header div.wjportal-page-heading {
    color: #003462 !important;
    font-weight: 600 !important
}

.job-portal-wrapper div.wjportal-jobs-list {
    color: #666;
    background: #fff;
    box-shadow: 4px 4px 24px rgba(158, 158, 158, .25)
}

.employer-job .wjportal-page-header {
    padding: 55px 0 0 50px;
    margin-bottom: 20px
}

.employer-job div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-search-btn {
    background: #fff;
    color: #ff7f00 !important;
    border: 1px solid #ff7f00 !important
}

.employer-job div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-search-btn:hover {
    background: #fff !important;
    color: #ff7f00 !important;
    border: 1px solid #ff7f00 !important
}

.employer-job div.wjportal-filter-search-main-wrp {
    background: #fafafa;
    border: 1px solid #d4d4d5;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 6px
}

.employer-job div.wjportal-jobs-list {
    border: 1px solid #d4d4d5;
    color: #666;
    background: #fff;
    border-radius: 12px;
    box-shadow: 4px 4px 24px rgba(158, 158, 158, .25)
}

.warehouse-job-wrapper {
    width: 98% !important;
    max-width: 1080px !important;
    margin: 20px auto
}

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

.hiw-inner-page .hiw-inner-page-banner-wrapper.warehouse-job {
    background-position: center
}

.all-jobs-button {
    font-size: 1.125rem;
    color: #000;
    display: flex
}

.warehouse-page-heading {
    font-size: 22px;
    font-weight: 700
}

div.wjportal-main-wrapper {
    background-color: transparent
}

.wjportal-main-up-wrapper div.wjportal-page-header,
div.wjportal-page-header {
    margin-bottom: 15px
}

.hiw-inner-page .hiw-inner-page-banner-wrapper .hiw-inner-page-banner-content .hiw-inner-content-wrapper p {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #fff;
    margin: 0
}

.hiw-inner-page-banner-wrapper.warehouse-job .hiw-inner-page-banner-content .container .hiw-inner-content-wrapper a {
    width: 156px;
    height: 55px;
    background: #ff7f00;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    z-index: 999;
    transition: .3s ease-in-out;
    margin-top: 15px
}

.job-portal-wrapper div.wjportal-filter-search-main-wrp,
div.wjportal-filter-search-main-wrp {
    background: 0 0;
    border: none;
    padding: 0
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-field-wrp {
    width: 100%;
    position: relative
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-field-wrp .wjportal-filter-search-input-field {
    border-radius: 40px;
    padding-left: 25px;
    color: unset
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp {
    position: absolute;
    left: 93%;
    float: unset;
    width: unset
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-reset-btn,
div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-search-btn {
    background: 0 0;
    border: 0;
    font-size: 24px;
    color: #00000040;
    padding: 0 5px!important;
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-reset-btn:hover,
div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp .wjportal-filter-search-btn:hover {
    background: 0 0;
    color: #00000085
}

div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp {
    padding: 15px 20px 10px
}

.job-portal-wrapper div.wjportal-jobs-list,
div.wjportal-jobs-list {
    border: 0;
    border-radius: 21px;
    box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px
}

div.wjportal-jobs-list div.wjportal-jobs-list-top-wrp div.wjportal-jobs-cnt-wrp div.wjportal-jobs-middle-wrp {
    margin-top: 8px
}

.wjportal-page-header:has(+ .wjportal-form-wrp.wjportal-login-form) {
    display: none
}

.login-form {
    margin: 65px 0
}

div.wjportal-form-wrp.wjportal-login-form {
    width: 98%;
    max-width: 500px;
    margin: 65px auto;
    float: unset;
    background-color: #fff;
    padding: 25px;
    border: 1.5px solid #9d9d9d;
    border-top: 10px solid #ff7f00;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.wjportal-form-wrp.wjportal-add-job-form,
.wjportal-form-wrp.wjportal-register-form {
    margin: 0 auto;
    padding: 25px;
    max-width: 755px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 1.5px solid #9d9d9d;
    border-top: 10px solid #ff7f00;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.wjportal-form-wrp.wjportal-register-form {
    max-width: 500px;
    float: unset;
    display: flex;
    margin-bottom: 50px;
    background-color: #fff;
    padding: 25px;
    border: 1.5px solid #9d9d9d;
    border-top: 10px solid #ff7f00;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value div.wjportal-form-upload div.wjportal-form-upload-btn-wrp .wjportal-form-upload-btn,
div.wjportal-form-wrp div.wjportal-form-btn-wrp .wjportal-form-btn {
    background: #ff3017 !important;
    border: 1px solid #ff3017 !important;
    border-radius: 4px;

    &:hover {
        background-color: #fff !important;
        color: #ff3017 !important;
    }
}

div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value div.wjportal-form-upload div.wjportal-form-upload-btn-wrp .wjportal-form-upload-btn{
    border-radius: 0;
}

.wjportal-page-header:has(+ .wjportal-form-wrp.wjportal-register-form) {
    text-align: center
}

div.wjportal-form-wrp form p.login-password label,
div.wjportal-form-wrp form p.login-remember label,
div.wjportal-form-wrp form p.login-username label {
    height: unset;
    padding: 0 0 0 3px;
    font-weight: 600;
    color: #63656b;
}

.wjportal-form-wrp.wjportal-login-form .wjportal-form-sec-heading {
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    color: #20366b;
}

div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value input.wjportal-form-input-field,
div.wjportal-form-wrp form p.login-password input,
div.wjportal-form-wrp form p.login-username input,
div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value input.wjportal-form-date-field,
div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value ul.wpjobportal-input-list-wpjobportal,
div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-value select.wjportal-form-select-field {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #bdbdbd;
}

.wjportal-form-wrp.wjportal-add-job-form div.wjportal-form-row,
div.wjportal-form-wrp.wjportal-register-form div.wjportal-form-row {
    border-top: none;
    position: relative;
    margin: 7px 0
}

.wjportal-form-wrp.wjportal-add-job-form div.wjportal-form-row div.wjportal-form-title,
.wjportal-form-wrp.wjportal-register-form div.wjportal-form-row div.wjportal-form-title {
    position: absolute;
    top: -22px;
    padding-left: 4px;
    padding-right: 0;
    font-size: 15px !important;
    font-weight: 600;
    color: #63656b;
}

div.wjportal-main-up-wrapper div.wjportal-form-wrp form p.login-remember {
    padding: 0 0 10px
}

div.wjportal-main-up-wrapper div.wjportal-form-wrp form p.login-submit #wp-submit {
    border-radius: 30px;
    background: #ff3017;
    border: 1px solid #ff3017;
}

div.wjportal-main-up-wrapper div.wjportal-form-wrp form p.login-submit #wp-submit:hover {
    color: #ff3017;
    background: #fff;
}

.wpjobportal-shortcode-wrapper {
    margin-bottom: 30px
}

div.wjportal-pagination-wrp {
    background: #fff;
    margin: auto;
    text-align: center;
    padding: 15px;
    border-radius: 51px;
    width: max-content;
    min-width: 400px;
    border: 0
}

div.wjportal-pagination-wrp a.page-numbers,
div.wjportal-pagination-wrp span.page-numbers {
    padding: 8px 16px 7px 16px;
    border-radius: 50%;
    border: 0;
    font-weight: 600;
    color: #333;
}

div.wjportal-pagination-wrp a.page-numbers:hover,
div.wjportal-pagination-wrp span.page-numbers:hover {
    background: #333333;
    color: #fff;
}

div.wjportal-pagination-wrp span.page-numbers.current {
    background: #333333;
}

div.wjportal-pagination-wrp span.page-numbers.current:hover {
    background: #333333;
}

div.wjportal-pagination-wrp a.page-numbers.next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0 0;
    border-radius: 0;
    float: right;
    background: 0 0;
    color: #333;
    height: 35px;
    font-size: 17px;
}

div.wjportal-pagination-wrp a.page-numbers.prev {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0 0;
    border-radius: 0;
    float: left;
    background: 0 0;
    color: #333;
    height: 35px;
    font-size: 17px;
}

div.wjportal-pagination-wrp a.page-numbers.next:hover,
div.wjportal-pagination-wrp a.page-numbers.prev:hover {
    background: none;
}

div#wjportal-emp-cp-wrp div.wjportal-cp-left,
div#wjportal-emp-cp-wrp div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box,
div#wjportal-emp-cp-wrp div.wjportal-cp-right div.wjportal-cp-sect-wrp,
div#wjportal-emp-cp-wrp div.wjportal-cp-sec-title,
table#wjportal-table,
div#wjportal-job-cp-wrp div.wjportal-cp-left,
div#wjportal-div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box,
div#wjportal-job-cp-wrp div.wjportal-cp-right div.wjportal-cp-sect-wrp,
div#wjportal-job-cp-wrp div.wjportal-cp-sec-title {
    border: 1px solid #d4d4d538;
}

div#wjportal-emp-cp-wrp div.wjportal-cp-left div.wjportal-cp-short-links-wrp div.wjportal-cp-short-links-list div.wjportal-cp-list,
div#wjportal-job-cp-wrp div.wjportal-cp-left div.wjportal-cp-short-links-wrp div.wjportal-cp-short-links-list div.wjportal-cp-list {
    border: 0
}

div#wjportal-emp-cp-wrp div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box div.wjportal-cp-box-btm,
div#wjportal-job-cp-wrp div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box div.wjportal-cp-box-btm {
    padding: 7px 15px;
    height: 33px
}

div#wjportal-emp-cp-wrp div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box div.wjportal-cp-box-btm a,
div#wjportal-job-cp-wrp div.wjportal-cp-right div.wjportal-cp-boxes div.wjportal-cp-box div.wjportal-cp-box-btm a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

table#wjportal-table {
    border-collapse: collapse
}

.wjportal-form-wrp.wjportal-add-job-form div.wjportal-form-row div.wjportal-form-value,
.wjportal-form-wrp.wjportal-register-form div.wjportal-form-row div.wjportal-form-value {
    width: 100%
}

div.wjportal-form-wrp form p.login-password,
div.wjportal-form-wrp form p.login-remember,
div.wjportal-main-up-wrapper div.wjportal-form-wrp form p.login-username {
    padding: 10px 0
}

div.wjportal-main-up-wrapper div.wjportal-form-wrp a.wjportal-form-reg-btn,
div.wjportal-main-up-wrapper div.wjportal-form-wrp form a.wjportal-form-lost-password {
    margin-left: 15px
}

div.wjportal-form-wrp div.wjportal-form-row,
div.wjportal-form-wrp form p.login-password,
div.wjportal-form-wrp form p.login-remember,
div.wjportal-form-wrp form p.login-username {
    border-top: none
}

div.wjportal-jobs-list-wrapper {
    display: flex;
    flex-direction: column
}

div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-field-wrp ul.wpjobportal-input-list-wpjobportal {
    display: none;
}

div.wjportal-form-wrp.wjportal-edit-profile-form,
.wjportal-form-wrp.wjportal-add-company-form {
    padding: 25px;
    max-width: 755px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 1.5px solid #9d9d9d;
    border-top: 10px solid #ff7f00;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

div.wjportal-form-wrp div.wjportal-form-row {
    position: relative;
    margin-bottom: 11px;
}

div.wjportal-form-wrp div.wjportal-form-row div.wjportal-form-title {
    position: absolute;
    top: -19px;
    left: -8px;
    font-weight: 600;
    color: #63656b;
}

.wjportal-form-wrp.wjportal-add-company-form div.wjportal-form-row div.wjportal-form-value,
div.wjportal-form-wrp.wjportal-edit-profile-form div.wjportal-form-row div.wjportal-form-value {
    width: 100%;
}

/* Package CSS */

.wjportal-packages-list-wrp {
    margin-bottom: 50px;
}

.package-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    color: #003462;
    text-align: center;
}

.all-packages-wrapper .wjportal-page-header{
    display: none;
}

div.wjportal-packages-list {
    display: flex;
    justify-content: center;
    gap: 100px;
    flex-wrap: wrap;
}

div.wjportal-packages-list div.wjportal-pkg-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    max-width: 480px;
    margin-bottom: 0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top div.wjportal-pkg-list-item-title {
    float: unset;
    padding: 0;
    width: 100%;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top div.wjportal-pkg-list-item-title div.wjportal-pkg-list-item-title-txt {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    color: #003462;
    float: unset;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top span.wjportal-pkg-list-item-disc,
div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top div.wjportal-pkg-list-item-crt-date {
    display: none;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-mid div.wjportal-pkg-list-item-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-mid div.wjportal-pkg-list-item-data div.wjportal-pkg-list-item-row {
    color: #696969;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    border: 0;
    width: 100%;
    text-align: center;
    padding: 11px;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-mid div.wjportal-pkg-list-item-data div.wjportal-pkg-list-item-row span.wjportal-pkg-list-item-row-tit {
    color: #696969;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top div.wjportal-pkg-list-item-price {
    width: 100%;
    text-align: center;
    padding: 10px 10px 0;
    font-size: 2rem;
    font-weight: bold;
    color: #ff7f00;
    padding: 0;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-top {
    border: 0;
    background-color: transparent;
}

div.wjportal-packages-list div.wjportal-pkg-list-item {
    padding-top: 30px;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-btm {
    border: 0;
    background: transparent;
    display: flex;
    justify-content: center;
    padding: 0;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-btm div.wjportal-pkg-list-item-exp-date {
    display: none;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-btm div.wjportal-pkg-list-item-action-wrp {
    width: unset;
}

div.wjportal-packages-list div.wjportal-pkg-list-item div.wjportal-pkg-list-item-btm div.wjportal-pkg-list-item-action-wrp .wjportal-pkg-list-item-act-btn {
    background-color: #ff7f00;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    font-weight: 700;
}

.custom-job-portal-wrapper {
    display: flex;
    justify-content: center;
}

.custom-job-portal-wrapper .wjportal-main-wrapper {
    display: flex;
    flex-direction: column;
}

/* Responsive Styles */
@media (max-width: 990px) {
    div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp {
        left: 90%;
    }
}

@media (max-width: 768px) {
    div.wjportal-packages-list div.wjportal-pkg-list-item {
        max-width: 300px;
    }

    div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp {
        left: 87%;
        margin: 0;
    }
}

@media (max-width: 650px) {
    div.wjportal-form-wrp.wjportal-add-company-form div.wjportal-form-row div.wjportal-form-title {
        top: -21px;
        left: 0;
    }
}

@media (max-width: 530px) {
    div.wjportal-filter-search-main-wrp div.wjportal-filter-search-wrp div.wjportal-filter-search-btn-wrp {
        left: 80%;
    }
}