@import"https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:"Lato",sans-serif}*:focus{outline:none}.header{width:100%;height:80px;display:flex;justify-content:start;align-items:center;padding:0px 80px}.login-box{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-box .title{text-align:center;margin:20px 0px}.login-box form{width:380px;padding:0px 20px}.login-box form label{display:block;margin:10px 0px;margin-top:30px;font-weight:bold;color:#00032e}.login-box form label .err{float:right;font-size:12px;color:rgba(192,14,14,.808)}.login-box form .inp{width:100%;height:50px;border:none;border-radius:3px;padding:0px 20px;box-shadow:0px 0px 2px #00041a}.login-box form .btn{width:100%;height:50px;border:none;border-radius:3px;padding:0px 20px;margin-top:30px;font-weight:bold;background-color:#0848a8;color:#fff;font-size:15px;cursor:pointer}.login-box .f-pass{font-weight:bold;text-align:center;text-decoration:none;margin-top:10px}.login-box .socail{display:flex;width:150px;margin-top:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.login-box .socail a{text-decoration:none}.login-box .socail a img{width:40px;height:40px}.login-box .socail a .fb{padding:3px}.login-box .start{width:400px;text-align:center;font-weight:bold;font-size:20px;margin-bottom:50px}.login-box .start a{text-decoration:none;color:#00299b}@media only screen and (max-width: 450px){.header{justify-content:center;align-items:center}.login-box .start{width:100%;padding:10px}}@media only screen and (max-width: 380px){.header{justify-content:center;align-items:center}.login-box form{width:100%}}