/*
Theme Name: Careerfy Child
Theme URI: http://demo.ex.com/cfy/
Template: careerfy
Author: GoLaksh
Author URI: http://eyecix.com/
Description: Careerfy brings you the most simple solution to display jobs on any type of websites. You may already know, some really big Job Portals provides the option to use their database and extend your website with job offers. This Theme can make everything automatically, some job providers also pay commission when any of your visitors click on the job links.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6
Updated: 2025-06-01 14:27:32

*/

html, body {
 margin: 0;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
}

/* Theme variables & accessibility helpers */
:root{
  --primary: #265df6;
  --green: #5cb85c;
  --orange: #f97316;
  --dark: #282828;
  --muted: #666666;
  --card-bg: #fff;
  --accent: var(--primary);
  --success: #32cd32;
  --danger: #e15440;
  --radius: 8px;
  --space-sm: 8px;
}

/* Respect user's reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .bounce,
  .btn-shine::after,
  .careerfy-banner-btn a::after,
  .btn-shine:hover::after,
  .careerfy-banner-btn a:hover::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Basic focus styles for accessibility */
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 3px solid rgba(38,93,246,0.12);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(38,93,246,0.06);
}

/* optional: apply to all elements */
 

a {
  text-decoration: none !important;
}
b {
  color: #282828;
  font-weight: 400 !important;
}

b,
strong {
  font-weight: 400 !important;
}
.mbr {
  display: none;
}

/* Simple styles for the safe email output */
.safe-email { color: inherit; cursor: pointer; }
.safe-email:hover { opacity: 0.92; text-decoration:underline !important; }
.safe-email-icon svg { vertical-align: middle;   }

.ml50 {
    margin-left:50px;	
}

.ft-400 {
  font-weight: 400 !important;
}

.ft-500 {
  font-weight: 500 !important;
}

.ft-600 {
  font-weight: 600 !important;
}

.ft-700 {
  font-weight: 700 !important;
}

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

.mtb-5 {
  margin: 5px 0px;
}

.mtb-10 {
  margin: 10px 0px;
}

.ui-menu-item {
  font-size: 14px !important;
}

.pg-header-gl {
  left: -3000px;
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.jobsearch-sort-section li:nth-child(2) {
    display: none !important;
}
 

/* Bounce Animation */
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translateY(-10px);
    animation-timing-function: ease-in-out;
  }
}

/* Apply Bounce Animation */
.bounce {
  animation: bounce 4s infinite;
}

/* Shine effect - merged and deduplicated
   Applies to .btn-shine and .careerfy-banner-btn a */
.btn-shine,
.careerfy-banner-btn a {
  position: relative;
  overflow: hidden;
}

.btn-shine::after,
.careerfy-banner-btn a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
}

.btn-shine:hover::after,
.careerfy-banner-btn a:hover::after {
  animation: shine 0.4s ease forwards;
}

@keyframes shine {
  to { left: 120%; }
}

.job-role .selectize-input.items.has-options.full.has-items {
  padding: 11px 18px !important;
  height: 40px;
}

/* Fixed malformed heading selector: ensure commas between all tags */
.jobsearch-typo-wrap h1,
.jobsearch-typo-wrap h2,
.jobsearch-typo-wrap h3,
.jobsearch-typo-wrap h4,
.jobsearch-typo-wrap h5,
.jobsearch-typo-wrap h6 {
  letter-spacing: 0px !important;
}

/* Hero Section */
#main-hero-section h1 {
  word-break: keep-all; /* Don’t split words */
  overflow-wrap: normal; /* Wrap only at spaces */
  white-space: normal;

  font-size: clamp(28px, 4vw, 48px); /* Responsive scaling */
  line-height: 1.2; /* Balanced spacing */
  text-align: center;
  letter-spacing: -1;
}

#main-hero-section p {
  word-break: keep-all; /* Prevent breaking inside words */
  overflow-wrap: normal; /* Wrap only at spaces */
  white-space: normal;

  font-size: clamp(18px, 2vw, 20px) !important; /* Responsive font scaling */
  line-height: 1.5 !important; /* Good readability for body text */
}

/* Base styles for both buttons */
.careerfy-banner-btn a {
  display: inline-block;
  padding: 12px 25px;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* First button: Blue */
.careerfy-banner-btn a:first-child {
  background-color: var(--primary) !important;
}

/* Second button: Green */
.careerfy-banner-btn a:nth-child(2) {
  background-color: var(--green) !important;
}

/* Removed duplicate careerfy-banner-btn a::after and @keyframes (merged above) */

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

.text-green {
  color: var(--green) !important;
}
.text-orange {
  color: var(--orange) !important;
}
.text-blight {
  color: #4d4d4d !important;
}

.ic-gray {
  color: #7a7a7a !important;
}

.wlink {
  color: var(--primary);
  cursor: pointer;
}
.wlink:hover {
  color: #0840c5;
}
/* Messages */
.alert {
  padding: 15px !important;
}

.modal-close i {
  font-size: 24px !important;
  cursor: pointer !important;
}

.login-reg-errors .alert,
.reset-password-errors .alert-danger {
  float: unset !important;
  width: 100%;
  background-color: #e15440;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 3px;
  margin: 8px auto;
  display: block;
  font-size: 16px;
  line-height: 1.2;
}

/* Job List */
#job-list h2.jobsearch-pst-title {
  font-size: clamp(14px, 2vw, 18px) !important; /* Min 14px, max 18px */
  line-height: clamp(1.2, 1.2vw, 1.4); /* Scales a little but max 1.2 */
}

