/** ====================
 *  Fonts
=======================*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

@font-face {
    font-family: 'CircularStd-Bold';
    src: url('../fonts/CircularStd-Book.otf');
}

@font-face {
    font-family: CircularStd_Medium;
    src: url('../fonts/CircularStd-Medium.otf');
}

@font-face {
    font-family: 'CircularStd_Light';
    src: url('../fonts/CircularStd-Light.otf');
}
/** ====================
 *  Variables
=======================*/
:root {
    --main-blue: #004EFF;
    --dark-color: #00174C;
    --orange-color: #F26D53;
    --font-regular: CircularStd-Bold;
    --font-light: CircularStd_Light;
    --border-color: #D9DDE4;
    scrollbar-face-color: #c9c3c3;
    scrollbar-track-color: rgb(46, 54, 69);
    scrollbar-color: #f4f7f7;
    scrollbar-width: thin;
    --bs-green: #004EFF;
}
/*:lang(ar):root {
    --font-regular: "Tajawal";
}*/
/** ====================
 *  Global
=======================*/
* {
    box-sizing: border-box;
}

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

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

::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #c9c3c3;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/*body {
    font-family: var(--font-regular) !important;
}*/
/*:lang(ar) body {
    direction: rtl;
    font-family: "Tajawal" !important;
}*/
textarea:focus,
input:focus {
    outline: none;
}
.btn:focus{
    background-color: #004EFF !important;
}
.form-control,
.form-select {
    height: auto;
    min-height: 44px;
    font-weight: 500;
    color: var(--black-text);
}

form label {
    /*font-weight: 600;*/
    color: var(--black-text);
}
/* form label .asterisk{
    margin-inline-start: 3px;
} */
textarea.form-control {
    height: auto;
}

.wrapper {
    height: 100%;
    /*overflow: auto;*/
    width: 100%;
    display: flex;
    flex-direction: column;
}

.container_bx {
    padding-left: 60px;
    padding-right: 60px;
}

.section-title {
    margin-bottom: 30px;
}

    .section-title h3 {
        color: #00174C;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 70px;
    }

.hide-mobile {
    display: flex;
}

.hide-desktop {
    display: none;
}

.gray-bg {
    background-color: #f7f8fa;
}
/** ====================
 *  Preloader
=======================*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10005;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.preloader.opacity-0 {
    opacity: 0;
}

.preloader .brand-logo {
    width: 60px;
    position: absolute;
}
.preloader img{
    width: 100px;
}
/** ====================
 *  Navbar
=======================*/
.menu-bx {
    width: calc(100% - 8px);
    position: fixed;
    top: 0;
    z-index: 999;
    inset-inline-end: 8px;
    inset-inline-start: 0;
    background-color: #fff;
    border-bottom: 1px solid var(--border-color);
}

.menu-bx .navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.menu-bx .nav-link {
    font-size: 17px;
    color: var(--dark-color);
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.type-tabs {
    display: flex;
    gap: 30px;
    align-items: center;
    padding-inline-start: 20px;
    min-height: 70px;
}

.type-tabs a {
    text-decoration: none;
    color: #7F8BA5;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-size: 17px;
}

.type-tabs a.active-type {
    color: var(--dark-color);
    border-bottom: 3px solid var(--main-blue);
}

.navbar-expand-lg .navbar-collapse {
    min-height: 70px;
    justify-content: space-between;
}

.header-search {
    position: relative;
    width: 180px;
}

.header-search .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    border: 0;
    border-end-start-radius: 50px;
    border-start-start-radius: 50px;
    padding-inline-end: 5px;
    background: transparent;
}

.header-search .btn:hover {
    background: transparent;
}

.header-search .form-control {
    border: 0;
    border-radius: 50px;
    padding-inline-start: 35px;
    background-color: #F7F8F9;
}

.end-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.end-content a {
    height: 44px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    border: 1px solid var(--main-blue);
}

.end-content a.join-btn {
    color: #fff;
    background-color: var(--main-blue);
}

.end-content a.signin-btn {
    color: var(--main-blue);
    background-color: #fff;
}

.lang-btn {
    /*padding: 0 15px;*/
    height: 44px;
    cursor: pointer;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 17px;
    margin-inline-start: 5px;
    border-inline-start: 1px solid var(--border-color);
}

.end-content .lang-btn a {
    border: 0;
    padding: 0 20px;
}

.lang-btn.hide-desktop {
    display: none;
}

:lang(en) .lang-btn {
    font-family: "Tajawal";
}

.navbar-expand-lg .navbar-collapse ul {
    margin-right: auto;
    margin-left: auto;
}

.user-icons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.user-icons .user-item {
    cursor: pointer;
}

/** ====================
 *  Home Page
=======================*/
/**--- Banner Section ---**/
.banner-section.container_bx {
    padding-top: 120px;
    padding-bottom: 30px;
}

.banner-section-img {
    width: 100%;
    margin-bottom: 20px;
}

.banner-section-img img {
    width: 100%;
}

.banner-text p {
    font-size: 20px;
    font-weight: 500;
    color: #7F8BA5;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.banner-text p img {
    width: 30px;
}

.banner-text h1 {
    font-size: 56px;
    font-weight: 600;
    margin-top: 20px;
    padding-top: 30px;
    color: #00174C;
}

.banner-section-search {
    width: 90%;
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.banner-section-search .search-btn {
    padding: 0 40px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    gap: 10px;
    cursor: pointer !important;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    border-color: var(--main-blue);
    background-color: var(--main-blue);
}
.banner-section-search .search-btn:hover{
    background-color: #407bff;
}

.banner-section-search .form-control {
    border-radius: 50px;
    /*font-size: 14px;*/
}

.watch-vedio {
    padding-top: 15px;
}

.watch-btn {
    display: inline-flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
}

    .watch-btn .text {
        font-size: 20px;
        font-weight: 500;
        color: var(--main-blue);
        text-decoration: none;
    }

    .watch-btn .play-icon {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--main-blue);
    }

        .watch-btn .play-icon img {
            width: 15px;
            margin-inline-start: 2px;
        }
/**--- Categories section ---**/
.categories-section.container_bx {
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: #F7F8F9;
}

.catug-item-bx {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 15px;
    align-items: flex-start;
    text-decoration: none;
}
    /*.catug-item-bx .text{
    display: flex;
    gap: 8px;
    flex-direction: column;
}*/
    .catug-item-bx .text h3 {
        color: #00174C;
        font-size: 21px;
        font-weight: 600;
        line-height: 1;
    }

    .catug-item-bx .text p {
        font-size: 18px;
        color: #7F8BA5;
        font-weight: 400;
    }

.categories-section .row {
    gap: 70px 0;
}
/**--- Services section ---**/
.service-section.container_bx {
    padding-top: 40px;
    padding-bottom: 60px;
}
.service-section .owl-carousel{
    direction: ltr;
}

.single-carousel-item {
    height: 100%;
    padding-inline-end: 15px;
}

.item-bx {
    height: 100%;
    padding-top: 40px;
    padding-inline-start: 20px;
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
}

    .item-bx.blue-bg {
        background-color: var(--main-blue);
    }

    .item-bx.gray-bg {
        background-color: #F1F2F5;
    }

    .item-bx .item-img {
        width: 50%;
        display: flex;
    }

        .item-bx .item-img img {
            width: 100%;
            border-bottom-right-radius: 25px;
        }

    .item-bx .text {
        width: 50%;
        margin-top: -40px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: self-start;
        justify-content: center;
    }

        .item-bx .text h3 {
            font-size: 32px;
            font-weight: 400;
        }

        .item-bx .text p {
            font-size: 17px;
            font-weight: 400;
        }

body:lang(en) .item-bx .text p {
    font-family: CircularStd_Light !important;
}

.item-bx .text .text-btn {
    cursor: pointer;
    padding: 7px 30px;
    border: 2px solid;
    border-radius: 50px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .item-bx .text .text-btn img {
        width: 12px;
        padding-inline-start: 5px;
    }

.item-bx.blue-bg .text .text-btn {
    color: #fff;
    border-color: #fff;
    cursor: default;
}

.item-bx.gray-bg .text .text-btn {
    color: var(--dark-color);
    border-color: var(--dark-color);
}

.item-bx.blue-bg .text h3 {
    color: #fff;
}

.item-bx.gray-bg .text h3 {
    color: var(--dark-color);
}

.item-bx.blue-bg .text p {
    color: #fff;
}

.item-bx.gray-bg .text p {
    color: var(--dark-color);
}

.service-section .owl-carousel .owl-item,
.service-section .owl-carousel .owl-item .item,
.service-section .owl-carousel .owl-item .item .item-bx {
    min-height: 358px;
}
/**--- Locatin section ---**/
.loaction-section.container_bx {
    padding-top: 10px;
    padding-bottom: 40px;
}

.loaction-section .cities-names {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

    .loaction-section .cities-names .city-link {
        padding: 7px 40px;
        cursor: pointer;
        color: var(--dark-color);
        text-decoration: none;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 7px;
    }
/**--- Premium section ---**/
.premium-section.container_bx {
    padding-top: 40px;
    padding-bottom: 40px;
}

.premium-section .premium-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-section .premium-img img {
    max-width: 100%;
}

.premium-bx {
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
}

.premium-bx .premium-logo {
    margin-bottom: 4px;
}

.premium-bx h1 {
    width: 60%;
    font-size: 34px;
    font-weight: 500;
    color: var(--dark-color);
}

.premium-bx ul {
    padding: 25px 0 0;
    display: grid;
    gap: 30px 15px;
    margin-bottom: 0;
    grid-template-columns: auto auto;
}

.premium-bx ul li {
    font-size: 19px;
    color: var(--dark-color);
    margin-inline-start: 20px;
}

.premium-bx .check-btn-bx {
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
}

.premium-bx .check-btn-bx a {
    padding: 12px 30px;
    border-radius: 50px;
    cursor: pointer;
    color: var(--dark-color);
    font-size: 17px;
    text-decoration: none;
    background-color: #F4AE5D;
    cursor: default;
}
/**--- Access section ---**/
.access-section.container_bx {
    padding-top: 40px;
    padding-bottom: 40px;
}

.access-bx {
    width: 100%;
    padding: 70px 70px 0;
    padding-inline-start: 150px;
    border-radius: 25px;
    display: flex;
    /*flex-wrap: wrap;*/
    background-color: var(--main-blue);
}

.access-bx .img-bx {
    margin-inline-end: 50px;
    height: 100%;
    display: flex;
    justify-content: baseline;
}

.access-bx .access-text {
    display: inline-flex;
    flex-direction: column;
    gap: 25px;
    justify-content: flex-start;
    padding-inline-start: 50px;
}

.access-bx .access-text h1 {
    max-width: 400px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
}

.access-bx .access-text p {
    max-width: 400px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

body:lang(en) .access-bx .access-text h1,
body:lang(en) .access-bx .access-text p {
    font-family: CircularStd_Light !important;
}

.access-bx .access-text .store-img {
    display: flex;
    gap: 40px;
}
/**--- Footer section ---**/
.footer-section.container_bx {
    margin-top: auto;
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #F8F9FA;
}

.footer-section.guest_footer_bx {
    padding-top: 0px !important;
    background-color: #fff;
    padding-bottom: 0px;
}

.footer-section .items-bx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.footer-section .items-bx .footer-item {
    width: calc(100% / 5);
    padding: 0 15px;
}

.footer-section .items-bx .footer-item h3 {
    margin-bottom: 15px;
    font-weight: 600;
}

.footer-section .items-bx .footer-item h3::first-letter {
    color: var(--dark-color);
}

.footer-section .items-bx .footer-item ul {
    padding: 0;
}

.footer-section .items-bx .footer-item ul li {
    list-style: none;
    padding-bottom: 8px;
}

.footer-section .items-bx .footer-item ul li:first-child a {
    font-weight: 600;
    font-size: 17px;
}

.footer-section .items-bx .footer-item ul li a {
    text-decoration: none;
    color: var(--dark-color);
}

.footer-section .items-bx .footer-item ul li:last-child {
    padding-bottom: 0;
}

.footer-section .download-app {
    display: flex;
    gap: 25px;
    align-items: center;
}

.footer-section .download-app p {
    color: var(--dark-color);
    padding-inline-end: 10px;
    font-size: 17px;
    margin-bottom: 0;
}

.footer-section .download-app a {
    text-decoration: none;
    display: inline-flex;
}

.footer-section .download-app img {
    filter: brightness(0) saturate(100%) invert(57%) sepia(11%) saturate(685%) hue-rotate(183deg) brightness(94%) contrast(88%);
}

.footer-section .social-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.footer-section .social-icons span,
.footer-section .social-icons a {
    display: inline-flex;
}

.footer-section .social-icons a img {
    width: 33px;
}

.footer-section .copyright {
    color: #7F8BA5;
    padding-top: 35px;
    text-align: center;
    font-size: 14px;
}

.footer-section .copyright a {
    color: var(--dark-color);
    text-decoration: none;
}

/** ====================
 *  Job Search Page
=======================*/
.page-header.gray-bg {
    padding: 100px 0 30px;
}

.search-tabs {
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}

.search-tabs ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

.search-tabs ul li {
    list-style: none;
}

.search-tabs ul li a {
    text-decoration: none;
    padding: 10px 10px;
    color: #7F8BA5;
    display: flex;
    font-size: 16px;
}

.search-tabs ul li a.active-item {
    font-size: 18px;
    color: var(--dark-color);
    border-bottom: 3px solid var(--main-blue);
}

.search-filter-bx {
    margin-top: 20px;
    width: 100%;
}

.search-filter-bx .search-input {
    width: 50%;
}

.search-filter-bx .form-control {
    border-radius: 50px;
}

.search-filter-bx .search-btn {
    padding: 0 40px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    gap: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border-color: var(--main-blue);
    background-color: var(--main-blue);
    z-index: 9;
}
.search-filter-bx .search-btn:hover{
    background-color: #2967f4;
    color: #fff;
}

.filter-items {
    margin-top: 20px;
}

.filter-items .items-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.filter-items .items-list li {
    list-style: none;
}

.filter-items .select2-container {
    width: fit-content !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 50px;
    border-color: transparent;
    background-color: transparent;
}

.select2-container .select2-selection--single {
    height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding-left: 15px;
    padding-right: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    right: 10px;
}

.filter-items .select2-container .selection {
    border: 1px solid #ced4da;
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.filter-dropdown .btn {
    border-radius: 50px;
    border: 1px solid #ced4da;
    background-color: #fff;
    color: var(--dark-color);
    padding-left: 25px;
    padding-right: 25px;
}

.filter-dropdown .dropdown-toggle::after {
    display: none;
}

.filter-dropdown .btn img {
    margin-inline-start: 30px;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.filter-items .clear-btn {
    cursor: pointer;
    color: var(--dark-color);
    height: 37px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-items {
    display: flex;
    justify-content: space-between;
}

.filter-items .alert-btn {
    cursor: pointer;
    color: var(--dark-color);
    height: 37px;
    padding-inline-start: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.select2-container {
    width: 100% !important;
}

.recent-bx {
    height: 100%;
}

.recent-bx .title .btn {
    color: var(--dark-color);
    border: 0;
    padding-inline-start: 0;
}

.recent-bx .title .result-num {
    color: var(--dark-color);
}

.result-list {
    /*height: calc(100% - 105px);*/
    padding: 0;
    border-radius: 20px;
    border: 1px solid var(--border-color);
}

.result-list ul.job_list {
    padding: 0;
    margin: 0;
}

.result-list ul.job_list li {
    padding: 20px 15px;
    list-style: none;
    border-bottom: 1px solid var(--border-color);
}

.result-list ul.job_list li:last-child {
    border-bottom: 0;
}

.result-list ul.job_list li:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: rgb(254,246,230);
    background: linear-gradient(90deg, rgba(254,246,230,1) 0%, rgba(255,255,255,1) 100%);
}

.result-list ul.job_list li:hover {
    background: rgb(254,246,230);
    background: linear-gradient(90deg, rgba(254,246,230,1) 0%, rgba(255,255,255,1) 100%);
}
.result-list ul.job_list li.active-link{
    background: rgb(254,246,230);
    background: linear-gradient(90deg, rgba(254,246,230,1) 0%, rgba(255,255,255,1) 100%);
}
.result-list ul.job_list li.active-link2{
    background: rgb(254,246,230) !important;
    background: linear-gradient(90deg, rgba(254,246,230,1) 0%, rgba(255,255,255,1) 100%) !important;
}
.result-list ul.job_list li.remove-active-link{
    background: #fff;
}

.result-list ul.job_list li:first-child .job-result-bx .text .type-label {
    background-color: #fff;
}

.result-list ul.job_list li a {
    text-decoration: none;
}

.borderBottom_0 {
    border-bottom: 0 !important;
}

.pagination-bx {
    padding: 20px 15px;
    border-top: 1px solid var(--border-color);
}

.job-result-bx {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding-inline-end: 30px;
    position: relative;
}

.job-result-bx .job-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--border-color);
}
.job-result-bx .job-icon img{
    width: 16px;
}

.job-result-bx .text {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.job-result-bx .text p{
    margin-bottom: 0;
    color: #7F8BA5;
    font-size: 14px;
}

.job-result-bx .text h3 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    width: 100%;
    font-size: 18px;
    justify-content: space-between;
    color: var(--dark-color);
    margin-bottom: 0;
    cursor: pointer;
}

.job-result-bx .text h3 span {
    color: #7F8BA5;
    font-size: 13px;
}

.job-result-bx .text .name {
    display: flex;
    color: #7F8BA5;
    font-size: 14px;
    text-decoration: none;
    line-height: 1;
}

.job-result-bx .text .data {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 14px;
    color: #7F8BA5;
    gap: 15px;
    margin-top: 10px;
}

.job-result-bx .text .type-label {
    border-radius: 50px;
    padding: 5px 20px;
    color: var(--dark-color);
    margin: 5px 0;
    font-size: 14px;
    background-color: #F1F2F5;
}

.job-result-bx .text .featured-icon {
    color: var(--dark-color);
    display: flex;
    gap: 7px;
    align-items: flex-end;
    font-size: 14px;
}

.job-result-bx .text .featured-icon div {
    line-height: 1;
}

.job-result-bx .flag-icon {
    position: absolute;
    top: 0px;
    inset-inline-end: 0px;
}
.job-result-bx .flag-icon button{
    background-color: transparent;
    border: 0;
    padding: 0;
}

#btnSave.active-blue img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(94%) saturate(6516%) hue-rotate(224deg) brightness(102%) contrast(108%);
}
.subscribe-form {
    margin-top: 20px;
    width: 100%;
}

.subscribe-form .search-input {
    width: 50%;
}

.subscribe-form .form-control {
    border-radius: 50px;
}

.subscribe-form .search-btn {
    padding: 0 40px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    text-transform: capitalize;
    gap: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border-color: var(--main-blue);
    background-color: var(--main-blue);
}

.subscribe-text {
    font-size: 14px;
    color: #7F8BA5;
    margin-top: 7px;
}

.job-details-bx {
    padding: 20px 0;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
}

.border-card {
    padding: 20px 0;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
}

.border-card .card-title {
    padding: 0 15px 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.border-card .card-title .user-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
}
.about .border-card .card-title .user-img img{
    width: 20px;
    height: auto;
    border-radius: 0;
}

.border-card .card-title .user-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.border-card .card-title .title-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 7px;
}

.border-card .card-title .title-text h4 {
    font-size: 16px;
    color: var(--dark-color);
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
}

.border-card .card-title .title-text p {
    color: #7F8BA5;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1;
}

.border-card .send-msg {
    width: calc(100% - 30px);
    padding: 7px 0;
    margin: 5px 15px 0;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7F8BA5;
    border: 1px solid #7F8BA5;
    cursor: pointer;
    background-color: #fff;
}

.border-card .overview-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.border-card .overview-list ul li {
    list-style: none;
    padding: 0 15px;
}

.border-card .overview-list ul li h5 {
    font-size: 14px;
    margin-bottom: 0;
    color: #7F8BA5;
}

.border-card .overview-list ul li p {
    font-size: 14px;
    color: var(--dark-color);
    margin-bottom: 0;
}

.job-details-bx .title {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 15px 15px;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}

.job-details-bx .title .start-content {
    display: flex;
    gap: 10px;
    align-items: center;
}

.job-details-bx .title .start-content .img-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content:center;
    /*background-color: var(--border-color);*/
    border: 1px solid var(--border-color);
}

.job-details-bx .title .start-content .img-icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    border-radius: 50%;
}

.job-details-bx .title .start-content .name {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.job-details-bx .title .start-content .name h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-color);
    line-height: 1;
}

.job-details-bx .title .start-content .name p {
    font-size: 14px;
    color: var(--dark-color);
    margin-bottom: 0;
    line-height: 1;
}

.job-details-bx .title .end-content {
    display: flex;
    gap: 20px;
    align-items: start;
}

.job-details-bx .title .end-content .job-flag {
    margin-top: 5px;
}
.job-details-bx .title .end-content .job-flag button{
    background-color: transparent;
    border: 0;
    padding: 0;
}

.job-details-bx .title .end-content .apply {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-details-bx .title .end-content .apply a.apply {
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 50px;
    color: #fff;
    text-transform: capitalize;
    background-color: var(--main-blue);
    cursor: pointer;
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-details-bx .title .end-content .apply form{
    line-height: 1;
}
.job-details-bx .title .end-content .apply form button{
    line-height: 1;
    padding: 0;
}

.job-details-bx .title .end-content .apply p {
    cursor: pointer;
    color: var(--main-blue);
    font-size: 13px;
    margin-bottom: 0;
}

.job-details-bx .text-content {
    padding: 15px;
}

    .job-details-bx .text-content .text {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .job-details-bx .text-content h4 {
        font-size: 17px;
        font-weight: 600;
        color: var(--dark-color);
    }

    .job-details-bx .text-content p {
        font-size: 15px;
        margin-bottom: 0px;
        color: var(--dark-color);
    }

.job-details-bx .labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .job-details-bx .labels .job-label {
        color: var(--dark-color);
        padding: 5px 20px;
        border-radius: 50px;
        font-size: 14px;
        background-color: #F1F2F5;
    }

.job-details-bx .about img {
    width: 100%;
}

.job-details-bx .job-details-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px 0;
    margin-top: 15px;
    border-top: 1px solid var(--border-color);
}

    .job-details-bx .job-details-footer .share {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

        .job-details-bx .job-details-footer .share p {
            font-size: 15px;
            margin-bottom: 0;
            color: var(--dark-color);
        }

        .job-details-bx .job-details-footer .share .icons {
            display: flex;
            gap: 5px;
        }

    .job-details-bx .job-details-footer .report a {
        display: flex;
        gap: 5px;
        font-size: 14px;
        text-decoration: none;
        color: var(--dark-color);
    }

.check-link {
    color: var(--main-blue);
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.job-details-bx h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-color);
    margin-bottom: 15px;
}

.latest-jobs-list {
    display: grid;
    gap: 15px 10px;
    grid-template-columns: 1fr 1fr;
}

.job a {
    text-decoration: none;
}

.b-0 {
    border: 0 !important;
}

.pr-15 {
    padding-right: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.whatsapp-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #00a884;
    position: fixed;
    bottom: 60px;
    inset-inline-end: 40px;
    z-index: 99;
}

    .whatsapp-icon a {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
    }

        .whatsapp-icon a img {
            width: 35px;
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
        }

.show-more-items {
    padding-inline-start: 42px;
}

.hide-now {
    display: none;
}

.faq-bx {
    padding-top: 120px;
}

.faq-title {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
}

.questions-bx h2 {
    font-weight: 600;
    font-size: 28px;
}

.questions-bx ul {
    list-style: decimal;
    margin-top: 20px;
}

.questions-bx ul li {
    padding-bottom: 20px;
}

.questions-bx ul li:last-child {
    padding-bottom: 0;
}

.questions-bx ul li a {
    color: var(--dark-color);
    text-decoration: none;
    display: block;
    margin-bottom: 20px;
}

.questions-bx ul li h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--dark-color);
}

.question-details {
    height: 100%;
    padding-inline-start: 20px;
    border-inline-start: 1px solid var(--border-color);
}

.question-details ul {
    list-style: decimal;
}

.question-details ul li .border-card {
    margin-inline-start: -2rem;
}

.question-details ul li h3 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--dark-color);
}

.question-details ul li .question {
    display: flex;
    gap: 10px;
    padding: 0 20px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 17px;
    color: var(--dark-color);
}

.question-details ul li p {
    padding: 0 20px;
    color: #696F8C;
}

.something-else {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 30px 0;
    width: 100%;
}

.something-else h3 {
    font-size: 21px;
    font-weight: 600;
    color: var(--dark-color);
}

