body {
    background: #f0f3f5;
}

.box {
    
    margin: auto;
    display: table;
    width: 400px;
}

    .box input[type="text"], .box input[type="password"] {
        width: 100%;
        height: 50px;
        border: none;
        padding: 15px 30px;
        box-shadow: 10px 10px 30px #c7ddec, -10px -10px 30px #cceaff;
        border-radius: 60px;
        outline: none !important;
        background: #fbfbfb;margin:10px 0px;
    }
.box-login-title {
text-align:center}
.box-login-title p {
    color: #5d707d;
    font-size: 20px;
}
    .box-login-title h2 {
        font-weight: 700;
    }
.box-login-title  i{
    font-size: 60px;
}
.box .checkbox  {
    color: #5d707d;
    font-size: 14px;
}
input[type="submit"] {
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(37,145,251,0.98) 0.1%, rgba(0,7,128,1) 99.8% );
    width: 100%;
    border: none;
    color: #fff;
    font-size: 22px;
    height: 60px;
    border-radius: 60px;
    margin-top: 15px;
    font-weight: 700;
    box-shadow: 10px 10px 30px #c7ddec, -10px -10px 30px #cceaff;
}
 input[type="submit"]:hover {background:#333;
}
.videologin{
    margin: auto;
    display: table;
}
lottie-player {
width:600px;height:600px;}
lottie-player.reg {
    width: 400px;
    height: 400px;margin-left:-25px;
}
.newuserlink {
    display: table;
    margin: auto;
    margin-top: 22px;
    text-decoration: none;
    color: #3f596b;
    border-bottom: solid 1px #b5bdc1;
    padding-bottom: 6px;
}
@media screen and (max-width:920px)
{
    lottie-player {
      display:none;
    }
    .box {
    width:100%;padding:0px 30px;
    }
}