@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     text-rendering: geometricPrecision;
     -moz-osx-font-smoothing: grayscale;
}

html {
     scroll-behavior: smooth;
}


:root {
     --primary-color: #0021AD;
     --secondary-color: #DAA520;
     --white-color: #fff;
     --black-color: #000;
     --text-color: #333333;
     --para-color: rgba(51, 51, 51, 0.502);
     --tittle-color: rgb(51, 51, 51);
     --lightblue: rgba(0, 33, 173, 0.031);
     --primary-font: 'Mulish', sans-serif;
     --secondary-font: "Crimson Pro", serif;

}

::-webkit-scrollbar {
     width: 6px;
     /* For vertical scrollbar */
     height: 6px;
     /* For horizontal scrollbar */
}

/* Track (background) */
::-webkit-scrollbar-track {
     background: transparent;
}

/* Handle (thumb) */
::-webkit-scrollbar-thumb {
     background: rgba(0, 0, 0, 0.3);
     border-radius: 10px;
}

* {
     scrollbar-width: thin;
     /* "auto" | "thin" | "none" */
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

body {
     font-family: var(--primary-font);
}

html,
body {
     display: flex;
     flex-direction: column;
     height: 100%;
}


input[type=number]::-webkit-inner-spin-button,
input.form-control[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input.form-control[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

input[type=number],
input.form-control[type=number] {
     -moz-appearance: textfield;
}


main.main {
     flex: 1 0 auto;
}

body {
     font-size: 16px;
     font-weight: 400;

}

.pointer {
     cursor: pointer;
}

.bg-primary {
     --bs-bg-opacity: 1;
     background-color: rgba(var(--primary-color), var(--bs-bg-opacity)) !important;
}

.alert-info {
     --bs-alert-color: #333333;
     --bs-alert-bg: #f7f8fc;
     --bs-alert-border-color: #f7f8fc;
     --bs-alert-link-color: #0027aa;
}

.text-primary {
     color: var(--primary-color) !important;
}

.form-check-input:checked {
     background-color: var(--primary-color);
     border-color: var(--primary-color);
}

.container {
     width: 100% !important;
     max-width: 1540px;
}

.navbar-brand {
     max-width: 356px;
     width: 100%;
}

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

.btn-outline-warning {
     color: var(--secondary-color);
     border-color: var(--secondary-color);
}

.btn {
     padding: 18px 20px;
     border-radius: 22px;
     min-width: 150px;
     font-family: var(--primary-font);
     font-weight: 600;
     font-size: 16px;
     line-height: 100%;
     text-transform: uppercase;
     transition: 0.3s ease-in-out all;
}

.btn-link {
     color: var(--secondary-color);
     text-decoration: none;
     max-width: max-content;
     min-width: auto;
     padding: 0;
}

.btn-white {
     background-color: var(--white-color);
}

.btn-white:hover {
     background-color: var(--primary-color);
     color: #fff;
}

.btn-link:hover {
     color: var(--primary-color);
}

.btn-grey {
     background: rgba(51, 51, 51, 0.102);
     color: var(--text-color);
}

span.saperater {
     display: block;
     height: 54px;
     width: 2px;
     background: var(--text-color);
     opacity: 20%;
}

.breadcrumb-wpr {
     padding: 15px 0;
     background: var(--lightblue);
}

.backtopage {
     text-decoration: none;
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 24px;
     line-height: 1.16;
     text-align: center;
     color: var(--tittle-color);
}

.dashboard__row {
     --size: 300px;
     --space: 52px;
     flex-wrap: wrap;
}


#user-dashboard {
     width: var(--size);
     padding: 0 var(--space) 0 0;
}

.dashboard__row>.tab-content {
     width: 100%;
     padding-left: var(--space);
     border-left: 1px solid var(--text-color);
     flex: 0 0 calc(100% - var(--size));
     max-width: calc(100% - var(--size));
}

.sidebar-nav {
     background: transparent;
     border: 0;
     text-align: left;
     padding: 0 18px;
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 20px;
     line-height: 32px;
     margin-bottom: 25px;
     display: flex;
     align-items: center;
     gap: 15px;

     transition: 0.2s ease-in-out all;
}

.sidebar-nav.active {
     color: #0021ad;
}

.sidebar-nav.active svg path {
     fill: #0021ad;
}

.tootl-applied {
     font-weight: 500;
     font-size: 20px;
     line-height: 32px;
}

.tottl-count {
     font-weight: 700;
     font-size: 24px;
     line-height: 32px;
}

.icon svg {
     width: 35px;
     height: 35px;
}

h5.user-name {
     font-weight: 700;
     font-size: 24px;
     line-height: 32px;
     color: #333;
     margin-bottom: 30px;
}

h5.user-name p {
     margin-bottom: 0;
}

.recent-ttl {
     font-weight: 700;
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 30px;
}

.bg-light-yellow {
     background-color: #DFB96330;
     border-radius: 22px;
}

#user-dashboardContent table tr th {
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     white-space: nowrap;
}

#user-dashboardContent table tr td {
     padding: 20px 10px;
}