.something-else a {
    text-decoration: none;
    padding: 8px 25px;
    border-radius: 50px;
    color: #fff;
    background-color: var(--dark-color);
}
.something-else a:hover{
    color: #fff;
}

.faq-tabs-icons {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.faq-tabs-icons a {
    color: #7F8BA5;
    text-decoration: none;
    padding: 20px 0;
    font-size: 18px;
    cursor: pointer;
}

.faq-tabs-icons a.active-tab {
    font-weight: 600;
    color: var(--dark-color);
    border-bottom: 2px solid var(--main-blue);
}

.border-card {
    padding: 20px 0;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
}

.levels-menu {
    display: grid;
    gap: 15px;
    grid-template-columns: auto auto;
}

.img-holder {
    width: 200px;
    display: inline-block;
    background-color: #eee;
    background-image: url(../images/menu/hubs.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.levels-menu .menu-content {
    display: inline-block;
    min-width: 250px;
}

.levels-menu .menu-content ul {
    padding: 0;
    list-style: none;
}

.levels-menu .menu-content ul .dropdown-item {
    white-space: normal;
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.levels-menu .menu-content ul .dropdown-item .title {
    display: block;
    margin-bottom: 5px;
    color: var(--dark-color);
}

.levels-menu .menu-content ul .dropdown-item .description {
    font-size: 14px;
    color: #7F8BA5;
}

.filter-action {
    height: 37px;
    border: 1px solid #ced4da !important;
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    color: #444;
    padding-left: 20px;
    padding-right: 20px;
}

.filter-action img {
    width: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}
.verify-bx {
    width: 100%;
    padding: 0px 60px;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    z-index: 22;
    display: block;
}
.verify-bx .content{
    padding: 20px;
    background-color: #fff;
    border-top: 3px solid #FFB729;
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    /*-webkit-box-shadow: 3px 1px 6px -3px rgba(130,130,130,1) !important;
    -moz-box-shadow: 3px 1px 6px -3px rgba(130,130,130,1) !important;
    box-shadow: 3px 1px 6px -3px rgba(130,130,130,1) !important;*/
}
.verify-bx .content .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}
.verify-bx .content .title .icon{
    color: var(--dark-color);
}
.verify-bx .content .title span{
    font-size: 14px;
    color: #7F8BA5;
}
.verify-bx .content .text{
    font-size: 14px;
    color: var(--dark-color);
}
.verify-bx .content .text .color{
    color: var(--main-blue);
}
.verify-bx .content .send-mail a{
    font-size: 14px;
    cursor: pointer;
    margin-top: 7px;
    text-decoration: none;
    color: var(--main-blue);
}
.woot--bubble-holder{
    display: none;
}
.type-tabs{
    display: none;
}
.signinModal .modal-content{
    border-radius: 20px;
    background-color: var(--main-blue);
}
.signinModal .modal-header{
    border-bottom: 0;
}
.signinModal .modal-header button{
    border: 0;
    color: #E0E0E0;
    font-size: 14px;
    background-color: transparent;
}
.signinModal .modal-header .modal-title{
    color: #fff;
}
.signinModal .modal-body{
    text-align: center;
}
.signinModal .modal-body p{
    font-size: 18px;
    color: #fff;
    text-align: start;
}
.signinModal .modal-footer{
    border-top: 0;
}
.signinModal .modal-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.signinModal .modal-footer .btn{
    border: 0;
    padding: 8px 30px;
    border-radius: 50px;
    color: var(--main-blue);
    background-color: #fff;
    margin-bottom: 10px;
}
.clear-filter{
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.pagination-bx {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: flex-end;
}
.pagination-bx ul{
    margin-bottom: 0;
}
.pagination-bx ul .page-link{
    border: 0;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-bx ul .page-link.active{
    border-radius: 50%;
}
.pagination-bx .page-item:first-child .page-link img{
   transform: rotate(180deg);
}
.pagination-bx .entries-num{
    display: flex;
    font-size: 14px;
    gap: 7px;
    align-items: center;
}
.pagination-bx .entries-num span{
    white-space: nowrap;
}
.result-list .pagination-bx{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}


/**--- Streamline section ---**/
.Streamline-section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.Streamline-bx{
    width: 100%;
    min-height: 500px;
    background-color: var(--border-color);
    border-radius: 24px;
    position: relative;
    background-image: url(../images/home/stramline-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: top;
}
.Streamline-bx .overlay_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 32px;
    padding-top: 50px;
    padding-bottom: 20px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    background-color: rgba(0,0,0,0.3);
}
.Streamline-bx h1{
    color: #fff;
}
.Streamline-bx p{
    color: #fff;
    width: 50%;
    font-size: 18px;
}
:lang(en) .Streamline-bx p{
    font-family: CircularStd_Light;
}
.stream-blue-bx{
    width: 100%;
    height: 100%;
    padding: 30px 20px;
    border-radius: 20px;
    margin-bottom: 15px;
    background-color: var(--main-blue);
}
.stream-blue-bx a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.stream-blue-bx h2{
    color: #fff;
    font-size: 21px;
    margin-bottom: 20px;
}
.stream-blue-bx p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.stream-blue-bx p span{
    margin-inline-start: 5px;
}
:lang(en) .stream-blue-bx p{
    font-family: CircularStd_Light;
}
/**--- Why Us section ---**/
.why-section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.why-items .item{
    height: 100%;
    padding: 40px 20px;
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #D9DDE4;
}
.why-items .item h2{
    font-size: 24px;
    font-weight: 600;
    color: var(--dark-color);
}
.why-items .item p{
    font-size: 19px;
    color: #7F8BA5;
    margin-bottom: 0;
}
.why-items .item .item-img{
    margin-bottom: 20px;
}
.request-btn{
    margin-bottom: 15px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.request-btn a{
    text-decoration: none;
    color: var(--main-blue);
    border-radius: 50px;
    padding: 8px 25px;
    display: flex;
    gap: 10px;
    font-weight: 600;
    border: 2px solid var(--main-blue);
}
/**--- Businesses section ---**/
.businesses-section{
    margin-top: 30px;
    margin-bottom: 30px;
}
.businesses-bx{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 40px;
    padding: 60px;
    background-color: var(--main-blue);
}
.businesses-bx h1{
    color: #fff;
    font-size: 26px;
}
.businesses-bx .businesses-text{
    color: #fff;
    font-size: 32px;
}
.businesses-bx p{
    font-size: 20px;
    color: rgba(255,255,255,0.7);
}
:lang(en) .businesses-bx p{
    font-family: CircularStd_Light;
}
.pic-bx{
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.pic-bx .pic-item{
    width: calc(20% - 20px);
}
.pic-bx .pic-item img{
    width: 80%;
}
.businesses-section .help-btn{
    width: 100%;
    padding: 40px 0 20px;
    display: flex;
    justify-content: flex-end;
}
.businesses-section .help-btn a{
    text-decoration: none;
    color: #fff;
    border-radius: 50px;
    padding: 10px 35px;
    background-color: var(--main-blue);
}
:lang(en) .businesses-section .help-btn a{
    font-family: CircularStd_Light;
}
.recent-bx .title .content{
    display: flex;
    gap: 8px;
    align-items: center;
}
.recent-bx .title .content .sort{
    font-size: 15px;
    color: #7F8BA5;
}
.recent-bx .title .content .result-num{
    font-size: 15px;
    color: #7F8BA5;
}
.recent-bx .border-card{
    padding-top: 0;
    padding-bottom: 0;
}
.recent-bx .border-card .table{
    margin-bottom: 0;
}
.recent-bx .table>thead>tr>th:first-child{
    border-top-left-radius: 20px;
}
.recent-bx .table>thead>tr>th:last-child{
    border-top-right-radius: 20px;
}
.recent-bx .table>thead>tr>th{
    color: var(--dark-color);
}
.recent-bx .table>tbody>tr:last-child>th,
.recent-bx .table>tbody>tr:last-child>td{
    border-bottom: 0px;
}
.recent-bx .table>:not(caption)>*>*{
    padding: 1rem 2rem;
}
.candidate-name{
    display: flex;
    gap: 10px;
}
.candidate-name .user-img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    background-color: #fff;
}
.candidate-name .user-img img{
    width: 22px;
}
.candidate-name .text h3{
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
    margin-bottom: 5px;
    color: var(--main-blue);
}
.candidate-name .text p{
    font-size: 15px;
    white-space: nowrap;
    margin-bottom: 0;
    color: var(--dark-color);
}
.criteria-items{
    display: flex;
    gap: 10px 5px;
    flex-wrap: wrap;
}
.criteria-items .item{
    font-size: 13px;
    padding: 7px 20px;
    border-radius: 50px;
    color: var(--dark-color);
    background-color: #F1F2F5;
}
.recent-exp{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.recent-exp h3{
    font-size: 16px;
    white-space: nowrap;
    font-weight: 600;
    color: var(--dark-color);
    margin-bottom: 0px;
}
.recent-exp p{
    font-size: 14px;
    color: #7F8BA5;
    margin-bottom: 0;
}
.action .dropdown-toggle::after{
    display: none;
}
#signinModal .modal-content{
    border-radius: 20px;
    background-color: var(--main-blue);
}
#signinModal .modal-header{
    border-bottom: 0;
}
#signinModal .modal-header button{
    border: 0;
    color: #E0E0E0;
    font-size: 14px;
    background-color: transparent;
}
#signinModal .modal-header .modal-title{
    color: #fff;
}
#signinModal .modal-body{
    text-align: center;
}
#signinModal .modal-body p{
    font-size: 18px;
    color: #fff;
    text-align: start;
}
#signinModal .modal-footer{
    border-top: 0;
}
:lang(en) #signinModal .modal-body p{
    font-family: CircularStd_Light;
}
#signinModal .modal-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
#signinModal .modal-footer .btn{
    border: 0;
    padding: 8px 30px;
    border-radius: 50px;
    color: var(--main-blue);
    background-color: #fff;
    margin-bottom: 10px;
}
.request-demo-container{
    margin-top: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.border-card.request-demo-container{
    padding-bottom: 0;
}
.request-demo-container:before{
    content: '';
    height: 150px;
    width: 220px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-image: url(../images/home/request_left_bg.svg);
}
.request-demo-container:after{
    content: '';
    height: 150px;
    width: 300px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-image: url(../images/home/request_right_bg.svg);
}
.request-demo-btn{
    height: fit-content;
    padding: 10px 30px;
    color: var(--main-blue);
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    border: 2px solid var(--main-blue);
    background-color: #fff;
}
#requestModal .modal-content{
    border-radius: 20px;
    background-color: var(--main-blue);
}
#requestModal .modal-header{
    border-bottom: 0;
}
#requestModal .modal-header button{
    border: 0;
    color: #E0E0E0;
    font-size: 14px;
    background-color: transparent;
}
#requestModal .modal-header .modal-title{
    color: #fff;
}
#requestModal .modal-body{
    text-align: center;
}
#requestModal .modal-footer{
    border-top: 0;
}
#requestModal .demo-img img{
    width: 100%;
}
.filter-carousel-bx{
    margin-top: 5px;
}
.filter-carousel-bx .content{
    display: flex;
    gap: 5px;
    align-items: center;
}
.filter-carousel-bx .content .filter_bx{
    padding: 0 35px;
    width: calc(100% - 114px);
}
.filter-carousel {
    padding-top: 15px;
    margin-bottom: 10px;
    position: relative;
}
.filter-carousel-bx .owl-carousel{
    width: 100%;
}
.filter-carousel-bx .select2-container .selection{
    border: 1px solid #ced4da;
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    width: 100%;
}
.filter-carousel-bx .clear-btn {
    cursor: pointer;
    color: var(--dark-color);
    height: 37px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.filter-carousel-bx .owl-nav {
    position: absolute;
    top: 13px;
    width: 100%;
    margin-top: 0;
}
.filter-carousel-bx .owl-nav button.owl-prev {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 30px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e9ff;
    color: var(--main-blue);
    border-radius: 4px;
    margin-inline-start: 0;
    margin-top: 0;
}
.filter-carousel-bx .owl-nav button.owl-next {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 30px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e9ff;
    color: var(--main-blue);
    border-radius: 4px;
    margin-inline-end: 0;
    margin-top: 0;
}
:lang(en) .filter-carousel-bx .owl-nav button.owl-prev {
    left: -35px;
    /* transform: rotate(180deg); */
}
:lang(en) .filter-carousel-bx .owl-nav button.owl-next {
    right: -35px;
    /* transform: rotate(180deg); */
}
#filterBackdrop .filter_items{
    padding: 0;
}
#filterBackdrop .filter_items li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
}
#filterBackdrop .filter_items li h3{
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-color);
}
#filterBackdrop .select2-container .selection {
    width: 100%;
    border: 1px solid #ced4da;
    display: inline-block;
    background-color: #fff;
    border-radius: 6px;
}
.select-flag img {
    width: 30px;
}
.phone-num .select2-container{
    width: auto !important;
}
.modal-body .popup-form{
    width: 50%;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}
.modal-body .demo-img{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal-body .popup-form .title{
    width: 70%;
    text-align: start;
}
.modal-body .popup-form .title h3{
    font-weight: 600;
    color: var(--dark-color);
    font-size: 21px;
}
.modal-body .popup-form .title p{
    font-size: 14px;
    color: #7F8BA5;
}
.modal-body .popup-form label{
    width: 100%;
    text-align: start;
}
.modal-body .popup-form .form-control {
    font-size: 13px;
    border-radius: 50px;
}
.modal-body .popup-form .btn{
    width: 100%;
    border-radius: 50px;
    margin-top: 30px;
}
.help-link{
    font-size: 13px;
    text-align: center;
    color: #7F8BA5;
    margin-top: 20px;
}
.help-link a{
    text-decoration: none;
    color: var(--main-blue);
}
.phone-num .select2-container--default .select2-selection--single{
    height: 44px;
}
.phone-num .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 44px;
}
.phone-num .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 42px;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #ced4da;
}
.auth_select {
    width: 100%;
}

    .auth_select .select2-container--open {
        width: 100% !important;
        /*position: absolute !important;*/ /* Ensure dropdown is positioned correctly */
    }

    .auth_select .select2-search__field {
        width: 100% !important; /* Ensure the search input takes full width */
        padding: 5px; /* Adjust padding to match design */
        box-sizing: border-box; /* Ensure the input fits within the dropdown */
    }

    .auth_select .select2-container--default .select2-selection--single {
        height: 44px;
        border-radius: 50px;
    }

        .auth_select .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 44px;
        }

        .auth_select .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 42px;
        }

    .auth_select .select2-container {
        width: 100% !important;
    }

    .auth_select .select2-dropdown {
        max-height: 300px; /* Adjust the height based on your layout */
        overflow-y: auto; /* Ensure scrolling works */
    }



.select2-container--default .select2-selection--single .select2-selection__rendered{
    text-align: start;
}
#requestModal .modal-dialog{
    flex-direction: column;
}
#requestModal .close-popup-btn{
    border: 0;
    color: #E0E0E0;
    font-size: 14px;
    cursor: pointer;
    background-color: transparent;
}
#requestModal .close-btn-container{
    width: 100%;
    text-align: start;
}
.stars-bx{
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.stars-bx .star-item{
    display: flex;
    gap: 10px;
    align-items: start;
}
.stars-bx .star-item h3{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    text-align: start;
}
.stars-bx .star-item p{
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    text-align: start;
    font-family: CircularStd_Light;
}
.stars-bx .star-item img{
    width: 20px;
}
.filter_labels_bx{
    display: flex;
    gap: 10px 5px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 5px;
}
.filter_labels_bx .filter_item{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-inline-start: 15px;
    padding-inline-end: 10px;
    font-size: 13px;
    color: var(--main-blue);
    border-radius: 50px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    background-color: #e0e9ff;
}
.filter_labels_bx .filter_item img{
    width: 15px;
    cursor: pointer;
}

.select_country .select2-container--default .select2-selection--single{
    height: 46px;
}
.select_country .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 44px;
}
.select_country .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 42px;
}
.select_country .select2-container {
    width: auto !important;
}
.banner-section-search input.form-control{
    margin-inline-end: 0 !important;
}
.input-group.select_country{
    margin-inline-end: 15px;
}
/*.banner-section-search input.form-control{
    border-radius: 0 50px 50px 0;
}*/
.banner-section-search .social_icons .form-control.k-widget{
    border-radius: 0 50px 50px 0;
}
.input-group.select_country input.me-2{
    border-radius: 50px 0 0 50px;
}
.filter-items .items-list .select2-container--default .select2-selection--single{
    border: 0;
}
.pagination-bx {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: flex-end;
}
.pagination-bx ul{
    margin-bottom: 0;
}
.pagination-bx ul .page-link{
    border: 0;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-bx ul .page-link.active{
    border-radius: 50%;
}
.pagination-bx .page-item:first-child .page-link img{
   transform: rotate(180deg);
}
.pagination-bx .entries-num{
    display: flex;
    font-size: 14px;
    gap: 7px;
    align-items: center;
}
.pagination-bx .entries-num span{
    white-space: nowrap;
}
.banner-section-search form{
    gap: 10px;
}
.banner-section-search .social_icons input.form-control{
    border-radius: 0 50px 50px 0;
}
.btn-outline-success {
    --bs-btn-color: #004eff;
    --bs-btn-border-color: #004eff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004eff;
    --bs-btn-hover-border-color: #004eff;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004eff;
    --bs-btn-active-border-color: #004eff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #004eff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #004eff;
    --bs-gradient: none;
}
.request-btn a:hover{
    color: var(--main-blue);
}
.request-demo-text p{
    text-align: center;
    font-weight: 600;
    font-size: 21px;
}
.search-filter-bx .form-control {
    font-size: 14px;
    font-weight: 600;
}
/*.search-filter-bx .search-input .d-flex{
    gap: 5px;
}*/
#PrevBtn.disapled-btn,
#NextBtn.disapled-btn{
    cursor: no-drop !important;
}
#PrevBtn.disapled-btn img {
    filter: brightness(0) saturate(100%) invert(87%) sepia(10%) saturate(11%) hue-rotate(323deg) brightness(75%) contrast(87%);
}
.border-card.get-started::after{
    content: '';
    width: 300px;
    height: 150px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-image: url(../images/get-started.svg);
    border-bottom-right-radius: 20px;
}
.border-card.get-started {
    margin-top: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
}
.border-card.get-started .text{
    padding: 0 20px 15px;
}
.border-card.get-started .text h3{
    font-weight: 600;
    font-size: 21px;
}
.border-card.get-started .text p{
    color: #7F8BA5;
    width: 60%;
}
.border-card.get-started .text button{
    color: #fff;
    border: 0;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 7px 25px;
    background-color: var(--main-blue);
}

