body, html {height:100%; margin:0; font-family:'Poppins', sans-serif; background:#ffffff;}
.login-card { max-width:420px; width:100%;}
.login-card .form-control {border-radius:10px;}
.login-card .btn-login {background-color:#AD0B06; color:#fff; font-weight:600; border-radius:10px; transition:background 0.3s ease;}
.login-card .btn-login:hover {background-color:#e7b007;}
.login-card .form-label {font-family:'Poppins', sans-serif; font-weight:600; color:#0c0b0c ;}
.login-card .header-logo img {max-height:70px;}
.custom-links a {display:block; margin:5px 0; font-size:14px; text-decoration:none; font-weight:500;}
.custom-links a.text-primary {color:#081436 !important;}
.custom-links a.text-primary:hover {text-decoration:underline; color:#AD0B06 !important;}
.custom-links a.text-secondary {color:#6c757d;}
#alert-warning {display:none; color:#721c24; background-color:#f8d7da; padding:10px; border-radius:5px; text-align:center; margin-bottom:15px;}
h4.text-dark { font-family:'Poppins', sans-serif; color:#081436 !important; font-weight:700;}
.form-check-input:checked {background-color:#ae136a; border-color:#ae136a ;}
.login-bg { margin: 0 !important;  padding: 60px; background: #e7b007;}
.rgt-login { background-color: #fff; border-radius: 0 20px 20px 0; padding: 40px !important;}
.col-md-6.d-none.d-md-block { border-radius: 20px 0 0 20px; }
.input-group-append .form-control {font-size: 15px; height: 45px;}
.input-group-append .input-group-text {background-color: #fff; color: #BBB;}
#login_Btn {background-color:#3b3b3b; border:none; width:100%; padding:10px; border-radius:8px; font-weight:700; font-family:'Poppins', sans-serif; color:#fff; transition:background-color 0.3s ease;}
#login_Btn:hover {background-color:#e7b007; color:#ffffff;}
#alert-warning {display:none; background:#f8d7da; color:#842029; padding:10px; border-radius:6px; margin-bottom:16px; text-align:center; font-size:14px;}
.form-control {border: var(--bs-border-width) solid #c7c7c7;}
.input-group-text {border: var(--bs-border-width) solid #c7c7c7;}
.form-check-input {border: var(--bs-border-width) solid #c7c7c7;}
.form-group label { width: 100%; text-align: left; padding-bottom: 10px; margin: 0; font-weight: 700;}
.form-group a.text-secondary {font-size: 14px;}
.form-control[type="text"] { font-family:'Poppins', sans-serif; font-size: 14px; height: 45px; border-radius: 8px !important;}
.form-control[type="password"] { font-size: 15px; height: 45px; border-radius: 8px 0 0 8px !important; border-right: none;}
.form-group label.remember-txt { width: auto; font-weight: normal; font-size: 14px; color: #7e7e7e; padding-bottom: 0;}
.form-control[type="text"]#pass { border-right: none; border-radius: 8px 0 0 8px !important;}
.login-card .form-control:focus {border-color: rgba(25, 135, 84, 0.06); box-shadow: 0 0 0 .25rem rgba(25, 135, 84, 0.12);}
.signup-txt { color: #aeaeae; display: flex; align-items: center; column-gap: 5px; justify-content: center;}
.sign-up span {color:#ad0b06; text-decoration: underline; transition: all 0.4s ease;}
.sign-up span:hover { color: #830905;}
.login-img { border-radius: 20px 0 0 20px;}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c3c3c3;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c3c3c3;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:  #c3c3c3;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c3c3c3;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #c3c3c3;
}
.form-control::placeholder { /* Most modern browsers support this now. */
   color: #c3c3c3;
}