.validateField {
  background-image: unset !important;
  border-color: unset !important;
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  border-radius: unset !important;
  background-position: unset !important;
  background-repeat: unset !important;
  background-size: unset !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
  padding-right: 0.75rem !important;
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000 !important;
  padding-left: 8px;
}

.validField {
  border-bottom: 1px solid #d2cfda !important;
}

.invalidField {
  background-color: #fff0f0;
  border-bottom: 1px solid #e82828 !important;
}

.validateField::placeholder {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  /* Placeholder text color */
  color: #b3abc6;
  /* opacity: 1;  */
  /* Firefox */
}

.validateField:focus {
  box-shadow: unset !important;
  background-color: unset;
}

.icon {
  position: absolute;
  right: 0;
  top: 40%;
}