.job-status {
     background-color: #28a745;
     color: white;
     padding: 3px 12px;
     border-radius: 20px;
     font-size: 0.85rem;
     line-height: 1.6;
}

.job-card:hover {
     background-color: #f8f9fa;
}

.job-type,
.job-metas span {
     color: #0021AD;
     font-size: 0.75rem;
     border-radius: 20px;
     padding: 5px 12px;
     border: 1px solid #0021AD;
     opacity: 0.5;
}

.profile-box {
     background-color: #0021AD26;
     border-radius: 22px;
}

.job-tittle {
     font-weight: 700;
     font-size: 18px;
     line-height: 1.94;
     color: #333;
}

.location-job {
     font-weight: 500;
     font-size: 14px;
     line-height: 100%;
     color: var(--para-color);
     margin-bottom: 9px;
     display: flex;
     align-items: center;
     gap: 8px;
}

.job-metas {
     gap: 10px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}

.job-post-date {
     font-weight: 500;
     font-size: 14px;
     line-height: 100%;
     color: rgba(51, 51, 51, 0.502);
}

.job-status.expired {
     background: #D9D9D9;
}

.view-details {
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     text-transform: uppercase;
     text-decoration: underline;
     text-decoration-style: solid;
     text-decoration-thickness: 0%;
     text-decoration-skip-ink: auto;
     color: var(--secondary-color);
}

.job-card:last-child td {
     border: 0px;
}

.form-control,
.form-select {
     border-radius: 20px;
     font-size: 0.95rem;
     padding: 0.8rem 1rem;
}

.upload-box {
     border: 1.5px dashed #ccc;
     border-radius: 12px;
     text-align: center;
     padding: 2rem;
     color: #888;
     transition: border-color 0.3s ease;
}

.upload-box:hover {
     border-color: #666;
}

.tab-link {
     text-decoration: none;
     font-weight: 500;
     color: black;
}

.tab-link.active {
     color: blue;
     border-bottom: 2px solid blue;
     padding-bottom: 3px;
}

.btn-outline-save {
     background-color: transparent;
     color: var(--secondary-color);
     border: 1px solid var(--secondary-color);
}

.btn-outline-save:hover {
     background-color: var(--secondary-color);
     color: white;
     border: 1px solid var(--secondary-color);
}

label {
     margin-top: 1.5rem;
     margin-bottom: 1rem;
     font-weight: 700;
     font-size: 20px;
     line-height: 22px;
     color: #333;
     font-family: var(--primary-font);
}

.profile-personal-inner .nav-tabs .nav-link {
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     color: #333;
     text-align: center;
}

.profile-personal-inner .nav-tabs .nav-link.active {
     border: 0;
     text-decoration: underline;
     color: var(--primary-color);
}

.profile-personal-inner .nav-tabs {
     border: 0;
}

