:root {
  --size: 500;
}

@media screen and (min-height: 480px) {
  :root {
    --size: 900;
  }
}
@media screen and (min-height: 768px) {
  :root {
    --size: 900;
  }
}
.breadcrumbs {
  padding-top: calc(120 / var(--size) * 100 * var(--vh, 1vh));
}

.vacancies {
  padding-bottom: calc(120 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancies__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  margin-bottom: calc(64 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancies__title h1 {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(96 / var(--size) * 100 * var(--vh, 1vh));
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancies__title h1 {
    font-size: calc(56 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 480px) {
  .vacancies__title h1 {
    font-size: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 480px) {
  .vacancies__title {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(24 / var(--size) * 100 * var(--vh, 1vh));
    margin-bottom: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancies__filters {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 / var(--size) * 100 * var(--vh, 1vh));
  margin-bottom: calc(56 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 480px) {
  .vacancies__filters {
    margin-bottom: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancies__filter {
  padding: calc(9 / var(--size) * 100 * var(--vh, 1vh)) calc(16 / var(--size) * 100 * var(--vh, 1vh));
  border: 2px solid #b7b7b7;
  border-radius: calc(30 / var(--size) * 100 * var(--vh, 1vh));
  background: transparent;
  color: #fff;
  font-family: Roboto;
  font-weight: 400;
  font-size: calc(18 / var(--size) * 100 * var(--vh, 1vh));
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.vacancies__filter-count {
  color: #80d207;
  transition: color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .vacancies__filter:hover {
    border-color: #80d207;
  }
}
.vacancies__filter.is-active {
  background: #80d207;
  border-color: transparent;
  color: #fff;
}
.vacancies__filter.is-active .vacancies__filter-count {
  color: #fff;
}
@media (max-width: 480px) {
  .vacancies__filter {
    font-size: calc(16 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancies .jobs__list-item {
  color: #fff;
}
.vacancies__empty {
  font-family: Roboto;
  font-size: calc(20 / var(--size) * 100 * var(--vh, 1vh));
  color: #b7b7b7;
}

.vacancy {
  padding-bottom: calc(120 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__title {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(64 / var(--size) * 100 * var(--vh, 1vh));
  line-height: 1.05;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: calc(48 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__title {
    font-size: calc(44 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 480px) {
  .vacancy__title {
    font-size: calc(32 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__badge {
  display: inline-block;
  padding: calc(4 / var(--size) * 100 * var(--vh, 1vh)) calc(14 / var(--size) * 100 * var(--vh, 1vh));
  border: 2px solid #80d207;
  border-radius: calc(30 / var(--size) * 100 * var(--vh, 1vh));
  background: #80d207;
  color: #fff;
  font-family: Roboto;
  font-weight: 400;
  font-size: calc(14 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  margin: calc(16 / var(--size) * 100 * var(--vh, 1vh)) 0 calc(32 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__cards {
  margin-bottom: calc(72 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__cards .swiper-wrapper {
  align-items: stretch;
}
.vacancy__cards .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}
.vacancy__cards .card {
  flex: 1;
}
.vacancy__info-card {
  flex-direction: column;
  align-items: flex-start;
}
.vacancy__info-card h3 {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  color: #80d207;
  margin-bottom: calc(20 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__info-card h3 {
    font-size: calc(28 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__info-card ul {
  list-style: none;
}
.vacancy__info-card li {
  display: flex;
  align-items: center;
  font-family: Roboto;
  font-weight: 400;
  font-size: calc(24 / var(--size) * 100 * var(--vh, 1vh));
  line-height: 1.4;
  color: #fff;
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__info-card li {
    font-size: calc(20 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__info-card li::before {
  content: "";
  flex: 0 0 auto;
  width: calc(14 / var(--size) * 100 * var(--vh, 1vh));
  height: calc(14 / var(--size) * 100 * var(--vh, 1vh));
  border-radius: 50%;
  border: 1px solid #80d207;
  margin-right: calc(10 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__content {
  padding-left: 8%;
  padding-right: 12%;
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.vacancy__description {
  font-family: Roboto;
  font-weight: 300;
  font-size: calc(18 / var(--size) * 100 * var(--vh, 1vh));
  line-height: 1.6;
  color: #fff;
  padding-bottom: calc(36 / var(--size) * 100 * var(--vh, 1vh));
  border-bottom: 1px solid #fff;
}
.vacancy__description > *:not(:last-child):not(h1):not(h2):not(h3):not(h4):not(.vacancy__lead-in) {
  padding-bottom: calc(36 / var(--size) * 100 * var(--vh, 1vh));
  border-bottom: 1px solid #fff;
}
.vacancy__description > div > *:not(:last-child):not(h1):not(h2):not(h3):not(h4):not(.vacancy__lead-in) {
  padding-bottom: calc(36 / var(--size) * 100 * var(--vh, 1vh));
  border-bottom: 1px solid #fff;
}
.vacancy__description h3 {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(28 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  color: #fff;
  margin: calc(36 / var(--size) * 100 * var(--vh, 1vh)) 0 calc(16 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__description h3 {
    font-size: calc(22 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__description p {
  margin-bottom: calc(16 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__description strong {
  font-weight: 500;
}
.vacancy__description ul, .vacancy__description ol {
  margin: calc(12 / var(--size) * 100 * var(--vh, 1vh)) 0 calc(20 / var(--size) * 100 * var(--vh, 1vh));
  padding-inline-start: 0;
  list-style: none;
}
.vacancy__description li {
  display: flex;
  align-items: flex-start;
  margin-bottom: calc(8 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__description li::before {
  content: "";
  flex: 0 0 auto;
  width: calc(14 / var(--size) * 100 * var(--vh, 1vh));
  height: calc(14 / var(--size) * 100 * var(--vh, 1vh));
  border-radius: 50%;
  border: 1px solid #80d207;
  margin-right: calc(10 / var(--size) * 100 * var(--vh, 1vh));
  margin-top: calc(6 / var(--size) * 100 * var(--vh, 1vh));
}
.vacancy__description a {
  color: #80d207;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .vacancy__description a:hover {
    text-decoration: none;
  }
}
.vacancy__resume {
  margin-top: calc(96 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__resume {
    margin-top: calc(64 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__resume-title {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(48 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  color: #fff;
  margin-bottom: calc(48 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__resume-title {
    font-size: calc(40 / var(--size) * 100 * var(--vh, 1vh));
  }
}
@media (max-width: 480px) {
  .vacancy__resume-title {
    font-size: calc(26 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 / var(--size) * 100 * var(--vh, 1vh));
  margin-top: calc(89 / var(--size) * 100 * var(--vh, 1vh));
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__bottom {
    flex-direction: column;
    align-items: center;
    gap: calc(64 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__show-more {
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(28 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  color: #fff;
  transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .vacancy__show-more:hover {
    color: #80d207;
  }
}
@media (max-width: 960px), (min-width: 961px) and (orientation: portrait) {
  .vacancy__show-more {
    font-size: calc(32 / var(--size) * 100 * var(--vh, 1vh));
    text-align: center;
  }
}
@media (max-width: 480px) {
  .vacancy__show-more {
    font-size: calc(24 / var(--size) * 100 * var(--vh, 1vh));
  }
}
.vacancy__questions {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  transform: rotate(-10deg);
}
.vacancy__any {
  display: inline-block;
  font-family: Oswald;
  font-weight: 500;
  font-size: calc(20 / var(--size) * 100 * var(--vh, 1vh));
  text-transform: uppercase;
  color: #b7b7b7;
  margin-left: calc(-20 / var(--size) * 100 * var(--vh, 1vh));
  transform: rotate(-6deg);
}
.vacancy__hh {
  display: block;
  line-height: 0;
}
.vacancy__hh img {
  width: calc(364.5 / var(--size) * 100 * var(--vh, 1vh));
  height: calc(98.55 / var(--size) * 100 * var(--vh, 1vh));
}