/** ====================
 *  Profile css
=======================*/
.data-container-item{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 25px;
}
.data-container-item .bx-title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    border-radius: 20px 20px 0 0;
    background-color: #F7F8FA;
    border: 1px solid #D9DDE4;
}
.data-container-item .bx-title h3{
    color: #00174C;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.data-container-item .bx-title .actions{
    display: flex;
    gap: 15px;
}
/* .data-container-item .bx-title .actions a{}
.data-container-item .bx-title .actions .edit{}
.data-container-item .bx-title .actions .add{} */
.data-container-item .bx-data{
    padding: 20px 20px;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
    border-right: 1px solid #D9DDE4;
    border-left: 1px solid #D9DDE4;
    border-bottom: 1px solid #D9DDE4;
}
.data-container-item .bx-data .user-info{
    display: flex;
    gap: 15px;
}
.data-container-item .bx-data .user-info .img{
    width: 90px;
    height: 90px;
    background-color: #F7F8FA;
}
.data-container-item .bx-data .user-info .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}
.data-container-item .bx-data .user-info .text{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.data-container-item .bx-data .user-info .text .name{
    font-size: 21px;
    font-weight: 600;
    color: #00174C;
}
.data-container-item .bx-data .user-info .text .position{
    font-size: 16px;
    color: #00174C;
    font-weight: 500;
}
.data-container-item .bx-data .user-info .text .location{
    font-size: 14px;
    color: #7F8BA5;
}
.data-container-item .bx-data .about-user{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.data-container-item .bx-data .about-user .list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 15px;
    justify-content: space-between;
}
.data-container-item .bx-data .about-user .list .item{
    width: calc(50% - 15px);
}
.data-container-item .bx-data .about-user .list .item .title{
    color: #7F8BA5;
    font-size: 18px;
    font-weight: 500;
}
.data-container-item .bx-data .about-user .list .item .data{
    color: #00174C;
    font-size: 18px;
}
.data-container-item .bx-data .about-user .desc{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.data-container-item .bx-data .about-user .desc .title{
    color: #7F8BA5;
    font-size: 18px;
    font-weight: 500;
}
.data-container-item .bx-data .about-user .desc .data{
    color: #00174C;
    font-size: 16px;
    word-wrap: break-word;
}
.page-header{
    padding-top: 100px;
}
.bx-data.with-list{
    padding: 20px 0;
}
.bx-data.with-list ul{
    padding: 0;
    margin: 0;
}
.bx-data.with-list ul li{
    list-style: none;
    padding: 15px 20px;
    border-bottom: 1px solid #D9DDE4;
}
.bx-data.with-list ul li:first-child{
    padding-top: 0;
}
.bx-data.with-list ul li:last-child{
    border-bottom: 0;
}
.bx-data.with-list ul li .text-data{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.bx-data.with-list ul li .text-data .degree{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.bx-data.with-list ul li .text-data .title{
    font-size: 21px;
    color: #00174C;
    font-weight: 600;
}
.bx-data.with-list ul li .text-data .about{
    display: flex;
    gap: 10px;
}
.bx-data.with-list ul li .text-data .about .company{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.bx-data.with-list ul li .text-data .about .location{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.bx-data.with-list ul li .text-data .date{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.bx-data.with-list ul li .text-data .level{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.bx-data.with-list ul li .text-data .info{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.bx-data.with-list ul li .text-data .desc{
    font-size: 16px;
    color: #00174C;
    font-weight: 500;
}
.bx-data.noBorder-list ul{
    margin: 0;
    padding: 0;
}
.bx-data.noBorder-list ul li{
    list-style: none;
    padding: 7px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.bx-data.noBorder-list ul li .name{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.bx-data.noBorder-list ul li .desc{
    font-size: 16px;
    color: #7F8BA5;
    font-weight: 500;
}
.data-container-item .bx-data .empty-bx{
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.data-container-item .bx-data .empty-bx .img-bx{
    margin-bottom: 15px;
}
.data-container-item .bx-data .empty-bx p{
    font-size: 18px;
    color: #7F8BA5;
    font-weight: 500;
    margin-bottom: 0;
}
.data-container-item .bx-data .empty-bx a{
    font-size: 18px;
    color: #004EFF;
    font-weight: 500;
    text-decoration: none;
}
.personal-card{
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
    border: 1px solid #D9DDE4;
}
.personal-card .img{
    margin-bottom: 5px;
}
.personal-card .title{
    font-size: 21px;
    color: #00174C;
    font-weight: 600;
}
.personal-card ul{
    margin: 0;
}
.personal-card ul li{
    list-style: decimal;
    padding: 2px 0;
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.personal-card .progress-bx h4{
    font-weight: 600;
    font-size: 17px;
}
.personal-card .progress-bx .progress{
    height: 5px;
}
.personal-card .text-bx{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.personal-card .btn-bx button{
    padding: 10px 25px;
    color: #fff;
    border-radius: 50px;
    border: 0;
    background-color: #004EFF;
    cursor: pointer;
}
.data-container-item .bx-data .link a{
    color: #004EFF;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: baseline;
    line-height: 1;
    word-break: break-all;
}
.pt-100{
    padding-top: 100px;
}
.exp-bx{
    padding: 0;
    border-radius: 20px;
    display: flex;
    border: 1px solid #D9DDE4;
}
.exp-bx .tabs-list{
    width: 33%;
    padding: 20px 0;
    display: flex;
    gap: 10px;
    flex-direction: column;
    border-inline-end: 1px solid #D9DDE4;
}
.exp-bx .tabs-list h3{
    font-weight: 600;
    font-size: 21px;
    padding-inline-start: 20px;
}
.exp-bx .tabs-list .progress-bx{
    padding: 0 20px;
}
.exp-bx .tabs-list .progress-bx h4{
    font-weight: 500;
    font-size: 16px;
}
.exp-bx .tabs-list .progress-bx .progress{
    height: 5px;
}
.exp-bx .tabs-list .items ul{
    padding: 0;
    margin: 0;
}
.exp-bx .tabs-list .items ul li{
    padding: 15px 20px;
    list-style: none;
    border-bottom: 1px solid #D9DDE4;
}
.exp-bx .tabs-list .items ul li.active{
    border-bottom: 3px solid #004EFF !important;
}
.exp-bx .tabs-list .items ul li:last-child{
    border-bottom: 0;
}
.exp-bx .tabs-list .items ul li a{
    text-decoration: none;
    color: #00174C;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.exp-bx .tabs-list .create{
    width: 80%;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.exp-bx .tabs-list .create img{
    width: 90%;
}
.exp-bx .tabs-list .create button{
    padding: 10px 15px;
    color: #fff;
    border-radius: 50px;
    border: 0;
    background-color: #004EFF;
    cursor: pointer;
    font-size: 14px;
}
.exp-bx .content-data{
    width: 100%;
    display: flex;
    padding: 40px;
    gap: 30px;
}
.exp-bx .content-data .personal-text{
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 27%;
}
.exp-bx .content-data .personal-text h3{
    color: #00174C;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
}
.exp-bx .content-data .personal-text p{
    font-size: 16px;
    color: #7F8BA5;
    font-weight: 500;
}
.exp-bx .content-data .data{
    width: 80%;
    padding-inline-start: 40px;
}
.exp-bx .content-data .data .user{
    display: flex;
    gap: 15px;
}
.exp-bx .content-data .data .user .img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #D9DDE4;
}
.exp-bx .content-data .data .user .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}
.exp-bx .content-data .data .user .text{
    display: inline-flex;
    gap: 10px;
    flex-direction: column;
}
.exp-bx .content-data .data .user .text h3{
    color: #00174C;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0px;
}
.exp-bx .content-data .data .user .text p{
    font-size: 15px;
    color: #7F8BA5;
    font-weight: 500;
    margin-bottom: 0;
}
.exp-bx .content-data .data .user .text .uplod-btn{
    padding: 10px 20px;
    color: #00174C;
    border-radius: 50px;
    border: 0;
    background-color: #D9DDE4;
    cursor: pointer;
    width: fit-content;
}
.exp-bx .content-data .form-bx{
    padding-top: 50px;
    padding-inline-end: 50px;
} 
.exp-bx .content-data .form-bx .sub-text{
    position: relative;
}
.exp-bx .content-data .form-bx .sub-text .ai{
    position: absolute;
    bottom: 10px;
    inset-inline-end: 20px;
    padding: 8px 16px;
    border-radius: 50px;
    background-color: #e7eeff;
    display: flex;
    gap: 10px;
    color: #004EFF;
    cursor: pointer;
}
.form-bx .form-btns{
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 30px;
}
.form-bx .form-btns .btn{
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
.form-bx .form-btns .btn.cancel{
    background-color: #fff;
    color: #00174C;
}
.form-bx .form-btns .btn.save{
    color: #fff;
    background-color: #004EFF;
}
.form-bx .form-control {
    font-size: 15px;
    border-radius: 50px;
}
.form-bx .form-control::placeholder{
    color: #BEC4D1 !important;
}
/*input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #BEC4D1 !important;
}*/
.form-bx .sub-text .form-control{
    border-radius: 12px;
    padding-bottom: 50px;
}
.form-bx .select2-container {
    /*width: 100% !important;*/
    border: 1px solid #ced4da;
    border-radius: 50px;
}
.form-bx .select2-selection--single {
    border: 0;
    background-color: transparent;
}
.form-bx .phone-num .select2-container--default .select2-selection--single {
    border-radius: 50px 0 0 50px;
    border: 0;
}
.form-bx .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border: 1px solid #ced4da;
    border-radius: 50px 0 0 50px;
    width: fit-content !important;
}
.form-bx .phone-num .form-control {
    border-radius: 0 50px 50px 0 !important;
}
.add-modal .form-btns {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
}
.add-modal .form-btns .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
.add-modal .form-btns .btn.cancel {
    background-color: #fff;
    color: #00174C;
}
.add-modal .form-btns .btn.save {
    color: #fff;
    background-color: #004EFF;
}
.add-modal .form-btns .btn.clear{
    color: #004EFF;
}
.add-modal .form-btns .btn.clear:focus{
    background-color: #fff !important;
    border: 0 !important;
}
.add-modal h3{
    color: #00174C;
    font-size: 19px;
    font-weight: 600;
}
.add-modal p{
    color: #7F8BA5;
    font-weight: 500;
}
.add-modal .modal-header{
    border-bottom: 0;
}
.add-modal .form-label {
    font-weight: 500;
    color: #00174C;
    font-size: 16px;
}
.add-modal .btn-close {
    width: 0.5em;
    height: 0.5em;
    background-size: 0.7em;
}
.add-modal .uplad-file-bx{
    width: 100%;
    height: 44px;
    border: 1px solid #D9DDE4;
    border-radius: 50px;
    display: flex;
    padding: 0 5px;
    align-items: center;
}
.add-modal .uplad-file-bx .upload-label {
    height: 32px;
  background-color: #fff;
  color: #00174C;
  padding: 0 0.5rem;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #00174C;
  white-space: nowrap;
}
.add-modal .uplad-file-bx #file-chosen{
  margin-left: 0.3rem;
  font-family: sans-serif;
  word-break: break-word;
}
.add-modal .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: auto;
    line-height: 32px;
}
.add-modal .form-bx .sub-text {
    position: relative;
}
.add-modal .form-bx .sub-text .ai{
    position: absolute;
    bottom: 20px;
    inset-inline-end: 20px;
    padding: 8px 16px;
    border-radius: 50px;
    background-color: #e7eeff;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    color: #004EFF;
    cursor: pointer;
}
.add-modal .modal-body{
    padding-top: 0;
}
.add-modal .form-bx{
    padding-top: 0 !important;
    padding-inline-end: 0 !important;
}
.labels-bx{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 15px;
}
.labels-bx .label-item{
    padding: 4px 15px;
    color: #fff;
    display: inline-flex;
    gap: 15px;
    cursor: pointer;
    border-radius: 50px;
    background-color: #004EFF;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
}
.labels-bx .label-item.gray-bg{
    color: #00174C;
    background-color: #F1F2F5;
}
.select-label{
    margin-top: 20px;
}
.select-label h4{
    font-size: 18px;
    font-weight: 500;
}
.edit-profile-bx{
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #D9DDE4;
    position: relative;
    margin-bottom: 25px;
}
.edit-profile-bx .edit-icon{
    position: absolute;
    top: 22px;
    inset-inline-end: 20px;
    color: #7F8BA5;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    gap: 10px;
    line-height: 1;
    align-items: center;
}
.edit-profile-bx .text-data{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.edit-profile-bx .text-data .degree{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.edit-profile-bx .text-data .title{
    font-size: 21px;
    color: #00174C;
    font-weight: 600;
    word-break: break-all;
    padding-inline-end: 70px;
    line-height: 1;
}
.edit-profile-bx .text-data .about{
    display: flex;
    gap: 10px;
}
.edit-profile-bx .text-data .about .company{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.edit-profile-bx .text-data .about .location{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.edit-profile-bx .text-data .date{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.edit-profile-bx .text-data .level{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.edit-profile-bx .text-data .info{
    font-size: 14px;
    color: #00174C;
    font-weight: 500;
}
.edit-profile-bx .text-data .desc{
    font-size: 16px;
    color: #00174C;
    font-weight: 500;
    word-break: break-all;
}
.edit-profile-bx .text-data .link a {
    color: #004EFF;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: baseline;
    line-height: 1;
}
.edit-profile-bx .text-data .link a span{
    font-size: 16px;
    color: #00174C;
    font-weight: 500;
}
.edit-profile-bx .text-data .skills-bx{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-inline-end: 50px;
    padding-top: 3px;
}
.edit-profile-bx .text-data .skills-bx .name {
    font-size: 18px;
    color: #00174C;
    font-weight: 600;
    line-height: 1;
}
.edit-profile-bx .text-data .skills-bx .desc {
    font-size: 16px;
    color: #7F8BA5;
    font-weight: 500;
}
.add-modal .form-search {
    position: relative;
    margin-bottom: 15px;
}
.add-modal .form-search button{
    position: absolute;
    inset-inline-start: 10px;
    top: 7px;
    background-color: #EEEEEE;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
}
.add-modal .form-search .form-control {
    padding-inline-start: 45px;
}
.add-modal .hide_name label{
    font-weight: 500;
    font-size: 14px;
}
.add-modal .k-autocomplete .k-input{
    width: 100%;
    border-radius: 50px;
}
.add-modal .form-control.k-widget{
    width: 100%;
}
.add-modal .select2-container .select2-selection--single{
    height: 44px;
    line-height: 44px;
}
.add-modal .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 44px;
}
.add-more-bx{
    margin-top: 0px;
}
.add-more-bx a{
    text-decoration: none;
    display: flex;
    gap: 7px;
    color: #004EFF;
    cursor: pointer;
}
.add-more-bx a:hover{
    color: #004EFF;
}
.search-ai{
    width: 100%;
    padding: 20px 15px;
    border-radius: 15px;
    background-color: #F1F2F5;
}
.search-ai h4{
    font-size: 16px;
    font-weight: 500;
    color: #00174C;
    margin-bottom: 20px;
}
.search-ai .form-search{
    position: relative;
    margin-bottom: 15px;
}
.search-ai .form-search button{
    position: absolute;
    inset-inline-start: 10px;
    top: 7px;
    background-color: #EEEEEE;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
}
.search-ai .result{
    max-height: 250px;
    overflow: auto;
}
.search-ai .form-search .form-control{
    padding-inline-start: 45px;
}
.search-ai .result ul{
    padding: 0;
    margin: 0;
}
.search-ai .result ul li{
    list-style: none;
    margin-bottom: 15px;
}
.search-ai .result ul li .item{
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    gap: 15px;
}
.search-ai .result ul li .item p{
    margin-bottom: 0;
    font-size: 14px;
}
.search-ai .result ul li .item.plus p{
    color: #00174C;
}
.search-ai .result ul li .item.minus{}
.modal-backdrop {
    --bs-backdrop-opacity: 1 !important;
    background-color: rgba(1, 14, 44, 0.8) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #00174C;
}
.add-modal .form-btns .btn.cancel:focus {
    background-color: #fff !important;
    border-color: #fff !important;
}
.exp-bx .content-data .personal-text .col-form-label{
    font-weight: 500;
}
.exp-bx .content-data .form-label {
    font-weight: 500;
}
.user-icons{
    gap: 5px;
}
.user-icons .user-item .dropdown-menu-end{
    inset-inline-end: 0;
    padding: 5px 0;
}
.user-icons .user-item .dropdown .btn{
    background-color: transparent;
}
.user-icons .user-item .dropdown .btn:focus{
    border: 0 !important;
    background-color: transparent !important;
}
.user-icons .user-item .dropdown .btn:hover img{
    filter: brightness(0) saturate(100%) invert(17%) sepia(91%) saturate(4731%) hue-rotate(224deg) brightness(100%) contrast(104%);
}
.user-icons .user-item .dropdown-toggle::after{
    display: none;
}
.user-item .user-bx{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.user-item .user-bx .user-info{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.user-item .user-bx .user-info .user-avatar{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #d9dde4;
}
.user-item .user-bx .user-info .user-avatar img{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}
.user-item .user-bx .user-info .data h3{
    color: #00174C;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.user-item .user-bx .user-info .data p{
    color: #7F8BA5;
    margin-bottom: 0;
    font-size: 14px;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item{
    height: auto;
    border-radius: 0;
    border: 0;
    padding: 4px 15px;
    justify-content: flex-start;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item:hover{
    color: #00174C;
    background-color: transparent;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item.logout img{
    margin-inline-end: 5px;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item.logout{
    color: #7F8BA5;
}
.user-icons .user-item .dropdown-menu-end li{
    cursor: auto;
    padding: 7px 0;
    border-bottom: 1px solid var(--border-color);
}
.user-icons .user-item .dropdown-menu-end li:last-child{
    border-bottom: 0;
}
.user-item .user-bx .view-btn{
    width: 100%;
}
.user-item .user-bx .view-btn a{
    width: 100%;
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-blue);
    text-decoration: none;
    border: 1px solid var(--main-blue);
    background-color: #fff;
    line-height: 1;
    height: auto;
}
.user-item .user-bx .edit-profile{
    height: auto;
    padding: 0;
    color: var(--dark-color);
    border: 0;
    border-radius: 0;
    justify-content: flex-start;
}
.user-item .user-bx .edit-profile:hover,
.user-item .user-bx .edit-profile:focus{
    background-color: transparent;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item .title{
    width: 100%;
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item .title h3{
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    gap: 5px;
}
.user-icons .user-item .dropdown-menu-end .dropdown-item .title h3 .num{
    min-width: 25px;
    height: 25px;
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-blue);
}
.user-icons .user-item .dropdown-menu-end .dropdown-item .title .mark-read{
    font-size: 14px;
    cursor: pointer;
    color: var(--main-blue);
}
.user-item .notification-bx{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
}
.user-item .notification-bx a{
    text-decoration: none;
    height: auto;
    border-radius: 0;
    border: 0;
    padding: 0;
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto 1fr;
    gap: 15px;
}
.user-item .notification-bx a:hover,
.user-item .notification-bx a:focus{
    background-color: transparent;
}
.user-item .notification-bx a .notif-img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
}
.user-item .notification-bx a .notif-img img{
    width: 20px;
}
.user-item .notification-bx a .text{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.user-item .notification-bx a .text p{
    font-size: 14px;
    color: var(--dark-color);
    white-space: normal;
    margin-bottom: 0;
}
.user-item .notification-bx a .text .time{
    font-size: 12px;
    color: #7F8BA5;
}
.user-item .notification-bx a .text .view{
    color: #fff;
    padding: 4px 15px;
    border-radius: 50px;
    width: fit-content;
    font-size: 14px;
    font-weight: 300;
    background-color: var(--main-blue);
}
.user-item a.show-all{
    text-align: center;
    color: var(--main-blue);
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.user-item a.show-all:hover{
    color: var(--main-blue);
    background-color: transparent;
}
.select2-dropdown{
    z-index: 9999;
}
.exp-bx .content-data .data .user .text .edit-btns{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.exp-bx .content-data .data .user .text .edit-btns .uplod-btn{
    padding: 10px 20px;
    color: #00174C;
    border-radius: 50px;
    border: 1px solid #00174C;
    background-color: #fff;
    cursor: pointer;
    width: fit-content;
}
.exp-bx .content-data .data .user .text .edit-btns .delete-profile-img{
    padding: 10px 30px;
    color: #D92D20;
    border-radius: 50px;
    border: 1px solid #FCEEEE;
    background-color: #FCEEEE;
    cursor: pointer;
    width: fit-content;
}
.company-exp-bx{
    display: flex;
    flex-wrap: wrap;
}
.company-exp-bx .company-tabs-list{
    width: 33.33333%;
    padding-top: 20px;
    padding-inline-end: 50px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.company-exp-bx .company-tabs-list h3{
    font-weight: 600;
    font-size: 18px;
    word-break: break-all;
}
.company-exp-bx .company-tabs-list .back-link{
    color: #00174C;
}
.company-exp-bx .company-tabs-list .back-link a{
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: #00174C;
}
.company-exp-bx .company-tabs-list .back-link img{
    width: 12px;
}
.company-exp-bx .company-tabs-list .links-list ul{
    padding: 0;
    margin: 0;
}
.company-exp-bx .company-tabs-list .links-list ul li{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-inline-end: 20px;
    padding-inline-start: 0;
    list-style: none;
}
.company-exp-bx .company-tabs-list .links-list ul li.active{
    border-bottom: 3px solid #004EFF !important;
}
.company-exp-bx .company-tabs-list .links-list ul li a{
    text-decoration: none;
    color: #00174C;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.company-exp-bx .exp-bx{
    width: 66.666666%;
    padding: 30px;
    flex-direction: column;
    gap: 15px 15px;
}
.company-exp-bx .exp-bx h2{
    font-weight: 600;
    font-size: 21px;
}
.company-exp-bx .required-text{
    color: #7F8BA5;
    font-size: 14px;
}
.company-exp-bx .form-btns{
    display: flex;
    gap: 15px;
    margin-top: 20px;
    justify-content: flex-end;
}
.company-exp-bx .form-btns button{
    border: 0;
    border-radius: 50px;
    padding: 10px 25px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.company-exp-bx .form-btns button.next{
    color: #fff;
    background-color: var(--main-blue);
}
.company-exp-bx .form-btns .next{
    border-radius: 50px;
    padding: 10px 25px;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    color: #fff;
    background-color: var(--main-blue);
}
.uplad-file-bx{
    width: 100%;
    height: 44px;
    border: 1px solid #D9DDE4;
    border-radius: 50px;
    display: flex;
    padding: 0 5px;
    align-items: center;
    position: relative;
}
.uplad-file-bx .upload-label {
    height: 32px;
  background-color: #fff;
  color: #00174C;
  padding: 0 0.5rem;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #00174C;
  white-space: nowrap;
}
    .uplad-file-bx .file-name {
        margin-left: 0.3rem;
        font-family: sans-serif;
        word-break: break-word;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 0.3rem;
    }
#documentModal .modal-body{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
#documentModal .modal-body img{
    margin-bottom: 20px;
}
#documentModal .modal-body h3{
    font-weight: 600;
    font-size: 19px;
    color: #00174C;
    margin-bottom: 0;
}
#documentModal .modal-body p{
    font-size: 15px;
    color: #7F8BA5;
}
#documentModal .modal-header{
    border-bottom: 0;
}
#documentModal .modal-header .btn-close{
    font-size: 12px;
}
#documentModal .modal-footer{
    border-top: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
#documentModal .modal-footer .btn{
    border-radius: 50px;
    padding: 10px 30px;
    margin-bottom: 15px;
}
#documentModal .modal-footer .btn.edit{
    background-color: #fff;
    border: 1px solid #7F8BA5;
    color: #00174C;
}
#documentModal .modal-footer .btn.go-home{
    color: #fff;
    background-color: var(--main-blue);
}
#deleteFile1{
    display: none;
    position: absolute;
    inset-inline-end: 15px;
    cursor: pointer;
}
.sizes-bx{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sizes-bx .size{
    padding: 5px 15px;
    background-color: #F1F2F5;
    color: #00174C;
    cursor: pointer;
    border-radius: 50px;
    font-size: 13px;
}
.uplad-file-bx .remove-icon{
    display: none;
    position: absolute;
    inset-inline-end: 15px;
}
.error-msg-popup{
    position: absolute;
    top: 70px;
    width: calc(100% - 120px);
    inset-inline-start: 60px;
    background-color: #fff;
    color: #00174C;
    border-top: 3px solid #D92D20;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-radius: 0 0 12px 12px;
    padding: 20px;
}
.error-msg-popup h3{
    color: #00174C;
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
}
.error-msg-popup i{
    color:#D92D20;
    margin-inline-end: 5px;
}
.error-msg-popup p{
    color: #00174C;
    margin-bottom: 0;
    font-size: 15px;
    padding-inline-start: 20px;
}
.pt-75{
    padding-top: 75px;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 0;
    border-radius: 50px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--main-blue);
    border-color: var(--main-blue);
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
    margin-inline-end: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 0 15px;
}
.select2-container .select2-selection--multiple{
    min-height: 44px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 10px 15px;
}
.form-control.k-widget{
    width: 100%;
}
.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input{
    border-radius: 50px !important;
}
.form-btns .btn.clear{
    color: #004EFF;
}
.form-btns .btn.clear:focus{
    background-color: #fff !important;
    border: 0 !important;
}
.edit-profile-bx .text-data .skills-bx .desc{
    margin-top: -5px;
}
/*.filter-dropdown > .offcanvas-backdrop:nth-child(2n) {
    display: none ;
}*/
/*.filter-dropdown > .offcanvas-backdrop ~ .offcanvas-backdrop{
    display: none !important;
}*/
/*.filter-dropdown > .offcanvas-backdrop:nth-of-type(1) {
    display: none !important;
}*/
.filter-dropdown .btn:hover,
.filter-dropdown .btn:focus {
    cursor: pointer;
    background-color: #fff !important;
    border-color: #ced4da !important;
    color: var(--dark-color) !important;
}
/*.accordion-collapse.selected{
    display: none !important;
}*/
#documentModal .modal-footer .btn.edit:focus{
    cursor: pointer;
    background-color: #fff !important;
    border-color: #7F8BA5 !important;
    color: var(--dark-color) !important;
}
.accordion .filter-collapse{
  text-decoration: none;
  display: flex;
  gap: 7px;
  text-transform: capitalize;
  color: var(--black-text);
  position: relative;
}
.accordion .filter-collapse .collapse_plus_icon{
    width: 15px;
    height: 15px;
    border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 2px solid var(--main-blue);
  background-image: url(../images/add_blue.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.accordion .filter-collapse .collapse_plus_icon.minus{
    background-image: url(../images/minus_blue.svg);
}
.accordion .filter-collapse{
    padding-top: 5px;
    padding-bottom: 5px;
}
.accordion .filter-item{
    margin-bottom: 10px;
}
.accordion .checked-bx .row{
    display: grid;
    grid-template-columns: auto auto;
}
.offcanvas .form-action{
    margin-top: 40px;
}
.offcanvas .form-action div {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.offcanvas .form-action .btn.tab-btn.save-btn {
    width: 100%;
    margin: 15px auto 0;
}
.offcanvas .form-action .btn,
.offcanvas .form-action .btn:hover{
    width: calc(50% - 5px);
    min-width: auto;
    padding: 10px 25px;
    border-radius: 50px;
}
.offcanvas .btn.light-btn,
.offcanvas .btn.light-btn:focus {
    background-color: #fff !important;
    border: 1px solid #00174C;
    color: #00174C;
}
.offcanvas .btn.tab-btn,
.offcanvas .btn.tab-btn:focus {
    background-color: #2967f4;
    border: 1px solid #2967f4;
    color: #fff;
}
.action .btn:focus{
    background-color: #fff !important;
    border: 0 !important;
}
.add-modal .modal-footer{
    border-top: 0;
}
.modal-body .alert-icon img{
    width: 70px;
    margin-bottom: 10px;
    filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(5113%) hue-rotate(224deg) brightness(101%) contrast(106%);
}
#confirmModal .modal-body{
    text-align: center;
}
.job-details-bx .title .end-content .apply form button:focus{
    background-color: transparent !important;
    border: 0 !important;
}
.title select{
    width: fit-content;
    border: 0;
    cursor: pointer;
}
#confirmCompleteModal .modal-body{
    text-align: center;
}
#confirmCompleteModal .modal-body i{
    font-size: 46px;
    margin-bottom: 20px;
    color: var(--main-blue);
}
#apply_btnNotPublished.active-btn{
    background-color: #eee;
    color: #999;
}
#latesTJobsPartial .latest-jobs-list{
    list-style: none;
    padding: 0;
}
#latesTJobsPartial h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-color);
    margin-bottom: 15px;
}
.jobIcon.active-job {
    filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(5113%) hue-rotate(224deg) brightness(101%) contrast(106%);
}
.applicant-item .header-content .actions span.active-icon {
    background-color: #ffeae6;
}

    .applicant-item .header-content .actions span.active-icon img {
        filter: brightness(0) saturate(100%) invert(70%) sepia(34%) saturate(7465%) hue-rotate(331deg) brightness(98%) contrast(85%);
    }
.select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: 30px !important;
}

.select2-selection--multiple .select2-selection__rendered:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid #888;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    cursor: pointer;
}
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #ced4da !important;
}
.card-top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}
.card-bx .page-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-color);
    text-transform: capitalize;
    word-break: break-word;
}
.jobs-status .nav-bx {
    display: flex;
    justify-content: center;
}
.jobs-status .nav-pills {
    border-radius: 50px;
    background-color: #f7f7f7;
}
.jobs-status .nav-pills .nav-link.active {
    color: #fff;
    font-weight: 400;
    background-color: var(--main-blue);
}
.jobs-status .nav-pills .nav-link {
    padding: .8rem 3rem;
    border-radius: 50px;
    color: var(--main-blue);
    font-weight: 600;
    font-size: 16px;
    color: var(--dark-color);
    text-transform: capitalize;
}
.jobs-bx {
    padding-top: 10px;
}
.interview_item {
    width: 100%;
    max-width: 100%;
    background-color: #f3f5f7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
}
.interview_item .avatar-img {
    width: 150px;
}
.interview_item .avatar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.interview_item h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-color);
    text-transform: capitalize;
}
.jobs-bx .interview_item .owner-info {
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    gap: 15px;
    flex-wrap: wrap;
}
.jobs-bx .interview_item .owner-info span {
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
    gap: 5px;
    line-height: 1;
}
.interview_item .data-info-text {
    font-size: 16px;
}
.jobs-status .tab-content {
    padding-top: 15px;
    width: 100%;
}
.jobs-status h3 {
    font-size: 1.5rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--dark-color);
}
.offer_details {
    background-color: #f3f5f7;
    padding: 20px;
    border-radius: 10px;
}
.job-offer-bx .header-info-data {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 0 20px;
    gap: 20px;
    justify-content: space-between;
}
.job-offer-bx .header-info-data .main-data {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}
.job-offer-bx .header-info-data .main-data h3 {
    font-size: 19px;
    font-weight: 700;
    color: var(--dark-color);
    text-transform: capitalize;
}
.job-offer-bx .header-info-data .main-data .data-info-text {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 13px;
}
.job-offer-bx .header-info-data .main-data .data-info-text span {
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
}
.job-offer-bx .textOf-offer {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
}
.btn.tab-btn,
.btn.tab-btn:focus,
.btn.tab-btn:hover{
    color: #fff;
    padding: 7px 25px;
    border-radius: 50px;
    background-color: var(--main-blue);
}
.btn.light-btn,
.btn.light-btn:focus,
.btn.light-btn:hover{
    color: var(--main-blue);
    background-color: transparent;
    border: 0;
}
.job-offer-bx .job-offer-action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    padding-top: 40px;
}
#acceptModal .modal-header {
    border-bottom: 0;
}
#acceptModal .modal-footer {
    border-top: 0;
}
#acceptModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
#acceptModal .modal-footer .btn.cancel-btn {
    background-color: #fff;
    color: #00174C;
}
#acceptModal .modal-footer .btn.delete-btn {
    color: #fff;
    background-color: #004EFF;
}
#acceptModal .modal-body {
    text-align: center;
}
#acceptModal .modal-body i{
    font-size: 46px;
    margin-bottom: 20px;
    color: var(--main-blue);
}
#acceptModal .modal-body h3{
    font-size: 26px;
    font-weight: bold;
}
#acceptModal .modal-body p{
    font-size: 16px;
}
.emojy-img {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.emojy-img img{
    width: 200px;
}
.card-top-header.interview-tabs {
    justify-content: center;
    flex-direction: column;
}
.card-bx .card-top-header.interview-tabs .page-title {
    width: 100%;
    padding-top: 15px;
}
h3.not-exist{
    color: var(--dark-color);
    font-size: 20px;
    margin-top: 30px;
    font-weight: 600;
}
.interview-list li .data-text {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
}
.interview-list li a {
    text-decoration: none;
}
.interview-list li .data-text h3 {
    font-size: 1.2rem;
    text-transform: capitalize;
    font-weight: 800;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 0;
}
.interview-list li .data-text p {
    text-align: start;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--main-blue);
    text-transform: capitalize;
}
.interview-list li span i {
    font-size: 1.4rem;
}
.interview-list {
    padding: 0;
    margin: 0;
}
.interview-list li {
    list-style: none;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray-border);
}
.interview-list li:last-child {
    border-bottom: 0;
}
.applicant-item {
    width: 100%;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 16px;
    background-color: #fafafa;
}
.interview-tabs .applicant-item .candidate-details {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.applicant-item .header-content {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.applicant-item .header-content .data {
    display: flex;
    align-items: center;
    gap: 15px;
}
.img_holder {
    position: relative;
}
.applicant-item .header-content .data img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.flag-bx {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-blue);
}
.applicant-item .header-content .data .flag-bx img {
    width: 20px;
    height: 20px;
}
.applicant-item .header-content .data span h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: left;
    margin-bottom: 5px;
    color: var(--black-text);
}
.applicant-item .header-content .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.applicant-item .header-content .actions span.action-btn {
    width: auto;
    height: auto;
    padding: 6px 15px;
    line-height: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-blue);
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    border: 1px solid var(--main-blue);
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 5px;
}
.applicant-item .header-content .actions span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #e0e9ff;
}
.applicant-item .header-content .actions span img {
    width: 15px;
    height: auto;
}
.interview-tabs .applicant-item .candidate-details .labels-bx {
    padding: 0;
}
.labels-bx {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.labels-bx .label-text.interview_card {
    color: #333;
    background-color: #fff;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 14px;
}
.labels-bx .label-text {
    color: #fff;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 4px 15px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    background-color: var(--main-blue);
}
.cart_bx {
    display: flex;
    gap: 15px;
}
.cart_edit_icon {
    margin-left: 10px;
}
.labels-bx .label-text.interview_card img {
    width: 18px;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(35%) sepia(93%) saturate(7201%) hue-rotate(226deg) brightness(103%) contrast(97%);
}
.experience-bx {
    position: relative;
}
.areas-exp h4, .applicant-item .experience-bx h4 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    color: var(--black-text);
}
.applicant-item .experience-bx ul {
    padding-top: 0;
}
.experience-bx ul {
    margin: 0;
    padding: 15px 0;
}
.experience-bx ul li:last-child {
    margin-bottom: 0;
}
.experience-bx ul li {
    position: relative;
    list-style: none;
    padding-left: 70px;
    margin-bottom: 30px;
}
.experience-bx.no-list ul li img {
    z-index: 99;
    background-color: #fff;
    border: 1px solid var(--gray-border);
}
.experience-bx ul li img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    width: 55px;
    height: 55px;
}
.applicant-item .experience-bx ul li h4 {
    font-size: 16px;
    font-weight: 600;
}
.experience-bx ul li h4:first-child {
    text-transform: capitalize;
}
.applicant-item .experience-bx ul li p {
    font-weight: 500;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-bottom: 0;
    align-items: baseline;
}
.experience-bx ul li p {
    font-size: 13px;
    margin-bottom: 0;
    color: var(--gray-text);
    text-transform: capitalize;
}
.title.select-filter-bx {
    height: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}
