@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
h1, h2, h3, h4, h5, h6, p, span, button, input, input::placeholder, select, label, a, li{font-family:"DM Sans", sans-serif ;}
.bi-eye-fill::before{content: "\f33e" !important;}
.main-container{max-width: 100%;padding-inline: 0px;margin-inline: auto;}
.login-page{background:#050709;display: flex;align-items: center;justify-content: center;min-height: 100dvh;background-image: url('../../images/login-page-bg.webp');background-repeat: no-repeat;background-size: cover;background-position: bottom;position: relative;overflow: hidden;}
.form-wrapper{max-width:520px;margin-inline:auto;width: 100% !important;min-width: 520px;}
.form-wrapper h1{font-family: "DM Sans", sans-serif;font-weight: 400;font-size: 44px;line-height: 54px;letter-spacing: 0px;vertical-align: middle;color: #1A2938;margin-bottom: 0;}
.form-wrapper p{font-size:18px;font-weight:400;line-height:27px;color:#fff;margin-bottom:0}
.form-wrapper form{margin-top:30px}
.form-check,.login-field{position:relative}
.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button]){width:100%;height:48px;background:#fff;border: 0px solid #1A2938;border-radius:8px;padding:15px 14px;color:#1A2938;font-size: 18px;z-index: 99;position: relative;}
.form-wrapper .password-toggle{margin-top: 12px !important;}
.form-wrapper label{font-size:12px;font-weight:500;line-height:21px;font-family: "DM Sans", sans-serif;}
.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button])::placeholder{color:#878E96 !important;font-size: 12px !important;font-family:"DM Sans", sans-serif ;}
.btn:focus-visible,.form-control:focus,.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button]):focus,.form-check input:focus+span{box-shadow: 0 0 0 .25rem rgb(245 134 52 / 25%) !important;}
a:-webkit-any-link:focus-visible, a:focus{outline: 1.5px dotted rgb(245 134 52 / 26%);}
.form-wrapper .login-field label{margin-bottom: 12px;padding: 0;transition: .5s;width: fit-content;border: none !important;font-family: "DM Sans", sans-serif;font-weight: 500;font-size: 16px;line-height: 12px;letter-spacing: 0.3px;color: #fff;background: transparent;}
form button[type="submit"], form button[type="submit"]:active { width: 100%; min-height: 44px; font-size: 16px; font-weight: 700; line-height: 21.6px; color: #fff; /* transition: 0s; */ position: relative; z-index: 9; border-radius: 8px; transition: 0.3s; background: linear-gradient(90.43deg, #002223 9.64%, #008589 105.63%) !important; border: 1px solid #004951B2 !important; }
form button[type="submit"]:hover { background: linear-gradient(90.43deg, #008589 9.64%, #008589 105.63%) !important; border-color: #004951B2 !important; }
/* form button[type=submit]{width: 100%;min-height: 44px;font-size: 16px;font-weight: 700;line-height: 21.6px;color: #fff;transition: 0s;position: relative;z-index: 9;border: 1.4px solid transparent;border-radius: 8px;background: linear-gradient(#1A2938, #1A2938) padding-box, inside color linear-gradient(90deg, #B0C9E4 0%, #0061CB 100%) border-box;background-clip: padding-box, border-box;background-origin: border-box;} */
/* form button[type=submit]::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: inherit;background: linear-gradient(90deg, #1A2938 0%, #E96A0B 100%);z-index: -1;opacity: 0;transition: opacity 0.3s;} */
/* form button[type=submit]:hover::before{opacity: 1;animation: rotate-gradient 1s linear infinite;} */

/* @keyframes rotate-gradient{
    0% { background: linear-gradient(90deg, #1A2938 0%, #E96A0B 100%);;}
    25% { background: linear-gradient(180deg, #1A2938 0%, #E96A0B 100%);;}
    50% { background: linear-gradient(270deg, #1A2938 0%, #E96A0B 100%);;}
    75% { background: linear-gradient(360deg, #1A2938 0%, #E96A0B 100%);;}
    100% { background: linear-gradient(90deg, #1A2938 0%, #E96A0B 100%);;}
} */

form .loader{border: 1px solid #2d4483;;width:25px;height:25px;position:absolute;background:#fff;border-radius:100%;right:calc(50% - 115px);top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;z-index: 999;}
form .loader::after{background-color:#2d4483;content:'';position:absolute;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.login-field:has(span){margin-bottom: 45px !important;}
.login-field span{position: absolute;padding-top: 3px;padding-left: 15px;font-size: 14px;line-height: 1.2;font-family: "DM Sans", sans-serif;}
.login-forgot a,.forgot-pass{font-size: 16px;font-weight: 500;line-height: 21px;color: #fff;text-decoration: none !important;transition: 0.3s;}
.login-forgot a:hover,.forgot-pass:hover{color: #F58634 !important;text-decoration: none !important;}
span.loader.showload {opacity: 1;visibility: visible;}
.hide{display: none;}
.float-right{float:right;}
.float-right label.form-check-label{cursor: pointer;}
.logo-container{position: relative !important;text-align: center;padding: 0 !important;top: -160px !important;}
.logo{margin-bottom: 20px !important;}

.login-page::before, .login-page::after, .login-page > div::after { content: ""; background: url("../../../images/login-icons.webp") no-repeat; width: 142px; height: 140px; position: absolute; top: auto; bottom: 0; left: 29%; right: auto; margin: auto; background-position: 0 -30px; }
.login-page::after { width: 227px; height: 224px; background-position: right 0; top: 30%; bottom: auto; left: auto; right: -42px; }
.login-page > div::after { width: 209px; height: 183px; background-position: -197px -20px; top: 10%; bottom: auto; left: 15%; right: auto; }

.logo.text-center {
	max-width: 212px;
	margin: 0 auto;
}
.logo.text-center .logo-img {
	width: 100%;
	height: auto;
}