body{
    height:100%;
    width:100%;
    overflow:hidden;
}

.photo {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 100%;
     height: 100vh;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     animation: round 28s infinite;
     opacity: 0;
     background-image: url("../images/loginbg/1.jpg");
 }
 
 .photo:first-child {
     background-image: url("../images/loginbg/2.jpg");
 }
 
 .photo:nth-child(2) {
     background-image: url("../images/loginbg/3.jpg");
 }
 
 .photo:nth-child(3) {
     background-image: url("../images/loginbg/4.jpg");
 }
 
 x .photo:nth-child(4) {
     background-image: url("../images/loginbg/1.jpg");
 }
 
 .photo::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background-color: #000;
     z-index: 9999;
     opacity: 0.4;
 }
 
 @keyframes round {
     25% {
         opacity: 1;
     }
     40% {
         opacity: 0;
     }
 }
 
 .photo:nth-child(1) {
     animation-delay: 21s;
 }
 
 .photo:nth-child(2) {
     animation-delay: 14s;
 }
 
 .photo:nth-child(3) {
     animation-delay: 7s;
 }
 
 .photo:nth-child(4) {
     animation-delay: 0s;
 }
 
 .links {
     margin-top: 30px;
 }
 
 .links ul {
     list-style: none;
     text-align: center;
 }
 
 .links li {
     display: inline-block;
     margin: 2px 10px;
     width: 100px;
 }
 
 .links a {
     list-style: none;
 }
 
 .links img {
     width: 100%;
     height: auto;
 }
 
 body .login-form {
     padding: 30px;
     max-width: 460px;
     background-color: rgba(255, 255, 255, 0.815);
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-left: auto;
     margin-right: auto;
     border-radius: 14px;
     border: 1px solid #bccad1;
     box-shadow: 0px 7px 1px rgba(0, 0, 0, 0.2);
     backdrop-filter: blur(4px);
     width: 100%;
 }
 
 body .login-form.lognw {
     max-width: 900px;
 }
 
 .cont::after {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     background: url(../images/bgr.png) repeat center center rgb(16 25 61 / 28%);
     background-size: 7px;
 }
 
 .compyrights {
     position: absolute;
     left: 0px;
     color: #e1e1e29e;
     bottom: 10%;
     font-size: 12px;
     width: 100%;
     text-align: center;
 }
 
 body .login-form .btn:hover {
     background-color: #3990a5!important;
     border-color: #3890a4!important;
 }
 
 .page-wrapper.modrenround {
     padding: 30px;
     background-color: rgb(30 54 68);
     height: 100vh;
     overflow: hidden;
 }
 
 .modrenround .error-wrapper {
     background: #f0f5f4;
     border-radius: 20px;
     min-height: calc(100vh - 60px);
 }
 
 .otpcode {
     margin: 0 auto;
 }
 
 .otpcode input {
     text-align: center;
     max-width: 40px;
 }
 
 .userInput {
     display: flex;
     justify-content: center;
     margin: 30px 0px;
 }
 
 .userInput .form-control {
     text-align: center;
     margin: 0px 5px;
     font-size: 19px!important;
     font-weight: 700;
     color: #266281!important;
     height: 52px;
 }
 
 .loginPargraph h1 {
     font-size: 15px;
 }
 
 .loginPargraph p {
     font-size: 14px;
     text-align: left;
     font-weight: 400;
 }
 
 .loginPargraph {
     text-align: left;
 }
 
 .logologin {
     padding: 0px;
     max-width: 300px;
     margin-bottom: 30px;
 }
 
 .lognw .logologin {
     padding: 0px;
     max-width: 300px;
     /* margin: 0 auto; */
     margin-bottom: 30px;
     margin-top: -9px;
     margin-left: -11px;
 }

.cont {
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/**/
body .grecaptcha-badge {
    position: fixed !important;
    right: 0px !important;
    bottom: -100px !important;
    left: auto !important;
}