@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{display:grid;grid-template-columns:64% 36%;align-items:center;background:#F8FAFC}
.img-container{height: 100dvh;display: flex;align-items: center;justify-content: center;background: #F8FAFC;width: 100%;max-width: 100%;object-fit: cover;}
.img-container img{max-width:100%;width: 100%;object-fit: cover;height: 100%;object-position: left;}
.form-wrapper{max-width:460px;margin-inline:auto}
.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:#999;margin-bottom:0}
.form-wrapper form{margin-top:75px}
.form-check,.login-field{position:relative}
.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button]){width:100%;min-height:50px;background:#fff;border: 0.5px solid #1A2938;border-radius:6px;padding:px 16px;color:#46525E;font-size: 18px;z-index: 99;position: relative;}
.form-wrapper .password-toggle{margin-top: 12px !important;}
.form-wrapper label{font-size:12px;font-weight:400;line-height:21px;color:#46525E;font-family: "DM Sans", sans-serif;}
.form-wrapper input:not([type=checkbox]):not([type=submit]):not([type=button])::placeholder{color:#46525E !important;font-size: 12px !important;font-family:"DM Sans", sans-serif ;}
/* box shadow on focus  */
.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: 400;font-size: 16px;line-height: 12px;letter-spacing: 0.3px;color: #1A2938;background: transparent;}
/* .form-check label::before{content:'';height:18px;width:18px;border:1px solid #9a9a9a;left:0;top:5px;position:absolute}
.form-check label::after{content:'';height:6px;width:12px;border:none;border-bottom:1.5px solid #9a9a9a;border-left:1.5px solid #9a9a9a;left:6px;rotate:-45deg;position:absolute;top:50%;transform:translateY(-50%);opacity:0} */
.form-check .slider_check{position: absolute;cursor: pointer;top: 5px;left: 0;right: 0;bottom: 0;background-color: #BFBFBF;transition: 0.3s;width: 40px;height: 20px;border: 0.5px solid #FFFFFF;border-radius: 36.5px;cursor: pointer;}
.form-check .switch_check{padding-left: 10px;}
.form-check .slider_check:before {content: '';width: 16px;height: 16px;position: absolute;background: #fff;border-radius: 100%;top: 50%;left: 2px;transform: translateY(-50%);transition: 0.3s;}
.form-check input{width:40px;height:20px;background:0 0;border-radius:0;opacity:0;z-index: 9999;position: relative;cursor: pointer;}
.form-check input:checked+span::before{transform: translate(19.5px,-50%);}
.form-check input:checked+span{background-color: #f58634;}
.form-check label{padding-left:5px}
form button[type=submit]{width:100%;min-height:48px;border-radius :6px;background: linear-gradient(0deg, #F58634, #F58634);font-size:20px;font-weight:400;line-height:21.6px;color:#fff;transition:0s;position:relative;letter-spacing:0.3px;border: 1px solid #F58634 !important;}
form button[type=submit]:hover{background:0 !important;color:#F58634 !important ;}
form .loader{border: 1px solid #f58634;;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}
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{font-size: 16px;font-weight: 500;line-height: 21px;color: #999;}
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;}