.profile-personal-inner .nav-tabs .nav-link:hover {
     isolation: isolate;
     border-color: transparent;
}

.mainFooter {
     background-color: var(--primary-color);
     background-image: url(https://ypct.ca/wp-content/uploads/2025/04/footer-bg.png);
     background-position: bottom left;
     background-repeat: no-repeat;
     padding: 80px 0 0;

}

.footerSocial {
     display: flex;
     justify-content: center;
     align-items: center;
     list-style: none;
     gap: 16px;
     padding: 0;
     margin: 50px 0 33px;
}

.footerSocial li a {
     color: #fff;
     border: 1px solid #fff;
     border-radius: 10px;
     width: 40px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: ease-in-out all 0.2s;
}

.footerSocial li a svg {
     width: auto;
     height: 20px;
     display: block;
}

.footerSocial li a span {
     display: block;
}

.footerSocial li a:hover {
     background: var(--secondary-color);
}

.footer-menu {
     display: flex;
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
     justify-content: space-between;
}

.footer-menu>li>a {
     font-weight: 700;
     font-size: 18px;
     line-height: 100%;
}

.footer-menu li a {
     color: #fff;
     padding: 13px 20px;
     text-decoration: none;
     display: block;
}

.footer-menu li>.sub-menu {
     list-style: none;
     margin: 0;
     padding: 0;
}

.footer-menu li>.sub-menu li a {
     font-weight: 400;
     font-size: 16px;
     line-height: 100%;
}

.mainFooter__left {
     max-width: 481px;
}

.mainFooter__left p {
     font-family: var(--secondary-font);
     font-weight: 400;
     font-size: 20px;
     line-height: 1.4;
     letter-spacing: 0.02em;
     text-align: justify;
     color: #FFF;
     margin-top: 70px;
}

.mainFooter__right h2 {
     color: #FFF;
     font-family: var(--primary-font);
     font-weight: 600;
     font-size: 32px;
     line-height: 1.25;
     text-transform: uppercase;
     margin-bottom: 18px;
}

.mainFooter__copyright {
     border-top: 1px solid rgba(256, 256, 256, 0.50);
     font-family: var(--primary-font);
     font-weight: 300;
     font-size: 16px;
     line-height: 100%;
     color: #FFF;
}

.mainFooter__right .form-row {
     margin-bottom: 70px;
}

.mainFooter__right .form-row .form-control {
     background: transparent;
     color: #fff;
     border: 1px solid #fff;
     color: #fff;
     font-size: 16px;
     margin-bottom: 0;
     border-radius: 22px;
}

.mainFooter__right .form-row .form-control::-webkit-input-placeholder {
     font-weight: 500;
     font-size: 16px;
     color: rgba(256, 256, 256, 0.70);
}

.mainFooter__right .form-row .form-control::-moz-placeholder {
     font-weight: 500;
     font-size: 16px;
     color: rgba(256, 256, 256, 0.70);
}

.mainFooter__right .form-row .form-control:-ms-input-placeholder {
     font-weight: 500;
     font-size: 16px;
     color: rgba(256, 256, 256, 0.70);
}

.mainFooter__right .form-row .form-control::-ms-input-placeholder {
     font-weight: 500;
     font-size: 16px;
     color: rgba(256, 256, 256, 0.70);
}

.mainFooter__right .form-row .form-control::placeholder {
     font-weight: 500;
     font-size: 16px;
     color: rgba(256, 256, 256, 0.70);
}

.registerBox {
     width: 100%;
     max-width: 783px;
     margin: 0 auto;
     padding: 60px 100px;
     box-shadow: 8px 7px 35px 0px rgba(0, 0, 0, 0.059);
     border: 1px solid rgba(51, 51, 51, 0.10);
     border-radius: 22px;

}

.loginWrapper {
     padding: 90px 0 100px;
     overflow: hidden;
}

.registerBox__heading {
     text-align: center;
     margin-bottom: 40px;
}

.registerBox__heading h1 {
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 40px;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;
     margin-bottom: 10px;
}

.registerBox__heading p {
     font-weight: 400;
     font-size: 18px;
     line-height: 100%;
     letter-spacing: 0.02em;
     font-family: var(--secondary-font);
     margin: 0;
}

.form-check label {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     margin: 0;
     user-select: none;
}

.form-check label a {
     font-weight: 800;
     color: inherit;
     text-decoration: none;
     display: inline-flex;
}

.usertypeSelection {
     display: flex;
     padding: 15px 0;
}

.usertypeSelection .usertypeSelection__check:last-child {
     border-left: 1px solid var(--bs-border-color);
}

.usertypeSelection__check {
     position: relative;
}

.usertypeSelection label {
     font-weight: 400;
}

.customRadio input[type="radio"] {
     display: none;
}

.customRadio label {
     padding-left: 33px;
     position: relative;
     cursor: pointer;
     font-family: var(--primary-font);
     font-weight: 400;
     font-size: 20px;
     line-height: 22px;

}

.customRadio label::before,
.customRadio label::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
}

