.vacancies-block .block-title {
  text-align: center;
}
.vacancies-block .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.vacancies-block .form-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 160px;
  padding: 30px 50px;
  gap: 30px;
  border-radius: 10px;
  background: var(--background-fourthly);
  overflow: hidden;
}
.vacancies-block .form-title {
  width: 50%;
  z-index: 1;
}
.vacancies-block .form-holder {
  display: flex;
  width: 100%;
  max-width: 605px;
  z-index: 1;
}
.vacancies-block .form-holder .form-top {
  flex-direction: row;
}
.vacancies-block .form-holder .btn {
  max-width: 230px;
}
.vacancies-block .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  max-width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}
.vacancies-block .img-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vacancies-block .connection {
  width: 50%;
  flex-direction: row-reverse;
}
.vacancies-block .connection__text {
  text-align: end;
}

@media (max-width: 1320px) {
  .vacancies-block .content-wrapper {
    gap: 20px;
  }
  .vacancies-block .form-wrapper {
    padding: 20px;
    min-height: auto;
  }
}
@media (max-width: 1200px) {
  .vacancies-block .form-holder {
    width: 70%;
    max-width: 400px;
  }
  .vacancies-block .form-holder .form-top {
    flex-direction: column;
  }
  .vacancies-block .form-holder .btn {
    max-width: none;
  }
}
@media (max-width: 992px) {
  .vacancies-block .form-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .vacancies-block .form-title,
  .vacancies-block .form-holder,
  .vacancies-block .connection {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 480px) {
  .vacancies-block .img-bg {
    display: none;
  }
}
/* OTHER STYLE IN MAIN.CSS */