h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
label,
button,
input,
textarea,
select,
option {
  font-family: "Inter", serif !important;
}

.main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.withoutfooter {
  flex: 1;
}

.footer {
  flex-shrink: 0;
}

.heading-text {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 40px;
}

/**********Header Css*************/
.get-hired-btn {
  color: #FFFFFF;
  background-color: #735C74;
  padding: 8px 35px;
  font-size: 14px;
}


/**********login page Css*************/
.toggle-password {
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  cursor: pointer;
}
.toggle-password img {
    width: 20px;  /* Adjust icon size */
    height: 20px;
}

.forgot-password {
  font-size: 0.9rem;
  color: #CDCDCD;
}

.submit-btn {
  background-color: #e27d60;
  border-color: #e27d60;
}

.auth-input {
  border: none !important;
  background-color: #f8f9fa !important;
  font-size: 1.0625em;
}

.login-from-section {
  background-color: #fff;
  border-radius: 10px;
}

.forgot-password {
  margin-top: 7px !important;
}

/* .form-floating .form-control {
  height: 38px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.form-floating label,
.form-select {
  font-size: 12px !important;
  line-height: 1.2 !important;
  top: -0.3rem;
} */

/* .form-control,
.form-select {
  border: none;
  background-color: #F7F7F7;
} */

textarea {
  border-radius: 10px;
}


input:focus,
.form-control:focus,
.form-select:focus {
  box-shadow: none !important;
  border: 2px solid #f7a791 !important;
  transition: none !important;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #000000 !important;
}

input,
input,
.form-control,
.form-control,
.form-select,
.form-select {
  box-shadow: none !important;
  border: 2px solid #fff !important;
  transition: none !important;
}

/* select option:hover, select option:checked {
  background-color: #E58970 !important;
} */


/* Reduce margin between floating elements if needed */
.form-floating {
  margin-bottom: 1rem;
}

/* Styles for disabled steps */
.disabled-step .accordion-button {
  pointer-events: none;
  background-color: #FFFFFF;
  color: #8A8A8A;
  border: 1px solid #dee2e6;
  cursor: not-allowed;
}

.disabled-step .accordion-button::after {
  background-image: none;
}

.accordion-header .accordion-button::after {
  content: '';
  color: #8A8A8A;
  background-size: contain;
  background-repeat: no-repeat;
  width: 42px;
  height: 30px;
  display: inline-block;
}

.accordion-header.employee-step1 .accordion-button::after {
  background-image: url('../img/company.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step1.active-step .accordion-button::after,
.accordion-header.employee-step1.completed-step .accordion-button::after {
  background-image: url('../img/company.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step2 .accordion-button::after {
  background-image: url('../img/location.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step2.active-step .accordion-button::after,
.accordion-header.employee-step2.completed-step .accordion-button::after {
  background-image: url('../img/location-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step3 .accordion-button::after {
  background-image: url('../img/study.png');
  transform: rotate(0deg);
}

.accordion-header.employee-step3.active-step .accordion-button::after,
.accordion-header.employee-step3.completed-step .accordion-button::after {
  background-image: url('../img/study-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step4 .accordion-button::after {
  background-image: url('../img/work.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step4.active-step .accordion-button::after,
.accordion-header.employee-step4.completed-step .accordion-button::after {
  background-image: url('../img/work-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step5 .accordion-button::after {
  background-image: url('../img/about.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step5.active-step .accordion-button::after,
.accordion-header.employee-step5.completed-step .accordion-button::after {
  background-image: url('../img/about-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step6 .accordion-button::after {
  background-image: url('../img/background.svg');
  transform: rotate(0deg);
}

.accordion-header.employee-step6.active-step .accordion-button::after,
.accordion-header.employee-step6.completed-step .accordion-button::after {
  background-image: url('../img/background-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step1 .accordion-button::after {
  background-image: url('../img/company.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step1.active-step .accordion-button::after,
.accordion-header.employer-step1.completed-step .accordion-button::after {
  background-image: url('../img/company.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step2 .accordion-button::after {
  background-image: url('../img/location.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step2.active-step .accordion-button::after,
.accordion-header.employer-step2.completed-step .accordion-button::after {
  background-image: url('../img/location-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step3 .accordion-button::after {
  background-image: url('../img/employee.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step3.active-step .accordion-button::after,
.accordion-header.employer-step3.completed-step .accordion-button::after {
  background-image: url('../img/employee-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step4 .accordion-button::after {
  background-image: url('../img/company-des.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step4.active-step .accordion-button::after,
.accordion-header.employer-step4.completed-step .accordion-button::after {
  background-image: url('../img/company-des-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step5 .accordion-button::after {
  background-image: url('../img/background.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step5.active-step .accordion-button::after,
.accordion-header.employer-step5.completed-step .accordion-button::after {
  background-image: url('../img/background-active.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step6 .accordion-button::after {
  background-image: url('../img/company-contact.svg');
  transform: rotate(0deg);
}

.accordion-header.employer-step6.active-step .accordion-button::after,
.accordion-header.employer-step6.completed-step .accordion-button::after {
  background-image: url('../img/company-contact-active.svg');
  transform: rotate(0deg);
}


.accordion-header.joblisting .accordion-button::after {
  background-image: none;
  transform: rotate(0deg);
}

.accordion-header.joblisting.active-step .accordion-button::after,
.accordion-header.joblisting.completed-step .accordion-button::after {
  background-image: url('../img/joblisting-active.svg');
  transform: rotate(0deg);
}




.custom-card {
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px #0000000D;
  border: 0;
  padding: 30px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-card h6 {
  font-weight: 500 !important;
  font-size: 30px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.icon-box {
  border-radius: 5px;
}

.accordion-button:not(.collapsed) {
  color: #000;
}

#certificateUploadArea {
  padding: 30px 0px;
  background-color: #f7f7f7;
  border-radius: 6px;
}

.add-more-sec-title {
  color: #735C74;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 8px;
}

.add-more-btn {
  color: #735C74;
  margin-top: 3px;
  cursor: pointer;
}

.login-description {
  font-size: 20px;
  color: #8A8A8A !important;
}

.emp_login_form_details {
  max-width: 345px;
  margin: 0 auto;
}

.input-style {
  padding: 15px 16px;
  border-radius: 12px;
}

#employee_signup_form,
#employer_register_form {
  max-width: 345px;
  margin: 0 auto;
}

.text-muted {
  color: #8A8A8A !important;
  font-size: 17px !important;
  line-height: 1;
}

.salary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: clamp(19px, 1vw, 35px) !important;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50px;
  border: 1px solid transparent;
  min-width: 100px;
  height: 35px;
}

.pending-badge {
  color: #ffc107;
  background-color: rgba(255, 193, 7, 0.2);
}

.selected-badge {
  color: #28a745;
  background-color: rgba(40, 167, 69, 0.15);
}

.rejected-badge {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.15);
}

.withdrawal-badge {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.15);
}

#forgot-password-form {
  max-width: 345px;
  margin: 0 auto;
}