.jobs {
  padding: clamp(2.5rem, 4.86vw, 6.125rem) 0 clamp(4.375rem, 8.33vw, 8.75rem);
  position: relative;
  background: #F6F2EE;
}
.jobs.theme-dark .jobs-filter p, .jobs.theme-light-dark .jobs-filter p {
  color: #F6F2EE;
}
.jobs.theme-dark .jobs-filter select, .jobs.theme-light-dark .jobs-filter select {
  border-bottom: 1px solid #F6F2EE;
  color: #F6F2EE;
}
.jobs.theme-dark .job-item h3, .jobs.theme-light-dark .job-item h3 {
  color: #F6F2EE;
}
.jobs.theme-dark .job-item span, .jobs.theme-light-dark .job-item span {
  border-color: #F6F2EE;
  color: #F6F2EE;
}
.jobs.theme-dark .jobs-filter {
  background: #1F1F1F;
}
.jobs.theme-dark .jobs-filter select {
  background: #1F1F1F;
}
.jobs.theme-dark .job-item {
  background: #1F1F1F;
}
.jobs.theme-light-dark .jobs-filter {
  background: #111010;
}
.jobs.theme-light-dark .jobs-filter select {
  background: #111010;
}
.jobs.theme-light-dark .job-item {
  background: #111010;
}
.jobs.theme-orange .jobs-filter, .jobs.theme-grey .jobs-filter {
  background: #F6F2EE;
}
.jobs.theme-orange .job-item, .jobs.theme-grey .job-item {
  background: #F6F2EE;
}
.jobs__title {
  margin-bottom: clamp(1.875rem, 4.17vw, 5.125rem);
}
.jobs .jobs-filter {
  margin-bottom: clamp(1.875rem, 4.17vw, 5.125rem);
  padding: clamp(1rem, 1.11vw, 1.5rem) clamp(2rem, 2.22vw, 3rem) clamp(1.375rem, 1.53vw, 2rem);
  gap: clamp(2.125rem, 2.36vw, 3rem);
  background: #ECE8E4;
  border-radius: 16px;
}
.jobs .jobs-filter p {
  margin-bottom: 0;
  white-space: nowrap;
  color: #151313;
  font-size: clamp(0.875rem, 0.97vw, 0.875rem);
}
.jobs .jobs-filter select {
  cursor: pointer;
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #AFAFAF;
  font-size: clamp(0.875rem, 0.97vw, 0.875rem);
  padding: 0 clamp(0.375rem, 0.42vw, 0.75rem);
  height: clamp(2.375rem, 2.64vw, 3.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #090808;
}
@media (max-width: 991px) {
  .jobs .jobs-filter {
    padding: 14px 25px 20px;
    gap: 26px;
  }
  .jobs .jobs-filter select {
    padding: 0 6px;
    height: 34px;
  }
}
@media (max-width: 767px) {
  .jobs .jobs-filter {
    padding: 24px 20px;
    gap: 20px;
  }
  .jobs .jobs-filter p {
    padding-left: 6px;
  }
}
.jobs .jobs-list {
  gap: clamp(1.5rem, 1.67vw, 2.5rem);
  border-radius: 16px;
}
.jobs .job-item {
  background: #fff;
  border-radius: 16px;
  padding: clamp(1.3125rem, 1.46vw, 2rem) clamp(2.125rem, 2.36vw, 3rem);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.jobs .job-item svg {
  width: clamp(1.5rem, 1.67vw, 1.5625rem);
  height: clamp(1.5rem, 1.67vw, 1.5625rem);
}
.jobs .job-item:hover {
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}
.jobs .job-item h3 {
  font-size: clamp(1rem, 1.67vw, 1.5rem);
  margin-bottom: clamp(1rem, 1.11vw, 1.375rem);
  color: #090808;
}
.jobs .job-item span {
  height: 24px;
  border: 1px solid #AFAFAF;
  border-radius: 24px;
  color: #797979;
  font-size: clamp(0.75rem, 0.83vw, 0.75rem);
  letter-spacing: 0em;
  padding: 0 clamp(0.625rem, 0.69vw, 1rem);
}
.jobs .job-item-meta {
  gap: clamp(0.75rem, 0.83vw, 1.25rem);
}
@media (max-width: 575px) {
  .jobs .job-item {
    padding: 16px 20px;
  }
}
@media (max-width: 450px) {
  .jobs .job-item {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    position: relative;
  }
  .jobs .job-item__left {
    width: calc(100% - 30px);
  }
  .jobs .job-item__right {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .jobs .job-item span {
    font-size: 11px;
    white-space: nowrap;
  }
  .jobs .job-item-meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}