.customRadio label::before {
     width: 20px;
     height: 20px;
     border: 1px solid #333;
     border-radius: 50%;
}

.customRadio label::after {
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background-color: var(--primary-color);
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
     left: 3px;
}

.customRadio input[type="radio"]:checked+label::after {
     opacity: 1;
}

.usertypeSelection__check {
     padding: 22px 40px;
}

.withWomenImg {
     position: relative;
}

.profileCreatedBox__check {
     margin-bottom: 26px;
}

.profileCreatedBox__check img {
     display: block;
     margin-inline: auto;
}

.withWomenImg::after {
     content: "";
     position: absolute;
     bottom: -40px;
     right: -164px;
     width: 202px;
     height: 258px;
     background: url(../images/women.svg) no-repeat center center/cover;
     display: none;
}

.profileCreatedBox {
     max-width: 629px;
     margin: 0 auto;
}

.profileCreatedBox__check {}

.profileCreatedBox h1 {
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 20px;
     line-height: 22px;
     margin-bottom: 28px;
}

.profileCreatedBox p {
     font-family: var(--secondary-font);
     font-weight: 400;
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 0.02em;
     margin-bottom: 40px;
}

section.profileCreatedWrapper {
     padding: 173px 0;
}

.searchContainer {
     background-color: #fff;
     border-radius: 22px;
     padding: 12px;
     padding: 0;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.searchContainer .col-12 {
     margin: 0;
}

.search-input {
     border: 0;
     border-radius: 8px;
     padding: 12px 16px;
     font-size: 16px;
     background-color: white;
}

.search-input:focus {
     box-shadow: none;
}

.input-group-icon {
     color: #6c757d;
     position: absolute;
     left: 16px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 6;
}

.input-group-icon svg {
     display: block;
}

.input-with-icon {
     padding-left: 45px !important;
}

div.job-card {
     border: 1px solid rgba(51, 51, 51, 0.102);
     border-radius: 22px;
     box-shadow: 8px 7px 35px 0px rgba(0, 0, 0, 0.059);
     padding: 40px 50px;
     background: #fff;
}

div.job-card:hover {
     background: #fff;
}

.findJobRow {
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.findJobRow+.findJobRow {
     margin-top: 30px;
}

.searchContainer__row {
     display: flex;
     gap: 12px;
}

.searchContainer__input {
     display: flex;
     width: 80%;
}

.searchContainer__inputLarge {
     border-right: 1px solid var(--bs-border-color);
     width: 63%;
}

input.form-control.search-input.input-with-icon {
     margin: 0 !important;

}

/* dasboard CSS Start Here */

.upload-box {
     border: 2px dashed #ddd;
     border-radius: 22px;
     position: relative;
     cursor: pointer;
     margin: 0;
}

.upload-box:hover {
     background-color: #f8f9fa;
}

ul.sellerprofile button {
     padding: 0;
     color: rgba(51, 51, 51, 0.302);
     font-family: var(--e-global-typography-primary-font-family);
     font-weight: 700;
     font-size: 20px;
     line-height: 28px;
     text-align: center;
     border: 0;
     background: transparent;
}

ul.sellerprofile {
     display: flex;
     align-items: center;
     gap: 35px;
}

ul.sellerprofile button.active {
     color: #0021AD;
     color: var(--primary-color);
     text-decoration: underline;
}

.btn-outline-primary {
     --bs-btn-color: var(--secondary-color);
     --bs-btn-border-color: var(--secondary-color);
     --bs-btn-hover-bg: var(--secondary-color);
     --bs-btn-hover-border-color: var(--secondary-color);
     --bs-btn-focus-shadow-rgb: 13, 110, 253;
     --bs-btn-active-bg: var(--secondary-color);
     --bs-btn-active-border-color: var(--secondary-color);
     --bs-btn-disabled-color: var(--secondary-color);
     --bs-btn-disabled-border-color: var(--secondary-color);
}

.btn.btn-primary {
     background-color: var(--secondary-color);
     border-color: var(--secondary-color);
     transition: 0.3s all ease;
     border: 1px solid var(--secondary-color);
}


.btn:not(.btn-link):hover {
     background-color: var(--secondary-color);
     border-color: var(--secondary-color);
     color: #fff;
}

.btn.btn-primary:hover {
     background-color: var(--primary-color);
     border-color: var(--primary-color);
     color: var(--white-color);
}


button.btn.btn-link:hover {
     background: transparent;
     color: var(--primary-color);
}

span.input-group-text {
     border-radius: 22px;
     background: transparent;
}

.upload-box.upload-box-file {
     border: 1px solid #ddd;
     padding: 15px 25px;
}

.form-ttl {
     font-family: var(--e-global-typography-primary-font-family);
     font-weight: 700;
     font-size: 24px;
     line-height: 32px;
}

.applied-content-wpr table.table.align-middle thead tr th {
     padding: 15px;
     font-weight: 400;
}

.first-col {
     padding-left: 60px !important;
}

.action-details {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
}

.dropdown.more-dropdown button {
     background: transparent;
     border: 0;
     padding: 0;
     width: auto;
     min-width: auto;
     display: flex;
     align-items: center;
     justify-content: center;
}

.typeofjob,
.remaing-days {
     margin: 0;
     font-weight: 500;
     font-size: 14px;
     line-height: 100%;
     color: rgba(51, 51, 51, 0.502);
     margin-bottom: 8px;
}

.dropdown.more-dropdown ul.dropdown-menu.show {
     padding: 20px 10px;
}

.dropdown.more-dropdown a.dropdown-item {
     font-family: var(--e-global-typography-primary-font-family);
     font-weight: 400;
     font-size: 12px;
     line-height: 100%;
     text-transform: capitalize;
     padding: 10px 10px;
}

.apply-popup-overlay .apply-popup-content h2 {
     font-family: var(--e-global-typography-primary-font-family);
     font-weight: 700;
     font-size: 24px;
     line-height: 1.3;
     margin: 0 0 40px;
}

textarea.form-control {
     min-height: 80px;
}

body #jobs-logout {
     background: transparent;
     border: 0;
     text-align: left;
     padding: 0 18px 0 24px;
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 20px;
     line-height: 32px;
     margin-bottom: 25px;
     display: flex;
     align-items: center;
     gap: 15px;
     color: var(--text-color);
     text-decoration: none;
}

form div.mb-3 {
     margin-bottom: 25px !important;
}

.form-label {
     margin-top: 0;
     margin-bottom: 18px;
}

.form-control::-webkit-input-placeholder {
     font-family: var(--primary-font);
     color: rgba(51, 51, 51, 0.302);
}

.form-control::-moz-placeholder {
     font-family: var(--primary-font);
     color: rgba(51, 51, 51, 0.302);
}

.form-control:-ms-input-placeholder {
     font-family: var(--primary-font);
     color: rgba(51, 51, 51, 0.302);
}

.form-control::-ms-input-placeholder {
     font-family: var(--primary-font);
     color: rgba(51, 51, 51, 0.302);
}

.form-control::placeholder {
     font-family: var(--primary-font);
     color: rgba(51, 51, 51, 0.302);

}

select.form-control,
.form-select {
     color: rgba(51, 51, 51, 0.302);
}

select.form-control:valid,
.form-select:valid,
select option {
     color: #000;
     /* normal text color */
}

.job-posts-Image {
     max-width: 70px;
     flex: 0 0 70px;
}

.job-posts-Image img {
     width: 70px;
     height: 70px;
     object-fit: cover;
     border-radius: 50%;
     margin: 0;
}

.job-card-body__left {
     gap: 50px;
}

.job-card-button {
     flex: 0 0 200px;
}

.searchContainer__buttonRow .btn {
     padding: 12px 24px;
     font-size: 16px;
}

.searchContainer__buttonRow,
.searchContainer__inputSmall,
.searchContainer__inputLarge {
     padding: 12px 0;
}

.searchContainer__buttonRow {
     padding-right: 12px;
     display: flex;
     gap: 2;
}

.searchContainer__inputSmall {
     flex-grow: 1;
}

.searchContainer__buttonRow .btn.filters-btn::after {
     display: none;
}

.job-card-img {
     width: 46px;
     height: 46px;
     border-radius: 50%;
     overflow: hidden;
}

.job-card-img img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.filterDropDown__menu {
     position: absolute;
     right: 152px;
     top: calc(100% + 25px);
     width: 437px;
     background: #fff;
     border-radius: 22px;
     border: 1px solid rgba(51, 51, 51, 0.102);
     box-shadow: 8px 7px 35px 0px rgba(0, 0, 0, 0.059);
     visibility: hidden;
     opacity: 0;
     transition: all 0.3s ease-in-out;
     z-index: 2;
     transform: translateY(-20px);
     overflow: hidden;
}

.filterDropDown.active .filterDropDown__menu {
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
}

.filterDropDown__box {
     padding: 22px 28px;
     border-bottom: 1px solid rgba(51, 51, 51, 0.102)
}

.filterDropDown__menuContent {
     position: relative;
}

.filterDropDown__close {
     border: 0;
     padding: 0;
     background: transparent;
     position: absolute;
     top: 22px;
     right: 28px;
     width: 16px;
}

.filterDropDown__close img {
     width: 100%;
     display: block;
}

.filterDropDown__selectedFilter {
     display: flex;
     flex-wrap: wrap;
     gap: 10px 6px;

}

.selectedFilterBtn {
     border: 1px solid rgba(51, 51, 51, 0.302);
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 6px 12px;
     border-radius: 20px;
     background: #fff;
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 14px;
     line-height: 100%;
     color: rgba(51, 51, 51, 0.302);
     letter-spacing: 0.02em;
     transition: all 0.3s ease-in-out;
}

.selectedFilterBtn:hover {
     /* background: var(--secondary-color);
     border-color: var(--secondary-color);
     color: #fff; */
}

.selectedFilterBtn img {
     width: 10px;
}

.filterCheckbox+.filterCheckbox {
     margin-top: 10px;
}

.filterCheckbox input {
     display: none;
}

.job-filter-form {
     margin-bottom: 60px;
}

.filterCheckbox label {
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0.02em;
     color: rgba(51, 51, 51, 0.502);
     margin: 0;
     cursor: pointer;
}

.filterCheckbox input:checked~label {
     color: var(--primary-color);
}

.filterDropDown__title {
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 16px;
     line-height: 100%;
     color: rgb(51, 51, 51);
     letter-spacing: 0.02em;
     margin-bottom: 14px;
}

.filterDropDown__footer {
     padding: 17px 28px;
     background: #fff;
     /* position: sticky;
     z-index: 1;
     bottom: 0; */
}

.filterDropDown__body {
     max-height: calc(100vh - 174px);
     overflow: hidden;
     overflow-y: auto;
}

.filterDropDown__footer .form-check-label {
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0.02em;
}

.job-description {
     margin-bottom: 24px;
     font-family: var(--secondary-font);
     font-weight: 500;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0.02em;
     color: rgba(51, 51, 51, 0.502);
}

.job-posts-details .location-job {
     margin-bottom: 29px;
}

.job-posts-details .job-title {
     font-family: var(--primary-font);
     font-weight: 700;
     font-size: 24px;
     line-height: 1.4583;
     letter-spacing: 0.02em;
     margin-bottom: 8px;
}

.mainFooter__logo img {
     max-width: 100%;
     width: 90%;
}

.newsLetterBox span.wpcf7-form-control-wrap {
     flex-grow: 1;
}

.mainFooter__right {
     padding-left: 15%;
}

.newsLetterBox .btn.btn-primary:hover {
     border-color: white;
     color: #fff;
}

.mainFooter__logo {
     display: inline-block;
}

.table-responsive table.table {
     /* min-width: 650px; */
}

.jobBoxTable {
     gap: 22px;
}

.upload-box svg {
     width: 60px;
}

.btn.btn-sm {
     min-width: auto;
     padding: 12px 22px;
     font-size: 14px;
}

#user-dashboardContent table.applicantsTable tr th {
     font-weight: 500;
     font-size: 16px;
}

