/* otp input field */
form .input-field {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-field input {
  height: 50px;
  width: 50px;
  border-radius: 6px;
  outline: none;
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #ddd;
}

.input-field input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

/* For Firefox and compatibility */
.input-field input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}


/* Already used for WebKit browsers like Chrome, Safari */
.input-field input::-webkit-inner-spin-button,
.input-field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* end otp input field */
.text-orange {
  color: #E06B1A !important;
}

.text-pink {
  color: #DB147F !important;
}

.text-blue {
  color: #23408F !important;
}

.badge-light-orange {
  background-color: #FFEBDE !important;
  color: #E06B1A !important;
}

.badge-light-pink {
  background-color: #FFEDF7 !important;
  color: #DB147F !important;
}

.badge-light-blue {
  background-color: #E9ECF4 !important;
  color: #23408F !important;
}

.badge-light-green {
  background-color: #E9F4E9 !important;
  color: #00900E !important;
}

.bg-blue {
  background-color: #23408F !important;
}

.bg-light-orange {
  background-color: #FFEBDE !important;
  color: #E06B1A !important;
}

.badge-light-sky-blue {
  background-color: #eaf5f9 !important;
  color: #2395CA !important;
}

.badge-light-purple {
  background-color: #f3e5fd !important;
  color: #9e49e0 !important;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  /* display: inline-block; */
}

.card-width {
  width: 1300px !important;
}

/* #signature_of_representative {
  width: auto;   
  height: 100px;
  object-fit: cover;
}

#references_second_signature {
  width: auto;   
  height: 100px;
  object-fit: cover;
}

#references_first_signature {
  width: auto;   
  height: 100px;
  object-fit: cover;
} */