#job-list .jobsearch-list-option ul li,
#job-list .jobsearch-custom-field li small,
#job-list .jobsearch-list-option ul li a {
  font-size: clamp(14px, 2vw, 16px) !important; /* Min 14px, max 18px */
  line-height: clamp(1.1, 1.2vw, 1.2); /* Keep spacing readable */
}

#job-list .jobsearch-custom-field li small {
  color: #333;
}

#job-list .jobsearch-list-option ul li {
  display: flex !important;
  width: 100% !important;
  padding: 0px 3px;
  border: 0px;
  text-align: left;
  align-items: flex-start;
  color: #282828 !important;
  line-height: 1.2;
}

.jobsearch-list-option ul li a {
  color: var(--primary) !important;
}

.jobsearch-employer-confitmation img {
  max-width: 200px;
}

.jobsearch-employer-confitmation h2 {
  font-size: 28px !important;
  color: #4a870c !important;
  margin-bottom: 15px;
  line-height: 1.2 !important;
}

.jobsearch-managejobs-list ul li {
  font-size: 14px !important;
}

.jobsearch-mng-cell.table-status-col {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
}

.jobsearch-managejobs-list .jobsearch-recent-applicants-nav ul span,
.jobsearch-recent-applicants-nav ul span {
  line-height: 1;
  font-weight: 500 !important;
  color: #333;
  font-size: 14px;
  text-align: center;
}

/* Employer List */
#employer_list .careerfy-employer-grid-wrap,
.careerfy-employer-grid figure {
  display: flex;
  width: 100%;
  flex-direction: column;
}

#employer_list .careerfy-employer.careerfy-employer-grid > ul {
    display: grid; 
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    margin: 0px;
    gap: 30px;
}

#employer_list .careerfy-employer.careerfy-employer-grid > ul > li {
    padding: 0px;
    margin: 0px;
    width: 100%;
    border: 1px solid #ececec;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin-bottom: 20px;
}

#employer_list .careerfy-employer-grid figcaption span {
  font-size: 13px;
  color: #999999;
  line-height: 17px;
  display: none;
}

#employer_list .careerfy-employer-grid-image {
  display: inline-flex;
  max-width: 150px;
  min-width: 150px;
  align-self: center;
}

#employer_list .careerfy-employer-grid-image img {
  object-fit: contain;
  width: 150px;
  height: unset;
}

#employer_list .careerfy-employer-grid .careerfy-employer-thumblist {
  margin-left: 9px;
  display: none;
}

#employer_list .careerfy-employer-grid .careerfy-employer-thumblist-size {
  margin-top: 3px;
  display: none;
}

#employer_list .careerfy-employer.careerfy-employer-grid > ul {
  gap: 10px;
}

#employer_list .careerfy-employer-grid figcaption h2 {
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 1.2;
  letter-spacing: 0;
}

#employer_list .careerfy-employer-grid figure {
  margin: 0px;
  gap: 10px;
  align-items: stretch;
}

/* Sign up Form */
#signup-form .terms-priv-check-inner {
  font-size: 14px;
  text-align: left;
}

#signup-form .jobsearch-login-box .jobsearch-radio-checkbox label {
  line-height: 2.4;
  text-align: left !important;
}

#signup-form .jobsearch-radio-checkbox label i {
  margin-right: 10px !important;
}

#signup-form .terms-priv-chek-con p a {
  margin-top: 0px;
  float: none;
  font-style: normal;
  font-size: 14px;
    margin-bottom: 0px;
}

#signup-form .jobsearch-drpzon-con .dropzone {
  padding: 15px 20px 25px 20px;
}

#signup-form li.employer-cus-field.jobsearch-regemp-require label,
#signup-form li.candidate-cus-field.jobsearch-regcand-require label {
  display: none;
}

#signup-form .jobsearch-login-box,
#signin-form .jobsearch-login-box {
  width: 100%;
}

#signup-form .pt-register > h2:first-of-type,
#signup-form .pt-register > span:first-of-type {
  display: none !important;
}

#signup-form span.passlenth-chk-msg {
  width: auto;
  line-height: 1;
  top: 1px;
  right: 25px !important;
  padding: 13px 15px 10px 15px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

a.jobsearch-user-showpass {
  position: absolute;
  right: 5px;
  bottom: 23px;
}

i.jobsearch-icon.jobsearch-view {
  position: static;
  color: #111;
  font-size: medium;
}

/* Login Form */
.error-msg {
  color: red;
}

#signin-form .jobsearch-login-box h2 {
  display: none !important;
}

.sign-in-icons .elementskit-infobox {
  width: 170px !important;
  min-width: 170px !important;
}

.register-form-link {
  padding: 2px 12px;
  background: #208b20;
  border-radius: 4px;
  color: #fff !important;
  font-size: 15px;
  line-height: 16px;
}

#signin-form .jobsearch-login-box form ul li input[type="text"],
#signin-form .jobsearch-login-box form ul li input[type="password"],
#signin-form .jobsearch-login-box form ul li input[type="email"] {
  font-size: 14px !important;
  margin: 0px;
  color: #333 !important;
  height: 50px !important;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #eceeef;
  padding-left: 20px !important;
}

.jobsearch-login-box .enter-userpass-txt {
  margin: 0px 0px 10px 0px !important;
  font-size: 14px !important;
  font-weight: 500;
}

button.jobsearch-login-submit-btn.btn.btn-theme.btn-lg {
  padding: 15px 30px;
}

button.jobsearch-register-submit-btn.btn.btn-theme.btn-lg.jobsearch-regpass-frmbtn {
  padding: 15px 30px;
  background: #3e9a3e !important;
}