#user-dashboardContent table.applicantsTable tr td {
     font-size: 15px;
}

.postedJobsAction .btn {
     /* text-transform: capitalize; */
     font-size: 12px;
     border: 0;
     color: var(--secondary-color);
}

.postedJobsAction .btn:hover {
     background-color: transparent;
     border: 0;
     color: var(--primary-color);
}

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

.table-light {
     --bs-table-bg: rgba(0, 33, 173, 0.031);
}

.applications-loaded .card-header {
     border: 0;
     background: rgba(0, 33, 173, 0.031);
}

#applicationModal .modal-body {
     padding: 50px 60px;
}

div#applicationModal {
     --bs-border-radius-lg: 22px;
}

#applicationModal button.btn-close {
     position: absolute;
     right: 20px;
     top: 20px;
     z-index: 2;
}

div.job-card>.job-card-inner {
     padding: 0;
     border: 0;
     box-shadow: none;
     margin: 0;
}

div.job-card+div.job-card {
     margin-top: 30px;
}

.applicantPopup {
     --size: 74px;
     --space: 34px;
     gap: var(--space);
}

.applicantPopup__left {
     flex: 0 0 var(--size);
}

.applicantPopup__userImg {
     width: var(--size);
     height: var(--size);
     border-radius: 50%;
     overflow: hidden;
}

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

