.pin-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
}
.pin-wrapper .pin_input{
    width: 48px;
    height: 48px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    outline: none;
    margin: 1px;
    text-align:center;
    margin:0 5px;
    background:#f7f7f7;
    color:#000000;
    font-size:26px;
}

.pin-wrapper .pin_input:focus{
    background:#ffffff;
    border:1px solid #007cb2;
    border-bottom: 3px solid #007cb2;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.2);
}

.pin{
  color:#000000;
  font-size:20px;
  text-align:center;
}