.select-filter-bx p{
    margin-bottom: 0;
}
.title.select-filter-bx .select2-container--default .select2-selection--single{
    border: 0;
}
.latest-jobs-list .job.border-card{
    height: 100%;
    margin-bottom: 0;
}
.latest-jobs-list .job-result-bx{
    padding-inline-end: 0;
}
.job-result-bx .text .data span{
    display: flex;
    align-items: baseline;
    gap: 5px;
    line-height: 1;
}
.interview-cv {
    margin-bottom: 25px;
}
.applicant-item {
    width: 100%;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 16px;
    background-color: #fafafa;
}
.recruiter-offer .applicant-item .candidate-details {
    border-bottom: 0;
}
.interview-tabs .applicant-item .candidate-details {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.recruiter-offer .applicant-item .header-content {
    align-items: start;
}
.applicant-item .header-content {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.applicant-item .header-content .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.recruiter-offer .applicant-item .header-content .actions button.action-btn {
    width: auto;
    height: auto;
    padding: 6px 15px;
    line-height: 1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-blue);
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid var(--main-blue);
    background-color: #fff;
}
.recruiter-offer .applicant-item .header-content .actions button.action-btn.fill_color {
    color: #fff;
    background-color: var(--main-blue);
}
.recruiter-offer .applicant-item .owner-info:last-child {
    padding-bottom: 0;
}
.recruiter-offer .applicant-item .owner-info {
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    gap: 15px;
    flex-wrap: wrap;
}
.recruiter-offer .applicant-item .owner-info span.info-title {
    color: var(--black-text);
    font-weight: 700;
}
.recruiter-offer .applicant-item .owner-info span {
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 15px;
    margin-bottom: 5px;
}
.recruiter-offer .applicant-item .offer-text {
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
    text-align: start;
}
.recruiter-offer .applicant-item .header-content {
    align-items: start;
}
.applicant-item .header-content {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.applicant-item .header-content .data {
    display: flex;
    align-items: center;
    gap: 15px;
}
.img_holder {
    position: relative;
}
.applicant-item .header-content .data {
    display: flex;
    align-items: center;
    gap: 15px;
}
.applicant-item .header-content .data img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.applicant-item .header-content .data span h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: left;
    margin-bottom: 5px;
    color: var(--black-text);
}
.offer_list {
  background-color: #f3f5f7;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}
.job-offer-bx .header-info-data .view-btn {
    padding: 6px 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase !important;
    color: var(--main-blue);
    text-transform: capitalize;
    background-color: #e0e9ff;
    text-decoration: none;
    transition: .3s;
}
.recruiter-offer .footer_title {
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
}
.select-with-actions .popup_offer_btns {
  gap: 8px;
  padding: 0;
}
.popup_offer_btns {
  display: flex;
  gap: 20px;
  padding: 10px 0;
  align-items: flex-start;
}
.popup_offer_btns .form-check {
  padding-left: 0;
}
.popup_offer_btns .form-check {
  min-height: auto;
  align-items: end;
  margin: 0;
}
.save_offer_btn {
    padding: 0 15px;
    height: 48px;
    border-radius: 4px;
    background-color: #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 45px;
    text-align: center;
    font-size: 20px;
    color: #0f54fb;
    position: relative;
    cursor: pointer;
}
.save_offer_btn::before {
  content: '\f02e';
  font-family: 'font awesome 5 free';
  font-style: normal;
  font-weight: 400;
}
.save_offer_btn {
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #0f54fb;
    cursor: pointer;
}
.hide-name {
    line-height: 1;
}
#IsSaved {
    width: 45px;
    height: 48px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    float: none;
    margin-left: 0;
    cursor: pointer;
}
.popup_offer_btns button.delete_offer_btn {
    padding: 0 15px;
    height: 48px;
    border-radius: 4px;
    background-color: #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 45px;
    text-align: center;
    font-size: 20px;
    color: #0f54fb;
}
.popup_offer_btns button img {
    width: 16px;
    height: 16px;
    border: 1px solid #d90000;
    border-radius: 4px;
}
.select-with-actions {
    display: flex;
    gap: 8px;
}
.select-with-actions .form-select {
  height: 48px;
}
#jobOfferModalDialog h3 {
    font-size: 19px !important;
    font-weight: 600 !important;
    width: 100% !important;
    margin-bottom: 20px;
}
#confirmModal .modal-header {
    border-bottom: 0;
}
#confirmModal .modal-footer {
    border-top: 0;
}
#confirmModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
#confirmModal .modal-footer .btn.cancel-btn {
    background-color: #fff;
    color: #00174C;
}
#confirmModal .modal-footer .btn.delete-btn {
    color: #fff;
    background-color: #004EFF;
}
#confirmModal .modal-body {
    text-align: center;
}
#confirmModal .modal-body i{
    font-size: 46px;
    margin-bottom: 20px;
    color: var(--main-blue);
}
#confirmModal .modal-body h3{
    font-size: 26px;
    font-weight: bold;
}
#confirmModal .modal-body p{
    font-size: 16px;
}
#SendJobs{
    display: flex;
    gap: 7px;
    align-items: center;
    flex-direction: row-reverse;
}
#SendJobs i{
    color: var(--main-blue);
}
#SendJobs i.active-send-job{
    display: flex;
}
#SetAlertModal .bill-icon{
    width: 24px;
    height: 24px;
    background-image: url('../images/user/JobAlertUnFilled.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
#SetAlertModal .bill-icon.active-bill {
    background-image: url('../images/user/jobAlertFilled.svg');
}
#SetAlertModal.alert-btn{
    gap: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    display: flex;
    gap: 5px;
    flex-direction: row-reverse;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-inline-end: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color: #fff;
}
.form-bx .form-btns .btn.cancel:focus {
    background-color: #fff !important;
    color: #00174C !important;
    border: 0 !important;
}
.verify-bx.alert-verify-bx .content{
    display: none;
    border-top: 3px solid var(--main-blue);
}
.verify-bx.alert-verify-bx .content .icon{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}
.verify-bx.alert-verify-bx .content .icon .info-icon{
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-blue);
}
.verify-bx.alert-verify-bx .content a{
    text-decoration: none;
    color: var(--main-blue);
    cursor: pointer;
    margin-top: 7px;
    display: inline-flex;
}
.verify-bx.alert-verify-bx .content .title span{
    cursor: pointer;
}
.filter-items .alert-btn{
    white-space: nowrap;
}
.refer-friend-bx {
    padding: 40px 0 20px;
}
.refer-img-bx {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.refer-img-bx img {
  width: 160px;
  height: auto;
}
.refer-friend-bx p {
  width: 400px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: rgba(0,0,0,.6);
  text-align: center;
}
.refer-friend-bx .inputs-bx {
    width: 420px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 30px 0 20px;
}
.tooltip2 {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    display: flex;
    border-radius: 0 50px 50px 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #ced4da;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(206, 212, 218);
    border-left: 0;
}
.tooltip2 button {
  border: 0;
  background-color: transparent;
}
.enter-email {
    border-radius: 50px;
    border: 1px solid #ced4da;
}
.enter-email .form-control {
  border: 0;
  border-radius: 50px 0 0 50px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.enter-email .btn {
  color: #fff;
  border-radius: 50px !important;
  padding: .375rem 3rem;
  border: 0;
  background-color: var(--main-blue);
}
.refer-friend-bx .terms-link {
    width: 100%;
    text-align: center;
}
.refer-friend-bx .terms-link a {
  font-weight: 500;
  font-size: 16px;
  color: var(--main-blue);
}
.refer-friend-bx .inputs-bx .copy-link .form-control {
    border-right: 0;
    border-radius: 50px 0 0 50px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.tooltip2 {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    display: flex;
    border-radius: 0 50px 50px 0;
    border: 1px solid #ced4da;
    border-left: 0;
}
.tooltip2 .tooltip2text {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip2 .tooltip2text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip2:hover .tooltip2text {
  visibility: visible;
  opacity: 1;
}
.tooltip2 button{
    border: 0;
    background-color: transparent;
}
.aboutUs-bx {
    padding-top: 15px;
}
.aboutUs-bx p {
  font-size: 1rem;
  color: rgba(0,0,0,.56);
  text-transform: lowercase;
  text-align: left;
}
.about-img-bx {
    width: 100%;
    height: 300px;
}
.about-img-bx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutUs-bx ul {
    padding: 0 0 0 15px;
}
.aboutUs-bx p {
    font-size: 1rem;
    color: rgba(0,0,0,.56);
    text-transform: lowercase;
    text-align: left;
}
.contactUs-bx {
    padding: 25px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 2;
    position: relative;
}
.contactUs-bx .banner-img {
  width: 100%;
  height: 350px;
  position: relative;
}
.contactUs-bx .banner-img .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: rgba(0,0,0,.5);
}
.contactUs-bx .banner-img .overlay h3 {
  font-size: 1.8rem;
  font-weight: 800;
  text-transform: capitalize;
  text-align: center;
  color: #fff;
}
.contactUs-bx .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contactUs-bx .social-bx {
  width: 84%;
  height: 100%;
  margin: -80px auto 0;
  display: flex;
  flex-wrap: wrap;
  z-index: 99;
  position: relative;
  gap: 30px;
  justify-content: center;
}
.contactUs-bx .social-bx .social-item {
  width: calc(100% / 3);
  height: 100%;
  cursor: pointer;
}
.contactUs-bx .social-bx .social-item a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 16px;
  padding: 50px 15px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;
}
.contactUs-bx .social-bx .social-item img {
  width: 70px;
  height: 70px;
}
.contactUs-bx .social-bx .social-item span {
  font-size: 1.34rem;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  color: rgba(0,0,0,.6);
}
.create-job-btn {
    color: var(--main-blue);
    text-decoration: none;
    padding: 7px 40px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
    text-transform: capitalize;
    border: 1px solid var(--main-blue);
}
.jobs-status .tab-content {
    padding-top: 15px;
    width: 100%;
}
.jobs-status .tab-content>.active {
    width: 100%;
}
.jobs-bx {
    padding-top: 10px;
}
.jobs-bx ul.jobs_list {
    margin: 0;
    padding: 0;
}
.jobs-bx ul.jobs_list li {
    list-style: none;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #F3F5F7;
    display: flex;
    align-items: start;
    position: relative;
    justify-content: space-between;
}
.seeker-post {
    display: flex;
    gap: 15px;
    max-width: 60%;
}
.jobs-bx ul.jobs_list li .job-header {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 7px;
    justify-content: space-between;
}
.jobs-bx ul.jobs_list li .job-header h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--black-text);
    text-transform: capitalize;
}
.jobs-bx ul.jobs_list li .owner-info {
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    gap: 15px;
    flex-wrap: wrap;
}
.jobs-bx ul li.jobs_list .owner-info:last-child {
    padding-bottom: 0;
}
.jobs-bx ul.jobs_list li .owner-info span {
    display: flex;
    align-items: baseline;
    gap: 5px;
    line-height: 1;
}
.jobs-bx ul.jobs_list li .owner-info span {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 5px;
}
.jobs-bx ul.jobs_list li .data-bx {
    display: flex;
    flex-direction: column;
}
.jobs-bx ul.jobs_list li .job-header {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 7px;
    justify-content: space-between;
}
.jobs-bx ul.jobs_list li .job-header .data-items {
    display: flex;
    align-items: center;
    gap: 10px;
}
.jobs-bx ul.jobs_list li .job-header .data-items .btn {
    line-height: 1;
    padding: 7px 30px;
    font-size: 14px;
    border: 1px solid #DB1C33 !important;
    border-radius: 50px;
    color: #DB1C33;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    background-color: transparent;
}
.jobs-bx ul.jobs_list li .job-header .fav {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--main-blue);
    background-color: #e7eeff;
    transition: .3s;
}
.jobs-bx ul.jobs_list li .job-header .fav img {
    width: 17px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(95%) saturate(3829%) hue-rotate(224deg) brightness(98%) contrast(101%);
}
.jobs-bx ul.jobs_list li .job-header .data-items a img {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(20%) sepia(3%) saturate(18%) hue-rotate(314deg) brightness(98%) contrast(99%);
}
.data-bx .post-time {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: baseline;
    gap: 7px;
    align-items: baseline;
    line-height: 1;
}
.data-bx .post-time .time {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-text);
    text-transform: capitalize;
}
.data-bx .application-num {
    padding: 4px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black-text);
    font-size: 13px;
    font-weight: 500;
    border: 0;
    white-space: nowrap;
    background-color: #DEE8FF;
}