.applicantPopup__right {
     flex: 1 1 calc(100% - var(--size) - var(--space));
     max-width: calc(100% - var(--size) - var(--space));
}

.applicantPopup__rightTop {
     margin-bottom: 30px;
}

.applied-content-wpr .table-responsive table.table {
     min-width: 740px;
}

.navbar__userImg {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
}

body .navbar__userImg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.navbar__userImg a.btn.btn-primary {
     background: transparent;
     min-width: auto;
     padding: 0;
     border: 0;
     display: block;
     width: 100%;
     height: 100%;
}

body .elementor-element.e-con-full.userCircleBox.e-flex.e-con.e-child {
     width: 74px;
     height: 74px;
     border-radius: 50%;
     overflow: hidden;
     flex: 0 0 74px;
     --display: block;
}

.userCircleBox .elementor-element {
     width: 100%;
     height: 100%;
}

body .userCircleBox img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.form-control.custom-file {
     padding: 0;
}

.form-control.custom-file label {
     border: 0;
     border-radius: 20px;
     padding: 0.8rem 1rem;
     text-align: left;
}

.btn-save:not(.btn-outline-save) {
     background: var(--secondary-color);
     color: #fff;
}

.btn-save:not(.btn-outline-save):hover {
     background: var(--primary-color);
     border-color: var(--primary-color);
     color: #fff;
}