/* Dashboard */
.jobsearch-employer-profile-form li input[type="text"],
.jobsearch-employer-profile-form li input[type="password"],
.jobsearch-employer-profile-form li textarea,
.jobsearch-employer-profile-form li input[type="email"],
.jobsearch-employer-profile-form li input[type="number"],
.jobsearch-userprofile-url a span,
.jobsearch-userprofile-url a strong,
.phon-num-fieldcon input.required,
.phon-num-fieldcon input[type="tel"] {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.jobsearch-profile-title h2 {
  letter-spacing: 0 !important;
}

.jobsearch-tooltipcon .tooltip-inner {
  font-size: 14px !important;
}

.jobsearch-labl-with-tooltip span.help-icon-con {
  margin: -3px 0px 0px 5px !important;
}

.tooltip-inner {
  font-size: 14px !important;
  line-height: 1.4;
}

/* Optional: adjust tooltip arrow size for consistency */

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow {
  border-width: 5px; /* adjust if needed */
}

.updte-profile-slugbtn {
  border: 1px solid #333;
  font-size: 14px;
  padding: 0px 7px !important;
  border-radius: 4px;
}

.jobsearch-employer-profile-form li {
  list-style: none;
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 14px;
}

.jobsearch-candidate-resume-wrap.experience_title_skillid.jobsearch-useresm-addrec-main,
.jobsearch-candidate-resume-wrap.education_title_skillid.jobsearch-useresm-addrec-main {
  position: relative;
  min-height: 100px;
}

.uplodfield-files-holder li.jobsearch-column-3 {
  display: flex;
  width: 100% !important;
}

/* Candidate Details */

.jobsearch-jobdetail-services .jobsearch-services-text {
  padding-left: 53px;
  color: #666666;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

.jobsearch-jobdetail-services small {
  display: block;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
  margin-top: 4px !important;
}

.jobsearch-typo-wrap p {
  font-size: 16px !important;
  line-height: 22px !important;
  letter-spacing: 0px;
  font-weight: 400;
  font-style: normal;
}

.jobsearch-content-title h2,
.careerfy-typo-wrap .jobsearch-content-title h2 {
  letter-spacing: 0 !important;
}

.jobsearch_candidate_info h2 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 1;
  width: 100%;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.jobsearch_candidate_info span {
  color: #282828 !important;
  font-size: 16px !important;
  display: block;
  line-height: 1.4;
  font-family: "Poppins" !important;
}

.jobsearch-view1-candidate-style a.jobsearch-candidate-download-btn {
  width: 100%;
  border-radius: 6px !important;
  padding: 18px 25px 18px 25px !important;
  margin-bottom: 0px;
  font-size: 16px !important;
  text-align: center;
  color: #fff;
  border-left: unset !important;
  border-right: unset !important;
  margin: 10px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border: 2px solid var(--primary) !important;
}

.jobsearch-view1-candidate-style a.jobsearch-candidate-download-btn:hover {
  background: #333 !important;
  border: 2px solid #333 !important;
  color: #fff !important;
}

.jobsearch_candidate_info small {
  display: none !important;
}

.jobsearch-candidate-timeline {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.jobsearch-candidate-title h2 {
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  align-items: center;
  letter-spacing: 0;
}

.jobsearch-content-title h2 {
  font-size: 22px;
  margin-bottom: 0px;
  text-transform: normal !important;
  display: flex;
  width: 100%;
  align-items: center;
  letter-spacing: 0;
  color: var(--primary);
  position: relative;
}

.compname {
  color: #282828;
}

.all-awards-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.award-item,
.careerfy-typo-wrap .award-item {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  margin-bottom: 16px;
  width: 33% !important;
  padding: 0px 8px;
}

.jobsearch_progressbar_wrap {
  float: left;
  width: 100%;
  margin-bottom: 22px;
  border-bottom: 1px solid #ccc;
}

.jobsearch-jobdetail-tags {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0px 0px 20px 0px;
  gap: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px !important;
}

/* Off Menu */
.gl_main_menu .e-n-menu-title-container:not(.e-link) * {
  cursor: pointer !important;
}

ul.top_menu_item li {
  list-style: none;
  margin: 0;
}

ul.top_menu_item li a {
  color: #666;
  font-size: 16px;
  line-height: 1.2;
}

#mob-menu-container .ekit-wid-con .ekit_sidebar-textwidget {
  padding: 20px;
  padding-top: 40px !important;
}

#mob-menu-container
  .ekit-wid-con
  .ekit-sidebar-group.ekit_isActive
  .ekit_sidebar-widget-container {
  animation: none !important;
  transition: none !important;
}

#header-mobile-menu .jobsearch-icon,
#header-mobile-menu .fa {
  margin-right: 14px; /* adjust to your liking */
}

#header-mobile-menu .elementor-item.has-submenu {
  display: flex;
  justify-content: space-between; /* pushes text left, arrow right */
  align-items: center; /* vertically center */
}

#header-mobile-menu .elementor-item.has-submenu .sub-arrow {
  margin-left: 0; /* remove any default spacing */
}

/* Ratings Box */
.careerfy-company-rating-box::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #ffaf00 !important;
}

.jobsearch-company-rating {
  margin: 2px 0px !important;
}

.jobsearch-company-review figure figcaption time {
  font-size: 14px;
  color: #666666;
  display: block !important;
  width: 100%;
}