.jqte_test[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none;
}
.post-bx {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #FAFAFA;
}
.post-container {
    padding: 20px 0;
}
.post-bx h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-text);
    text-transform: capitalize;
}
.hide-name {
    height: 100%;
    display: flex !important;
    align-items: flex-end;
    gap: 10px;
    padding-bottom: 0;
    line-height: 1;
}
.hide-name .form-check-input {
    margin-top: 0;
}
.post-bx label.form-check-label {
    min-height: auto;
}
.post-bx label {
    display: flex;
    gap: 5px;
    align-items: center;
    min-height: 27px;
    flex-direction: row-reverse;
    justify-content: start;
}
.hide-name label {
    line-height: 1;
}
.labels-bx {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.labels-bx .plus-label {
    padding: 4px 15px;
    border-radius: 6px;
    background-color: #fff;
    color: var(--main-blue);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
    text-transform: capitalize;
    cursor: pointer;
}
.labels-bx .plus-label i {
    font-size: 0.8rem;
}
.jobs-data {
    width: 100%;
}
.jobs-data .data-bx {
    height: calc(100% - 15px);
    margin-bottom: 15px;
}
.jobs-data .data-bx {
    height: 100%;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.09);
}
.jobs-data .data-bx h3 {
    width: calc(100% - 70px);
    font-size: 16px;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
}
.jobs-data .data-bx p {
    font-size: 1rem;
    font-weight: 500;
    color: var(--gray-text);
    text-transform: capitalize;
    margin-bottom: 0;
    display: inline-block;
}
.about-company .info-labels p, .post-bx p {
    word-break: break-word;
    font-size: 12px;
}
.jobs-data .action-btns {
    position: absolute;
    top: 15px;
    display: flex;
    gap: 7px;
    inset-inline-end: 15px;
}
.jobs-data .action-btns span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.8rem;
    color: var(--main-blue);
    background-color: #e7eeff;
}
.jobs-data .action-btns span i {
    font-size: 0.85rem;
}
.search-job-btn {
    width: 100%;
    padding-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
}
.search-job-btn .btn,
.search-job-btn .btn:hover{
    color: #A5A5A5;
    font-weight: 700;
    font-size: 15px;
    padding: 0.4rem 1.7rem;
    text-transform: uppercase;
    border-color: #D9D9D9;
    background-color: #D9D9D9;
}
.form-action div {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.form-action .btn,
.form-action .btn:hover{
    min-width: 120px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 50px;
    padding: 0.35rem 1.3rem;
    text-transform: uppercase;
    background-color: var(--main-blue);
    color: #fff;
    transition: .3s;
}
.btn.light-btn {
    color: var(--main-blue) !important;
    border-color: #e0e9ff !important;
    background-color: #e0e9ff !important;
    padding: 7px 25px !important;
    border-radius: 50px !important;
}
.labels-bx .plus-label img {
    width: 18px;
    filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(5954%) hue-rotate(225deg) brightness(99%) contrast(100%);
}
.jobs-data .data-bx .form-control{
    border-radius: 50px;
}
.compare-candidates{
  padding: 0 0 7px;
  display: flex;
  justify-content: flex-end; 
}
.compare-candidates span{
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #E86C4D;
  /*text-decoration: underline;*/
  cursor: pointer;
}
.compare-candidates span a{
  color: #E86C4D;
}
.compare-candidates span a.disaple-compare span{
    color: #c1c1c1 !important;
}
.disaple-compare {
    pointer-events: none;
    color: #c1c1c1 !important;
}
.applicant-item .header-content .actions span.selected-cv{
  background-color: #ffeae6;
}
.applicant-item .header-content .actions span.selected-cv img{
  filter: brightness(0) saturate(100%) invert(70%) sepia(34%) saturate(7465%) hue-rotate(331deg) brightness(98%) contrast(85%);
}
.applicant-item .bottom-content .download-cv{
  display: flex;
  gap: 7px;
  color: var(--main-blue);
  font-weight: 600;
  text-transform: capitalize;
  font-size: 13px;
}
.applicant-item .bottom-content .download-cv img{
  width: 20px;
  height: auto;
}
.show-icon {
    position: relative;
}
.show-icon .input-group-append{
  position: absolute;
  top: 9px;
}
.show-icon .input-group-text{
  border: 0;
  padding: 0;
  width: 23px;
  height: 30px;
  background-color: transparent;
}
.show-icon .input-group-text i.fa-eye-slash::before{
  background-image: url(../images/codicon_eye-closed.svg);
  background-size: 18px 20px;
  display: inline-block;
  width: 18px; 
  height: 20px;
  content:"";
}
.show-icon .input-group-text i.fa-eye::before{
  background-image: url(../images/codicon_eye-open.svg);
  background-size: 18px 20px;
  display: inline-block;
  width: 18px; 
  height: 20px;
  content:"";
}
.show-icon .form-control{
    border-radius: 50px;
}
.auth-form .btn:hover {
    border-color: var(--hover-color);
    background-color: var(--hover-color);
}
.auth-form .btn.form-btn {
    width: 100%;
    height: 40px;
    display: flex;
    font-weight: 500;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 50px;
    border-color: var(--main-blue);
    background-color: var(--main-blue);
}
.aboutUs-bx {
    padding-top: 15px;
}
.alerts-container{
  padding: 30px 0 0;
}
.alert-bx{
  width: 100%;
  padding: 17px 25px;
  margin-bottom: 15px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F7F7F7;
  transition: .3s;
}
.alert-bx p{
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
  color: var(--black-text);
  text-transform: capitalize;
}
.alert-bx .action-btns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.alert-bx .action-btns span{
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #fff;
}
.alert-bx .action-btns a{
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #fff;
}
.alert-bx .action-btns button{
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #fff !important;
}
.alert-bx .action-btns span.delete{
  color: var(--orange-color);
}
.alert-bx .action-btns button.delete{
  color: var(--orange-color);
}
.alert-bx.active{
  background-color: var(--main-blue);
}
.alert-bx.active p{
  color: #fff;
}
.alert-bx.active .action-btns span{
  color: #fff;
  background-color: var(--hover-color);
}
.alert-bx.active .action-btns span.delete{
  color: #fff;
}
.alert-bx:hover{
  background-color: var(--main-blue);
}
.alert-bx:hover p{
  color: #fff;
}
.alert-bx:hover .action-btns button{
  color: #fff;
  background-color: var(--hover-color) !important;
}
.alert-bx:hover .action-btns a{
    color: #fff;
    background-color: var(--hover-color) !important;
}
.alert-bx .action-btns button{
    background-color: transparent;
}
.alert-bx:hover .action-btns button i{
    color: #fff;
}
.alert-bx:hover .action-btns span.delete{
  color: #fff;
}
.search_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(5954%) hue-rotate(225deg) brightness(99%) contrast(100%);
}
.edit_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(5954%) hue-rotate(225deg) brightness(99%) contrast(100%);
}
.delete_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(3695%) hue-rotate(355deg) brightness(86%) contrast(122%);
}
.alert-bx:hover .search_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7429%) hue-rotate(177deg) brightness(114%) contrast(101%);
}
.alert-bx:hover .edit_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7429%) hue-rotate(177deg) brightness(114%) contrast(101%);
}
.alert-bx:hover .delete_icon {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(7429%) hue-rotate(177deg) brightness(114%) contrast(101%);
}
.alert-bx:hover .action-btns button{
  color: #fff;
  background-color: var(--hover-color) !important;
}
.alert-bx:hover .action-btns a{
    color: #fff;
    background-color: var(--hover-color) !important;
}
.alert-bx .action-btns button{
    background-color: transparent;
}
.alert-bx:hover .action-btns button i{
    color: #fff;
}
#editAlertModal .k-autocomplete .k-input {
    border-radius: .375rem !important;
}
#editAlertModal .k-autocomplete {
    border: 1px solid #ced4da !important;
    border-radius: .375rem !important;
}
#editAlertModal .form-select.k-input {
    background-image: none;
    border: 0 !important;
    border-radius: .375rem !important;
}
#editAlertModal .modal-header{
  border-bottom: 0;
  padding: 20px 30px;
}
#editAlertModal .modal-body{
  padding: 0 30px;
}
#editAlertModal .modal-header h1{
  font-weight: 700;
  text-transform: capitalize;
  font-size: 21px;
}
#editAlertModal .modal-header .btn-close{
  display: none;
}
#editAlertModal .form-label{
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
}
#editAlertModal .form-control,
#editAlertModal .form-select{
  min-height: 44px;
  font-size: 12px;
}
#editAlertModal .chosen-container-single .chosen-single{
  height: 44px;
  line-height: 2.1;
}
#editAlertModal .form-action{
  padding: 20px 0 15px;
  display: flex;
  gap: 10px;
}
#editAlertModal .modal-footer{
  border-top: 0;
}
.jobs-bx{
  padding-top: 10px;
}
.jobs-bx ul{
  margin: 0;
  padding: 0;
}
.jobs-bx ul li{
  list-style: none;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #F3F5F7;
  display: flex;
  align-items: start;
  position: relative;
  justify-content: space-between;
}
.jobs-bx.notification-bx ul li {
    background-color: #e7eeff;
}
.jobs-bx.notification-bx ul li.read {
    background-color: #F3F5F7 !important;
}
.jobs-status .tab-content .jobs-bx ul li p{
  text-align: justify;
}
.notification-item .data p {
    padding-top: 0;
    /*text-transform: lowercase;*/
    line-height: 1;
    margin-bottom: 5px;
    font-size: 13px;
}
.jobs-bx ul li .job-header{
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 7px;
  justify-content: space-between;
}
.jobs-bx ul li .job-header h4{
  font-size: 16px;
  font-weight: 700;
  color: var(--black-text);
  text-transform: capitalize;
}
.jobs-bx ul li .job-header .time{
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-text);
  text-transform: capitalize;
  padding-right: 15px;
}
.jobs-bx ul li .job-header .apply{
  padding: 7px 25px;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin: 0 5px;
  text-transform: uppercase;
  background-color: var(--main-blue);
  cursor: pointer;
  line-height: 1;
  transition: .3s;
}
.jobs-bx ul li .job-header .apply.deactivate{
  background-color: #C9C9C9 !important;
}
.jobs-bx ul li .job-header .apply.deactivate:hover{
  cursor: default;
  background-color: #C9C9C9 !important;
}
.jobs-bx ul li .job-header .apply:hover{
  background-color: var(--hover-color);
}
.jobs-bx ul li .job-header .fav{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #e7eeff;
  transition: .3s;
}
.jobs-bx ul li .job-header .fav span{
    width: 22px;
    height: 22px;
    background-image: url(../images/heart-blue.svg);
    background-size: 22px;
}
.jobs-bx ul li .job-header .fav span.red-background{
    background-image: url(../images/heart-red.svg);
}
.jobs-bx ul li .job-header .fav img{
    width: 17px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(95%) saturate(3829%) hue-rotate(224deg) brightness(98%) contrast(101%);
}
.jobs-bx ul li .job-header .fav:hover{
  color: var(--dark-brown);
  border-color: var(--dark-brown);
}
.jobs-bx ul li .job-header .data-items{
  display: flex;
  align-items: center;
  gap: 10px;
}
.jobs-bx ul li .owner-info{
  display: flex;
  align-items: baseline;
  padding-bottom: 10px;
  gap: 15px;
  flex-wrap: wrap;
}
.jobs-bx ul li .owner-info:last-child{
  padding-bottom: 0;
}
.jobs-bx ul li .owner-info span{
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  margin-bottom: 5px;
}
.jobs-bx ul li .owner-info span i{
  font-size: 1.1rem;
  color: var(--main-blue);
}
.jobs-bx ul li p{
  margin-bottom: 0;
  font-size: 13px;
  text-transform: capitalize;
  color: var(--gray-text);
  margin-bottom: 0;
  padding-top: 15px;
}
.jobs-status .tab-content>.active{
  width: 100%;
}
.jobs-bx ul li .owner-info span{
  display: flex;
  align-items: baseline;
  gap: 5px;
  line-height: 1;
}
.jobs-bx ul li .owner-info span.info-title{
  color: var(--black-text);
  font-weight: 700;
}
.jobs-bx ul li .data-bx{
  display: flex;
  flex-direction: column;
}
.seeker-search{
  position: relative;
}
.seeker-search .form-control{
  border-radius: 50px;
  width: 250px;
  padding-inline-end: 2.3rem;
  font-size: 13px;
}
.seeker-search span{
  position: absolute;
  inset-inline-end: 15px;
  top: 8px;
}
.seeker-search span i{
  color: var(--main-blue);
}
.seeker-search span img{
  width: 14px;
}
.header-info-bx{
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: space-between;
}
.header-info-bx .profile-img img{
  width: 70px;
  height: 70px;
  border-radius: 16px;
}
.modal-body{
  padding: 0.5rem 2.5rem 1rem;
}
.header-info-bx .right-content{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: start;
  width: auto;
}
.header-info-bx .right-content h3{
  font-size: 17px;
  margin-bottom: 5px;
}
.about-company .profile-img img, .header-info-bx .profile-img img {
    object-fit: cover;
}
.header-info-bx .right-content .info-labels{
  display: flex;
  flex-direction: column;
}
.header-info-bx .right-content .info-labels h3{
  text-align: left;
}
.header-info-bx .left-content{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  width: auto;
}
.header-info-bx .left-content .fav{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #e7eeff;
  transition: .3s;
}
.header-info-bx .left-content .fav img{
    width: 17px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(75%) saturate(4323%) hue-rotate(224deg) brightness(98%) contrast(101%);
}
.header-info-bx .left-content .fav i{
  color: var(--main-blue);
}
.header-info-bx .left-content .apply{
    height: 30px;
  padding: 10px 25px 7px;
  border-radius: 50px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin: 0 5px;
  text-transform: uppercase;
  background-color: var(--main-blue);
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.header-info-bx .left-content .apply:hover{
  background-color: var(--hover-color);
}
.job-status-icons{
    padding: 40px 0 10px;
}
.job-status-icons h3{
    font-size: 18px;
    text-align: start;
    text-transform: capitalize;
}
.status-line{
    display: flex;
    flex-wrap: wrap;
}
.status-line .status-bx{
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.status-line .status-bx p{
    padding-top: 5px;
}
.status-line .status-bx:after{
    position: absolute;
    content: '';
    width: 120px;
    height: 2px;
    top: 25px;
    left: calc(50% + 35px);
    border-top: 1px dashed #aaa;
}
.status-line .status-bx .circle-color{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.status-line .status-bx .circle-color img{
    width: 26px;
    height: 26px;
    margin: 12px;
}
.status-line .status-bx.applied-color .circle-color{
    background-color: #db1c33;
}
.status-line .status-bx.applied-color p{
    color: #db1c33;
}
.status-line .status-bx.applied-color:after{
    border-color: #db1c33;
}

.status-line .status-bx.seen-color .circle-color{
    background-color: #ff7917;
}
.status-line .status-bx.seen-color p{
    color: #ff7917;
}
.status-line .status-bx.seen-color:after{
    border-color: #ff7917;
}

.status-line .status-bx.interview-color .circle-color{
    background-color: #0f54fb;
}
.status-line .status-bx.interview-color p{
    color: #0f54fb;
}
.status-line .status-bx.interview-color:after{
    border-color: #0f54fb;
}

.status-line .status-bx.offer-color .circle-color{
    background-color: #20a83e;
}
.status-line .status-bx.offer-color p{
    color: #20a83e;
}
.status-line .status-bx.offer-color:after{
    border: 0;
}
.about-info span{
  font-weight: 500;
  color: var(--gray-text);
  font-size: 14px;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.about-info span.num{
  padding: 4px 15px;
  line-height: 1;
  text-transform: capitalize;
  color: var(--black-text);
  border-radius: 50px;
  background-color: #DEE8FF;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job-status-icons h3 {
    font-size: 18px;
    text-align: start;
    text-transform: capitalize;
}
.jobs-status h3 {
    font-size: 1.3rem;
    text-align: start;
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 40px;
    color: var(--black-text);
}
.job-desc{
  padding: 15px 0;
}
.job-desc .set-alert {
    width: 100%;
    height: auto;
    margin: 50px 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 6px;
    background-color: #e7eeff;
}
.job-desc .job-title{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
}
.job-desc .job-title h3{
  font-size: 16px;
  font-weight: 800;
  text-transform: capitalize;
  color: var(--black-text);
}
.job-desc .job-title .time{
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--gray-text);
  padding-right: 0;
}
.required-skills h3{
  font-size: 16px;
  font-weight: 800;
  text-align: left;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--black-text);
}
.required-education{
  padding: 20px 0;
}
.required-education h3{
  font-size: 16px;
  font-weight: 800;
  text-align: left;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--black-text);
}
.education-label{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.education-label span{
  padding: 7px 20px;
  background-color: #F3F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: var(--black-text);
  border-radius: 10px;
  font-size: 14px;
}
.education-label span::first-letter{
    text-transform: uppercase;
}
.required-certificate{
  padding-top: 20px;
}
.required-certificate h3{
  font-size: 1.2rem;
  font-weight: 800;
  text-align: left;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--black-text);
}
.education-label span.benefits{
  padding-left: 50px;
  position: relative;
}
.education-label span.benefits .uppercase-text {
    padding: 0;
}
.education-label span.benefits:first-letter {
    text-transform: capitalize;
}
.education-label span.benefits img{
  padding: 7px;
  border-radius: 10px 0 0 10px;
  background-color: var(--main-blue);
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
}
.about-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}
.header-info-bx .left-content .apply.deactivate.wizard-deactivate {
    cursor: pointer;
    background-color: var(--main-blue);
}
.header-info-bx .left-content .apply.deactivate:disabled {
    cursor: auto;
    background-color: #C9C9C9;
}
.fav span {
    background-size: 20px !important;
}
.about-company{
  padding: 30px 0 20px;
}
.about-company .company-info{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: start;
  width: auto;
}
.about-company h3{
  font-size: 17px;
  font-weight: 800;
  text-align: left;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--black-text);
}
.about-company h3 a{
    font-size: 14px;
}
.about-company .profile-img img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.about-company .about-info{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}
.about-company .about-info span{
  font-weight: 500;
  text-transform: capitalize;
  color: var(--gray-text);
  font-size: 14px;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.about-company .info-labels{
  display: flex;
  flex-direction: column;
}
.about-company .info-labels h3{
  text-align: left;
}
.about-company .info-labels p{
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
}
.set-alert p{
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 0;
  padding-top: 0;
  color: var(--black-text);
}
.set-alert a{
  padding: 10px 30px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 50px;
  background-color: var(--main-blue);
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s;
}
.set-alert a:hover{
    color: #fff;
  background-color: var(--main-blue);
}
.modal-footer .tooltip2{
    border: 0;
}
.modal-footer .tooltip2 button{
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
    border: 0;
    font-weight: 700;
    color: var(--main-blue);
    background-color: #e7eeff;
}
.modal-footer .tooltip2 .tooltip2text{
    right: 5px;
    margin-left: 0;
    left: unset;
}
.modal-footer .tooltip2 .tooltip2text::after{
    right: 10px;
    left: unset;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
     border-bottom-left-radius: 50px !important; 
     border-bottom-right-radius: 50px !important; 
}
#inviteeModal .form-btns{
    justify-content: flex-end;
}
.k-autocomplete .k-input::placeholder{
    opacity: 1 !important;
    color: #333 !important;
}
#TargetSalary.form-control::placeholder {
    color: #333 !important;
}
.user-icons .user-item a{
    border: 0;
}
/** ====================
 *  Chat Page
=======================*/
.chat-bx{
  padding: 0 20px;
  z-index: 99;
  min-height: calc(100vh - 83px);
}
.chat-online {
  color: #34ce57;
}
.chat-offline {
  color: #e4606d;
}
.chat-bx .card{
  border: 0;
}
.chat-messages {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 280px);
  overflow-y: scroll;
  overflow-x: hidden;
}
.chat-messages::-webkit-scrollbar {
  width: 7px;
}
.chat-messages::-webkit-scrollbar-track {
  background-color: #f4f7f7;
}
.chat-messages::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.chat-message-left,
.chat-message-right {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: fit-content;
}
.chat-message-left {
  gap: 15px;
  margin-right: auto;
}
.chat-message-right {
  gap: 15px;
  margin-left: auto;
}
.chat-message-left .small,
.chat-message-right .small{
  font-weight: 600;
  color: var(--gray-text) !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 1.25rem 1.25rem;
  background-color: #fff;
  border-bottom: 1px solid var(--gray-border);
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.rounded-circle {
  background-color: #eee;
}
.chat-bx .name {
  font-weight: 700;
  line-height: 1;
  font-size: 13px;
  color: var(--black-text);
  text-transform: capitalize;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.chat-bx .small{
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--gray-text);
  line-height: 1;
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.chat-bx .msg-text {
  font-size: 14px;
}
.chat-bx .btn-primary {
  border-color: #9ecdd1;
  background-color: #9ecdd1;
}
.chat-bx input {
  font-size: 13px;
}
.chat-info{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: start;
  font-size: 13px;
  gap: 15px;
}
.chat-info .badge{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 50%;
  background-color: var(--main-blue);
}
.chat-info .time{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--light-gray-text);
    text-transform: capitalize;
    line-height: 1;
}
.chat-message-left .name{
    font-size: 14px;
}
.chat-bx .list-group-item {
    min-height: 83.4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.messages-bx .user-details{
    display: flex;
    flex-direction: column;
}
.chat-list-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: calc(100% - 50px);
}
.delete-chat-icon {
    display: flex;
    height: 100%;
    padding-inline-start: 20px;
    color: #ff4136;
    font-size: 17px;
}
.chat-img {
    width: 70%;
    height: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 25%;
}
.chat-img span{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #84dbff;
}
.chat-img img{
  width: 60%;
}
.chat-img p{
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 30px;
  color: var(--gray-text);
  text-align: center;
  text-transform: capitalize;
}
.chat-header-img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.chat-header-img img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
/*.messages-bx{
  display: none;
}*/
.user-chat.active{
  background-color: var(--light-blue);
}
.user-chat.active .small{
  color: var(--light-gray-text);
}
.chat-message-left .bg-light{
  border-radius: 0 20px 20px !important;
  background-color: #cfddfe !important;
}
.chat-message-left .name{
  color: var(--main-blue);
}
.chat-message-left .msg-text{
  color: var(--main-blue);
  font-size: 12px;
  font-weight: 600;
  word-break: break-word;
  overflow: hidden;
    white-space: break-spaces;
}
.chat-message-right .bg-light{
  border-radius: 20px 0 20px 20px !important;
  background-color: #f4f7f7 !important;
}
.chat-message-right .msg-text{
  color: var(--black-text);
  font-size: 14px;
  font-weight: 600;
}
.send-btn{
  position: relative;
}
.send-btn input{
  padding: 1rem .75rem;
}
.send-btn .btn{
  padding: 0.375rem 1.3rem;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.send-btn .btn i{
  font-size: 23px;
  color: var(--main-blue);
}
.user-img{
  width: 40px;
  height: 40px;
  display: inline-block;
}
.user-img img{
  width: 40px;
  height: 40px;
  object-fit: cover;
}
.user-details strong{
  font-size: 16px;
  font-weight: 700;
}
.send-btn .add-icon{
  position: absolute;
  top: 16px;
  right: 60px;
  z-index: 9999;
}
.send-btn .add-icon i{
  font-size: 1.3rem;
  color: var(--main-blue);
}
.send-btn input{
  border-radius: 50px;
}
.chat-bx .scrollbar-outer > .scroll-element.scroll-y{
  z-index: 99;
}
.send-btn .dropup .dropdown-toggle.add-icon::after{
  display: none;
}
.chat-add-icon .dropdown-item{
  font-weight: 600;
  color: var(--black-text);
  cursor: pointer;
}
.chat-add-icon .dropdown-item img{
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.infoModal .user-img{
  text-align: center;
  padding: 15px 0;
  width: 100%;
  height: auto;
}
.infoModal .user-img img{
  width: 120px;
  height: 120px;
  border-radius: 16px;
  object-fit: cover;
  object-position: top;
}
.infoModal h3{
  font-size: 1.3rem;
  text-transform: capitalize;
  color: var(--black-text);
  font-weight: 800;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.infoModal .modal-footer .btn{
  padding: 7px 20px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--main-blue);
}
.infoModal .modal-footer{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.infoModal .modal-footer .btn.light-btn{
  font-weight: 800;
}
.infoModal .checkInputs-bx{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: ;
  padding: 15px 0;
  white-space: nowrap;
}
.infoModal .checkInputs-bx .form-check-label{
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--black-text);
}
.chat-bx .border-right{
    min-height: calc(100vh - 83px);
}
.user-chat{
    padding: 0.5rem 1.25rem 0.5rem 0.5rem !important;
    border-bottom: 1px solid var(--gray-border) !important;
}
.recent-bx .title button{
    border: 0;
    cursor: pointer;
    color: var(--dark-color);
    background-color: #fff !important;
}
.munbers-icons{
    display: flex;
    gap: 15px;
}
.munbers-icons span{
    display: flex;
    gap: 5px;
    color: var(--dark-color);
    font-size: 14px;
    align-items: flex-start;
}
.munbers-icons span img{
    width: 14px;
}
.recent-bx .title .content{
    padding-bottom: 8px;
    justify-content: space-between;
}
.offcanvas .select2-container .selection{
    border: 0 !important;
}
.filter-dropdown .btn,
.filter-action{
    height: 44px;
}
.add-more-bx{
    margin-top: 10px;
    font-size: 14px;
}
#successModal .modal-header,
#applytwoModal .modal-header,
#ApplyJobModal .modal-header {
    border-bottom: 0;
}
#successModal .modal-body h1,
#applytwoModal .modal-body h1,
#ApplyJobModal .modal-body h1 {
    font-size: 21px;
    font-weight: 600;
}
#successModal .modal-body p,
#applytwoModal .modal-body p,
#ApplyJobModal .modal-body p {
    margin-bottom: 5px;
} 
#successModal .modal-body p.desc,
#applytwoModal .modal-body p.desc,
#ApplyJobModal .modal-body p.desc {
    font-size: 14px;
    color: #7F8BA5;
    margin-bottom: 10px;
}
#successModal .modal-body form .radio-bx,
#applytwoModal .modal-body form .radio-bx,
#ApplyJobModal .modal-body form .radio-bx {
    margin-bottom: 15px;
}
#successModal .form-btns,
#applytwoModal .form-btns,
#ApplyJobModal .form-btns {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 15px;
}
#successModal .modal-body h1{
    margin-bottom: 20px;
}
#successModal .modal-body h1 img {
    margin-inline-start: 5px;
}
#successModal .form-btns .btn,
#applytwoModal .form-btns .btn,
#ApplyJobModal .form-btns .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
#successModal .form-btns .btn.cancel:focus,
#successModal .form-btns .btn.cancel {
    background-color: #fff !important;
    color: #00174C;
    border: 1px solid #00174C;
}
#applytwoModal .form-btns .btn.cancel:focus,
#ApplyJobModal .form-btns .btn.cancel:focus,
#applytwoModal .form-btns .btn.cancel,
#ApplyJobModal .form-btns .btn.cancel {
    background-color: #fff !important;
    color: #00174C;
}
#successModal .form-btns .btn.save:focus,
#applytwoModal .form-btns .btn.save:focus,
#ApplyJobModal .form-btns .btn.save:focus,
#successModal .form-btns .btn.save,
#applytwoModal .form-btns .btn.save,
#ApplyJobModal .form-btns .btn.save {
    color: #fff;
    background-color: #004EFF !important;
}
#successModal .modal-footer,
#applytwoModal .modal-footer,
#ApplyJobModal .modal-footer {
    border-top: 0;
}
#applytwoModal .progress,
#ApplyJobModal .progress {
    height: 5px;
    margin-bottom: 15px;
}
#applytwoModal .modal-body,
#ApplyJobModal .modal-body {
    padding-top: 5px;
}
#applytwoModal .modal-header .btn-close,
#ApplyJobModal .modal-header .btn-close {
    font-size: 12px;
}
#applytwoModal .title-with-edit{
    margin-bottom: 5px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
#applytwoModal .title-with-edit .edit-icon{
    font-weight: 500;
    color: var(--main-blue);
    cursor: pointer;
}
#applytwoModal .user-data ul{
    border: 1px solid #D9DDE4;
    border-radius: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
#applytwoModal .user-data ul li{
    border-bottom: 1px solid #D9DDE4;
    display: flex;
    flex-direction: column;
    padding: 15px;
}
#applytwoModal .user-data ul li:last-child{
    border-bottom: 0;
}
#applytwoModal .user-data ul li .user-name{
    font-weight: 500;
    color: #7F8BA5;
}
#applytwoModal .user-data ul li .title{
    font-weight: 500;
    color: #00174C;
}
.labels-bx .label-item img{
    width: 10px;
}
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #444 !important;
}
#JobList{
    position: relative;
}
#JobList .result-num {
    position: absolute;
    inset-inline-end: 20px;
    font-size: 14px;
    top: -38px;
}
.img_holder {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.img_holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
#deleteAlertModal .modal-header {
    border-bottom: 0;
}
#deleteAlertModal .modal-header .btn-close{
  display: none;
}
#deleteAlertModal .alert-icon{
  align-items: center;
  padding: 0 0 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#deleteAlertModal .alert-icon span{
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fbe8ea;
}
#deleteAlertModal .alert-icon span i{
  color: #d61e33;
  font-size: 2.5rem;
}
#deleteAlertModal .modal-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#deleteAlertModal .modal-body h3{
  text-transform: capitalize;
  font-weight: 700;
  font-size: 19px;
}
#deleteAlertModal .modal-body p{
  text-transform: capitalize;
  color: var(--gray-text);
  font-weight: 500;
  font-size: 14px;
}
#deleteAlertModal .modal-body p strong{
  font-size: 1.1rem;
}
#deleteAlertModal .modal-footer{
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#deleteAlertModal .modal-footer .btn{
  width: 46%;
  height: 44px;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
