@font-face {
  font-family: "Satoshi";
  src: url(../fonts/satoshi.woff2) format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Satoshi, "Satoshi Fallback";
}

.green-text {
  color: rgba(var(--primary-green-dark), 1);
}

.blue-text {
  color: rgba(var(--primary-blue), 1);
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-30 {
  padding-top: 30px;
}

.rounded-4 {
  border-radius: 8px;
}

.row-gap-gutter {
  row-gap: var(--bs-gutter-x);
}

.gradient-bg {
  background: linear-gradient(180deg, #f5f4fa, rgba(251, 251, 253, 0));
}

/***/
.main-header.alternate .main-box .logo img {
  width: 200px;
}

.ls-section .job-block h4 {
  margin-bottom: 10px;
}

.filter-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;

}

.filter-checkbox input[type="checkbox"]+.checkbox-toggle {
  padding: 4px 10px;
  border: 1px solid rgba(var(--primary-red-dark), 1);
  color: rgba(var(--primary-red-dark), 1);
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  cursor: pointer;
}

.filter-checkbox input[type="checkbox"]:checked+.checkbox-toggle {
  background: #e2eaf8;
  border-color: rgba(var(--primary-red-dark), 1);
  background: rgb(255 233 235);
  color: rgba(var(--primary-red-dark), 1);
}

.filter-checkbox input[type="checkbox"]+.checkbox-toggle .close-icon {
  display: none;
}

.filter-checkbox input[type="checkbox"]:checked+.checkbox-toggle .close-icon {
  font-size: 6px;
  background: rgba(var(--primary-blue-dark), 1);
  color: #fff;
  width: 14px;
  height: 14px;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  top: -3px;
  position: relative;
  margin-left: 2px;
  line-height: 6px;
}

.filter-checkbox input[type="checkbox"]+.checkbox-toggle .close-icon i {
  position: relative;
  left: -0.5px;
  color: rgba(var(--primary-red-dark), 1);
  font-weight: 900;
}

.filter-checkbox li {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 8px;
}

.ls-section .job-block .job-info li {
  color: #474d6a;
}

.job-desc-highlight {
  color: #474d6a;
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 4px;
}

.ls-section .job-block .job-info li {
  line-height: 18px;
  margin-bottom: 0;
}

.ls-section .job-block {
  margin-bottom: 20px;
}

.ls-section .job-block .bookmark-btn {
  width: auto;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.job-listing .job-search-form form {
  padding: 10px 10px;
}
job-listing .job-search-form form .theme-btn {
  height: auto;
  padding: 12px 20px;
  width: auto;
}

.job-block .skills {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  color: #474d6a;
  padding-left:10px;
  line-height: 20px;
}

.job-block .skills li {
  position: relative;
  /*padding-left: 10px;*/

}
.home22-cta-2 .content-column .mission-content {
    font-size: 16px;
    color: #000 !important;
}
.home22-cta-2 .content-column .inner-column img {
    width: 50px;
    margin-bottom: 20px;
    filter:invert(1);
}
.home22-cta-2 .content-column .title{
    color:#000;
}
.job-block .skills li::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #767575;
    border-radius: 100%;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.job-block .skills li:first-child {
  padding-left: 0;
}

.job-block .inner-box .bottom-content {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
}

.job-block .inner-box .bottom-content a {
  padding: 6px 12px;
}

.job-block .inner-box .bottom-content .post-date {
  font-size: 14px;
  opacity: 0.7;
}

.job-block .inner-box .bottom-content .post-date i {
  font-size: 17px;
  position: relative;
  top: 2px;
}

/* Job Details */
.job-detail-section .job-block-seven .inner-box {
  padding: 16px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 8px;
}

.job-detail-section .job-block-seven .content {
  width: 100%;
}

.job-detail-section .job-meta-details {
  display: flex;
  font-size: 14px;
  flex-wrap: wrap;
}

.job-detail-section .job-meta-details li {
  position: relative;
  padding-left: 20px;
  color: #474d6a;
}

.job-block-seven .job-info li:last-child {
  width: 100%;
  margin-top: 6px;
}

.job-detail-section .job-meta-details li:not(:last-child):before {
  content: "";
  right: -10px;
  position: absolute;
  top: 50%;
  width: 1px;
  height: 60%;
  background: #474d6a;
  transform: translateY(-50%);
}

.job-detail-section .job-meta-details li:first-child {
  padding-left: 0;
}

.job-detail-section .apply-job .theme-btn.btn-style-one {
  padding: 8px 20px;
}

.job-detail-section .meta-detail-wrap {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.job-detail-section .job-detail {
  padding: 16px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 8px;
}

.job-detail-section .list-style-three {
  margin-bottom: 30px;
}

.other-details {
  margin-bottom: 30px;
  color: #505050;
  font-size: 15px;
}

.other-details .wrap span {
  font-weight: 500;
  color: #000;
}

.job-detail-section .job-detail h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

.sidebar-widget .job-block {
  margin-bottom: 10px;
}

.sidebar-widget .job-block .inner-box {
  padding: 12px;
}

.sidebar-widget .job-block .company-logo {
  width: 40px;
}

.sidebar-widget .job-block .content {
  padding-left: 50px;
}

.sidebar-widget .job-block h4 {
  font-size: 14px;
}

.sidebar-widget .job-block .company-name {
  font-size: 14px;
  color: #505050;
  line-height: 19px;
  margin-top: -8px;
  margin-bottom: 3px;
}

.description {
  margin-top: 20px;
  font-size: 15px;
  line-height: 26px;
  color: #505050;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-single .blog-tags .tags a {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.blog-tags {
  margin-bottom: 10px;
}

.blog-single .blog-tags .tags a:hover {
  background: rgba(var(--primary-blue-dark), 1);
}

.mission-content {
  padding-right: 100px;
  font-size: 20px;
  line-height: 32px;
}

.home22-cta-2 .content-column .title {
  margin-bottom: 30px;
  font-size: 30px;
}

.home22-cta-2 .image-content img {
  max-height: 451px;
  object-fit: cover;
}

.category-block-two h4 {
  margin-bottom: 10px;
}

.category-block-two.at-home20 .inner-box {
  height: 100%;
}

.contact-us-info li {
  margin-bottom: 40px;
}

.contact-us-info li .icon {
  display: flex;
  gap: 10px;
  font-size: 16px;
  align-items: flex-start;
  line-height: 22px;
  margin-bottom: 8px;
}

.contact-us-info li .icon h4 {
  font-size: 18px;
}

.contact-us-info li .content {
  font-size: 30px;
  color: #000;
  color: rgba(var(--primary-blue-dark), 1);
}

.contact-us-info li .content a {
  color: inherit;
}

.contact-us-info .social-links {
  display: flex;
  gap: 20px;
}

.contact-us-info .social-links a {
  font-size: 20px;
}

.contact-us-info .social-links a.facebook {
  color: #3b5998;
}

.contact-us-info .social-links a.twitter {
  color: #55acee;
}

.contact-us-info .social-links a.instagram {
  color: #fe37bf;
}

.contact-us-info .social-links a.linkedin {
  color: #007bb5;
}

.contact-section {
  background-color: #f8f9fb;
}

/* My Account */
.dashboard .main-header .auto-container {
  max-width: 100%;
}

.dashboard .main-header .main-box {
  padding: 0 60px;
}

.dashboard .dashboard-outer .ls-widget {
  box-shadow: 0px 0 4px rgba(0, 0, 0, 0.2);
}

.dashboard-outer .ls-widget .widget-title {
  padding: 20px;
}

.dashboard-outer .ls-widget .widget-title h4,
.default-form h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #1b2032;
  font-weight: 600;
  margin-bottom: 20px;
}

.user-dashboard .default-form .form-group input {
  /* background: #f5f7fc; */
  background-color: rgba(25, 103, 210, 0.1);
  position: relative;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 30px;
  padding: 15px 20px;
  font-size: 15px;
  color: #696969;
  border: 1px solid #f0f5f7;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.user-dashboard .job-block .inner-box:hover {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.widget-content .default-form .form-group .note-span {
  font-size: 14px;
  padding: 4px 0;
  display: inline-block;
}

.my-profile-sec {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 30px;
}

.candidate-skills {
  display: flex;
  gap: 10px;
  font-size: 14px;
  flex-wrap: wrap;
}

.candidate-skills li {
  padding: 0 10px;
  background: #eff4fc;
  border-radius: 8px;
}

.option-box .theme-btn {
  padding: 6px 12px;
}

.user-dashboard {
  min-height: 80vh;
}

.saved-jobs .candidate-block-three .image {
  width: 50px;
  height: 50px;
}

.saved-jobs .candidate-block-three .inner-box .content {
  padding-left: 70px;
  width: 100%;
}

.saved-jobs .candidate-block-three .inner-box {
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.saved-jobs .candidate-block-three .inner-box .option-box {
  padding-top: 12px;
  border-top: 1px solid #ddd;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}

.saved-jobs .candidate-block-three .inner-box .option-box span {
  font-size: 14px;
  opacity: 0.6;
}

.saved-jobs .unsave-job {
  position: absolute;
  right: 26px;
  top: 11px;
  width: 24px;
  height: 24px;
  background: #fff;
  color: red;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
}

.saved-jobs .candidate-block-three .inner-box .option-box span i {
  font-size: 17px;
  position: relative;
  top: 2px;
}

.applied-jobs .applied-date {
  font-size: 14px;
}

.applied-jobs .applied-date span {
  color: green;
  font-weight: 500;
  white-space: nowrap;
}

.applied-jobs .candidate-block-three .inner-box {
  align-items: flex-start;
  gap: 10px;
}

.ls-widget .widget-content.pt-20 {
  padding-top: 20px;
}

.login-section .login-form .welcome {
  color: rgba(var(--primary-blue-dark), 1);
}

.login-section .login-form h3 {
  font-size: 36px;
  margin: 16px 0;
}

.login-section .login-form form {
  margin-top: 30px;
}

.login-section .login-form form input[type="text"],
.login-section .login-form input[type="password"] {
  background: transparent;
  border-color: #9d9d9d;
}

.login-section .bottom-element {
  position: absolute;
  bottom: 0;
  left: 0;
}

.login-section .outer-box .side-element {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
sup {
    color: red;
}

.bookmark-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
}
.bookmark-btn i {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.bookmark-btn span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 4px;
}
body.modal-open {
    overflow: hidden !important;
}

/* Prescreening Modal Styles */
#prescreenModal .modal-content {
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(60, 72, 88, 0.2);
    border: none;
    background: #fff;
    padding: 0;
}

#prescreenModal .modal-header {
    border-bottom: 1px solid #f0f0f0;
    background: #f5f7fc;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 1.25rem 1.5rem;
}

#prescreenModal .modal-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #2a3042;
}

#prescreenModal .btn-close {
    border: none;
    font-size: 1.5rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}
