.ht-forgot-card input{
    width:100%;
    padding:12px;
    margin:15px 0;
    border-radius:6px;
    border:1px solid #ddd;
}

.ht-forgot-card button{
    width:100%;
    padding:12px;
    background:#c9a227;
    border:none;
    font-weight:bold;
    border-radius:6px;
    cursor:pointer;
    color: #ffffff;
}

.ht-back-login{
    display:block;
    margin-top:15px;
    font-size:14px;
    color: #2a2a2a;
    font-weight: 600;
    text-decoration: underline !important;
    text-align: center;
}
.ht-back-login a {font-family: 'Poppins'; color: #2a2a2a; font-weight: 600;}
.ht-back-login a:hover { color: #2a2a2a;}
.forgot-section .ht-back-login {  color: #2a2a2a; font-weight: 600;}
.forgot-section .ht-back-login:hover { color: #2a2a2a;}

.ht-login-card input{
    width:100%;
    padding:12px;
    margin:12px 0;
    border-radius:6px;
    border:1px solid #ddd;
}

.ht-login-card button{
    width:100%;
    padding:12px;
    background:#c9a227;
    border:none;
    border-radius:6px;
    font-weight:bold;
    cursor:pointer;
    color: #ffffff;
}

.ht-forgot{
    text-align:right;
    margin-bottom:10px;
}

.ht-forgot a {
    color: #000000;
    text-decoration: underline;
}

.ht-login-msg{
    margin-top:10px;
}

.ht-signup{
    margin-top:15px;
    text-align: center;
}

.ht-popup{padding-top: 70px; position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction: column;}
.ht-popup .logo-thankyou { width: 150px; margin-bottom: -120px; position: relative;}
.ht-popup .thankyou-pop { background: #F7F7F7; border-radius: 20px; padding: 85px 35px 35px; display: flex; flex-direction: column; align-items: center; position: relative;}
.ht-popup-box{background:#fff;padding:30px;max-width:350px;border-radius:6px;text-align:center}
.ht-popup .logo-thankyou { width: 170px;  margin: 30px 0 10px; position: absolute; top: -88px;}
.ht-popup .thank-u-check { padding-bottom: 15px;}
.ht-popup  .ht-popup-box p { padding: 0 10px; margin-bottom: 0;}



/* FORM INPUTS */

.ht-register-form input {

    width: 100%;

    padding: 12px 14px;

    margin-bottom: 14px;

    border-radius: 6px;

    border: 1px solid #ddd;

    font-size: 14px;

}



/* CAPTCHA CENTER */

.g-recaptcha {

    margin: 15px auto;

    display: flex;

    justify-content: center;

}



/* SUBMIT BUTTON */

.ht-register-form button {

    width: 100%;

    padding: 12px;

    background: linear-gradient(90deg, #d4af37, #b8962e);

    border: none;

    border-radius: 8px;

    font-size: 15px;

    font-weight: 600;

    cursor: pointer;

    color: #fff;

}



/* GOOGLE BUTTON */

.ht-google-btn {

    margin-top: 15px;

    border: 1px solid #ddd;

    padding: 10px;

    border-radius: 6px;

    background: #fff;

}

/* reset form wrapper */
#ht-login-form form,
.ht-reset-form form {
    margin-top: 15px;
}

/* password inputs */
#ht-login-form .password-field input,
.ht-reset-form .password-field input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 14px;
}

/* reset button */

.ht-reset-form {max-width: 100% !important;}
.ht-reset-form button[type="submit"] {
    width: 100%;
    padding: 14px;
    background: linear-gradient(90deg, #d4af37, #b8962e);
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
   font-weight: bold;
   text-transform: uppercase;
}


/*#ht-login-form,
.ht-reset-form {
    max-width: 400px;
} */

#ht-login-form .password-field,
.ht-reset-form .password-field {
    position: relative;
    margin-bottom: 15px;
    border-radius: 3px;
}

#ht-login-form input, 
.ht-reset-form input {
    width: 100%;
    padding: 10px 40px 10px 10px !important;
    font-size: 14px;
    margin-bottom: 14px;
}

.ht-reset-form .toggle-eye {
    position: absolute;
    right: 15px;
    top: 37%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('https://cdn-icons-png.flaticon.com/512/709/709612.png') no-repeat center;
    background-size: contain;
}

#ht-login-form .toggle-eye {
    position: absolute;
    right: 15px;
    top: 48%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('https://cdn-icons-png.flaticon.com/512/709/709612.png') no-repeat center;
    background-size: contain;
}


/* error messages */
.ur-error {
    color: #dc3545;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
}

/* success message */
.ur-message {
    color: #198754;
    font-size: 14px;
}

/* You are already logged in message */
.loggedin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.loggedin a button {
    background: linear-gradient(160deg, rgba(212, 175, 55, 1) 3%, rgba(184, 134, 11, 1) 100%);
    width: 100%;
    padding: 12px;
    background: #c9a227;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
}