.career_holder {
  padding-block-start: clamp(80px, 50vw, 150px);
  padding-block-end: clamp(20px, 50vw, 50px);
}
.career_inn_holder .career_inn p.sub-text {
  color: var(--clr_para_04);
  margin-block-start: 20px;
}
.career_inn_holder .career_inn {
  margin-block-end: 30px;
}
.career_form_holder {
  padding-block: 30px;
  gap: 24px;
}
.input_group_grid_2 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  flex: 1;
}
.pre-icon {
  position: absolute;
  top: 21px;
  left: 16px;
}
.input_group {
  position: relative;
}
.career_form_holder input.custom-input {
  background: var(--input_background);
  border: none;
  min-height: 70px;
  color: var(--clr_para_07);
  font-size: 14px;
  padding-inline-start: 45px !important;
}
.career_form_holder input.custom-input::placeholder {
  color: var(--clr_para_04);
}
.form-select {
  color: var(--clr_para_04);
  padding-inline-start: 45px;
  font-size: 14px;
}
.solid_btn_outline_black {
  border: 1px solid var(--clr_dark_03);
  width: fit-content;
  border-radius: 12px;
  padding: 6px 38px;
  min-height: 66px;
  font-size: 14px;
  background: var(--clr_dark_03);
  color: hsl(var(--text_clr_white));
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.solid_btn_outline_black:hover {
  background: hsl(var(--text_clr_white));
  color: var(--clr_dark_03);
  border: 1px solid var(--clr_dark_03);
}
.dashboardImg {
  width: 100%;
  height: 100%;
}
.dashboardImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.results-output,
.results-list {
  margin-block: 30px;
}
.results-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.results-list .box-1 {
  border: 1px solid hsl(var(--border_clr_blue_01));
  padding: 24px 30px;
  border-radius: 23px;
}
.results-output p {
  color: var(--clr_primary_11);
}
.results-output p span.job-filter{
  font-family: "Sharp Sans Bold";
  border-bottom: 1px dashed var(--clr_primary_12);
  color: var(--clr_primary_12);
}
.results-list .box-1 .first-layer .left-text {
  color: var(--clr_frm_primary_01);
}
.results-list .box-1 .first-layer .right-text {
  color: var(--clr_para_05);
}
.results-list .box-1 .title {
  color: var(--clr_dark_01_2);
  margin-block: 8px 12px;
}
/* modal job details */
.modal-lists-data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 25px;
}
#job_details_modal .modal-dialog {
  max-width: 1200px;
  height: 100%;
  display: flex;
  align-items: center;
}
#job_details_modal .modal-header {
  padding: 0;
  border: none;
}
#job_details_modal .modal-header h5 {
  display: none;
}
#job_details_modal .modal-header .btn-close {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 999;
}
#job_details_modal .modal-body {
  padding: 30px;
}
#job_details_modal .modal-footer {
  display: none;
}
#job_details_modal .left-text {
  color: var(--clr_frm_primary_01);
}
#job_details_modal .modal-body .details-list, #job_details_modal .modal-body .skills-list {
  color: var(--clr_para_01);
}
#job_details_modal .modal-body .skills-list ul li {
  margin-block: 7px;
  list-style: square;
  text-transform: capitalize;
}
#job_details_modal .modal-body .skills-list ul {
  padding-left: 20px;
}
#job_details_modal .modal-body .title {
  color: var(--clr_dark_01_2);
  margin-block: 15px;
}
/*  */
.lists-data {
  padding-block: 10px;
}
.lists-data li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  padding-block-end: 8px;
}
.lists-data li img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.lists-data li span {
  color: var(--clr_para_02);
}
.lists-data li.para-detail span {
  color: var(--clr_para_06);
}
.last-layer {
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.last-layer .already-applied{
  color: var(--clr_frm_primary_01);
}
.last-layer .View-btn {
  color: var(--clr_para_05);
}
.last-layer .View-btn:hover {
  color: var(--clr_para_04);
}
.form-required {
  border: 1px solid var(--error_clr) !important;
}
.loading-container {
  display: flex;
  justify-content: center;
  margin-top: 100px;
  height: 30vh;
  background-color: rgba(255, 255, 255, 0.8);
}
.spinner-border{
  color: var(--clr_primary_12);
}
/* pagination */
.active>.page-link, .page-link.active{
  border-color: var(--clr_primary_12) !important;
  color: var(--clr_primary_01) !important;
  background-color: var(--clr_frm_primary_09) !important;
}
.page-link{
  border-color: var(--clr_primary_12) !important;
  color: var(--clr_primary_12) !important;
}