#prescreenModal .btn-close:hover {
    opacity: 1;
}

#prescreenModal .modal-body {
    padding: 2rem 1.5rem 1rem 1.5rem;
    background: #fff;
}

#prescreenModal .modal-footer {
    border-top: 1px solid #f0f0f0;
    background: #f5f7fc;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 1rem 1.5rem;
}

#prescreenQuestions .fw-bold {
    font-size: 1.08rem;
    color: #2a3042;
}

#prescreenQuestions .form-check {
    margin-bottom: 0.5rem;
}

#prescreenQuestions .form-check-input[type="radio"] {
    accent-color: #EE0014!important;
    width: 1.1em;
    height: 1.1em;
    margin-top: 0.2em;
}

#prescreenQuestions .form-check-label {
    font-size: 1rem;
    color: #495057;
    margin-left: 0.5em;
    cursor: pointer;
    transition: color 0.2s;
}

#prescreenQuestions .form-check-input:checked + .form-check-label {
    color: #EE0014!important;
    font-weight: 600;
}

#prescreenQuestions .mb-4 {
    margin-bottom: 2rem !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

#prescreenQuestions .text-danger {
    font-size: 1rem;
    vertical-align: middle;
}
.main-header.alternate .main-box .logo img {
    width: 200px;
}
.contact-us-info li .content a {
    color: inherit;
    font-size: 16px;
}


.main-header.logged-in .user-login {
    display: flex !important;
}

#prescreenForm .theme-btn:hover, #prescreenForm .theme-btn:focus {
    background: linear-gradient(90deg, #34c38f 0%, #556ee6 100%);
    color: #fff;
}}
/* Responsive adjustments */
@media (max-width: 575.98px) {
    #prescreenModal .modal-dialog {
        max-width: 98vw;
        margin: 0.5rem auto;
    }
    #prescreenModal .modal-body, #prescreenModal .modal-footer, #prescreenModal .modal-header {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    #prescreenQuestions .fw-bold {
        font-size: 1rem;
    }
    #prescreenForm .theme-btn {
        font-size: 1rem;
        padding: 0.6rem 0;
    }
}