.jobsearch-company-review-text p {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.review-stars-sec label {
  display: flex;
  flex: 2;
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-bottom: 2px !important;
}

.review-overall-stars-sec {
  display: flex;
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-bottom: 2px !important;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;
  margin-top: 8px;
  padding-top: 5px;
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 100 !important;
}

/* Main Candidate Lisitng */
.jobsearch-candidate-default-text ul li {
  display: block !important;
  color: #737171 !important;
  font-size: 14px !important;
  padding: 0px 10px 0px 0px;
  line-height: 1.4 !important;
  border-right: 0px !important;
  margin-right: 20px;
  flex: none !important;
}

.jobsearch-candidate-default-text ul li a {
  color: #282828;
  font-size: 14px;
  line-height: 1.2;
}

.jobsearch-candidate-default-text ul li i {
  font-size: 15px;
  color: #aaaaaa;
  margin: 0px 5px 0px 0px !important;
}

.user-action-btn {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}

.jobsearch-candidate-default-btn {
  display: flex !important;
  justify-content: center !important;
}



 /* Candidate Details Page - responsive container (was fixed width) */
#cd_details_page,
#job-details {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

#cd_details_page .jobsearch-services-text small {
  font-size: 16px;
  font-weight: normal;
  margin-left: 0 !important;
  display: block !important;
}

#cd_details_page .careerfy-candidate-info-inner-style5 h2 {
  font-size: 24px !important;
  margin: 0px;
  width: 100%;
  color: #333 !important;
}

#cd_details_page .careerfy-candidate-info-inner-style5 h2::first-letter {
  text-transform: uppercase;
}

#cd_details_page .careerfy-candidate-info-style5-inn {
  gap: 10px;
  align-items: center !important;
}

#cd_details_page .careerfy-candidate-education-style5 p {
  margin-bottom: 0px;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 26px !important;
}

#cd_details_page .careerfy-jobdetail-tags {
  gap: 5px !important;
}

#cd_details_page .careerfy-jobdetail-tags a {
  font-size: 14px !important;
  line-height: 1.2;
}

#cd_details_page .careerfy-description p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin-bottom: 0px;
}

#cd_details_page .careerfy-candidate-style5-contact-form .jobsearch-ct-msg {
  background-color: #e6e6e6 !important;
  padding: 15px 15px !important;
  margin-top: 15px !important;
  border-radius: 6px !important;
  color: #2a2424 !important;
}

#cd_details_page .jobsearch-review-msg.alert-success {
  display: block !important;
  background-color: #32cd32;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 3px;
  margin-left: 0px !important;
}

#cd_details_page .jobsearch-add-review-con ul li {
  list-style: none;
  margin-bottom: 20px;
  display: flex !important;
  flex-direction: column !important;
}

#cd_details_page .jobsearch-review-msg.alert-danger {
  display: block !important;
  background-color: #e15440;
  color: #ffffff;
  padding: 8px 18px;
  border-radius: 3px;
  margin-left: 0px !important;
}

#cd_details_page .dash-reviews-list .jobsearch-company-review figure {
  display: flex;
  width: 100%;
  background-color: #fafafa;
  position: relative;
  padding: 10px !important;
  align-items: center;
  gap: 15px;
  flex-wrap: inherit;
}

#cd_details_page
  .dash-reviews-list
  .jobsearch-company-review
  figure
  figcaption {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  font-size: 16px !important;
  flex-direction: column !important;
}

#cd_details_page .jobsearch-company-review-left .reviewr-user-name {
  display: block;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-bottom: 0px !important;
  line-height: 1;
  color: #666;
  width: 100%;
}

#cd_details_page .jobsearch-content-title h2 {
  text-transform: capitalize !important;
}

.careerfy-rating-info-style5::before {
  content: "\ebd8";
  font-family: elementskit !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
}

/* Send Invite Btn */
.jobsearch-cand-details-btns a.jobsearch-candinvite-btn {
  font-size: 14px !important;
  border: 1px solid #14a8e2 !important;
  line-height: 1.2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: #14a8e2 !important;
  color: #fff;
}

.jobsearch-cand-details-btns a.jobsearch-candinvite-btn:hover {
  background: #0f8bbb !important;
}

.jobsearch-cand-details-btns a.jobsearch-candidate-default-btn {
  font-size: 14px !important;
  padding: 12px 25px;
}

.jobsearch-cand-details-btns a.jobsearch-candidate-default-btn:hover {
  background-color: #f7b745 !important;
  color: #333 !important;
  border-color: #f7b745 !important;
}

/* Save Candidate */
#cd_details_page .jobsearch-cand-details-btns {
  display: flex;
  width: 100%;
  justify-content: space-between !important;
  gap: 10px;
  align-items: center;
  margin-bottom: 0px !important;
  flex-wrap: wrap;
}

#cd_details_page .resume-loding-msg {
  position: unset !important;
  right: 0px !important;
  top: 0px !important;
  display: block;
  width: 100% !important;
  color: #333 !important;
  order: 2;
}

/* Container stays the same */
#cd_details_page .careerfy-candidate-cta-btn {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: start;
  align-items: center;
}

/* Base button styling */
#cd_details_page .careerfy-candidate-cta-btn a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 12px 20px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  border: 2px solid var(--primary) !important;
  min-width: 160px !important;
  text-align: center !important;
  gap: 6px !important;
  transition: all 0.2s ease-in-out !important;
  color: #fff !important;
  cursor: pointer !important;
}

/* Download CV button */
#cd_details_page
  .careerfy-candidate-cta-btn
  .jobsearch-candidate-cv-download-btn,
#cd_details_page .careerfy-candidate-cv-btn.jobsearch-open-signin-tab {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

#cd_details_page a.careerfy-candidate-cv-btn.employer-access-btn {
  color: var(--primary) !important;
}
#cd_details_page a.careerfy-candidate-cv-btn.employer-access-btn:hover {
  color: #fff !important;
}

#jobsearch-review-submit-btn {
  background: #333 !important;
  border-radius: 8px !important;
  border: 4px solid #333 !important;
}

