/**{*/
/*    box-sizing: border-box;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/
/*body p{*/
/*    font-size: 17px;*/
/*}*/
/*.otp-section{*/
/*    background-color: #dee1e6;*/
/*    height: 100vh;*/
/*}*/
/*.bg-lay {*/
/*    background-color: #ffffff;*/
/*    height: 70vh;*/
/*    width: 70%;*/
/*    margin-left:15%;*/
/*}*/
/*.otp-form-card{*/
/*    background-color: white;*/
/*    height: 500px;*/
/*    border-radius: 20px;*/
/*    padding: 10px;*/
/*}*/
/*.otp-form-card-sign-up{*/
/*    background-color: white;*/
/*    height: 550px;*/
/*    border-radius: 20px;*/
/*    padding: 10px;*/
/*}*/
/*#otp-form h5{*/
/*    color:orange;*/
/*    font-weight: 700;*/
/*    text-align: center;*/
/*    font-size: 25px;*/
/*}*/
/*#otp-form span{*/
/*    color:black;*/
/*}*/
/*#otp-form input{*/
/*    padding: 12px;*/
/*    width: 100%;*/
/*}*/
/*.btn-check{*/
/*    background-color: orange !important;*/
/*}*/

/*.submit-button button{*/
/*    padding: 12px;*/
/*    border:none;*/
/*    border-radius: 50px;*/
/*    margin-top: 10px;*/
/*    width: 80%;*/
/*    font-size: 17px;*/
/*    background-color: #003f72;*/
/*    color:white;*/
/*}*/
/*.submit-button button:hover{*/
/*    background-color: #2e2e2e;*/
/*    color:white;*/
/*}*/
/*.terms-condition p{*/
/*    text-align: center;*/
/*    font-size: 12px !important;*/
    
/*}*/

/*.login-align{*/
/*    text-align: center;*/
/*    font-size: 12px !important;*/
    
/*}*/


/*@media screen and (max-width:600px) {*/
/*    .otp-section{*/
/*        height: auto !important;*/
/*        padding: 10px 0px;*/
/*    }*/
/*    .otp-section img{*/
/*        margin-top: 0px;*/
/*    }*/
/*    .otp-section .logo-sec{*/
/*        text-align: center;*/
/*        margin-top: 0px !important;*/
/*    }*/
/*    .otp-section img{*/
/*        width: 20%;*/
/*    }*/
/*    .logo-sec{*/
/*        width: 100px !important;*/
/*        height: 100px !important;*/
/*        top:0px !important;*/
/*        left:35% !important;*/
/*    }*/
/*    .otp-section{*/
/*        height: 100vh !important;*/
/*    }*/
/*    .bg-lay {*/
/*    background-color: #ffffff;*/
/*    height: auto;*/
/*    width: 100%;*/
/*    margin-left:0;*/
/*    }*/
/*}*/
/*.logo-sec{*/
/*    background-color: white;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    height: 300px;*/
/*    width: 300px;*/
/*    position: relative;*/
/*    top:100px;*/
/*    left:10vw*/

/*}*/
/*.logo-sec img{*/
/*    position: absolute; */
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 50%;*/
/*    left:6vw;*/
/*}*/
/*.logo-sec-validation{*/
    /*background-color: white;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    height: 60px;*/
/*    width: 60px;*/
/*    position: relative;*/
    /*top:100px;*/
    /*left:10vw*/
    /*margin-left :140px;*/
    /*background: url("https://saas.w3softsys.com/assets/img/w3-login-logo.webp");*/

/*}*/
/*.logo-sec-validation img{*/
/*    position: absolute; */
    /*top: 50%;*/
/*    transform: translateY(-50%);*/
    /*width: 50%;*/
/*    margin-left:315px;*/
/*    margin-right:0;*/
/*    margin-top:90px;*/
/*    background-color: grey;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
/*}*/
/*.input-bx{*/
/*    position: relative;*/
/*    width: 100%;*/
/*  }*/
/*  .input-bx input{*/
/*    width: 100%;*/
    /* padding: 8px; */
/*    border: 1px solid #d3d3d3;*/
/*    border-radius: 5px;*/
/*    outline: none;*/
/*    font-size: 16px;*/
    /* transition: 0.6s; */
/*    color:black !important;*/
    
/*  }*/
  
  
/*  .input-bx span{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    padding: 10px;*/
/*    font-size: 13px;*/
/*    color: grey;*/
    /*text-transform: uppercase;*/
/*    pointer-events: none;*/
    /* transition: 0.2s; */
/*  }*/
/*  .input-bx input:valid ~ span,*/
/*  .input-bx input:focus ~ span{*/
/*    color: #1a73e8;*/
/*    transform: translateX(8px) translateY(-7px);*/
/*    font-size: 11px;*/
/*    font-weight: 400;*/
/*    padding: 0 10px;*/
/*    background: #fff;*/
/*    letter-spacing: 0.1rem;*/
/*  }*/
  
/*  .input-bx input:valid,*/
/*  .input-bx input:focus{*/
/*    color: #1a73e8;*/
/*    border: 0.01px solid #1a73e8 !important;*/
  
/*  }*/
/*  .input-bx input{*/
/*    background-color: white !important;*/
/*  }*/

/*.modalLogin {*/
/*  padding: 5px;*/
/*  width: 100%;*/
/*  height: 80vh;*/
/*  overflow: scroll;*/
  /*border: 1px solid #ccc;*/
/*}*/
/*.login-title{*/
/*    background: #ffffff;*/
/*    font-weight:700;*/
/*    font-size: 18px;*/
/*    text-align: center;*/
/*}*/
/*#otp-varification-form .fields input{
    width: 20% !important;
    padding: 10px;
    margin: 5px;
}
#otp-varification-form .fields{
    width: 100%;
    margin: auto;
}*/


#otp-varification-form .fields input{
    width: 20% !important;
    padding: 10px;
    margin: 5px;
    border-radius:5px;
    border: 1px solid black;
}
#otp-varification-form .fields{
    width: 100%;
    margin: auto;
}
#otp-varification-form .input {
    cursor: not-allowed;
    pointer-events: none;
}
.input:focus {
    border-bottom: 2px solid orange;
    outline: none;
}
.input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}