html,body{height: 100%;}
.wrapper{position: relative;display: flex;min-height: 100%;background-color: #fff;}
.wrapper:not(.layout-v) .auth-wrap{flex: 0 0 35%;max-width: 35%;position: relative;padding: 30px;display: flex;flex-direction: column;}

.wrapper:not(.layout-v) .auth-content{flex: 0 0 65%;max-width: 65%;position: relative;background-color: #f8f7fa;}
.wrapper .auth-title{text-align: center;font-size: 24px;font-weight: 600;line-height: 1;margin: 0 0 10px 0;}
.wrapper .auth-tagline{text-align: center;font-size: 16px;font-weight: 500;line-height: 1;color:#99A1B7;margin: 0 0 30px 0;}
.wrapper .auth-card{width: 400px;margin: 0 auto;padding-top: 80px;flex: 1;}
.wrapper .auth-card .auth-brand{max-height:70px;margin: 0 auto 30px;display: block;}
.wrapper .auth-body{padding:100px 50px;height: 100%;position: relative;z-index: 1;background-image: url(http://wildtech-admin.test/images/auth/auth-bg.png);background-repeat: no-repeat;background-size: 100% 35%;background-position: bottom right;}
.wrapper .auth-body .auth-welcome h2{font-size: 36px;margin: 0 0 10px 0;color:#fff;line-height: 1;font-weight: bold;letter-spacing: 0.4px;}
.wrapper .auth-body .auth-welcome p{font-size: 18px;margin: 0;color:#fff;line-height: 1;letter-spacing: 0.4px;}
.wrapper .auth-body img{max-width: 50%;display: block;margin: 0 auto;}

.wrapper.layout-v{align-items: flex-start;justify-content: center;background-color: #f8f7fa; }
.wrapper.layout-v .auth-wrap{padding: 80px 0 40px;}
.wrapper.layout-v .auth-wrap .auth-card{padding: 20px;border-radius: 8px;background-color: #fff;box-shadow: 0px 8px 24px rgba(27, 46, 94, 0.12);border:1px solid #dbe0e5;}


.wrapper .forgot-text{text-align: right;margin: 10px 0 0 0;line-height: 1;}
.wrapper .forgot-text a{font-size: 14px;font-weight: 500;}
.wrapper .auth-button{padding-top: 15px;}
.wrapper .new-auth-link{margin: 30px 0;text-align: center;}
.wrapper .new-auth-link p{margin: 0;color:#99A1B7;}

.wrapper .checkbox-space{margin-top: 30px;}

.om-form-muted{margin: 5px 0 10px 0;font-size: 12px;color:#99a1b7}

.wrapper .auth-testimonials{margin: 80px 0 40px;}
.wrapper .auth-testimonials .swiper-testimonials{max-width: 80%;margin: 0 auto;border-radius: 14px;background-color: rgba(0,0,0,0.2);backdrop-filter:blur(5px)}
.wrapper .auth-testimonials .swiper-testimonials .swiper-slide{padding: 24px 30px;text-align: center;}
.wrapper .auth-testimonials .swiper-testimonials h3{font-size: 15px;color:#fff;font-weight: 300;letter-spacing: 0.4px;margin: 0;}
.wrapper .auth-testimonials .swiper-testimonials p{font-size: 17px;color:#fff;font-weight: 500;margin:15px 0 0 0;letter-spacing: 0.4px;}
.wrapper .auth-testimonials .swiper-testimonials p span{font-size: 12px;color:#fff;font-weight: 300;display: block;letter-spacing: 0.4px;}

.auth-card .form-forgot-space input{padding-right: 50px;}
.auth-card .pwd-show-hide{position: absolute;top: 28px;right: 12px;}
.auth-card .pwd-show-hide a{height: 20px;width: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;color:#191B1D;text-decoration: none;}

@media screen and (max-width: 1199px) {
    .wrapper .auth-card{width: 100%;}
    .wrapper:not(.layout-v) .auth-content{flex: 0 0 60%;max-width: 60%;}
    .wrapper:not(.layout-v) .auth-wrap{flex: 0 0 40%;max-width: 40%;}
    .wrapper .auth-body img{max-width: 70%;}
}
@media screen and (max-width: 767px) {
    .wrapper{flex-wrap: wrap;}
    .wrapper.layout-v{padding: 0 20px;display: block;}
    .wrapper .auth-card .auth-brand{max-height: 50px;margin-bottom: 15px;}
    .wrapper .auth-card{padding: 0;}
    .wrapper .auth-title{font-size: 20px;}
    .wrapper .auth-tagline{font-size: 14px;}
    .wrapper.layout-v .auth-wrap{padding: 20px 0;}
    .wrapper:not(.layout-v) .auth-wrap{flex: 0 0 100%;max-width: 100%;}
    .wrapper:not(.layout-v) .auth-content{flex: 0 0 100%;max-width: 100%;}
}
@media screen and (max-width: 480px) {
    .wrapper .auth-body{padding: 20px 30px;}
}