@import url('//fonts.googleapis.com/css?family=Open+Sans:600');
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500");
* { -webkit-font-smoothing: antialiased; box-sizing: border-box; }
html,
body { margin: 0px; height: 100%; font-size: 14px; font-family: 'Open Sans', sans-serif; }
/* a blue color as a generic focus style */
button:focus-visible { outline: 2px solid #4a90e2 !important; outline: -webkit-focus-ring-color auto 5px !important; }
a { text-decoration: none; color: #fff; font-family: "Gilroy-Medium-☞", Helvetica; }
a:hover { color: #fff; }
@font-face { font-family: "Gilroy-Bold-☞"; src: url("https://anima-uploads.s3.amazonaws.com/projects/6083d9d6f8ecf383cb5d0870/fonts/gilroy-bold.ttf") format("truetype"); }

@font-face { font-family: "Gilroy-Medium-☞"; src: url("https://anima-uploads.s3.amazonaws.com/projects/609ba63c8be9f9a21fc21698/fonts/gilroy-medium.ttf") format("truetype"); }

.inner-login-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; border-radius: 28.458px; border: 2.134px solid rgba(88, 130, 193, 0.49); background: rgba(88, 130, 193, 0.28); backdrop-filter: blur(8.893229484558105px); display: flex; padding: 50px; flex-direction: column; align-items: center; width: fit-content; align-items: flex-start; }
.user-login-info { display: flex; flex-direction: column; gap: 16px; font-family: "Gilroy-Medium-☞", Helvetica; }
#txtEmail, #txtPW { border-radius: 5px; border: 0.711px solid #BCBEC0; background: #FFF; display: flex; width: 250px; height: 32px; padding: 16px; align-items: center; }
#txtPW { padding-right: 30px; }
#btnSignIn { display: flex; width: 250px; height: 40px; justify-content: center; align-items: center; 2 border-radius: 7.115px; background: #003465; color: #FFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.item-wrapper { position: relative; display: flex; flex-direction: column; gap: 8px; }
.item-wrapper span { color: #FFF; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; }
#img-logo { width: 250px; height: 30px; }
.user-login-info #pwIcon { position: absolute; right: 10px; bottom: 9px; cursor: pointer; }
.description { color: #FFF; font-family: Gilroy-Bold; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 40px; margin-bottom: 24px; font-family: "Gilroy-Bold-☞", Helvetica; }
.form_label.remember { display: flex; gap: 8px; font-family: "Gilroy-Medium-☞", Helvetica; color: #fff; margin-bottom: 24px; cursor:pointer;}

.video-bg { position: relative; width: 100%; height: 100vh; /* Full screen */ overflow: hidden; }
.video-bg video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: -1; }

.expired { color: red; }
.rm_fp { display: flex; justify-content: space-between; margin-top: 10px; width: 100%; }
.fr { margin-bottom: 24px; }