/*breakpoints*/
.jobspage .job__detail .job__company, .jobspage .job__detail .job__location, .jobspage .job__detail .job__type, .jobspage .job__detail .job__worktime, .jobspage .job__detail .job__deadline, .jobspage .job__detail .job__contractperiod {
  font-size: 1.125rem;
}
@media screen and (max-width: 1199.98px) {
  .jobspage .job__detail .job__company, .jobspage .job__detail .job__location, .jobspage .job__detail .job__type, .jobspage .job__detail .job__worktime, .jobspage .job__detail .job__deadline, .jobspage .job__detail .job__contractperiod {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991.98px) {
  .jobspage .job__detail .job__company, .jobspage .job__detail .job__location, .jobspage .job__detail .job__type, .jobspage .job__detail .job__worktime, .jobspage .job__detail .job__deadline, .jobspage .job__detail .job__contractperiod {
    font-size: 0.938rem;
  }
}
.jobspage .card {
  border-radius: 0;
  background-color: #F1F1F1 !important;
}
.jobspage .card * {
  font-size: 1rem;
}
.jobspage .card h4 a {
  display: block;
  font-size: 1.25rem;
  color: inherit;
  text-decoration: inherit;
}
.jobspage .typography p {
  font-size: 1rem;
}
.jobspage .typography p > div {
  font-size: 1rem;
}
.jobspage.bgtype-color {
  background-color: var(--font-color) !important;
  /**:not(label,.element__title){
      color: $Black;
    }*/
}
.jobspage.bgtype-color .btn {
  background: #FFF;
  color: #212529;
}
#job-filter-search {
  position: relative;
}
#job-filter-search + i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  pointer-events: none;
}
.job-filter a {
  color: inherit;
  font-size: 1rem;
}
.job-filter a.fake__link {
  font-size: 1.25rem;
}
.jobtypeelement .jobtypeelement__jobfield {
  background: var(--button-background-color);
  height: 100%;
}
.jobtypeelement .jobtypeelement__jobfield a {
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}
.jobtypeelement .swiper-slide {
  height: auto;
}
.jobtypeelement .card {
  background: var(--button-background-color);
  border-radius: 0;
  height: 100%;
}
.jobtypeelement .card .card-title {
  font-size: 1rem !important;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  font-weight: bold !important;
  color: #fff;
}
.jobtypeelement .card a {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.jobtypeelement .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.jobtypeelement .element__title--holder {
  max-width: 700px;
}
@media screen and (max-width: 575.98px) {
  .jobspage .card, .jobtypeelement .card {
    font-size: 1rem;
    line-height: 1;
  }
  .jobspage .card a, .jobtypeelement .card a {
    font-size: 1rem;
  }
  .jobspage .job__deadline, .jobtypeelement .job__deadline {
    line-height: 1.2 !important;
  }
  .jobspage .job__deadline div, .jobtypeelement .job__deadline div {
    left: -0.5rem;
  }
  .job__companyicon {
    max-height: 1.25rem;
    max-width: 1.25rem;
  }
}
.jobalerthint__holder {
  background-color: var(--button-background-color);
}
.jobalerthint {
  padding: 1.5rem;
  text-align: center;
  --font-color: #fff;
}
.jobalerthint span {
  font-size: 1.5rem;
  line-height: 1.5;
  display: block;
}
.jobalerthint .btn-tertiery {
  background-color: #fff;
  color: #000;
}
#jobAlert .jobalerthint {
  text-align: left;
}
#jobAlert .jobalerthint span {
  font-size: 1.25rem;
}
[data-bs-target="#jobAlert"]:focus-visible, [data-bs-target="#jobAlert"]:focus {
  outline: 1px solid var(--button-background-color);
}
.prime__badge {
  background: var(--primary-color);
  color: #fff;
  font-size: 0.75rem;
  padding: 0.5rem;
  border-radius: 0;
  text-align: center;
  max-width: 150px;
  flex-basis: 150px;
}
.top-job-label {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 60px solid var(--primary-color);
  border-left: 60px solid transparent;
  z-index: 1;
  transform-origin: top right;
  transform: scale(0.8);
}
.top-job-label::after {
  content: "Top Job";
  position: absolute;
  top: -42px;
  right: -12px;
  width: 65px;
  text-align: center;
  transform: rotate(45deg);
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  /*

  .jobspage__listing .col-md-6 {
    display: flex;
    flex: 1 0 33.3333%; // Adjust the width as needed
    max-width: 33.3333%; // Ensure the column does not stretch beyond this width
  }
  */
  .jobspage__listing {
    display: flex;
    flex-wrap: wrap;
  }
  .jobspage__listing .card {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
  }
  .jobspage__listing .card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkvv%2Fscss%2Fcomponents%2F_jobs.scss%22%2C%22%2Fthemes%2Fkvv%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAKI%3BAAAA%3BAAAA%3BACcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADMF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAC1HE%3BADiIA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxLE%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwMF%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */