*{padding:0;margin:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden}.wave{position:fixed;bottom:0;left:0;height:100%;z-index:-1}.container{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10rem;padding:0 2rem}.img{justify-content:flex-end}.img,.login-content{display:flex;align-items:center}.login-content{justify-content:flex-start;text-align:center}.img img{width:430px}.frm{width:360px}.login-content img{height:100px}.login-content h2{margin:15px 0;color:#333;text-transform:uppercase;font-size:2.9rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:30px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .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>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div:after,.input-div:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#2b91ff;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i{color:#2b91ff}.input-div>div>input{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.pass{margin-bottom:4px}a{display:block;text-align:right;text-decoration:none;color:#999;font-size:.9rem;transition:.3s}a:hover{color:#2b91ff}.hero-btn{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(90deg,#007bff,#2b91ff,#2b91ff);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:2.5rem 0;cursor:pointer;transition:.5s}.hero-btn:hover{background-position:100%}#hero_bg_top{display:none}.hero_card_bg{background-image:linear-gradient(90deg,#007bff,#2b91ff,#2b91ff);border-radius:24px;color:#fff}.hero_license,.hero_shield{display:flex;justify-content:space-between}.card-body{padding:2rem}.hero_shield .svg-inline--fa.fa-w-16{font-size:65px;margin:10px}h4.hero_barcode{text-shadow:1px .5px 1px #000}@media screen and (max-width:1024px){.hero_shield h4{font-size:1.8vw}.card-body{padding:2.8vw}.hero_shield .svg-inline--fa.fa-w-16{font-size:6vw}.hero_barcode{font-size:1.8vw}.hero_license p{font-size:1.4vw}.hero_card_bg{border-radius:2vw}}@media screen and (max-width:768px){.hero_card_bg{border-radius:3vw}.hero_shield h4{font-size:2.5vw}.card-body{padding:3vw}.hero_shield .svg-inline--fa.fa-w-16{font-size:9vw}.hero_barcode{font-size:2.5vw}.hero_license p{font-size:2vw}}@media screen and (max-width:425px){.hero_card_bg{border-radius:4vw}.hero_shield h4{font-size:4.5vw}.card-body{padding:6vw}.hero_shield .svg-inline--fa.fa-w-16{font-size:15vw}.hero_barcode{font-size:4.5vw}.hero_license p{font-size:3.3vw}}@media screen and (max-width:375px){.hero_card_bg{border-radius:4vw}.hero_shield h4{font-size:5vw}.card-body{padding:7vw}.hero_shield .svg-inline--fa.fa-w-16{font-size:17vw}.hero_barcode{font-size:5vw}.hero_license p{font-size:3.6vw}}@media screen and (max-width:1200px){.container{grid-gap:5rem}#hero_bg_top{display:none}.wave{left:-20vw;transition:.3s}}@media screen and (max-width:1200px){.frm{width:290px}.login-content h2{font-size:2.4rem;margin:8px 0}.img img{width:400px}#hero_bg_top{display:none}}@media screen and (max-width:1000px){.container{grid-template-columns:1fr}.img,.wave{display:none}img#hero_bg_top{display:block;margin-bottom:5vw;margin-top:-15vw}.login-content{align-items:baseline;justify-content:center}}@media screen and (max-width:425px){.container{grid-template-columns:1fr}.img,.wave{display:none}img#hero_bg_top{display:block;margin-bottom:5vw;margin-top:-15vw}.login-content{align-items:baseline;justify-content:center}}