*{margin:0px;padding:0px;box-sizing:border-box}
input{outline:none;border:none}
button,input{overflow:visible}
button{outline:none !important;border:none;background:transparent}
a{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.7;color:#666666;margin:0px;transition:all 0.4s;text-decoration:none;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s}
.text-center{text-align:center !important}
.limiter{width:100%;margin:0 auto}
.container-login{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#f2f2f2}
.login-box{width:390px;background:#fff;border-radius:10px;margin:0 auto;overflow:hidden;padding:77px 55px 33px 55px;box-shadow:0 5px 10px 0px rgb(0 0 0 / 10%);-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 10px 0px rgb(0 0 0 / 10%);-o-box-shadow:0 5px 10px 0px rgba(0,0,0,0.1);-ms-box-shadow:0 5px 10px 0px rgba(0,0,0,0.1)}
.login-form{width:100%}
.login-form-title{display:block;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:32px;color:#333333;line-height:1.2;text-align:center}
.validate-input{position:relative}
.login-input-wrap{width:100%;position:relative;margin-bottom:37px;border-bottom:2px solid #adadad}
.login-input{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#555555;line-height:1.2;display:block;width:100%;height:45px;background:transparent;padding:0 5px}
.input-focus{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.input-focus::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2.5px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;background:#6a7dfe;background:-webkit-linear-gradient(left,#21d4fd,#b721ff);background:-o-linear-gradient(left,#21d4fd,#b721ff);background:-moz-linear-gradient(left,#21d4fd,#b721ff);background:linear-gradient(left,#21d4fd,#b721ff)}
.input-focus::after{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#999999;line-height:1.2;content:attr(placeholder);display:block;width:100%;position:absolute;top:16px;left:0px;padding-left:5px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}
.login-input:focus~.input-focus::before,.login-input:valid~.input-focus::before{width:100%}
.login-input:focus~.input-focus::after,.login-input:valid~.input-focus::after{top:-10px}
.btn-show-pass{font-size:15px;color:#999999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;height:100%;top:4px;right:0;padding-right:5px;cursor:pointer;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}
.gg-eye,.gg-eye-close{width:16px;height:16px;border:solid 2px #999999;border-radius:70% 20%;position:relative;transform:rotate(45deg)}
.gg-eye::before,.gg-eye-close::before{content:'';display:block;position:absolute;width:4px;height:4px;border:solid 2px #999999;border-radius:50%;left:2px;top:2px}
.gg-eye-close::after{content:'';position:absolute;top:-5px;left:5px;width:1.5px;height:22px;background:#999999;transform:rotate(80deg)}
.gg-eye:hover,.gg-eye-close:hover,.gg-eye-close:hover::before,.gg-eye:hover::before{border:solid 2px #6a7dfe}
.gg-eye-close:hover::after{background:#6a7dfe}
.container-login-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}
.wrap-login-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}
.login-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#a64bf4;background:-webkit-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:-o-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:-moz-linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);background:linear-gradient(right,#21d4fd,#b721ff,#21d4fd,#b721ff);top:0;left:-100%;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}
.login-form-btn{cursor:pointer;font-family:Poppins-Medium;font-size:15px;color:#fff;line-height:1.2;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px}
.wrap-login-form-btn:hover .login-form-bgbtn{left:0px}
.txt1{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#666666;line-height:1.5}
.txt2{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#333333;line-height:1.5}
.p-b-26{padding-bottom:26px}
.p-b-48{padding-bottom:48px}
.p-t-115{padding-top:115px}