.LoginPage section{position:relative;min-height:100vh;background:linear-gradient(270deg,#ecfdf5,#a7f3d0);display:flex;justify-content:center;align-items:center;padding:20px}.LoginPage section .container{position:relative;width:800px;height:500px;background:#fff;box-shadow:0 15px 50px rgba(0,0,0,.1);overflow:hidden}.Register section .container{height:680px}.LoginPage section .container .user{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.LoginPage section .container .user .imgBx{position:relative;width:50%;height:100%;background:linear-gradient(270deg,#ecfdf5,#a7f3d0);transition:.5s}.LoginPage section .container .user .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.LoginPage section .container .user .formBx{position:relative;width:50%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;padding:30px;transition:.5s}.LoginPage section .container .user .formBx form h2{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;width:100%;margin-bottom:10px;color:#555}.LoginPage section .container .user .formBx form input,.LoginPage section .container .user .formBx form select{position:relative;width:100%;padding:10px;background:#f5f5f5;color:#333;border:none;outline:none;box-shadow:none;margin:8px 0;font-size:14px;letter-spacing:1px;font-weight:300}.LoginPage section .container .user .formBx form input[type=submit]{max-width:100px;background:linear-gradient(270deg,#ecfdf5,#a7f3d0);color:#065f46;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;transition:.5s}.LoginPage section .container .user .formBx form .signup{position:relative;margin-top:20px;font-size:12px;letter-spacing:1px;color:#555;text-transform:uppercase;font-weight:300}.LoginPage section .container .user .formBx form .signup a{font-weight:600;text-decoration:none;color:#065f46}.LoginPage section .container .signupBx{pointer-events:none}.LoginPage section .container.active .signupBx{pointer-events:auto}.LoginPage section .container .signupBx .formBx{left:100%}.LoginPage section .container.active .signupBx .formBx{left:0}.LoginPage section .container .signupBx .imgBx{left:-100%}.LoginPage section .container .signinBx .formBx,.LoginPage section .container.active .signupBx .imgBx{left:0}.LoginPage section .container.active .signinBx .formBx{left:100%}.LoginPage section .container .signinBx .imgBx{left:0}.LoginPage section .container.active .signinBx .imgBx{left:-100%}@media (max-width:991px){.LoginPage section .container{max-width:400px}.LoginPage section .container .imgBx{display:none}.LoginPage section .container .user .formBx{width:100%}}