body{background-image:url(assets/img/bg_login.svg);background-position:center;background-size:cover;height:100vh}.p-0{background-repeat:no-repeat;background-position:center;background-size:cover}.wrapper{height:30rem;background-color:#004636;border-radius:20px;overflow:hidden;box-shadow:0 5px 10px #0000004d;display:flex}.wrapper img{width:4rem}.form{width:70%;height:80%;padding-bottom:3rem;gap:7px;animation:pop 1s ease-in-out}.wrap1{height:100%;background-color:#fff}.wrap2{background-position:center 240px;background-repeat:no-repeat;background-size:contain;height:100%}.wrap2 img{margin-top:40px;width:100%}.form .title h3{font-size:20px}.field-link .btn,.submit .btn,.submit a{font-size:12px;text-decoration:none;color:#000;font-weight:600}.field-link img{width:19px;margin-right:10px}button img{display:unset;vertical-align:middle;height:24px}.form .or{position:relative;height:2rem;width:100%;font-size:12px;margin:15px}.form .or p{width:9rem;margin:auto;background-color:#fbfff4;position:absolute;top:-50%;left:28%;z-index:99;transform:translateY(-50%);font-weight:700}.or span{background-color:#222;height:.3px;border:none;position:absolute;top:50%;right:0;transform:translateY(-50%);width:100%}.form .field-input,.field-input input,.field-link,.field-link .btn,.submit,.submit .btn{width:100%;height:2rem;border-radius:8px}.field-input{position:relative;background-color:red}.field-input input,.field-link .btn{border:1px solid #555}.field-input input{padding-left:15px;font-size:13px}.field-input i{position:absolute;top:50%;right:0;transform:translateY(-50%);margin-right:10px;cursor:pointer}.form .actionn{justify-content:space-between;align-items:center;margin-bottom:15px}.actionn a,.actionn .remember span{color:#222;font-size:12px;font-weight:500;text-decoration:none}.remember input{box-shadow:none;margin-bottom:5px;border:1px solid #222}.submit .btn{background-color:#198754;box-shadow:0 5px 10px #0003;border:none}.wrap2 .description{margin:2rem;color:#fff;animation:fade 1s ease-in-out}.description div{width:16rem;height:2px;background-color:#fff}.description h1{font-size:32px;font-weight:700}.submit .btn:hover{background-color:#004636}.field-input input:focus{border:1.5px solid #004636;outline:none;box-shadow:none}.remember input:focus{box-shadow:none}.remember input:checked{box-shadow:none}input{background:none}input::-webkit-input-placeholder{background:none}@keyframes fade{0%{opacity:0;margin-bottom:300px}to{opacity:100%}}@keyframes pop{0%{opacity:0}to{opacity:100%}}@media screen and (max-width:380px){.form .or p{left:25%!important}.actionn .remember span,.actionn a{font-size:10px!important}}@media screen and (max-width:567px){.container{width:100%}.row{width:-moz-fit-content;width:fit-content;height:100%}.wrapper{width:100%;display:flex;flex-direction:column;height:100%;border-radius:0;height:-moz-fit-content!important;height:fit-content!important}.wrap1{order:2}.wrap2{height:20rem;background-position:center 130px;order:1}.wrapper .logo{width:3rem;margin-top:20px}.wrap1{padding:0}.wrap1 .form{margin:0;padding:0;height:-moz-fit-content;height:fit-content;display:block;gap:5px}.form .title h3{font-size:12px;font-weight:700;margin:10px 0}.form .or{margin:5px}.form .or p{top:-50%;left:30%;z-index:99;transform:translateY(150%);font-size:10px;width:8rem}.submit{margin-bottom:3rem}.wrap2 .description{margin:1rem 0 5rem 3rem}.wrap2 img{margin-top:-40px}.description h3,.description p{margin:0;padding:0}.description div{margin:10px 0}.description h1{font-size:24px;margin-top:0}}