.img img[data-v-ccc7f624]{filter:hue-rotate(20deg)}#Animated-Login-Form[data-v-ccc7f624]{padding:0;margin:0;box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;overflow:hidden}.wave[data-v-ccc7f624]{position:fixed;bottom:0;left:0;height:100%;z-index:1}.containerW[data-v-ccc7f624]{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7rem;padding:0 2rem}#Animated-Login-Form .img[data-v-ccc7f624]{display:flex;z-index:2;justify-content:flex-end;align-items:center}.login-content[data-v-ccc7f624]{display:flex;justify-content:flex-start;align-items:center;text-align:center}#Animated-Login-Form .img img[data-v-ccc7f624]{width:500px}#Animated-Login-Form form[data-v-ccc7f624]{width:360px}.login-content img[data-v-ccc7f624]{height:100px}.login-content h2[data-v-ccc7f624]{margin:15px 0;color:#333;text-transform:uppercase;font-size:2.9rem}.login-content .input-div[data-v-ccc7f624]{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.one[data-v-ccc7f624]{margin-top:0}#Animated-Login-Form .i[data-v-ccc7f624]{color:#d9d9d9;display:flex;justify-content:center;align-items:center}#Animated-Login-Form .i i[data-v-ccc7f624]{transition:.3s}.input-div>div[data-v-ccc7f624]{position:relative;height:45px}.input-div>div>h5[data-v-ccc7f624]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div[data-v-ccc7f624]:after,.input-div[data-v-ccc7f624]:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#3678b0;transition:.4s}.input-div[data-v-ccc7f624]:before{right:50%}.input-div[data-v-ccc7f624]:after{left:50%}.input-div.focus[data-v-ccc7f624]:after,.input-div.focus[data-v-ccc7f624]:before{width:50%}.input-div.focus>div>h5[data-v-ccc7f624]{top:-5px;font-size:15px}.input-div.focus>.i>i[data-v-ccc7f624]{color:#3678b0}.input-div>div>input[data-v-ccc7f624]{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:1.2rem;color:#555;font-family:poppins,sans-serif}.input-div.passW[data-v-ccc7f624]{margin-bottom:4px}a[data-v-ccc7f624]{display:block;text-align:right;text-decoration:none;color:#999;font-size:.9rem;transition:.3s}a[data-v-ccc7f624]:hover{color:#3678b0}#Animated-Login-Form .btn[data-v-ccc7f624]{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(90deg,#3678b0,#76aad5,#4f91c9);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}#Animated-Login-Form .btn[data-v-ccc7f624]:hover{background-position:100%}@media screen and (max-width:1050px){.containerW[data-v-ccc7f624]{grid-gap:5rem}}@media screen and (max-width:1000px){#Animated-Login-Form form[data-v-ccc7f624]{width:290px}.login-content h2[data-v-ccc7f624]{font-size:2.4rem;margin:8px 0}#Animated-Login-Form .img img[data-v-ccc7f624]{width:400px}}@media screen and (max-width:900px){.containerW[data-v-ccc7f624]{grid-template-columns:1fr}#Animated-Login-Form .img[data-v-ccc7f624],.wave[data-v-ccc7f624]{display:none}.login-content[data-v-ccc7f624]{justify-content:center}}