.login-class{display:flex;justify-content:space-evenly;align-items:center;padding:20px 0}.container-login{position:relative;max-width:430px;width:100%;background:#fff;border-radius:10px;overflow:hidden;margin:0 60px}.container-login .forms{display:flex;align-items:center;height:440px;width:200%;transition:height .2s ease}.container-login .form{width:50%;padding:30px;background-color:#fff;transition:margin-left .18s ease}.container-login.active .login{margin-left:-50%;opacity:0;transition:margin-left .18s ease,opacity .15s ease}.container-login .signup{opacity:0;transition:opacity .09s ease}.container-login.active .signup{opacity:1;transition:opacity .2s ease}.container-login.active .forms{height:500px}.container-login .form .title{color:var(--colorp);position:relative;font-size:27px;font-weight:600}.form .input-field{position:relative;height:50px;width:100%;margin-top:30px}.input-field input{position:absolute;height:100%;width:100%;padding:0 35px;outline:none;font-size:16px;border:none;border-top:2px solid transparent;border-bottom:2px solid #ccc;transition:all .2s ease}.input-field input:focus{border-bottom-color:#4070f4}.input-field i{position:absolute;top:50%;transform:translateY(-50%);color:#999;font-size:23px;transition:all .2s ease}.input-field input:focus~i{color:#4070f4}.input-field i.icon{left:0}.form .checkbox-text{justify-content:space-between;margin-top:20px}.checkbox-text .checkbox-content,.form .checkbox-text{display:flex;align-items:center}.checkbox-content input{margin:0 8px -2px 4px}.form .text{color:#333;font-size:14px}.form{color:var(--colorp);text-decoration:none;transition:.61s}.form .button{margin-top:35px}.text-link{color:var(--colorp)}.form .button input{border:none;color:#fff;font-size:17px;font-weight:500;letter-spacing:1px;border-radius:15px;background-color:var(--colorp)}.button input:hover,.form .button input{border:2px solid var(--colorp);transition:.61s}.button input:hover{background-color:var(--bgcolor)}.form .login-signup{margin-top:30px;text-align:center}.cont-img{width:600px;height:500px}.cont-img img{width:500px}