#jobsearch-review-submit-btn:hover {
  background: var(--primary) !important;
  border: 4px solid var(--primary) !important;
  color: #fff !important;
}

/* WhatsApp button */
#cd_details_page
  .careerfy-candidate-cta-btn.main-button
  .jobsearch-whatsapp-msgcon
  a {
  background-color: #2c9445 !important;
  border-color: #2c9445 !important;
}

.main-button .jobsearch-whatsapp-msgcon {
  width: unset !important;
}

/* Hover states - hard contrast effect */
#cd_details_page
  .careerfy-candidate-cta-btn
  .jobsearch-candidate-cv-download-btn:hover,
#cd_details_page .careerfy-candidate-cv-btn.jobsearch-open-signin-tab:hover {
  background-color: #fff !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

#cd_details_page
  .careerfy-candidate-cta-btn.main-button
  .jobsearch-whatsapp-msgcon
  a:hover {
  background-color: #16762d !important;
  color: #fff !important;
  border-color: #16762d !important;
}

/* Add download icon before first button text */
/*
#cd_details_page .careerfy-candidate-cta-btn .jobsearch-candidate-cv-download-btn::before,
#cd_details_page .careerfy-candidate-cv-btn.jobsearch-open-signin-tab::before {
  content: "\e865"; 
  font-family: "elementskit" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 6px;
  display: inline-block;
}
*/

.sharing_buttons {
  margin-top: 15px;
  text-align: right;
  width: 100%;
}

.careerfy-candidate-detail5-tablink {
  margin-top: 15px !important;
}

/* Cand Image */

.careerfy-candidate-info-style5 figure {
  display: inline-flex;
  min-width: 135px;
  max-width: 135px;
  margin-bottom: 85px !important;
  margin-right: 15px !important;
}

/* Login Box */
.jobsearch-login-box {
  padding: 40px 40px 40px 40px !important;
  background-color: #fff !important;
  position: relative;
  border: 1px solid #f1f1f1 !important;
  margin: 0 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Login Modal */
.jobsearch-modal .jobsearch-user-form-info .jobsearch-checkbox {
  margin-top: 4px;
  display: none !important;
}

.jobsearch-modal .jobsearch-user-form-info p {
  float: right !important;
  color: #555555;
  font-size: 12px;
  margin-bottom: 0px !important;
  line-height: 1;
}

.jobsearch-user-form input[type="text"],
.jobsearch-user-form input[type="password"],
.jobsearch-user-form input[type="email"],
.jobsearch-user-form input[type="number"],
.jobsearch-user-form input[type="tel"] {
  padding: 6px 13px;
  color: #000;
  font-size: 14px !important;
  height: 50px !important;
  border: 1px solid #efefef;
  border-radius: 3px;
  background-color: #ffffff;
  width: 100%;
}

.jobsearch-modal .jobsearch-user-form {
  margin-top: 15px;
}

.jobsearch-user-form-htext {
  color: #888 !important;
  padding: 0px 30px;
}

.jobsearch-modal-title-box {
  float: left;
  width: 100%;
  margin-bottom: 5px !important;
}
.jobsearch-modal-title-box h2 {
  text-transform: uppercase;
  font-size: 22px !important;
  line-height: 1;
  letter-spacing: 0 !important;
  color: var(--primary) !important;
  margin-bottom: 0px !important;
  position: relative; /* important */
}

.jobsearch-modal-title-box h2::before {
  content: "";
  width: 32%;
  height: 3px;
  position: absolute;
  left: 0px;
  top: 24px !important;
  bottom: 0px !important;
  background-color: var(--primary);
}

.jobsearch-modal .jobsearch-user-form input[type="submit"] {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 4px 4px 4px 4px;
  color: var(--primary) !important;
  background: #fff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  border: 2px solid var(--primary) !important;
}

.jobsearch-modal .jobsearch-user-form input[type="submit"]:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.jobsearch-reset-password
  .jobsearch-user-form
  ul
  > li.jobsearch-user-form-coltwo-full {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.jobsearch-reset-password p {
  text-align: center;
  margin: 10px 0 !important;
}

.jobsearch-modal
  .jobsearch-user-form
  input.jobsearch-reset-password-submit-btn {
  background: #fff !important;
  color: var(--primary) !important;
  border: 2px solid var(--primary) !important;
}

.jobsearch-modal
  .jobsearch-user-form
  input.jobsearch-reset-password-submit-btn:hover {
  background: #333 !important;
  color: #fff !important;
  border: 2px solid #333 !important;
}

/* Candidate Dashbaord */

.jobsearch-userprofile-url {
  display: flex;
  width: 100%;
  gap: 10px !important;
  align-items: start !important;
  flex-direction: column !important;
}

/* Employer Dashboard */
.salary-input span {
  position: absolute;
  right: 35px !important;
  top: 12px !important;
}

.jobsearch-employer-profile-form li[class*="jobsearch-column-"] {
  margin-bottom: 20px !important;
}

.user-dashthumb-remove {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #333 !important;
}

.empacc-menbers-list ul li {
  list-style: none;
  float: left;
  width: 50%;
  color: #282828 !important;
  font-weight: 400 !important;
  margin-bottom: 3px;
}

.theading {
  font-weight: 500 !important;
}

#terms-matter .matter,
#terms-matter .matter p,
#terms-matter .matter ul li {
  font-size: 14px !important;
  line-height: 1.2;
}

#terms-matter .matter h5 {
  font-size: 16px;
}
.matter ul {
  padding-left: 50px;
  margin-bottom: 15px;
}

