/* Import Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

#otpform {
  width:100%;

  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  display: flex;
  /*align-items: center;
  justify-content: center;*/
}

#otpform form .input-field {
    flex-direction: row;
    column-gap: 10px;
    margin-bottom:10px;
  }
form .input-field input {
    height: 45px;
    width:42px;
    border-radius: 6px;
    outline: none;
    font-size: 0.8rem;
    text-align: center;
    border: 1px solid #ddd;
    padding-left: 0.3rem;
  }

  .input-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
 
form .input-field .email {
  text-align:left;
  width:300px;
}  

/* Remove spin buttons */
@layer base {
  input[type='number']::-webkit-outer-spin-button,
  input[type='number']::-webkit-inner-spin-button,
  input[type='number'] {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield !important;
  }
}


form button {
    margin-top: 10px;
}