.filterDropDown__footer .btn {
     min-width: auto;
     font-size: 14px;
}

.form-control.custom-file label.file-selected {
     background: #fff;
}

ul.page-numbers {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     margin-top: 60px;
}

.pagination li .page-numbers {
     width: 40px;
     aspect-ratio: 1/1;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     background-color: transparent;
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 14px;
     line-height: 1;
     text-align: center;
     vertical-align: middle;
     color: rgba(51, 51, 51, 0.502);
     transition: 0.2s ease-in-out all;

}

.pagination li .page-numbers:hover {
     color: rgb(51, 51, 51);
}


.pagination li .page-numbers.current,
.pagination li .page-numbers.current:hover {
     background-color: var(--primary-color);
     color: #fff;

}

.pagination li .prev.page-numbers,
.pagination li .next.page-numbers {
     background: rgba(0, 33, 173, 0.102);
     color: var(--primary);
}

.pagination li .prev.page-numbers:hover,
.pagination li .next.page-numbers:hover {
     background: var(--primary-color);
     color: #fff;
}

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

.talentRow {
     --g: 50px;
     --count: 3;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: var(--g);
}

.talentCard {
     flex: 0 0 auto;
     width: calc((100% - (var(--g) * (var(--count) - 1))) / var(--count));
     background: #fff;
     border-radius: 22px;
     padding: 15px 15px 20px;
     border: 1px solid rgba(51, 51, 51, 0.102);
     box-shadow: 8px 7px 35px 0px rgba(0, 0, 0, 0.059);
     display: flex;
     flex-direction: column;

}

