.spinner{
    margin-left:45%;
    float: left;
}
#waiting{
    margin-left: 35%;
    font-weight: bold;
    color: gray;
}
sm-input{
    margin-left: 25%;
    width: 50%;
}
sm-button{
    margin-left: 38%;
    width: 20%;
}
.block{
    display:block;
}
#otp,#otp3{
    margin-left: 20%;
    margin-right: 20%;
}
.otpstyle{
    color: gray;
    font-weight: bold;
}
#otp2 {
    margin-left: 25%;
    margin-right: 25%;
}

.otpver{
    margin-left: 20%;margin-right: 20%;
}
#otp1.scroll {
    margin:4px, 4px;
    padding:4px;
    width: 800px;
    height: 300px;
    margin-left: 15%;
    margin-right: 15%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
}
/* width */
.scroll::-webkit-scrollbar {
width: 10px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
.scroll::-webkit-scrollbar-thumb {
background: #888;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media screen and (max-width:900px){
    sm-button{
        width:fit-content;

    }
    sm-input{
        width:100%;
        margin-left: 0;
    }
    .spinner{
        margin-left:35%;
        float: left;
    }
    #waiting{
        margin-left:10%;
        font-weight: bold;
        color: gray;
    }
}