#deleteAlertModal .modal-footer .btn.cancel-btn:focus,
#deleteAlertModal .modal-footer .btn.cancel-btn{
  color: var(--black-text);
  background-color: #f4f5f7 !important;
  border-color: #f4f5f7;
}
#deleteAlertModal .modal-footer .btn.delete-btn:focus,
#deleteAlertModal .modal-footer .btn.delete-btn{
  color: #fff;
  background-color: #dc1c33 !important;
  border-color: #dc1c33;
  font-weight: 500;
}
#deleteAlertModal .modal-body .alert-icon img {
    width: 40px;
    margin-bottom: 0;
    filter: brightness(0) saturate(100%) invert(34%) sepia(58%) saturate(3540%) hue-rotate(332deg) brightness(80%) contrast(121%);
}
.job-result-bx .job-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.applicant-item .bottom-content{
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 0;
  align-items: center;
  justify-content: space-between;
}
.applicant-item .bottom-content .actions{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  padding: 0 10px;
}
.applicant-item .bottom-content .actions button{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  background-color: #e0e9ff;
}
.applicant-item .bottom-content .actions button img{
  width: 18px;
  height: 18px;
}
.applicant-item .bottom-content .download-cv{
  display: flex;
  gap: 7px;
  color: var(--main-blue);
  font-weight: 600;
  text-transform: capitalize;
  font-size: 13px;
}
.applicant-item .bottom-content .download-cv img{
  width: 20px;
  height: auto;
}
.applicant-item .bottom-content .actions button img.close-icon{
  width: 12px;
  height: 12px;
}
.applicant-bx .nav-pills{
  border-radius: 50px;
  background-color: #F7F7F7;
}
.applicant-bx .nav-pills .nav-link{
  padding: 0.8rem 1.7rem;
  border-radius: 50px;
  color: #222;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: capitalize;
}
.applicant-bx .nav-pills .nav-link.active{
  color: #fff !important;
  background-color: var(--main-blue);
}
.applicant-bx #reApplaySubmit{
    border-radius: 50px;
}
.modal-header h1.modal-title {
    font-size: 23px;
    font-weight: 600;
}
.modal-body .select2-container--default .select2-selection--multiple,
.modal-body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
}
.jobs-data .action-btns span.edit_job_icon {
    background-image: url(../images/edit-blue.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
.jobs-data .action-btns span.trash_job_icon{
    background-image: url(../images/trash-blue.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
.label_close_icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url(../images/close-icon.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
.data-labels-bx{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 5px;
}
.data-label{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  gap: 5px;
  font-size: 0.9rem;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  background-color: var(--main-blue);
}
.data-label i{
  font-size: 0.7rem;
  position: absolute;
  top: 8px;
}
.data-label img{
  width: 12px;
  height: 12px;
}

.modal-footer .btn.tab-btn, .modal-footer .btn.tab-btn:focus, .modal-footer .btn.tab-btn:hover{
    border-color: var(--main-blue);
}
.modal-footer .btn.light-btn{
    color: var(--black-text) !important;
  background-color: #fff !important;
  border-color: var(--black-text) !important;
  border-radius: 50px !important;
}
.jobs-data .data-bx .select2-container--default .select2-selection--multiple,
.jobs-data .data-bx .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da;
}
.jobIcon.active-job{
    cursor: pointer;
}
#CandidateList .action a:hover {
    background-color: transparent !important;
    color: var(--black-text) !important;
}
#CandidateList .btn-group>.btn{
    border: 0;
}
.recent-exp {
    gap: 5px;
}
#CandidatePaging .criteria-items{
    flex-direction: column;
    gap: 5px;
}
#CandidatePaging .criteria-items p{
    margin-bottom: 0;
    font-size: 13px;
}
#CandidatePaging .criteria-items .item{
    width: fit-content;
}
#CandidatePaging .candidate-name .text h3 {
    color: var(--black-text) !important;
}
#CandidatePaging .candidate-name .text p:last-child{
    color: #7F8BA5 !important;
    font-size: 14px !important;
}
.job-details-bx .title .start-content .img-icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.result-list .pagination-bx {
    overflow-y: auto;
}
.result-list .pagination-bx {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: calc(100% - 20px);
    margin: 0 auto 10px;
}
.result-list .pagination-bx::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}
.profile-header-actions{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.profile-header-actions button{
    border: 0;
    background-color: transparent;
        display: flex;
    gap: 10px;
    align-items: center;
}
.profile-header-actions .items{
    display: flex;
    gap: 15px;
}
.profile-header-actions .items span{
    display: flex;
    gap: 5px;
    font-size: 14px;
    white-space: nowrap;
}
.profile-header-actions .items button{
    font-size: 14px;
    gap: 5px;
}
.munbers-icons #CompareBtn{
    cursor: pointer;
}
.compare-check-user{
    display: flex;
    gap: 10px;
    align-items: center;
}
.disaple-compare img{
    filter: brightness(0) saturate(100%) invert(78%) sepia(0%) saturate(206%) hue-rotate(180deg) brightness(100%) contrast(92%);
}
#compareModal .fiter-bx {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #fff;
}
.fiter-bx {
    width: 100%;
    padding: 0 40px;
}
#compareModal .modal-body {
    padding-top: 0;
    margin-top: 25px;
}
.comoare-filter{
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}
.comoare-filter .apply-filter{
  padding: 0 20px;
  height: 40px;
  width: 160px;
  color: var(--main-blue);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  border-radius: 6px;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  border: 0;
  white-space: nowrap;
  right: unset !important;
  top: -3px !important;
  background-color: #e0e9ff;
}
.comoare-filter .fiter-bx{
  width: calc(100% - 160px);
}
.comoare-filter .fiter-bx .filter-carousel.compare-filter .filter-item{
  font-size: 13px;
  cursor: pointer;
}
.choose-section .logo-bx.choose_logo {
    justify-content: center;
}
.notification-action{}
.circle-background {
    transform: scaleX(-1);
    position: relative;
    z-index: 9;
}
.filter-carousel.compare-filter .filter-item{
    cursor: pointer;
    font-size: 14px;
}
.filter-carousel.compare-filter .filter-item.active-item{
    color: #a9a9a9;
    background-color: #ebebeb;
}
.filter-carousel.compare-filter .filter-item{
  padding: 8px 0;
  color: var(--main-blue);
  font-weight: 600;
  background-color: #e0e9ff;
}
.filter-carousel{
  padding-top: 15px;
  margin-bottom: 10px;
  position: relative;
}
.filter-carousel .filter-item{
  padding: 0px 0 0px 20px;
  border-radius: 50px;
  color: var(--black-text);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f5f7;
}
.filter-carousel .filter-item .form-select{
  border: 0;
  padding: 0;
  font-weight: 600;
  background-color: transparent;
  height: auto;
  font-size: 13px !important;
  min-height: 40px;
}
.filter-carousel .owl-dots{
  display: none;
}
.filter-carousel .owl-nav{
  position: absolute;
  top: 13px;
  width: 100%;
}
.filter-carousel .owl-nav button span{
  font-size: 2rem;
  line-height: 1;
  /*transform: rotate(180deg);*/
}
.filter-carousel .owl-nav button.owl-next{
  position: absolute;
  z-index: 9999;
  top: 0;
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e0e9ff;
  color: var(--main-blue);
  border-radius: 4px;
}
.filter-carousel .owl-nav button.owl-prev{
  position: absolute;
  z-index: 9999;
  top: 0;
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e0e9ff;
  color: var(--main-blue);
  border-radius: 4px;
}
.filter-carousel .owl-stage-outer{
  /*width: calc(100% - 90px);
  margin: 0 auto;*/
}
.filter-carousel .owl-nav {
    position: absolute;
    top: 10px;
    width: 100%;
    margin-top: 0;
}
.cv-header-container {
    position: sticky;
    top: 59px;
    background-color: #fff;
    z-index: 999;
}
.cv-bx{
  position: relative;
}
.cv-bx .cv-header{
  padding: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  margin-bottom: 20px;
}
.cv-bx .cv-header .img-bx{
  width: 70px;
  height: 70px;
  border-radius: 12px;
  display: flex;
}
.cv-bx .cv-header .img-bx img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.cv-bx .cv-header .info{
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-start;
  justify-content: flex-start;
}
.cv-bx .cv-header .info h3{
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
  color: var(--black-text);
  font-weight: 800;
}
.cv-bx .cv-header .info h4{
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
  color: var(--black-text);
  font-weight: 500;
}
.cv-bx .cv-header .info p{
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}
.cv-bx .cv-header .hide-icon{
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF6040;
}
.cv-bx .cv-header .hide-icon i{
  font-size: 0.8rem;
  line-height: 1;
}
.compare-container{
  padding: 20px 60px;
  position: relative;
}
.compare-container .add-user-compare{
  position: absolute;
  top: 20px;
  right: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #20A83E;
}
#CandidatePaging .criteria-items .gray-text{
    color: #7F8BA5;
}
.add-more-bx span{
    cursor: pointer;
}
#TargetLocationSelect .form-control {
    border-radius: 6px !important;
}
#TargetLocationSelect .form-control option {
    padding: 10px 0;
}
.post-bx{
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #FAFAFA;
}
.post-bx h4{
  font-size: 16px;
  font-weight: 700;
  color: var(--black-text);
  text-transform: capitalize;
}
.experience-bx{
  position: relative;
}
.experience-bx ul{
  margin: 0;
  padding: 15px 0;
}
.experience-bx ul li{
  position: relative;
  list-style: none;
  padding-left: 70px;
  margin-bottom: 30px;
}
.experience-bx ul li:last-child{
  margin-bottom: 0;
}
.experience-bx ul li img{
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  width: 55px;
  height: 55px;
}
.experience-bx ul li h4{
  font-weight: 700;
  color: var(--black-text);
  text-transform: lowercase;
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.experience-bx ul li h4:first-child{
    text-transform: capitalize;
}
.experience-bx ul li p{
  font-size: 13px;
  margin-bottom: 0px;
  color: var(--gray-text);
  text-transform: capitalize;
}
.experience-bx ul li::before{
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 5px;
  background-color: #fff;
  border: 5px solid #C4C8D0;
}
.experience-bx ul li::after{
  content: '';
  width: 1px;
  height: calc(100% + 30px);
  position: absolute;
  top: 18px;
  left: 28px;
  background-color: #C4C8D0;
}
.experience-bx ul li:first-child::before,
.experience-bx ul li:first-child::after{
  display: none;
}
.experience-bx ul li:last-child::after{
  display: none;
}
.experience-bx.no-line ul li:first-child::before{
    display: block;
}
.experience-bx.no-line ul li::after{
    display: none;
}
.experience-bx.no-list::before,
.experience-bx.no-list::after{
  display: none;
}
.experience-bx.no-list ul li img{
    z-index: 99;
  background-color: #fff;
  border: 1px solid var(--gray-border);
}
.complete-profile {
    position: relative;
}
.complete-profile .profile-edit-icons {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.card-bx .page-title {
    display: flex;
    align-items: center;
    gap: 5px;
}
.card-bx .page-title {
    font-size: 19px;
    font-weight: 800;
    color: #212838;
    text-transform: capitalize;
    word-break: break-word;
}
.user-data{
  display: flex;
  margin-top: 20px;
  align-items: center;
  gap: 40px;
}
.user-data .main-data{
  display: flex;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
}
.user-data .main-data .user-pic{
  position: relative;
}
.user-data .main-data .user-pic img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.user-data .main-data .user-pic span{
  position: absolute;
  bottom: 10px;
  right: -2px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-blue);
}
.user-data .main-data .user-pic span img{
    width: 25px;
    height: 25px;
}
.profile-edit-icons .pdf-icon img {
    width: 20px;
    filter: brightness(0) saturate(100%) invert(20%) sepia(85%) saturate(5406%) hue-rotate(226deg) brightness(101%) contrast(97%);
}
.jobs-status.empty-jobs h3{
    text-align: center;
}
.empty-lock-img img{
    border-radius: 0 !important;
}
.header-icon .btn:focus{
    border-color: transparent !important;
    background-color: transparent !important;
}
.header-icon .notification-count {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 5px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    border-radius: 12px;
    background-color: var(--main-blue);
}
.header-icon{
    position: relative;
}
.notification-settings {
    display: flex;
    gap: 6px;
    padding-top: 15px;
}
.jobs-bx{
  padding-top: 10px;
}
.jobs-bx ul{
  margin: 0;
  padding: 0;
}
.jobs-bx ul li{
  list-style: none;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #F3F5F7;
  display: flex;
  align-items: start;
  position: relative;
  justify-content: space-between;
}
.jobs-bx.notification-bx ul li {
    background-color: #e7eeff;
}
.jobs-bx.notification-bx ul li.read {
    background-color: #F3F5F7 !important;
}
.jobs-status .tab-content .jobs-bx ul li p{
  text-align: justify;
}
.notification-item .data p {
    padding-top: 0;
    text-transform: lowercase;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 13px;
}
.jobs-bx ul li .job-header{
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 7px;
  justify-content: space-between;
}
.jobs-bx ul li .job-header h4{
  font-size: 16px;
  font-weight: 700;
  color: var(--black-text);
  text-transform: capitalize;
}
.jobs-bx ul li .job-header .time{
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-text);
  text-transform: capitalize;
  padding-right: 15px;
}
.jobs-bx ul li .job-header .apply{
  padding: 7px 25px;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin: 0 5px;
  text-transform: uppercase;
  background-color: var(--main-blue);
  cursor: pointer;
  line-height: 1;
  transition: .3s;
}
.jobs-bx ul li .job-header .apply.deactivate{
  background-color: #C9C9C9 !important;
}
.jobs-bx ul li .job-header .apply.deactivate:hover{
  cursor: default;
  background-color: #C9C9C9 !important;
}
.jobs-bx ul li .job-header .apply:hover{
  background-color: var(--hover-color);
}
.jobs-bx ul li .job-header .fav{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--main-blue);
  background-color: #e7eeff;
  transition: .3s;
}
.jobs-bx ul li .job-header .fav span{
    width: 22px;
    height: 22px;
    background-image: url(../images/heart-blue.svg);
    background-size: 22px;
}
.jobs-bx ul li .job-header .fav span.red-background{
    background-image: url(../images/heart-red.svg);
}
.jobs-bx ul li .job-header .fav img{
    width: 17px;
    filter: brightness(0) saturate(100%) invert(21%) sepia(95%) saturate(3829%) hue-rotate(224deg) brightness(98%) contrast(101%);
}
.jobs-bx ul li .job-header .fav:hover{
  color: var(--dark-brown);
  border-color: var(--dark-brown);
}
.jobs-bx ul li .job-header .data-items{
  display: flex;
  align-items: center;
  gap: 10px;
}
.jobs-bx ul li .owner-info{
  display: flex;
  align-items: baseline;
  padding-bottom: 10px;
  gap: 15px;
  flex-wrap: wrap;
}
.jobs-bx ul li .owner-info:last-child{
  padding-bottom: 0;
}
.jobs-bx ul li .owner-info span{
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  margin-bottom: 5px;
}
.jobs-bx ul li .owner-info span i{
  font-size: 1.1rem;
  color: var(--main-blue);
}
.jobs-bx ul li p{
  margin-bottom: 0;
  font-size: 13px;
  text-transform: capitalize;
  color: var(--gray-text);
  margin-bottom: 0;
  padding-top: 15px;
}
.jobs-status .tab-content>.active{
  width: 100%;
}
.jobs-bx ul li .owner-info span{
  display: flex;
  align-items: baseline;
  gap: 5px;
  line-height: 1;
}
.jobs-bx ul li .owner-info span.info-title{
  color: var(--black-text);
  font-weight: 700;
}
.jobs-bx ul li .data-bx{
  display: flex;
  flex-direction: column;
}
.notification-item{
  display: flex !important;
  gap: 7px !important;
  cursor: pointer !important;
}
.notification-item img{
  width: 65px;
  height: 65px;
  border-radius: 10px;
}
.notification-item .data h4{
  font-size: 14px;
  text-transform: initial;
  font-weight: 500;
  color: var(--black-text);
  margin-bottom: 5px;
}
.notification-item .data h4 strong{
  font-weight: 700;
  font-size: 16px;
}
.notification-item .data p{
  font-size: 0.9rem;
  /*text-transform: capitalize;*/
  font-weight: 500;
  color: var(--gray-text);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notification-item .data p .go-arrow{
  width: 20px;
  height: auto;
}
.notification-item .data p .go-arrow img{
  width: 100%;
  height: 100%;
}
.notification-settings{
    display: flex;
    gap: 6px;
    padding-top: 15px;
}
.notification-settings button{
    border: 0;
    padding: 7px 10px;
    border-radius: 6px;
    color: var(--main-blue);
    background-color: var(--light-blue);
    line-height: 1;
    transition: all 0.3s;
}
.notification-settings button img{
    width: 18px;
    filter: brightness(0) saturate(100%) invert(22%) sepia(90%) saturate(3653%) hue-rotate(222deg) brightness(97%) contrast(101%);
}
.notification-settings button:hover{
    color: #fff;
    background-color: var(--main-blue);
}
.notification-settings button:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(1%) hue-rotate(290deg) brightness(105%) contrast(100%);
}
.pagination-bx ul li{
    padding: 0;
    margin-bottom: 0;
    background-color: transparent !important;
}
.complete-profile{
  position: relative;
}
.complete-profile .user-data .main-data{
  flex-direction: column;
  gap: 10px;
}
.complete-profile .user-data .main-data .user-pic a{
  background-color: transparent;
}
.complete-profile .user-data .main-data .user-pic a img{
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.complete-profile .user-data .brief-text{
  border: 0;
  width: 80%;
}
.complete-profile .user-data .brief-text h3{
  color: var(--main-blue);
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
}
.complete-profile .user-data .brief-text p{
  text-transform: capitalize;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: justify;
  color: rgba(0, 0, 0, 0.5);
}
.Summary-info{
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 40px;
}
.Summary-info .Summary-data{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.Summary-info .Summary-data h4{
  text-transform: lowercase;
  color: var(--black-text);
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 3px;
}
.Summary-info .Summary-data p{
  text-transform: capitalize;
  color: var(--gray-text);
  font-weight: 500;
  margin-bottom: 0;
  font-size: 13px;
}
.Summary-info .Summary-data span{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.10);
}
.Summary-info .Summary-data span img{
  width: 26px;
  max-height: 26px;
}
.complete-profile .profile-edit-icons{
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.profile-edit-icons .pencil-icon{
  color: var(--main-blue);
  cursor: pointer;
}
.profile-edit-icons .pencil-icon i{
  font-size: 1.2rem;
}
.profile-edit-icons .pdf-icon{
  padding: 4px 20px;
  border-radius: 50px;
  color: var(--main-blue);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: flex;
  gap: 7px;
  font-size: 14px;
  background-color: #E7EEFF;
  align-items: center;
}
.user-data .main-data .name {
    display: flex;
    flex-direction: column;
}
.attached-btn {
    width: fit-content;
}
.attached-btn button {
    padding: 6px 15px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 50px;
    border: 0;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--main-blue);
}
.attached-btn button a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
}
.cert-content {
    display: flex;
    gap: 15px;
    align-items: center;
}
.offcanvas .filter-action{
    color: #fff;
    background-color: var(--main-blue);
    margin-top: 10px;
    margin-bottom: 30px;
    margin-inline-start: 20px;
}
.filter-items .select2-container .selection{
    width: 100%;
}
.filter-items .select2-container {
    min-width: 120px;
    max-width: 180px;
    width: 160px !important;
}
.filter-items .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 15px !important;
}
#copuUrlbtn {
    cursor: pointer;
}
#UpdateModalDialog .modal-footer .tooltip2{
    padding: 0;
}
#UpdateModalDialog .modal-footer .tooltip2 button {
    background-color: #fff;
    color: #00174C;
    border: 1px solid #00174C;
    border-radius: 50px;
}
#UpdateModalDialog .modal-footer .btn {
    border-radius: 50px;
    background-color: #004EFF;
    padding-left: 20px;
    padding-right: 20px;
}
.job-details-bx .title .start-content .img-icon a{
    width: 100%;
    height: 100%;
}
.search-filter-bx .form-control {
    font-weight: 500;
}
.job-result-bx .text h3 span{
    white-space: nowrap;
}
.job-result-bx .text h3{
    flex-wrap: nowrap;
    align-items: baseline;
}
.latest-jobs-list .job-result-bx .owner-info .info-title {
    display: block;
    background-color: transparent;
    padding: 0;
}
.latest-jobs-list .job-result-bx .owner-info span {
    color: #00174C;
    padding: 4px 15px;
    font-size: 14px;
    background-color: #F1F2F5;
    border-radius: 50px;
    display: inline-flex;
    margin-bottom: 5px;
}
.latest-jobs-list .job-result-bx .owner-info span img{
    display: none;
}
.latest-jobs-list .job-result-bx .text .data {
    align-items: flex-start;
    margin-top: 0;
    gap: 0;
}
.latest-jobs-list .job-result-bx .text .data span{
    margin-inline-end: 10px;
}
.latest-jobs-list .job-result-bx .text .data span img{
    display: none;
}
.bx-data.with-list ul li .text-data .desc {
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
}
.bx-data.with-list ul li .text-data .desc img{
    width: 70%;
    margin-top: 40px;
}
#filechosen {
    width: calc(100% - 110px);
    padding-inline-start: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.edit-profile-bx .text-data .date {
    word-break: break-word;
    padding-inline-end: 80px;
}
.result-list {
    height: calc(100% - 15px);
}
.result-list ul.job_list{
    max-height: 1400px;
    overflow: auto;
}
.data-container-item .bx-data .user-info .img img {
    width: 90px;
    height: 90px;
}
.exp-bx .content-data select:disabled{
    border-radius: 50px 0 0 50px;
}
.verify-bx .content .title span{
    cursor: pointer;
}
.static-page {
    color: #212529 !important;
}
.static-page p.Standard {
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #212529 !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
}
.error-img{
    padding-top: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.error-img img{
    width: 40%;
}
.complete-profile .profile-edit-icons {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.profile-edit-icons .pencil-icon {
    color: var(--main-blue);
    cursor: pointer;
}
.profile-edit-icons .pencil-icon img {
    width: 30px;
    filter: brightness(0) saturate(100%) invert(20%) sepia(85%) saturate(5406%) hue-rotate(226deg) brightness(101%) contrast(97%);
}
.user-data .main-data .user-pic {
    position: relative;
}
.user-data .main-data .user-pic img {
    object-fit: cover;
}
.user-data .main-data .user-pic label.edit_img {
    position: absolute;
    bottom: 15px;
    right: -5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background-color: var(--main-blue);
}
.user-data .main-data .user-pic label.edit_img i{
    font-size: 0.8rem;
}
.user-data .main-data .user-pic label.delete_img {
    position: absolute;
    bottom: 15px;
    left: -5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background-color: #d90000;
}
.user-data .main-data .user-pic label.delete_img i{
    font-size: 0.6rem;
}
.user-data .main-data .user-pic label.delete_img img{
    width: 17px;
}
.require-icon {
    color: #d90000;
    font-size: 18px;
}
.user-data .main-data .name p{
  color: var(--main-blue);
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 1rem;
  text-transform: capitalize;
}
.user-data .main-data .name span a{
  text-decoration: none;
  color: #100942;
}
.user-data .main-data .name{
  display: flex;
  flex-direction: column;
}
.user-data .main-data .name .user-name{
  color: #100942;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.user-data .main-data .name .title{
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  color: rgba(33, 40, 56, 0.7);
}
.user-data .main-data .name .location{
  font-weight: 500;
  font-size: 0.9rem;
  text-transform: capitalize;
  color: rgba(33, 40, 56, 0.7);
}
body{
    overflow-x: hidden;
}
.user-data .main-data .user-pic label img {
    width: 20px;
    height: auto;
}
.invite-btn {
    margin-top: 50px !important;
}
.invitation-btn {
    width: 100%;
    text-transform: capitalize;
    height: 44px;
    display: flex;
    font-size: 15px !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
}
.form-bx textarea.form-control{
    border-radius: 6px;
}
.website-bx {
    /* padding-top: 46px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.website-bx #WebsiteBtn {
    height: 44px;
    cursor: pointer;
    min-width: 120px;
    font-size: 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-transform: uppercase;
    color: var(--main-blue) !important;
    border-color: #e0e9ff !important;
    background-color: #e0e9ff !important;
    transition: .3s;
}
.user-form .form-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.form-action .btn {
    min-width: 120px;
    font-size: 15px;
    border-radius: 50px;
    text-transform: uppercase;
    background-color: var(--main-blue);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    transition: .3s;
    height: 44px;
}
.form-action .btn:hover{
    padding: 0 50px;
}
.form-action .btn:focus{
    background-color: var(--main-blue)!important;
    color: #fff!important;
    border-color: var(--main-blue) !important;
}
.user-data .main-data .name .form-control{
    border-radius: 50px;
    background-color: #f7f7f7;
}
.about-company .profile-img img,
.header-info-bx .profile-img img {
    object-fit: cover;
}
.desc-edit-btn{
    height: 30px;
    border: 0;
    display: flex;
    gap: 7px;
    line-height: 1;
    color: #fff;
    text-transform: capitalize;
    padding: 0px 15px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 500;
    background-color: var(--main-blue);
    transition: .3s;
}
.desc-edit-btn img{
    width: 18px;
}
.desc-edit-btn i{
    font-size: 12px;
}
.desc-edit-btn:hover{
    color: #fff;
    background-color: var(--main-blue);
}
.jobs-data .data-bx{
    height: calc(100% - 15px);
    margin-bottom: 15px;
}
.jobs-data .data-labels-bx{
    width: auto;
}
.user-item .user-bx .user-info .data h3 {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-icons .user-item .dropdown-menu-end {
    max-width: 210px;
}
.data-container-item .bx-data .user-info .text .name {
    word-break: break-all;
}
.data-container-item .bx-data .user-info .img {
    border-radius: 50%;
}
.data-container-item .bx-data .user-info .img img{
    border-radius: 50%;
}
.exp-bx .content-data .form-label {
    word-break: break-all;
}
.modal-content{
    border-radius: 20px;
}
#latesTJobsPartial .latest-jobs-list .seeker-post {
    max-width: 100%;
}

#filterBackdrop .form-check{
    padding-left: 0;
}
#filterBackdrop .select2-container .selection {
    border: 1px solid #ced4da !important;
    border-radius: 50px;
}
#filterBackdrop .select2-container--default .select2-selection--single {
    border: 0;
}
#filterBackdrop .filter-action img{
    display: none;
}
#filterBackdrop .filter-action {
    width: calc(100% - 40px);
}
.asterisk{
    color: red !important;
}
.recruiter-offer .applicant-item .owner-info{
      display: flex;
      align-items: baseline;
      padding-bottom: 10px;
      gap: 15px;
      flex-wrap: wrap;
}
.recruiter-offer .applicant-item .owner-info:last-child{
    padding-bottom: 0;
}
.recruiter-offer .applicant-item .owner-info span{
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 5px;
}
.recruiter-offer .applicant-item .owner-info span i{
    font-size: 1.1rem;
    color: var(--main-blue);
}
.recruiter-offer .applicant-item .owner-info span.info-title{
    color: var(--black-text);
    font-weight: 700;
}
.jobs-bx .interview_item .owner-info {
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
    gap: 15px;
    flex-wrap: wrap;
}
.jobs-bx .interview_item .owner-info span {
    display: flex;
    align-items: baseline;
    gap: 5px;
    line-height: 1;
}
.jobs-bx .interview_item .owner-info span {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 5px;
}
.applicant-item.decline-item .owner-info {
    display: flex;
    align-items: baseline;
    gap: 15px;
    flex-wrap: wrap;
    padding-top: 10px;
}
.applicant-item.decline-item .owner-info span {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 5px;
}
.applicant-item.decline-item .owner-info span img{
    width: 14px;
    height: 14px;
}
#rateModalDialog .modal-body img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}
#rateModalDialog .modal-header{
    border-bottom: 0;
}
#rateModalDialog .modal-footer{
    border-top: 0;
}
#latesTJobsPartial .latest-jobs-list .seeker-post li{
    width: 100%;
}
.answers-btn {
    border: 0;
    color: #fff;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 7px 15px;
    background-color: var(--main-blue);
    font-weight: 500;
    transition: .3s;
    line-height: 1;
    cursor: pointer;
    margin-top: 5px;
}
.interview_item .avatar-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.interview_item .avatar-img img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}
.rateInterview.rate-btn{
    cursor: pointer;
}
.cv_bx .container_bx.pt-100{
    padding-top: 0 !important;
}
.search-tabs ul li .nav-link.active,
.search-tabs ul li .nav-link.active:active{
    border: 0;
    font-weight: 600;
    border-bottom: 2px solid var(--main-blue);
}
.search-tabs ul li .nav-link{
    color: #333;
}
.profile-header-actions .items span {
    align-items: center;
}
.profile-header-actions .items a {
    display: flex;
    gap: 5px;
    font-size: 14px;
    white-space: nowrap;
    align-items: center;
}
.skills_items_bx{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.skills_items_bx .item{
    white-space: nowrap;
}
#FilterPersonalInfo .form-check {
    padding-left: 1.5em !important;
}
#ResidenceLocationSelect{
    margin-top: -20px;
}
#ResidenceLocationSelect .form-control{
    border-radius: 6px !important;
}
#ResidenceLocationSelect .form-control option{
    padding: 10px 0;
}
#certificationCollapse .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    white-space: break-spaces;
    align-items: center;
}
#filterBackdrop .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    white-space: break-spaces;
    align-items: center;
}
.notification-item .data p {
    flex-wrap: wrap;
    white-space: normal;
}
#EducationLocationSelect {
    margin-top: -20px;
}
#EducationLocationSelect .form-control{
    border-radius: 6px !important;
}
#EducationLocationSelect .form-control option{
    padding: 10px 0;
}
.jobs-bx ul.jobs_list li .job-header .data-items .btn:active,
.jobs-bx ul.jobs_list li .job-header .data-items .btn:focus{
    background-color: #fff !important;
}
.empty_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.empty_content .complete-btn{
    cursor: pointer;
    padding: 10px 25px;
    color: #fff;
    border-radius: 50px;
    background-color: var(--main-blue);
    display: flex;
    margin-top: 10px;
}
.empty_content .complete-btn:active,
.empty_content .complete-btn:focus{
    background-color: var(--main-blue) !important;
}
about-bx .static-page p.Standard{
    margin-bottom: 0 !important;
}
.about-bx .card-bx .page-title{
    flex-direction: column;
    align-items: flex-start;
}
.about-bx .card-top-header{
    flex-direction: column;
    align-items: flex-start;
}
.about-bx .card-top-header h1{
    font-size: 21px;
    font-weight: 600;
}
.about-bx .card-bx .page-title p.MsoNormal {
    margin-top: 0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}
.form-bx .jqte{
    margin-top: 0;
    margin-bottom: 0;
}
.form-bx .jqte_toolbar {
    padding: 10px 4px;
    background: #fff;
    line-height: 1;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.form-bx .jqte_editor, .form-bx .jqte_source{
    min-height: 200px;
}
.form-bx .jqte{
    border: 1px solid #ddd;
    border-radius: 16px;
}
.form-bx .jqte_tool, 
.form-bx .jqte_tool_icon, 
.form-bx .jqte_tool_label{
    border: 0;
}
.form-bx .jqte_tool:hover,
.form-bx .jqte_tool_icon:hover,
.form-bx .jqte_tool_label:hover{
    border: 0;
}
.benefits-search{
    position: relative;
}
.benefits-search .btn{
    position: absolute;
    inset-inline-start: 4px;
    top: 4px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefits-search .btn:focus,
.benefits-search .btn:active,
.benefits-search .btn:hover{
    background-color: #eee !important;
    border-color: #eee !important;
}
.benefits-search .form-control{
    padding-inline-start: 50px;
}
.form-bx .labels-search-bx{
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.form-bx .labels-search-bx span{
    display: inline-flex;
    gap: 7px;
    color: #fff;
    border-radius: 50px;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--main-blue);
}
.form-bx .labels-search-bx span img{
    width: 12px;
    cursor: pointer;
}
#SendJobs,
#SendJobs:focus,
#SendJobs:active {
    border: 0 !important;
}

#SubmitModal .modal-content{
    border-radius: 24px;
}
#SubmitModal .modal-header{
    border-bottom: 0;
}
#SubmitModal .modal-body {
    text-align: center;
}
#SubmitModal .modal-body h3{
    margin-top: 20px;
    font-size: 21px;
    font-weight: 600;
}
#SubmitModal .modal-body p{
    color: #919191;
}
#SubmitModal .modal-footer{
    justify-content: center;
    border-top: 0;
}
#SubmitModal .modal-footer a.edit{
    border: 1px solid #787878;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
#SubmitModal .modal-footer a.go-home{
    border: 1px solid var(--main-blue);
    background-color: var(--main-blue);
    color: #fff;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

#SaveModal .modal-content {
    border-radius: 24px;
}
#SaveModal .modal-header {
    border-bottom: 0;
}
#SaveModal .modal-body {
    text-align: center;
}
#SaveModal .modal-body h3 {
    margin-top: 20px;
    font-size: 21px;
    font-weight: 600;
}
#SaveModal .modal-body p {
    color: #919191;
}
#SaveModal .modal-footer {
    justify-content: center;
    border-top: 0;
}
.bx-data.with-list.no-border ul li{
    border-bottom: 0;
}
.rec-profile-data{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 40px 0 30px;
    align-items: center;
}
.rec-profile-data .rec-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #D9DDE4;
}
.rec-profile-data .rec-img img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.rec-profile-data .text{
    display: flex;
    gap: 7px;
}
.rec-profile-data .text h3{
    font-size: 18px;
    color: #00174C;
    font-weight: 600;
    margin-bottom: 0;
}
.rec-profile-data .text .verified{
    display: flex;
    gap: 5px;
    font-size: 14px;
    color: #34A853;
    align-items: center;
    line-height: 1;
}
.rec-profile-data .text .verified img{
    width: 14px;
    height: 14px;
}
.text-data.rec-vision{
    padding-top: 30px;
}
.bx-data .overview-list ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bx-data .overview-list ul li {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
.bx-data .overview-list ul li h5 {
    font-size: 15px;
    margin-bottom: 5px;
    color: #7F8BA5;
}
.bx-data .overview-list ul li p {
    font-size: 15px;
    color: var(--dark-color);
    margin-bottom: 0;
}
.bx-data .overview-list .labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bx-data .overview-list .labels .job-label {
    color: var(--dark-color);
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 12px;
    background-color: #F1F2F5;
}
.subsidiaries-item{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px;
    align-items: center;
}
.subsidiaries-item .sub-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #D9DDE4;
}
.subsidiaries-item .sub-img img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.subsidiaries-item .name{
    font-size: 14px;
    color: var(--dark-color);
    font-weight: 500;
}
.text_info.arabic{
    direction: rtl;
}
.my-jobs-header {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.my-jobs-header .start-content {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center;
}
.my-jobs-header .start-content h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-color);
}
.my-jobs-header .nav-pills .nav-link{
    color: var(--dark-color);
}
.my-jobs-header .nav-pills .nav-link.active{
    border-radius: 50px;
}
.my-jobs-header .post_btn{
    display: flex;
}
.my-jobs-header .post_btn .job_btn{
    padding: 6px 30px;
    color: #fff;
    border-radius: 50px;
    background-color: var(--main-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}
.jobs-filter-bx {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 40px;
    margin-bottom: 15px;
    justify-content: space-between;
}
.jobs-filter-bx .select-bx .btn:focus,
.jobs-filter-bx .select-bx .btn:active,
.jobs-filter-bx .select-bx .btn{
    background-color: transparent !important;
    color: #00174C !important;
    border: 0 !important;
    padding: 0;
}
.jobs-filter-bx .filter_search{
    position: relative;
}
.jobs-filter-bx .filter_search .form-control{
    border-radius: 50px;
    padding-inline-start: 45px;
}
.jobs-filter-bx .filter_search button:focus,
.jobs-filter-bx .filter_search button:active,
.jobs-filter-bx .filter_search button{
    position: absolute;
    inset-inline-start: 10px;
    background-color: transparent !important;
    border: 0 !important;
}
.jobs_filter_select .select2-search{
    display: none !important;
}
.exp-bx .content-data .data .user .img{
    position: relative;
}
.exp-bx .content-data .data .user .img .flag{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    inset-inline-end: -5px;
    border-radius: 50%;
    background-color: #ddd;
}
.exp-bx .content-data .data .user .img .flag img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.jobs-table{
    border-radius: 16px;
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
}
.jobs-table table {
    margin-bottom: 0;
}
.jobs-table .table>thead{
    border-bottom: 1px solid #dee2e6;
}
.jobs-table .table > :not(caption) > * > * {
    padding: 1rem 1rem;
}
.jobs-table .table>tbody tr:last-child{
    border-bottom-color: transparent;
}
.jobs-table .job-title-data{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.jobs-table .job-title-data h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #00174C;
}
.jobs-table .job-title-data .location{
    font-size: 13px;
    color: #7F8BA5;
}
.jobs-table .job-title-data .created-at{
    font-size: 14px;
    color: #00174C;
}
.jobs-table .applicant-data{
    display: flex;
    gap: 30px;
}
.jobs-table .applicant-data .item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    color: #00174C;
}
.jobs-table .posted p{
    font-size: 13px;
    color: #7F8BA5;
    margin-bottom: 0;
}
.jobs-table .form-check-input:checked {
    background-color: #3DA947;
    border-color: #3DA947;
}
.jobs-table .form-switch .form-check-input{
    margin-left: 0;
    margin-right: -2.5em;
}
.jobs-table .form-check .form-check-input{
    float: right;
}
.jobs-table .form-switch{
    padding-left: 0;
    padding-right: 2.5em;
    width: fit-content;
}
.jobs-table .form-switch label{
    color: #00174C;
}
.jobs-table .table-edit-btn{
    font-size: 15px;
    color: var(--main-blue);
    border: 0;
    background-color: transparent;
    padding: 0;
}
.culture-list ul {
    padding: 0;
    list-style: none;
    margin: 30px 0;
}
.culture-list li{
    list-style: none;
    font-size: 14px;
}
.benefits-content-bx{
    margin: 40px 0 20px 0;
}
.benefits-content-bx h3{
    font-size: 21px;
    color: #00174C;
    font-weight: 600;
}
.benefits-content-bx .items{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px 10px;
    margin-top: 20px;
}
.benefits-content-bx .items .item{
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00174C;
    border-radius: 50px;
    font-size: 13px;
    background-color: #F1F2F5;
}
.workshop-title{
    position: relative;
    width: fit-content;
    padding-inline-end: 16px;
    margin-bottom: 25px;
}
.workshop-title h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-color);
}
.workshop-title .status{
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7F8BA5;
}
.workshop-title .status.active{
    background-color: #34B567;
}
.page-status{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.page-status p{
    color: var(--main-blue);
    margin-bottom: 0;
    white-space: nowrap;
}
.page-status .select2-container{
    width: 120px !important;
}
.job-table-data{
    display: flex;
    gap: 10px;
    align-items: center;
}
.job-table-data .compare{
    font-size: 13px;
    color: #00174C;
    display: flex;
    gap: 5px;
    align-items: flex-start;
}
.job-table-data .applicant-num{
    font-size: 13px;
    color: #00174C;
}

.jobs-applicant-table {
    margin-top: 15px;
    border-radius: 16px;
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
    overflow-y: hidden;
}
.jobs-applicant-table table {
    margin-bottom: 0;
}
.jobs-applicant-table .table > thead {
    border-bottom: 1px solid #dee2e6;
}
.jobs-applicant-table .table > :not(caption) > * > * {
    padding: 1rem 1rem;
}
.jobs-applicant-table .table > tbody tr:last-child {
    border-bottom-color: transparent;
}
.jobs-applicant-table .user-applicant-data{
    display: flex;
    gap: 10px;
}
.jobs-applicant-table .img-holder{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #D9DDE4;
    background-image: none;
    background-color: #fff;
}
.jobs-applicant-table .img-holder img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.jobs-applicant-table .data{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.jobs-applicant-table .data h4{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-color);
}
.jobs-applicant-table .data .title{
    font-size: 14px;
    margin-bottom: 0;
    color: var(--dark-color);
}
.jobs-applicant-table .data .location{
    font-size: 13px;
    color: #7F8BA5;
}
.jobs-applicant-table .content-data-bx .title{
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--dark-color);
}
.jobs-applicant-table .content-data-bx .text{
    font-size: 13px;
    color: #7F8BA5;
}
.jobs-applicant-table .content-data-bx .sub-title{
    font-size: 13px;
    margin-bottom: 5px;
    color: var(--dark-color);
}
.jobs-applicant-table .content-data-bx .sub-title .gray{
    color: #7F8BA5;
}
.area-labels h5{
    font-size: 13px;
    font-weight: 400;
    color: #7F8BA5;
}
.area-labels .labels{
    display: flex;
    flex-wrap: wrap;
    gap: 6px 6px;
}
.area-labels .labels .item{
    padding: 5px 12px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 12px;
    color: var(--dark-color);
    background-color: #F1F2F5;
}
.interest-actions{
    display: flex;
}
.interest-actions button{
    padding: 6px 12px;
    border: 1px solid #D9DDE4;
    background-color: transparent;
}
.interest-actions button:first-child{
    border: 1px solid #D9DDE4;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.interest-actions button:last-child{
    border: 1px solid #D9DDE4;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.interest-actions button.short-list{
    border-right: 0;
    border-left: 0;
}
.interest-actions button.accept.active{
    background-color: #34B567;
}
.interest-actions button.reject.active{
    background-color: #D92D20;
}
.interest-actions button.short-list.active{
    background-color: #00174C;
}
.interest-actions button.short-list.active img,
.interest-actions button.accept.active img,
.interest-actions button.reject.active img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(128deg) brightness(104%) contrast(100%);
}
.table-actions-bx{
    display: flex;
}
.table-actions-bx .btn:active,
.table-actions-bx .btn:focus,
.table-actions-bx .btn{
    border: 0 !important;
    background-color: transparent !important;
}
.table-actions-bx .dropdown-item:first-child:hover{
    border-radius: 25px;
}
.table-actions-bx .dropdown-item img{
    filter: brightness(0) saturate(100%) invert(55%) sepia(28%) saturate(290%) hue-rotate(183deg) brightness(95%) contrast(86%);
}
.table-actions-bx .dropdown-item:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(128deg) brightness(104%) contrast(100%);
}
.table-actions-bx .dropdown-menu{
    border-radius: 25px !important;
}
.table-actions-bx .dropdown-toggle::after{
    display: none;
}
.empty-applicant-bx{
    width: 100%;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}
.empty-applicant-bx h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--dark-color);
    text-align: center;
}
.back_btn {
    display: flex;
    gap: 5px;
    color: #00174C;
    margin: 10px 0 15px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 17px;
}
.back_btn img{
    width: 16px;
}
.exp-bx .content-data .form-select{
    border-radius: 50px;
}
.exp-bx .content-data h4 {
    color: #00174C;
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}
.exp-bx .tabs-list h3 .steps-num{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.job-steps-btns{
    display: flex;
    gap: 15px;
}
.job-steps-btns .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
    min-width: 100px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.job-steps-btns .btn.save:active,
.job-steps-btns .btn.save:focus,
.job-steps-btns .btn.save {
    color: #fff !important;
    background-color: #004EFF !important;
}
.job-steps-btns .btn.back:active,
.job-steps-btns .btn.back:focus,
.job-steps-btns .btn.back {
    color: #00174C !important;
    border-color: #00174C !important;
    background-color: #fff !important;
}
.exp-bx .labels_bx{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    margin-top: 15px;
}
.exp-bx .labels_bx .item{
    display: flex;
    gap: 7px;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50px;
    background-color: var(--main-blue);
}
.exp-bx .labels_bx .item img{
    width: 12px;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(69deg) brightness(105%) contrast(102%);
}
.exp-bx .labels_bx .item.white{
    color: #00174C;
    border: 1px solid #00174C;
    background-color: #fff;
}
.exp-bx .labels_bx .item.white img{
    filter: none;
}
.added-item {
    display: flex;
    gap: 20px;
    align-items: center;
}
.added-item .added-data{
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
}
.added-item h5{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.added-item p{
    font-size: 14px;
    color: #7F8BA5;
    font-weight: 500;
}
.added-item .trash{
    cursor: pointer;
}
.add-exp-industry{
    color: var(--main-blue);
    cursor: pointer;
}
#confirmDeleteModal .modal-content{
    border-radius: 20px;
}
#confirmDeleteModal .modal-header {
    border-bottom: 0;
}
#confirmDeleteModal .modal-header .btn-close{
    font-size: 12px;
}
#confirmDeleteModal .modal-body h3 {
    font-size: 17px;
    color: #00174C;
    font-weight: 600;
}
#confirmDeleteModal .modal-body p{
    font-size: 15px;
    color: #7F8BA5;
}
#confirmDeleteModal .modal-footer{
    border-top: 0;
    padding-bottom: 20px;
    justify-content: flex-start;
}
#confirmDeleteModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
    min-width: 100px;
}
#confirmDeleteModal .modal-footer .btn.cancel-btn:active,
#confirmDeleteModal .modal-footer .btn.cancel-btn:focus,
#confirmDeleteModal .modal-footer .btn.cancel-btn {
    color: #fff !important;
    background-color: #004EFF !important;
}
#confirmDeleteModal .modal-footer .btn.delete-btn:active,
#confirmDeleteModal .modal-footer .btn.delete-btn:focus,
#confirmDeleteModal .modal-footer .btn.delete-btn {
    color: #00174C !important;
    border-color: #00174C !important;
    background-color: #fff !important;
}
.add-question{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.add-question h3{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.add-question .add-question-popup{
    cursor: pointer;
    font-size: 14px;
    color: var(--main-blue);
}


#addQuestionDeleteModal .modal-content {
    border-radius: 20px;
}
#addQuestionDeleteModal .modal-header {
    border-bottom: 0;
}
#addQuestionDeleteModal .modal-header .btn-close{
    font-size: 12px;
}
#addQuestionDeleteModal .modal-header h3 {
    font-size: 20px;
    color: #00174C;
    font-weight: 600;
}
#addQuestionDeleteModal .modal-body p {
    font-size: 15px;
    color: #7F8BA5;
}
#addQuestionDeleteModal .modal-body .form-control {
    border-radius: 50px;
}
#addQuestionDeleteModal .modal-footer {
    border-top: 0;
    padding-bottom: 20px;
    justify-content: flex-end;
}
#addQuestionDeleteModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
    min-width: 100px;
}
#addQuestionDeleteModal .modal-footer .btn.add-btn:active,
#addQuestionDeleteModal .modal-footer .btn.add-btn:focus,
#addQuestionDeleteModal .modal-footer .btn.add-btn {
    color: #fff !important;
    background-color: #004EFF !important;
}
#addQuestionDeleteModal .modal-footer .btn.delete-btn:active,
#addQuestionDeleteModal .modal-footer .btn.delete-btn:focus,
#addQuestionDeleteModal .modal-footer .btn.delete-btn {
    color: #00174C !important;
    border-color: #00174C !important;
    background-color: #fff !important;
}

#postJobModal .modal-content {
    border-radius: 20px;
}
#postJobModal .modal-header {
    border-bottom: 0;
}
#postJobModal .modal-header .btn-close{
    font-size: 12px;
}
#postJobModal .modal-body h3 {
    font-size: 17px;
    color: #00174C;
    font-weight: 600;
    margin-top: 15px;
}
#postJobModal .modal-body p {
    font-size: 15px;
    color: #7F8BA5;
}
#postJobModal .modal-footer {
    border-top: 0;
    padding-bottom: 20px;
    justify-content: flex-start;
}
#postJobModal .modal-footer .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
    min-width: 100px;
}
#postJobModal .modal-footer .btn.cancel-btn:active,
#postJobModal .modal-footer .btn.cancel-btn:focus,
#postJobModal .modal-footer .btn.cancel-btn {
    color: #fff !important;
    background-color: #004EFF !important;
}
#postJobModal .modal-footer .btn.delete-btn:active,
#postJobModal .modal-footer .btn.delete-btn:focus,
#postJobModal .modal-footer .btn.delete-btn {
    color: #00174C !important;
    border-color: #00174C !important;
    background-color: #fff !important;
}
.jobs-table .applicant-data .empty-applicant {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #7F8BA5;
}
.jobs-table .applicant-data .empty-applicant a{
    color: var(--main-blue);
}
.jobs-table .applicant-data .empty-applicant button{
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--main-blue);
}
.form-bx .jqte {
    border-radius: 20px;
}
.form-bx .jqte_toolbar {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.form-bx .jqte_placeholder_text {
    top: 60px;
}
.benefits-dropdown .select2-search__field::placeholder {
    color: #BEC4D1 !important;
}
.benefits-dropdown{
    position: relative;
}
.benefits-dropdown::before{
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #EEEEEE;
    position: absolute;
    inset-inline-start: 10px;
    top: calc(50% - 15px);
    z-index: 999;
    background-image: url(../images/gray-search.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center center;
}
/*.benefits-dropdown .select2-container--default .select2-search--inline .select2-search__field {
    padding-inline-start: 35px;
}*/
.benefits-dropdown .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 43px 0;
}
.bx-data.with-list ul li .text-data .desc img{
    width: 100%;
}
.rec-profile-data .rec-img .flag {
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0px;
    inset-inline-end: 0px;
    border-radius: 50%;
    background-color: #ddd;
}
.rec-profile-data .rec-img .flag img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}
.rec-profile-data .rec-img{
    position: relative;
}
.form-frame {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #D9DDE4;
}

.jobs-applicant-table tbody, td, tfoot, th, thead, tr {
    color: #00174C;
    font-weight: 500;
}
.benifits-labels .job-label {
    color: var(--dark-color);
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 12px;
    background-color: #F1F2F5;
}
.form-check .form-check-input {
    border-color: #bfbfbf !important;
}
.jobs-table .select2-container{
    width: 130px !important;
}
.my-jobs-header .nav-pills .nav-link{
    border-radius: 50px;
}
.form-btns .btn.clear:focus,
.form-btns .btn.clear:active,
.form-btns .btn.clear {
    color: #004EFF !important;
    border: 0 !important;
}
.note-editor .note-editing-area .note-editable a {
    background-color: inherit;
    text-decoration: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer;
}
.note-modal-footer{
    height: 60px;
}
.note-modal-footer .note-btn {
    padding: 7px 10px;
}
.btn.profile_show_more {
    color: var(--main-blue);
    padding: 0;
    display: flex;
    gap: 5px;
    align-items: baseline;
    font-size: 15px;
}
.my-15 {
    margin-inline-start: 15px;
}
.btn.profile_show_more:focus,
.btn.profile_show_more:active{
    background-color: transparent !important;
    color: var(--main-blue) !important;
    border: 0 !important;
}


/*.create-job-actions{}*/
.form-btns.create-job-actions {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 30px;
}
.form-btns.create-job-actions .btn {
    padding: 8px 20px;
    border-radius: 50px;
    cursor: pointer;
}
.form-btns.create-job-actions .btn.save {
    color: #fff;
    background-color: #004EFF;
}
.form-btns.create-job-actions .btn.cancel {
    background-color: #fff;
    color: #00174C;
}
.bx-data.with-list ul li .text-data .desc a{
    color: var(--main-blue) !important;
}

.border_card {
    padding: 20px 0;
    border-radius: 20px;
    margin-bottom: 25px;
    border: 1px solid #D9DDE4;
}
.top_actions{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.top_actions .back_btn{
    display: flex;
    gap: 7px;
    cursor: pointer;
}
.top_actions .back_btn img{
    width: 8px;
    transform: rotate(180deg);
}
.top_actions .revel_btn{
    color: #fff;
    padding: 7px 25px;
    border-radius: 50px;
    cursor: pointer;
    background-color: var(--main-blue);
}
#revealModal .modal-content{
    border-radius: 15px;
}
#revealModal .modal-header {
    border-bottom: 0;
}
#revealModal .modal-body h3{
    color: #00174C;
    font-weight: 600;
    font-size: 18px;
}
#revealModal .modal-body p {
    color: #7F8BA5;
    font-weight: 500;
    font-size: 16px;
}
#revealModal .modal-footer{
    display: flex;
    gap: 7px;
    justify-content: flex-end;
    border-top: 0;
    padding-bottom: 30px;
}
#revealModal .modal-footer .btn.cancel:focus,
#revealModal .modal-footer .btn.cancel:active,
#revealModal .modal-footer .btn.cancel{
    border: 1px solid #7F8BA5;
    border-radius: 50px;
    color: #00174C !important;
    background-color: #fff !important;
}
#revealModal .modal-footer .btn.save:focus,
#revealModal .modal-footer .btn.save:active,
#revealModal .modal-footer .btn.save{
    color: #fff !important;
    border-radius: 50px;
    cursor: pointer;
    background-color: var(--main-blue) !important;
}