.talentCard .name-degi {
     display: flex;
     justify-content: space-between;
     margin-bottom: 28px;
}

.talentCard .image-container {
     position: relative;
     margin-bottom: 16px;
}

.talentCard .image-container img {
     display: block;
     width: 100%;
     border-radius: 22px;
     overflow: hidden;
}

.rating-badge {
     display: inline-flex;
     border: 1px solid rgba(51, 51, 51, 0.302);
     border-radius: 22px;
     padding: 2px 10px;
     align-items: center;
     gap: 6px;
}

.talentCard .rating-badge {
     position: absolute;
     right: 10px;
     top: 18px;
     background: #fff;
}

.talentCard .name-degi-right {
     max-width: 120px;
     text-align: right;
}

.talentCard .name-degi-right p {
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 20px;
     line-height: 1.15;
     letter-spacing: 0.02em;
     color: rgba(51, 51, 51, 0.502);

}

.talentCard .name-degi-right p strong {
     color: rgb(51, 51, 51);
     font-weight: 700;
}

.talentCard .name-degi-left h3 {
     font-family: var(--primary-font);
     color: var(--primary-color);
     font-weight: 700;
     font-size: 24px;
     line-height: 1.458;
     letter-spacing: 0.02em;
     margin: 0 0 11px;
}

.talentCard .name-degi-left p {
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 16px;
     line-height: 100%;
     letter-spacing: 0.02em;
     color: rgba(51, 51, 51, 0.502);
}

.talentCard .expertise {
     margin-bottom: 40px;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
}

.talentCard .experies-ttile {
     font-family: var(--primary-font);
     font-weight: 500;
     font-size: 20px;
     line-height: 100%;
     letter-spacing: 0.02em;
     color: var(--text-color);
     width: 100%;
     margin-bottom: 6px;
}

.talentCard span.expertise__span {
     font-family: var(--primary-font);
     border: 1px solid var(--text-color);
     padding: 6px 20px;
     border-radius: 22px;
     opacity: 0.3;
     font-weight: 500;
     font-size: 16px;
     line-height: 1;
     display: inline-block;
}

.talentCard .btn.btn-primary.w-100 {
     margin-top: auto;
}

.commonSection {
     --paddingY: 100px;
     padding: var(--paddingY) 20px;
}

.photo-preview {
     width: 100%;
}