input[type='text'],
select,
textarea {
  border-radius: $border-radius;
  border: 1px solid $border-color;
  padding: 0.6rem 1.2rem;
  width: 100%;
  box-sizing: border-box;
  font: var(--body-font);
  outline: none;
  &:focus {
    border-color: $blue;
  }
}

input[type='text'],
select {
  height: 4rem;
}

input[type='checkbox'] {
  margin-right: 1rem;
}

form {
  .file-upload {
    width: 100%;
    transition: all 0.4s;
    &-button {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 80px;
      width: 100%;
      height: 80px;
      border-style: dashed;
      border-radius: $border-radius;
      border: 1px solid $border-color;
      border-style: dashed;
      background-color: #fff;
      cursor: pointer;
      &-text {
        font-size: 20px;
      }
    }
    input[type='file'] {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      cursor: pointer;
    }
    &-name {
      margin: 10px 0;
    }
  }
}

.contact-form {
  &__label {
    display: block;
    color: $black;
    margin-bottom: 0.8rem;
    font-weight: $font-weight-bold;
  }
  &__fields {
    @include media-min($small) {
      display: flex;
      gap: 16px;
      .contact-form__field {
        flex: 1;
      }
    }
  }
  &__field {
    margin-bottom: 1rem;
  }
  &__control {
    display: flex;
    align-items: center;
    input[type='text'] {
      flex: 1;
    }
    .button-white {
      width: 12rem;
      padding: 0px 1.6rem;
    }
  }
  .dropdown {
    &-content {
      padding: 0;
    }
    &-item {
      cursor: pointer;
      padding: 0.4rem 4.8rem 0.4rem 1.6rem;
      font-size: 1.4rem;
      &:hover {
        color: $blue;
        background-color: $gray-light;
      }
    }
  }
  .captcha-control {
    gap: 16px;
    &.disabled {
      display: none;
    }
    img {
      height: 40px;
      width: 120px;
      cursor: pointer;
    }
  }
}