.uer_data_bx{
    margin-bottom: 15px;
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 20px;
    width: 100%;
    padding: 0 36px;
    /*justify-content: space-between;*/
}
.uer_data_bx .user-info {
    display: flex;
    gap: 15px;
}
.uer_data_bx .user-info .img {
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #D9DDE4;
}
.uer_data_bx .user-info .img img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.uer_data_bx .user-info .text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.uer_data_bx .user-info .text .name {
    font-size: 21px;
    font-weight: 600;
    color: #00174C;
    word-break: break-all;
}
.uer_data_bx .user-info .text .position {
    font-size: 16px;
    color: #00174C;
    font-weight: 500;
}
.uer_data_bx .user-info .text .location {
    font-size: 14px;
    color: #7F8BA5;
}
.uer_data_bx .user-info .text .time {
    font-size: 14px;
    color: #7F8BA5;
}
.uer_data_bx .user-info .actions{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.uer_data_bx .user-info .actions .item{
    display: flex;
    gap: 3px;
    color: #00174C;
    font-size: 14px;
    align-items: end;
}
.uer_data_bx .applied-bx{
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #D9DDE4;
    min-width: 30%;
}
.uer_data_bx .applied-bx h3{
    font-size: 16px;
    color: #00174C;
    font-weight: 600;
}
.uer_data_bx .applied-bx p{
    font-size: 14px;
    color: #7F8BA5;
}
.uer_data_bx .applied-bx .title{
    font-size: 16px;
    color: #00174C;
    margin-bottom: 15px;
}
.uer_data_bx .applied-bx .title span{
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #00174C;
}
.border_card .search-tabs{
    margin-bottom: 30px;
}
.data_item_bx{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.data_item_bx .title{
    font-size: 16px;
    color: #7F8BA5;
}
.data_item_bx .data{
    font-size: 16px;
    color: #00174C;
}
.py-20{
    padding: 0 36px;
}
.data-container-item .bx-data .link a .dark-text {
    color: #00174C;
}
.hide_data {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    backdrop-filter: blur(5px);
}
.uer_data_bx .user-info .text .position,
.uer_data_bx .user-info .text .location,
.uer_data_bx .user-info .text .time,
.data_item_bx .data,
.uer_data_bx .user-info .text .name {
    position: relative;
}

.select2-container--open .select2-dropdown--below{
    border-radius: 12px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 8px;
}
.jobs-table #JobStatus {
    width: 130px;
    border-radius: 50px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #fff !important;
    color: #aaa !important;
}
.jobs-table .applicant-data .item {
    align-items: center;
    color: #00174C;
    font-weight: 600;
    white-space: nowrap;
}
.select2-container--open .select2-dropdown--above {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.select2-container--default .select2-results > .select2-results__options {
    border-radius: 0 0 12px 12px;
}
.select2-results__option {
    white-space: nowrap;
}
.jobs-filter-bx .select-bx .select2-container{
    min-width: 130px !important;
    width: fit-content !important;
}

.rec-profile-data .rec-img .lock-img{
    width: 40px;
    height: 40px;
    border-radius: 0;
}
.rec-profile-data .rec-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.select2-results__option:hover {
    color: #00174C !important;
    background-color: #ddd !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #00174C !important;
    background-color: #ddd !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
    color: #aaa;
}
.jobs-table td .form-select{
    width: 130px !important;
    border-radius: 50px;
}
.jobs-table .applicant-data .item button{
    background-color: transparent;
    border: 0;
    color: var(--main-blue);
}
.pagination-bx .active>.page-link, 
.pagination-bx .page-link.active{
    border-radius: 50%;
}
.pagination-bx .page-link{
    color: #7F8BA5;
}
.pagination-bx .page-item.next .page-link,
.pagination-bx .page-item.last .page-link,
.pagination-bx .page-item.first .page-link,
.pagination-bx .page-item.prev .page-link {
    color: #00174C;
}
.name_with_status{
    display: flex;
    align-items: center;
    gap: 10px;
}
.name_with_status .status{
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #00174C;
}

.verified_text {
    font-size: 11px;
    color: red;
    white-space: normal;
}
.verified_text img{
    margin-inline-start: 5px;
}
.uer_data_bx .user-info .actions{
    cursor: pointer;
}
.hide_user_img{
    position: relative;
}
.uer_data_bx .user-info .img.hide_user_img .hide_data {
    border-radius: 50%;
}
.uer_data_bx .user-info .img.hide_user_img img {
    width: 86px;
    height: 86px;
}
.search-tabs ul li a{
    cursor: pointer;
}
/*.data-container-item .bx-data {
    max-height: 400px;
    overflow: auto;
}*/
.data-container-item .bx_with_height {
    max-height: 400px;
    overflow: auto;
    padding-inline-end: 10px;
}
.candidate-name .user-img .empty-lock-img img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.scroll_bx{
    max-height: 230px;
    overflow-x: auto;
}
.scroll_bx .list_item{
    margin-bottom: 15px;
    border-bottom: 1px solid #D9DDE4;
    display: flex;
    flex-direction: column;
}
.scroll_bx .list_item:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
.uer_data_bx .user-info .rec-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uer_data_bx .user-info .rec-img img,
.uer_data_bx .user-info .rec-img .hide_data{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.applicant-item .areas-exp,
.applicant-item .experience-bx,
.applicant-item .header-content .data {
    cursor: pointer;
}

.CityContainer {
    position: relative !important;
    overflow: visible !important;
}

    .CityContainer .select2select2-container--open .select2-dropdown {
        width: 100% !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        position: absolute !important; /* Corrects position */
        z-index: 9999 !important; /* Ensures dropdown is above other elements */
    }

    .CityContainer .select2-search__field {
        width: 100% !important;
        padding: 5px !important;
        box-sizing: border-box !important;
    }
#showMoreProjectId .data .images-bx img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}
#showMoreProjectId .data .images-bx ul {
    padding: 0;
    margin: 0;
    display: flex;
}
#showMoreProjectId .data .images-bx ul li:first-child {
    margin-left: 0;
}

#showMoreProjectId .data .images-bx ul li {
    list-style: none;
    margin-left: -15px;
    padding: 0;
    margin-bottom: 0;
}

