.input-box {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 17px;
}


.input__error {
  position: relative;
  display: none;
  margin-top: 7px;
  color: #FF1F1F;
  transition: opacity 0.4s;

  font-family: 'Supply';
  font-size: 14px;
  line-height: 100%;
  /* 14px */
  letter-spacing: 0.42px;
  text-transform: uppercase;
}

.input-box__wrapper {
  width: 100%;
}

.input-box .label {
  text-transform: uppercase;
  margin-bottom: 8px;
  color: var(--black-60, rgba(0, 0, 0, 0.60));
  line-height: 100%;
}

.double-input-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.input-box input,
.input-box textarea {
  background: var(--purple-dark, #A58FDB);
  color: var(--black-100, #000);
  border: 2px solid rgba(0, 0, 0, 0);
  height: 50px;
  padding: 0 18px;
  width: 100%;
  transition: color 0.4s, background 0.4s, border 0.4s;

  font-family: 'IBM Plex Sans';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 28.8px */
  letter-spacing: 0.54px;
  display: block;
}



/* .-apple .input__wrapper input {
  padding-top: min(2px, 0.139vw);
} */

.input-box input::placeholder,
.input-box textarea::placeholder {
  color: var(--black-30, rgba(0, 0, 0, 0.30));
}

.input-box input:focus,
.input-box textarea:focus,
.input-box__wrapper.-textarea:focus:before {
  background: var(--white-60, rgba(255, 255, 255, 0.60));
}




.input-box.-invalid input,
.input-box.-invalid textarea,
.select-input.-invalid .--dropdown__value{
  border-bottom: 2px solid #FF1F1F !important;
}

.input-box.-invalid.--checkbox:before,
.input-box.-invalid .file-upload {
  border-color: #FF1F1F;
}

.input-box.-invalid .input__error {
  display: block;
}

.form .screen-reader-response,
.form .wpcf7-response-output {
  display: none;
}

.input-box__wrapper textarea {
  position: relative;
  min-height: 160px;
  width: 100%;
  resize: none;
  border: 2px solid rgba(0, 0, 0, 0);
  background: var(--purple-dark, #A58FDB);
  transition: color 0.4s, border 0.4s, background 0.4s;
  padding: 9px 18px 18px 16px;
}

.input-box__wrapper.-textarea {
  position: relative;
}

#page-name{
  display: none;
}

.--checkbox input {
  display: none;
}

.--checkbox {
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 32px;
}

.--checkbox::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid var(--black-100, #000);
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTAuNDc2MUw4IDEzLjMzMzNMMTUgNi42NjY2MyIgc3Ryb2tlPSIjQzNBQkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==);
  transition: background 0.4s, border 0.4s;
}

.--checkbox.-checked::before {
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTAuNDc2MUw4IDEzLjMzMzNMMTUgNi42NjY2MyIgc3Ryb2tlPSIjQzNBQkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==) var(--black-100, #000);
}

.--checkbox span {
  color: var(--black-60, rgba(0, 0, 0, 0.60));
  margin-top: -7px;
}

.--checkbox span a {
  color: var(--black-100, #000);
  transition: color 0.4s;
}


.file-input {
  border: 1px dashed var(--white-100);
  background: var(--white-secondary-20);
}

.contact-form-section__wrapper .text-content .text {
  max-width: 384px;
}

.file-upload {
  position: relative;
  background-color: var(--white-secondary-20);
  border: 1px dashed var(--white);
  color: var(--black-100, #000);
  height: 50px;
  padding: 0 18px;
  width: 100%;
  transition: color 0.4s, background 0.4s, border 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'IBM Plex Sans',sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.54px;
}

.file-upload:hover {
  background: var(--purple-dark, #a58fdb);
  border: 1px dashed var(--white-secondary-20);

}

.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}


.file-upload.--file-selected{
  background-color: var(--white-secondary-60);
  border: 1px solid transparent;
  justify-content: start;
  padding: 4px 38px 4px 18px;
}
.file-upload.--file-selected .file-upload-clear{
  opacity: 1;
  pointer-events: auto;

}

.file-upload-clear{
  pointer-events: none;
  opacity: 0;
  position: absolute;
  right: 18px;
  cursor: url(../../images/icons/cursor-hover.svg) 4 3, pointer !important;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  background: transparent;
  border-radius: 50%;
  border: 1.5px solid var(--black-secondary-30);
  transition: .4s;
}
.file-upload-clear:hover{
  background: var(--black-secondary-30);
}
#file-name{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;

}


/* .input-box__wrapper.-textarea textarea:after {
  content: '';
  position: absolute;
  display: block;
  right: 10px;
  bottom: 10px;
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxpbmUiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF84NTVfNTY3MSkiPgo8ZyBpZD0iR3JvdXAgMTMyMTMxNDc3NSI+CjxsaW5lIGlkPSJMaW5lIDUyIiB4MT0iMS45Mjk2OSIgeTE9IjExLjE4MiIgeDI9IjEyLjE4MjciIHkyPSIwLjkyODk2NyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuNiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPGxpbmUgaWQ9IkxpbmUgNTMiIHgxPSI2Ljg3ODkxIiB5MT0iMTEuODg5MiIgeDI9IjEyLjg4OTMiIHkyPSI1Ljg3ODc2IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC42IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODU1XzU2NzEiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.input-box__wrapper.-textarea textarea:before {
  content: '';
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: var(--purple-dark, #A58FDB);
  pointer-events: none;
  transition: background 0.4s;
} */

/* dropdowns */

.select-input.--dropdown input {
  display: none;
}

.select-input li,
.select-input .--dropdown__value {
  font-family: 'Supply';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 20px */
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.select-input.--dropdown .--dropdown__value {
  position: relative;
  background: var(--purple-dark, #A58FDB);
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 0 40px 0 18px;
  height: 50px;
  width: 100%;
  color: var(--black-100, #000);
  line-height: 100%;
  transition: color 0.4s, background 0.4s, border 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.select-input.--dropdown .--dropdown__value:after {
  content: '';
  position: absolute;
  right: 16px;
  display: block;
  width: 14px;
  height: 14px;
  transition: transform 0.4s;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93Ij4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgxMTAyIDEyTDguMDI1MTggMTJMMTMgMkwxMC40OTk4IDJMNi45MjQ0NiA5LjE5Mzc0TDMuNDk2NjggMkwxIDJMNS44MTEwMiAxMloiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+Cg==);
}

.select-input .--dropdown__value-text {
  color: inherit;
  display: flex;
  align-items: center;
}

.select-input.--dropdown .dropdown__list {
  position: absolute;
  pointer-events: none;
  z-index: 5;
  bottom: 0;
  transform: translateY(calc(100% + 20px));
  background: var(--black-100, #000);
  width: 100%;
  transition: transform 0.4s, opacity 0.4s;
  opacity: 0;
  overflow: hidden;
}

.select-input.--dropdown.-active .dropdown__list {
  opacity: 1;
  transform: translateY(calc(100% + 10px));
  pointer-events: auto;
}

.select-input.--dropdown ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: color 0.4s, background 0.4s;
  padding: 15px 20px;
  color: var(--white-80, rgba(255, 255, 255, 0.80));
}

.select-input.--dropdown ul li.-active {
  pointer-events: none;
  background: var(--white-20, rgba(255, 255, 255, 0.20));
}

.select-input.--dropdown.-active .--dropdown__value:after {
  transform: rotate(180deg);
}

.select-input.--dropdown.-active .--dropdown__value {
  background: var(--white-30, rgba(255, 255, 255, 0.30));
}
.contact-form .submit-wrapper.--career-submit{
  margin-top: 40px;
}


@media screen and (max-width: 1024px) {
  .contact-form .submit-wrapper.--career-submit button {
    margin-top: 20px
  }
}

@media screen and (max-width: 760px) {

  .double-input-box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }


}