/* Employer listing details */
.jobsearch-jobdetail-options {
  display: flex !important;
  width: 100%;
  flex-wrap: nowrap !important;
  gap: 3px 10px;
  flex-direction: column !important;
}

.dash-reviews-list.jobsearch-employer-wrap-section {
  padding: 0px;
  padding: 20px 30px 30px 30px !important;
}
.jobsearch-jobdetail-options li a {
  color: #282828 !important;
  font-size: 16px !important;
}

.jobsearch-jobdetail-view.mapview {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-align: center;
  min-width: 120px;
  padding: 8px;
}

.jobsearch-jobdetail-options li:first-child {
  width: 100%;
  font-size: 16px;
  align-items: baseline;
}

.jobsearch-description,
.jobsearch-description p,
.jobsearch-description ul li {
  margin-bottom: 15px;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.jobsearch-section-title h2::before,
.jobsearch-content-title h2::before {
  content: "";
  width: 43px;
  height: 3px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: var(--primary);
}

.jobsearch-section-title h2 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  text-transform: normal !important;
  display: flex;
  width: 100%;
  align-items: center;
  letter-spacing: 0;
  color: var(--primary);
  position: relative;
}

/* Employer Details */
.careerfy-main-content {
    min-height: 300px;	
}
.jobsearch-main-content {
  padding: 50px 0px 80px 0px !important;
  background: #E8ECFC !important;
}

.jobsearch-jobdetail-list {
  margin-top: 30px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fffffff0 !important;
}

.jobsearch-jobdetail-list .jobsearch-jobdetail-listthumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: #fff !important;
  border-radius: 10px !important;
  border-width: 3px !important;
}