#showMoreProjectId .data h4 {
    font-size: 13px;
    text-transform: capitalize;
    color: var(--black-text);
    font-weight: 700;
}
.candidate-name .user-img img {
    width: 50px;
    height: 50px;
}
.bx-data.with-list ul li .text-data .desc img {
    max-height: 500px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}
.edit-profile-bx .text-data .skills-bx .desc{
    white-space: nowrap;
}
.jobs-bx ul li .job-header .apply:hover{
    background-color: var(--main-blue);
}

#CVDocument {
}
.download_cv_btn{
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 50px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    height: 30px;
    align-items: center;
    white-space: nowrap;
    background-color: var(--main-blue);
        cursor: pointer;
    display: flex;
}
.download_cv_btn .form-label{
    margin-bottom: 0 !important;
}
#CVDocument .download_cv_btn{
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 50px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    height: 30px;
    align-items: center;
    white-space: nowrap;
    background-color: var(--main-blue);
        cursor: pointer;
    display: flex;
}
/*.notification-item .data p{
    text-transform: lowercase;
}*/
.jobs-bx ul li .job-header .fav{
    border: 0;
}
.candidate-name .user-img img {
    border-radius: 50%;
}
.download_cv_btn{
    display: flex;
    justify-content: flex-end;
}
.download_cv_btn a{
    color: var(--main-blue);
    cursor: pointer;
}
.download_cv_btn a label{
    cursor: pointer;
    display: flex;
    background-color: var(--main-blue);
    color: #fff;
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 15px;
}
}
.criteria-items .item {
    display: inline-flex;
}
.revel_btn {
    display: inline-flex;
    height: 30px;
    padding: 0 10px;
    align-items: center;
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    white-space: nowrap;
    background-color: var(--main-blue);
}
#CandidatePaging .dropdown-item a:hover {
    color: #212529;
    background-color: transparent;
}
.user-info{
    height: max-content;
}
.header-icon .btn{
    position: relative;
}
.header-icon .notification-count{
    position: absolute !important;
}
.uer_data_bx .user-info a{
    height: max-content;
}
.disabled_btn {
    background-color: #f0f0f0 !important;
    color: #919191de !important;
    cursor: default !important;
}
.add_new_btn {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 5px;
    margin-inline-start: 5px;
    color: var(--main-blue);
    font-size: 14px;
    white-space: nowrap;
}
#editAlertModal .modal-body .select2-container--default .select2-selection--multiple,
#editAlertModal .modal-body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-radius: 6px !important;
    font-size: 12px;
}
#editAlertModal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 12px;
}
.check-btn-bx {
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
}
.check-btn-bx a {
    padding: 12px 30px;
    border-radius: 50px;
    cursor: pointer;
    color: var(--dark-color);
    font-size: 17px;
    text-decoration: none;
    background-color: #F4AE5D;
    cursor: default;
}
.input-group.phone-num select {
    border-color: #ced4da;
    border-radius: 50px 0 0 50px;
}
#applyJobModal.signinModal .modal-content {
    background-color: #fff;
}
#applyJobModal.signinModal .modal-body{
    text-align: start;
}
#applyJobModal.signinModal .modal-header {
    flex-direction: column;
    align-items: flex-start;
}
#applyJobModal.signinModal .modal-header h1{
    color: #00174C;
}
#applyJobModal.signinModal .modal-header p{
    color: #7F8BA5;
    margin-bottom: 0;
}
#applyJobModal.signinModal .modal-body .form-control{
    border-radius: 50px;
}
#applyJobModal.signinModal .modal-footer{
    justify-content: flex-end;
}
#applyJobModal.signinModal .modal-footer .btn.btn-primary{
    color: #fff !important;
    background-color: #004eff !important;
}
.btn.btn-secondary:active,
.btn.btn-secondary:focus{
    color: #004eff !important;
    background-color: transparent !important;
}
#successEasySignUpModal .modal-content{
    border-radius: 20px;
}
#successEasySignUpModal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
#successEasySignUpModal .modal-footer .btn{
    border-radius: 50px;
    padding: 8px 30px;
    color: #fff !important;
    border-color: #004eff !important;
    background-color: #004eff !important;
}

.phone-num .form-select{
    border-radius: 50px 0 0 50px !important;
}
.phone-num input#Phone {
    border-radius: 0 50px 50px 0 !important;
}

.phone-num .select2-container {
    border-radius: 50px 0 0 50px !important;
}

#UnverifiedAccountModal .modal-content {
    border-radius: 20px;
    background-color: #004EFF;
}
#UnverifiedAccountModal .modal-header{
    font-weight: 500;
    font-size: 24px !important;
    padding-top: 25px;
    padding-inline-start: 30px;
}
#UnverifiedAccountModal .modal-body{
    padding-inline-start: 30px;
}
#UnverifiedAccountModal .modal-body p{
    margin-bottom: 30px;
}
#UnverifiedAccountModal .modal-footer button,
#UnverifiedAccountModal .modal-footer button:active,
#UnverifiedAccountModal .modal-footer button:visited{
    border-radius: 50px;
    padding: 8px 60px;
    border: 0;
    background-color: #fff;
    color: var(--main-blue);
    margin-bottom: 15px;
}


.form-bx #datePicker,
.form-bx #datePicker::placeholder {
    color: #00174C !important;
}

.page-header.pt_180 {
    padding-top: 180px;
}

.page-header.pt_100 {
    padding-top:  100px;
}
.new_guest_content .new-home-bx{
    height: calc(100vh - 90px);
    padding: 70px 70px 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
    background-image: url(../images/new-home-guest-bg.svg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position-y: top;
    text-align: center;
}
.new_guest_content .new-home-bx h1{
    color: #231D4F;
    font-weight: 600;
    text-align: center;
    max-width: 560px;
}
.new_guest_content .new-home-bx p{
    color: #555555;
    font-size: 20px;
    max-width: 400px;
    text-align: center;
}
.new_guest_content .new-home-bx .type-btns{
    display: flex;
    padding-top: 20px;
    gap: 20px;
    flex-wrap: wrap;
}
.new_guest_content .new-home-bx .type-btns a{
    width: 160px;
    text-align: center;
    padding: 12px 5px;
    border-radius: 50px;
    border: 1px solid #004EFF;
    transition: 0.3s;
}
.new_guest_content .new-home-bx .type-btns a.fill_btn{
    color: #fff;
    background-color: #004EFF;
}
.new_guest_content .new-home-bx .type-btns a.outline_btn{
    color: #004EFF;
    background-color: #fff;
}
/*.new_guest_content .new-home-bx .type-btns a:hover{
    color: #fff;
    border-color: #79a2ff;
    background-color: #79a2ff;
}*/

    .new_guest_content .new-home-bx .type-btns a.fill_btn:hover {
        /*color: #f8f8f8;
        background-color: #99c2ff;*/
        color: #004EFF;
        background-color: #fff;
    }

    .new_guest_content .new-home-bx .type-btns a.outline_btn:hover {
        /*color: #99c2ff;*/ /* Softer white */
        /*background-color: #f8f8f8;*/ /* Pale blue */
        color: #fff;
        background-color: #004EFF;
    }

.footer-section .guest_footer {
    margin-top: auto;
    padding: 25px 70px;
    border-top: 1px solid #EBEBEB;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-section .guest_footer .download-app {
    display: flex;
    gap: 15px;
    align-items: end;
}

.new_guest_content .guest_footer .download-app p {
    color: #004EFF;
    padding-inline-end: 0px;
    font-size: 17px;
    margin-bottom: 0;

}

.footer-section .guest_footer .download-app a {
    text-decoration: none;
    display: inline-flex;
}

.footer-section .guest_footer .download-app img {
    filter: brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(7499%) hue-rotate(224deg) brightness(102%) contrast(107%);
}

.footer-section .guest_footer .social-icons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.footer-section .guest_footer .social-icons span,
.footer-section .guest_footer .social-icons a {
    display: inline-flex;
}

.footer-section .guest_footer .social-icons a img {
    width: 33px;
}







/** ====================
 *  Responsive
=======================*/
    @media screen and (max-width: 1400px) {
        .menu-bx .nav-link {
            font-size: 15px;
        }

        .end-content a {
            font-size: 13px;
        }
    }

    @media screen and (max-width: 1260px) {
        .header-search {
            width: 150px;
        }

        .end-content a {
            font-size: 14px;
            padding: 0 8px;
        }

        .type-tabs a {
            font-size: 16px;
        }

        .end-content {
            gap: 5px;
        }

        .navbar-brand img {
            width: 110px;
        }
    }

    @media screen and (max-width: 1180px) {
        .type-tabs {
            gap: 15px;
            padding-inline-start: 10px;
        }

        .menu-bx .nav-link {
            font-size: 16px;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .header-search {
            width: 120px;
        }

            .header-search .form-control {
                font-size: 14px;
            }

        .pagination-bx ul .page-link {
            width: 35px;
            height: 35px;
        }
    }

    @media screen and (max-width: 1100px) {
        .type-tabs {
            display: none;
        }
    }

    @media screen and (max-width: 991px) {
        /*.type-tabs{
        display: block;
    }*/
        .menu-bx {
            min-height: 70px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .menu-bx .navbar {
                width: 100%;
            }

        .end-content a {
            display: none;
        }

        .menu-bx .navbar .space {
            display: none;
        }

        .navbar-brand {
            margin-inline-end: auto;
        }

        .end-content {
            gap: 0;
            padding-inline-start: 10px;
        }

        .container_bx {
            padding-left: 30px;
            padding-right: 30px;
        }

        .banner-section-img {
            display: none;
        }

        .banner-text p {
            white-space: nowrap;
        }

        .hide-mobile {
            display: none;
        }

        .hide-desktop {
            display: flex;
        }

        .lang-btn.hide-desktop {
            display: flex;
            padding: 0 7px;
            margin-inline-start: 10px;
        }

        .navbar-brand {
            margin-inline-end: auto !important;
        }

        .job-details-bx .labels {
            margin-bottom: 15px;
        }

        .latest-jobs-list {
            grid-template-columns: 1fr;
        }
        /*#CandidateList .table-responsive {
        overflow: auto;
    }*/
        #CandidateList .border-card {
            overflow-x: auto;
            position: relative;
            z-index: 0;
        }

        .end-content .user-icons .user-item .dropdown-menu-end .dropdown-item {
            display: block;
        }

        .notification-item .data p {
            flex-wrap: wrap;
        }
    }

    @media screen and (max-width: 768px) {
        .footer-section .items-bx {
            flex-direction: column;
            gap: 15px;
        }

        .footer-section .social-icons {
            padding-top: 20px;
            justify-content: flex-start;
        }

        .catug-item-bx {
            justify-content: flex-start;
        }

            .catug-item-bx img {
                width: 42px;
            }

        .access-bx .img-bx {
            margin-inline-end: 0;
        }

        .access-bx .access-text {
            padding-top: 15px;
            padding-bottom: 30px;
            padding-inline-start: 0;
        }

        .menu-bx {
            position: relative;
            width: 100%;
            display: table;
        }

        .access-bx {
            padding: 50px 15px 0;
            padding-inline-start: 15px;
            flex-wrap: wrap;
        }
        /*.wrapper{
        overflow-x: hidden;
    }*/
        .banner-section-search {
            width: 100%;
        }

        .footer-section .items-bx .footer-item {
            width: 100%;
        }

        /*.wrapper {
        margin-top: -15px;
    }*/
        .page-header.gray-bg {
            padding: 10px 0 30px;
        }

        .result-list ul.job_list {
            max-height: 300px;
            overflow: auto;
        }

        .result-list {
            margin-bottom: 20px;
        }

        .filter-items {
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }

        .search-filter-bx .search-input {
            width: 100%;
        }

        .why-items .row {
            gap: 15px;
        }

        .pic-bx .pic-item {
            width: 100%;
            text-align: center;
            margin-bottom: 7px;
        }

        .Streamline-bx .overlay_bg {
            position: relative;
        }

        .data-container-item .bx-data .about-user .list .item {
            width: 100%;
        }

            .data-container-item .bx-data .about-user .list .item .title {
                font-size: 16px;
            }

            .data-container-item .bx-data .about-user .list .item .data {
                font-size: 16px;
            }

        .data-container-item .bx-title h3 {
            font-size: 18px;
        }

        .data-container-item .bx-data .user-info .text .name {
            font-size: 18px;
        }

        .page-header {
            padding-top: 20px;
        }

        .exp-bx {
            flex-direction: column;
        }

            .exp-bx .tabs-list {
                width: 100%;
                border-inline-end: 0;
                border-bottom: 1px solid #D9DDE4;
            }

            .exp-bx .content-data {
                flex-direction: column;
                padding: 15px;
            }

                .exp-bx .content-data .personal-text {
                    width: 100%;
                    margin-bottom: 15px;
                }

                .exp-bx .content-data .data {
                    width: 100%;
                    padding-inline-start: 0;
                }

                .exp-bx .content-data .form-bx {
                    padding-inline-end: 0;
                }

                .exp-bx .content-data .data .user {
                    flex-direction: column;
                }

        .input-group.phone-num {
            flex-wrap: nowrap;
        }

        .content-container .container_bx.pt-100 {
            padding-top: 20px !important;
        }

        html, body {
            height: auto;
        }

        .end-content {
            gap: 15px;
            padding-inline-start: 0px;
            width: 100%;
            justify-content: space-between;
            margin-bottom: 7px;
            flex-wrap: nowrap;
            margin-top: 7px;
        }

        .header-search {
            width: 100%;
        }

        .jobs-bx ul li {
            flex-wrap: wrap;
        }

        #SetAlertModal.alert-btn {
            gap: 2px;
            width: 100%;
            justify-content: flex-end;
        }

        .navbar-nav .dropdown-menu .img-holder {
            display: none;
        }

        .form-bx .jqte_placeholder_text {
            top: 80px;
        }
        .footer-section .guest_footer {
            gap: 25px;
            justify-content: center;
        }
        .new_guest_content .new-home-bx .type-btns{
            justify-content: center;
        }
        .new_guest_content .new-home-bx{
            padding-top: 10px;
        }
        .new_guest_content .guest_footer .download-app p{
            white-space: nowrap;
        }
        .new_guest_content{
            min-height: 100vh;
        }
        
        
    }

    @media screen and (max-width: 480px) {
        .menu-bx {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .menu-bx .navbar > .container-fluid {
                padding-left: 0;
                padding-right: 0;
            }

        .navbar-brand img {
            width: 100px;
        }

        .end-content {
            width: 100%;
            margin-top: 10px;
            padding-inline-start: 0;
        }

        .header-search {
            width: 100%;
        }

            .header-search .form-control {
                margin-right: 0 !important;
            }

        .banner-section.container_bx {
            padding-top: 40px;
        }

        .banner-text p {
            white-space: inherit;
            margin-bottom: 0;
            font-size: 14px;
            display: block;
            position: relative;
            padding-inline-start: 40px;
            ;
        }

            .banner-text p img {
                position: absolute;
                top: 0;
                inset-inline-start: 0;
            }

        .banner-text h1 {
            font-size: 28px;
            padding-top: 0px;
        }

        .banner-section-search .search-btn {
            padding: 0 15px;
            font-size: 0;
            gap: 0;
        }

        .container_bx {
            padding-left: 20px;
            padding-right: 20px;
        }

        .section-title {
            margin-bottom: 15px;
        }

            .section-title h3 {
                font-size: 24px;
                margin-bottom: 50px;
            }

        .item-bx {
            flex-direction: column;
            padding: 20px;
            align-items: center;
        }

            .item-bx .text {
                width: 100%;
                margin-top: 0;
            }

        .premium-bx h1 {
            width: 100%;
            font-size: 26px;
        }

        .premium-bx ul {
            grid-template-columns: auto;
            padding: 25px 20px 0;
        }

            .premium-bx ul li {
                font-size: 16px;
            }

        .access-bx .access-text h1 {
            font-size: 26px;
        }

        .access-bx .access-text p {
            font-size: 18px;
        }
        
    }


@media screen and (max-width: 360px){
    .footer-section .guest_footer .download-app {
        flex-wrap: wrap;
        justify-content: center;
    }
}