.input-div{position: relative; display: grid; grid-template-columns: 7% 93%; margin: 25px 0; padding: 5px 0; border-bottom: 2px solid #d9d9d9;}
.input-div.one{margin-top: 0;}
.i{color: #d9d9d9; display: flex; justify-content: center; align-items: center;}
.i i{transition: .3s;}
.input-div > div{position: relative;height: 45px;}
.input-div .label-input{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #ffffff;font-size: 18px;transition: .3s;}
.input-div:before, .input-div:after{content: ''; position: absolute; bottom: -2px; width: 0%; height: 2px; background-color: #ffffff; transition: .4s;}
.input-div:before{right: 50%;}
.input-div:after{left: 50%;}
.input-div.focus:before, .input-div.focus:after{width: 50%;}
.input-div.focus .label-input{top: -10px;font-size: 12px;}
.input-div.focus > .i > i{color: #ffffff;}
.input-div > div > input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: none;outline: none;background: none;padding: 0.5rem 0.7rem;font-size: 1.2rem;color: #ffffff;font-family: 'poppins', sans-serif;border-radius: 5px;}
.input-div.pass{margin-bottom: 4px;}
a.forgot{display: block;text-align: right;text-decoration: none;color: #2838a1;font-size: 0.9rem;transition: .3s;}
a.forgot:hover{color: #28a14d;text-decoration: underline;}


.sign-up-containter{margin:auto;text-align:center;max-width: 450px;}
.sign-up-containter .logo{margin-top:100px;}
.sign-up-containter .logo img{max-width:80%;max-height: 100px; }
.sign-up-containter .btn-div{margin-top:20px;}
.sign-up-containter .input-status{padding: 15px 0 0 0;}
.sign-up-containter .sign-input{margin: 5px 0px;}
.sign-up-containter .sign-input .view-landing{margin: 40px 0px;}
.sign-up-containter .sign-digit .sign-info{ margin-top:20px;line-height:1.3;}
.sign-up-containter .sign-digit .sign-info p{padding:3px;}
@media screen and (max-width: 1050px){
	.container{grid-gap: 5rem;}
	.sign-up-containter{ max-width: 450px;}
}
@media screen and (max-width: 1000px){
	.login-content h2{font-size: 2.4rem; margin: 8px 0;}
	.img img{width: 400px;}
	.sign-up-containter{width: 100%;}
}
@media screen and (max-width: 900px){
	.container{grid-template-columns: 1fr;}
	.img{display: none;}
	.wave{display: none;}
	.wave2{display: none;}
	.login-content{justify-content: center;}
	.container form{margin-top:-150px}
	.sign-up-containter{width: 100%;}
	.div-input{width: 90%;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 450px){
	.container form{width: 320px;}
	.sign-up-containter{ max-width: 320px;}
	.sign-up-containter .logo{margin-top:50px;}
	.div-input{width: 90%;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 350px){
	.container form{width: 260px;}
	.sign-up-containter{ max-width: 260px;}
	.container .sign-up-containter .logo{margin-top:30px;}
	.div-input{width: 90%;margin-left: auto;margin-right: auto;}
}
@media (min-width: 900px){
    .sign-up-containter{width: 100%;}
}
/* Button no Icon */
.hide{display: none;}
.normal{color:#c9302c;}
.info{color:#8ed9ff;}
.success{color:#43ff43;}
.warning{color:#F27935;}
.danger{color:red;}
.special{color:#26268e;}
.tata{color:#273378}
@keyframes fa-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.fa-spinner{ animation: fa-spinner 0.8s linear infinite;}
.opac-1{opacity: 0.1;}.opac-2{opacity: 0.2;}.opac-3{opacity: 0.3;}.opac-4{opacity: 0.4;}.opac-5{opacity: 0.5;}.opac-6{opacity: 0.6;}.opac-7{opacity: 0.7;}.opac-8{opacity: 0.8;}.opac-9{opacity: 0.9;}