/* breakpoints */
.jobs .job {
  --border: 1px solid var(--clr-grey);
  position: relative;
  border-bottom: var(--border);
  padding-block: 1rem;
  display: none;
  gap: 1rem;
}
.jobs .job__counter {
  color: var(--clr-primary);
  font-size: 1.5rem;
  font-weight: 600;
}
.jobs .job.active {
  display: flex;
}
@media (min-width: 768px) {
  .jobs .job {
    gap: 3rem;
  }
}
.jobs .job:first-child {
  border-top: var(--border);
}
.jobs .job__content {
  flex-grow: 1;
}
.jobs .job__content a {
  text-decoration: none;
}
.jobs .job__link a {
  --size: 4.375rem;
  background-color: var(--clr-grey-dark);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  transition: background-color 0.3s;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .jobs .job__link a {
    --size: 3rem;
  }
}
.jobs .job__link a:hover {
  background-color: var(--clr-primary);
}
.jobs .job__link a i {
  font-size: calc(var(--size) * 0.75);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkarl24%2Fscss%2Fobjects%2F_jobs.scss%22%2C%22%2Fthemes%2Fkarl24%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BACwBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhBA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACGF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADaI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */