.applying__field-group {
  margin-top: 32px;
}

.applying__head {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.applying__field .contact-us__field::placeholder {
  color: var(--grey-600, #4f4f4f);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.applying__field {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.applying__field-email .wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.applying__field-email .wpcf7-form-control-wrap::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 7L13.009 12.727C12.7039 12.9042 12.3573 12.9976 12.0045 12.9976C11.6517 12.9976 11.3051 12.9042 11 12.727L2 7M4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4Z' stroke='%234F4F4F' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  pointer-events: none;
  z-index: 1;
}

.apply__attach-icon {
  position: relative;
  border-radius: 50%;
  padding: 12px;
  background-color: #F3F5FB;
  box-shadow: inset 0 2px 16px 0 rgba(22, 41, 214, 0.04), inset 0 -2px 16px 0 rgba(22, 41, 214, 0.16);
  display: flex;
  margin-right: 12px;
  transition: all 150ms ease;
}

.contact-us__icon--uploaded {
  display: none;
}

.contact-us__icon:hover {
  transform: scale(1.1);
}

.contact-us__icon:hover path {
  stroke: var(--primary-color);
}

.apply__attach-icon svg {
  width: 16px;
  height: 16px;
}

.apply__attach-icon path {
  z-index: 200;
}

.applying__field .wpcf7-not-valid-tip {
  margin-top: 8px;
  color: #c70d0d;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.apply__label {
  margin-bottom: 8px;
  color: var(--grey-600);
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  font-weight: 400;
}

.applying__field .contact-us__field {
  padding: 12px 16px;
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.applying__field-email .contact-us__field-email {
  padding-left: 48px;
}

.vacancy__apply-modal-form .contact-us__field-wrapper label {
  color: var(--grey-600, #4f4f4f);
}

.applying__text-area {
  padding: 12px 16px;
  border-radius: 8px;
  max-height: 97px;
  width: 100%;
  color: var(--grey-600);
  font-size: 16px;
  line-height: 1.4;
  border: 1px solid #cfcfcf;
  margin-bottom: 24px;
  resize: none;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.applying__text-area:focus,
.applying__text-area:active {
  border: 1px solid #1629d6;
  outline: none;
}

.apply__button {
  display: flex !important;
  justify-self: end;
}

.wpcf7-form.submitting .apply__button {
  pointer-events: none;
  background-color: #e0e0e0;
  box-shadow: none;
}

.contact-us__file-label {
  margin-bottom: 32px;
}

.contact-us__file-label .wpcf7-not-valid-tip {
  margin-top: 0;
  margin-left: 8px;
}

.contact-us__file-text span {
  color: #949393;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.contact-us__file-text {
  color: var(--grey-600);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.applying__button {
  width: 100%;
  margin-top: 32px;
  background-color: #1629d6;
  color: #fefefe;
  border-radius: 40px;
  height: 60px;
}

.wpcf7-response-output {
  display: none;
}

.applying__field-group .wpcf7-spinner {
  display: none;
}

.applying__head .wpcf7-form-control-wrap {
  width: 100%;
}

.contact-us__field:focus-within {
  border-color: #1629d6 !important;
}
