.job_openings_employee
{
  width: 100%;
  float: left;
  margin-bottom: 3rem;
}
.job_openings_employee .job_title
{
  font-size: var(--font-size-28px);
  line-height: var(--line-height-34px);
  font-family: var(--font-family-italic);
  color: var(--color-violet);
  font-weight: normal;
}
.job_openings_employee .company_name
{
  font-size: var( --font-size-21px);
  line-height: var(--line-height-33px);
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
}
.job_openings_employee .job_type
{
  font-size: var(--font-size-13px);
  line-height: var(--line-height-18px);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-family: var(--font-family-medium);
  border: none;
  border-radius: 0;
  background: linear-gradient(rgba(76,77,85,0.1),rgba(76,77,85,0.1));
  cursor: auto;
  height: 41px;
}
.job_type_column
{
  padding: 0.375rem 1rem !important;
}
.job_type .fa-user,
.fa-briefcase
{
  color: var(--color-grey-dark);
}
.job_openings_employee .job_description
{
  font-size: var(--font-size-21px);
  line-height: var(--line-height-26px);
  font-family: var(--font-family-italic);
  color: var(--color-violet);
  font-weight: normal;
}
.job_openings_employee .job_desc_content,
.job_openings_employee .responsibilities_content,
.job_openings_employee .apply #apply_btn
{
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
  font-size: var(--font-size-14);
  line-height: var(--line-height-21px);
}
.job_openings_employee .responsibilities
{
  font-size: var(--font-size-17);
  line-height: var(--line-height-24px);
  font-family: var(--font-family-medium);
  color: var(--color-grey-dark);
  font-weight: normal;
}
.job_openings_employee .apply #apply_btn
{
  background-color: var(--color-violet);
  border-radius: 0px;
  padding: 10px 25px;
  color: var(--color-white) !important;
}
.spb-popup-main-wrapper
{
  border: none !important;
  padding: 1rem 3rem;
  outline: none;
}
.spb_top_center
{
  top: 50%;
  /* left: 50%; */
  transform: translate(0%,-50%);
}
#apply_job_form
{
  margin-top: 3rem;
}
#apply_job_form label
{
  font-size: var(--font-size-13px);
  line-height: var( --line-height-19px);
  font-family: var(--font-family-light);
  color: var(--color-grey-dark);
  font-weight: normal;
  margin-bottom: 0.5rem;
}
#apply_job_form  #edit-actions
{
  text-align: right;
  margin-top: 2rem;
}
#apply_job_form #edit-actions #edit-submit
{
  background-color:var(--color-violet);
  color: var(--color-white);
  font-family: var(--font-family-light);
  font-size: var(--font-size-15px);
  line-height: var(--line-height-22px);
  font-weight: normal;
  border: none;
  border-radius: 0;
  padding: 10px 30px;
  text-transform: uppercase;
  box-shadow: none;
}
.spb_minimize, .spb_close
 {
  color: var(--color-grey-light);
  font-size: 27px;
  position: relative;
  top: -12px;
  left: 24px;
  background: none;
}


.spb-controls
{
  right: 25px;
  top: 10px;
}
.job_details
{
  width: 100%;
  float: left;
}
.job_details .job_role
{
  font-family: var(--font-family-medium);
  font-size: var( --font-size-m);
  line-height: var( --line-height-23px);
  color: var(--color-grey-dark);
  font-weight: normal;

  padding-top: 10px;
}
.row.back_button_job .button
{
  margin-left: 0px;
}
.back_button_job a
{
  display:flex;
  align-items: center;
}
.job_details .company_name
{
  font-size: var(--font-size-14);
    line-height: var(--line-height-27px);
  color: var(--color-grey-dark);
  font-family: var(--font-family-light);
  font-weight: normal;
}
.image_job_details
{
  width: 100%;
  height: 3em;
  margin-bottom: 8px;
}
.job_details .arrow a {
  float: right;
    text-decoration: none;
    font-family: var(--font-family-light);
    color: var(--color-violet);
    font-size: var( --font-size-13px);
    font-weight: normal;
    line-height: var( --line-height-18px);
    margin-top: 10px;
}
.job_details .job_details_column .card
{
  min-height:14rem;
  box-shadow: 0px 5px 9px #00000029;
  border: none;
  outline: none;
  padding: 2.5rem !important;
}
.job_details .job_details_row
{
  justify-content: space-around;
}
.job_details .job_details_column
{
  margin-bottom: 3rem;
  width: 32% !important;
}
@media screen and (min-width:0px) and (max-width:767px) {
  .job_details .job_details_column
  {
    width: 50% !important;
  }
  .job_details .job_details_column .card
  {
    min-height:9rem;
  }
  .job_details,
  .job_openings_employee
  {
    padding: 5% ;
  }
  .back_button_job .button
  {
    padding: 3px 0px 0px 6px;
  }
  .back_button_job
  {
    padding: 1rem 0;
  }
  .job_details .job_details_column .card
  {
    padding: 1.5rem !important;
  }
  .job_details .job_details_row
  {
    justify-content: start;
  }
  .job_details
  {
    padding-bottom: 0px !important;
  }
  .related_blogs
  {
    clip-path: none;
    padding: 5%;
  }
  .job_openings_employee.mt-5
  {
    margin-top: 0.5rem !important;
  }
  .job_openings_employee .job_type 
  {
    font-size: var(--font-size-12px);
  }
}
@media screen and (min-width:0px) and (max-width:1023px){
  .job_openings_employee .job_title
  {
    font-size: var(--font-size-13px);
    line-height: var(--line-height-17);
    margin-bottom: 7px;
  }
  .job_openings_employee .company_name
  {
    font-size: var(--font-size-11px);
    line-height: var(--line-height-16px);
  }
  .job_openings_employee .job_description
  {
    font-size: var(--font-size-11px);
    line-height: var(--line-height-15px);
  }
  .job_openings_employee .job_desc_content, .job_openings_employee .responsibilities_content, .job_openings_employee .apply #apply_btn
  {
    font-size: var(--font-size-10px);
    line-height: var(--line-height-15px);
  }
  .job_openings_employee .responsibilities
  {
    font-size: var(--font-size-11px);
    line-height: var(--line-height-18px);
  }
}
.back-wrapper-link-jobdetails {
  width: fit-content;
}