.jobsearch-jobdetail-content.jobsearch-employerdetail-content,
.jobsearch-jobdetail-list {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

p.upload-instruction {
  color: #878585 !important;
  font-size: 14px !important;
  display: flex;
  width: 50% !important;
  margin: 0px 0 0 10px !important;
}
p .terms-priv-check-inner {
  color: #878585 !important;
  font-size: 14px !important;
}
p.helper-text,
.helper-text {
  color: #666 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* Cart */
/* --- GoLaksh Cart Module Styling --- */
.wc-block-components-sidebar-layout .wc-block-must-login-prompt {
  display: block;
  background: #fff !important;
  border: 1px solid #e9e9e9 !important;
  padding: 25px 15px !important;
  width: 100% !important;
}

.wc-block-components-sidebar-layout .wc-block-must-login-prompt a {
  display: block;
  padding: 10px 15px;
  margin-top: 10px; 
  border-radius: 5px;
  max-width: 250px;
  text-align: center;
  margin: 10px auto;
  text-transform: uppercase;
}

.page-id-8 .wc-block-cart {
  max-width: 100%;
  margin: 0 auto;
  padding: 30px 15px;
  background: #f9fafc;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Cart Heading */
.page-id-8 .entry-title, .page-id-9 .entry-title,
.page-id-8 .wc-block-cart__heading, .page-id-9 .wc-block-cart__heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #1e1e2d;
  margin-bottom: 20px;
  text-align: left;
  border-left: 4px solid var(--primary);
  padding-left: 10px;
}

/* Table Design */
.page-id-8 table.wc-block-cart-items {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.page-id-8 thead th {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #5a5a5a;
  border-bottom: 2px solid #e6e8ee;
  padding-bottom: 8px;
}

.page-id-8 tbody tr {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.page-id-8 td {
  font-size: 15px;
  color: #222;
  padding: 15px 12px;
  vertical-align: middle;
}

.page-id-8 td img {
  width: 55px;
  height: 55px;
  border-radius: 8px;
  object-fit: contain;
}

/* Product Name & Price */
.page-id-8 .wc-block-cart-item__product {
  font-size: 15px;
  font-weight: 500;
  color: #1e1e2d;
}

.page-id-8 .wc-block-cart-item__total {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}

.wc-block-cart .wc-block-cart__totals-title {
    margin-top: 30px !important;
}


/* Quantity Selector */
.page-id-8 .wc-block-components-quantity-selector__input {
  width: 45px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
}

.page-id-8 .wc-block-components-quantity-selector__button {
  background: #265DF6;
  color: #fff;
  border-radius: 5px;
  border: none;
  width: 32px;
  height: 32px;
  font-weight: bold;
  transition: 0.3s;
}

.page-id-8 .wc-block-components-quantity-selector__button:hover {
  background: #1b47cc;
}


/* ---------- GoLaksh Checkout Page Custom Styling ---------- */
.page-id-9 .wc-block-components-totals-coupon .wc-block-components-panel__content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
}

/* Keep panel open appearance */
.page-id-9 .wc-block-components-totals-coupon .wc-block-components-panel__button {
  pointer-events: none;
  opacity: 0.8;
}

/* Optional: flip icon to show open state */
.page-id-9 .wc-block-components-totals-coupon .wc-block-components-panel__button svg {
  transform: rotate(180deg);
}

/* Coupon form layout */
.page-id-9 .wc-block-components-totals-coupon__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

/* Input styling */
.page-id-9 .wc-block-components-totals-coupon__input input {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 6px;
  font-size: 15px;
  width: 100%;
}

/* Button styling */
.page-id-9 .wc-block-components-totals-coupon__button {
  background-color: #53188B !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 10px 15px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s ease;
}

.page-id-9 .wc-block-components-totals-coupon__button:hover {
  background-color: #6f2fb0 !important;
}

/* Adjust total panel spacing */
.page-id-9 .wc-block-components-totals-item {
  margin-bottom: 10px;
}

.wc-block-components-form .wc-block-components-checkout-step {
  text-align: left !important; 
  margin-bottom: 0px !important;
}

.wc-block-components-title.wc-block-components-title {	
  font-weight: 500 !important;
  text-align: left !important;
  font-size: 18px !important;
  letter-spacing: 0px;
  background: #e9e9e978 !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
}	

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
  border-top: 1px solid hsla(0,0%,7%,.11);
  padding-top: 48px;
  font-size: 16px !important;
  text-align: left !important;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator a {
  color: #292990;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 12px;
  text-align: left !important;
}
.wc-block-components-totals-item__label {
  flex-grow: 1;
  font-size: 16px !important;
}

.wc-block-checkout__add-note .wc-block-components-textarea {
  margin-top: 16px;
  min-height: 60px;
}


/* Remove Item Link */
.page-id-8 .wc-block-cart-item__remove-link {
  color: #e55353;
  font-size: 13px;
  text-decoration: none;
}
.page-id-8 .wc-block-cart-item__remove-link:hover {
  text-decoration: underline;
}

/* Totals Box */
.page-id-8 .wc-block-cart__totals {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.05);
}

.page-id-8 .wc-block-cart__totals-title {
  font-size: 16px;
  font-weight: 600;
  color: #1e1e2d;
  margin-bottom: 15px;
}

.page-id-8 .wc-block-components-totals-item__label {
  color: #555;
  font-size: 14px;
}

.page-id-8 .wc-block-components-totals-item__value {
  font-weight: 600;
  color: #265DF6;
}

/* Button Styling */
.page-id-8 a.wc-block-components-button {
  background: #265DF6;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  display: block;
  transition: 0.3s ease;
  box-shadow: 0 2px 6px rgba(38,93,246,0.2);
}
.page-id-8 a.wc-block-components-button:hover {
  background: #1b47cc;
  transform: translateY(-2px);
}

/* Coupon Box Fix for WooCommerce Blocks */
.wc-block-components-totals-coupon__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}
 

.wc-block-components-totals-coupon__input input {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  text-transform: uppercase !important;
}

.wc-block-components-validation-error > p {
  align-items: center;
  display: flex;
  gap: 2px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #c84a4a !important;
  line-height: 1.3 !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
  display: none !important;
}
.wc-block-components-totals-coupon__input input:focus {
  border-color: #6a1b9a;
  box-shadow: 0 0 0 2px rgba(106, 27, 154, 0.2);
}

/* Apply button styling */
.wc-block-components-totals-coupon__button {
  background-color: #6a1b9a !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600;
  padding: 10px 12px;
  border-radius: 6px;
  width: 100%;
  cursor: pointer;
  pointer-events: auto !important;
}

.wc-block-components-totals-coupon__button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjust overall coupon section */
.wc-block-components-totals-coupon {
  font-size: 14px;
}

.wc-block-components-totals-coupon label {
  font-size: 13px;
  color: #555;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
    flex: 3 1 50px !important;
}

.page-id-8 .wc-block-cart-item__product-metadata,
.page-id-8 .wc-block-components-product-metadata__description,
.page-id-8 .wc-block-cart-item__product-name + p {
  display: none !important;
}
.page-id-8, .page-id-9  {
    background: #e7e7e75c;
}

.page-id-9 .wc-block-components-sidebar-layout .wc-block-components-main {
    box-sizing: border-box;
    margin: 0;
    padding-right: 4.5283018868%;
    width: 65%;
    background: #fff !important;
    padding: 20px !important;
	border-radius: 8px !important;
    border: 1px solid #e9e9e9 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid hsla(0, 0%, 7%, .11);
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
}

.wc-block-components-product-metadata__description {
    display: none;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    height: auto;
    padding: 1em;
    width: 50%;
    background: #ea164b !important;
    color: white;
}

.wc-block-components-product-price {
    display: block;
    text-align: left;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>:last-child, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>:last-child {
    margin-bottom: 0;
    text-align: left;
}

/* Jobs Listing & Details */

.page-id-479 #job-list .jobsearch-list-option ul li.job-pdate {
	display:none !important;
}

.jobsearch-description ul li {
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

.jobsearch-jobdetail-tags a {
  color: #333333 !important;
}
.jobsearch-jobdetail-tags a:hover {
  color: #ffffff !important;
}

.jobsearch-jobdetail-options li {
  display: flex !important;
  align-items: center;
  gap: 8px;
  list-style: none;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #282828 !important;
}

.jobs-btm-btns {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.jobsearch-jobdetail-options li a.jobsearch-jobdetail-view {
  color: rgb(255, 255, 255) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: center;
  min-width: 120px;
}

.post-in-category a {
  color: #265df6;
}
.jb-top-line {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
}

a.company_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #265df6;	
}

.no-candidate-match-error {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
  line-height: 1;
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  padding: 50px 15px !important;
}

.jobsearch-job .jobsearch-custom-field li,
.featured-jobs-grid-text .jobsearch-custom-field li {
  margin-bottom: 4px !important;
  margin-right: 15px !important;
}

/* Jobs Widgets */
.jobsearch-wdg-box-title h2 {
  font-size: 18px !important;
  margin-bottom: 0px;
  line-height: 1.2 !important;
}

.jobsearch_box_view_jobs ul li span,
.jobsearch_box_view_jobs ul li small {
  margin-bottom: 6px;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
.jobsearch_side_box ul li,
.jobsearch_side_box ol li {
  border-bottom: 1px solid #e9e9e9 !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.jobsearch_side_box ul li:last-child,
.jobsearch_side_box ol li:last-child {
  border-bottom: none !important;
}

.jobsearch-list-option ul li {
  padding: 0px 0px 0px 0px !important;
  border-left: 0px !important;
  line-height: 1.2 !important;
  font-size: 14px !important;
}

.jobsearch-list-option ul li a {
  color: #999999;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.send-email-msg-box {
  display: flex;
  padding: 15px;
  border-radius: 8px;
}

/* Main Jobs Listing */
.jobsearch-applyjob-btn.jobsearch-job-apply-btn-con.btn-green-border {
  background: white !important;
  color: #3e9a3e !important;
}
.jobsearch-typo-wrap .jobsearch-applyjob-btn.btn-green-border:hover {
  color: #fff !important;
  background: #3e9a3e !important;
}

h2.jobsearch-pst-title a {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.jobsearch-joblisting-classic-wrap,
.jobsearch-table-row {
  align-items: flex-start !important;
}

.jobsearch-custom-field li small {
  font-size: 14px !important;
  color: #282828 !important;
}

li.job-salary {
  color: #282828 !important;
  font-weight: 600;
}

li.academic-level small:not(:last-child)::after,
li.job-experience small:not(:last-child)::after,
li.emp-benefits small:not(:last-child)::after,
li.work-shift small:not(:last-child)::after 
{
  content: ",";
}

li.my-assets small:not(:last-child)::after, 
li.ids-documents small:not(:last-child)::after 
{
  content: ",";
  padding-right:5px;	
}

.jobsearch_progressbar .bar-container { 
  opacity: 0.7;
}

.jobsearch_progressbar { 
  align-items: center;
}

.jobsearch-list-option .jobsearch-pst-title span {
  font-weight: 500 !important;
  min-width: 100px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-align: center;
}


.jobsearch-joblisting-classic .jobsearch-job-userlist {
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 150px;
}


.jobsearch-jobdetail-services .emp-benefits small, .jobsearch-jobdetail-services .job-experience small , .jobsearch-jobdetail-services .work-shift small , .jobsearch-jobdetail-services .academic-level small  {
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0px 6px 2px 0 !important; /* top-right-bottom-left spacing */
    vertical-align: middle; 
}

.jobsearch-joblisting-classic .jobsearch-joblisting-text {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}


/* Tablets */
@media (max-width: 1030px) {
 
  #header-mobile-menu {
	display:block !important;	
  }	
  #desk-menu {
	display:none !important;	
  }		
	
  #cd_details_page,
  #job-details {
    width: unset;
    margin: 0 auto;
    padding-bottom: 100px;
  }

  .careerfy-candidate-info-style5 figure {
    margin-bottom: 20px !important;
    margin-right: 0px !important;
  }

  #cd_details_page .careerfy-candidate-cta-btn a:hover {
    color: #ffffff;
    border: 2px solid #265df6 !important;
  }

  #cd_details_page
    .dash-reviews-list
    .jobsearch-company-review
    figure
    figcaption {
    align-items: baseline;
  }
  /* Job filter */
  .listin-filters-sidebar {
    position: fixed;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    width: 320px !important;
    background-color: #fff;
    z-index: 9999;
    padding: 15px !important;
    overflow: scroll;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .active-filters-con {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .jobsearch-filter-responsive-wrap,
  .jobsearch-main-content .widget {
    width: 100% !important;
  }

  a.close-listin-mobfiltrs {
    display: block;
    position: absolute;
    right: 0px;
    top: 4px;
    color: #fff;
    font-size: 18px;
    background-color: red;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 2.2;
  }

  .jobsearch-joblisting-classic figure {
    max-width: 100px;
  }
  .mobfiltrs-openrbtn-con {
    display: block;
    position: fixed;
    left: 0px;
    top: 10%;
    z-index: 999;
  }

  .mobfiltrs-openrbtn-con a {
    background-color: #53b427;
    color: #fff;
    padding: 12px 18px;
    float: left;
    font-size: 24px;
  }

  .mobfiltrs-openrbtn-con a {
    padding: 10px 8px !important;
  }

  a.open-listin-mobfiltrs i.fa {
    font-size: 24px !important;
  }

  .jb-top-line {
    flex-direction: column;
  }
  .jobs-btm-btns {
    flex-direction: column;
    gap: 10px;
  }
}

/* Tablets (768px and below) */
@media (max-width: 768px) {
  #cd_details_page,
  #job-details {
    width: unset;
    margin: 0 auto;
    padding-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #cd_details_page .careerfy-candidate-cta-btn {
    justify-content: center;
    align-items: center;
  }

  .sharing_buttons {
    margin-top: 15px;
    text-align: center;
    width: 100%;
  }

  .sign-in-icons .elementskit-infobox {
    width: 100% !important;
    min-width: 170px !important;
  }

  #signup-form .jobsearch-login-box,
  #signin-form .jobsearch-login-box {
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 30px !important;
    margin-top: 20px !important;
  }

  #signup-form .jobsearch-radio-checkbox {
    width: 50%;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  #signup-form .jobsearch-roles-container {
    margin: 0px !important;
  }

  /* Jobs Listing */
  .jobsearch-joblisting-classic-wrap
    .jobsearch-list-option
    .jobsearch-pst-title {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-direction: column;
  }
	
.jobsearch-jobdetail-list .jobsearch-jobdetail-listthumb a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}	
	
	.jobsearch-jobdetail-services .emp-benefits small {
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0px 6px 2px 0 !important; /* top-right-bottom-left spacing */
    vertical-align: middle; 
}
	
  .jobsearch-jobdetail-list .jobsearch-jobdetail-listthumb img {
    object-fit: cover;
    width: 250px;
  }
	
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
  #signup-form a.jobsearch-user-showpass {
    position: absolute;
    right: 5px;
    bottom: 10px;
  }

  #signup-form .jobsearch-login-box {
    padding: 40px 15px 40px 15px !important;
  }
}