.title {
  max-width: 400px;
  margin: auto;
  text-align: center;
  padding: 30px 20px;
  box-shadow: 0 0 45px rgba(0, 0, 0, .07);
  border-radius: 10px;
}
.userform .title{
  max-width: 800px;
}
 .title h3 {
   font-weight: bold;
}
}
 .title p {
   font-size: 12px;
   color: #118a44;
}
 .title p.msg {
   color: initial;
   font-weight: normal;
  text-align: center;
  font-size: 18px;
}
 .otp-input-fields {
   margin: auto;
   background-color: white;
   box-shadow: 0px 0px 8px 0px #020250 44;
   max-width: 400px;
   width: auto;
   display: flex;
   justify-content: center;
   gap: 10px;
   padding: 40px;
}
 .otp-input-fields input {
   height: 40px;
   width: 40px;
   background-color: transparent;
   border-radius: 4px;
   border: 1px solid #015fc9;
   text-align: center;
   outline: none;
   font-size: 16px;
  /* Firefox */
}
 .otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
 .otp-input-fields input[type=number] {
   -moz-appearance: textfield;
}
 .otp-input-fields input:focus {
   border-width: 2px;
   border-color: #015fc9;
   font-size: 20px;
}
 .result {
   max-width: 400px;
   margin: auto;
   padding: 24px;
   text-align: center;
}
 .result p {
   font-size: 24px;
   
   opacity: 1;
   transition: color 0.5s ease;
}
 .result p._ok {
   color: green;
}
 .result p._notok {
   color: red;
   border-radius: 3px;
}
 
 #resentbtn{
  display: none;
 }

 .form-error-msg{
  color: red;
  margin-top: 5px;
  text-align: left;
  font-size: 13px;
  padding-left: 10px;
 }