:root {
    --ast-container-default-xlg-padding: 3em;
    --ast-container-default-lg-padding: 3em;
    --ast-container-default-slg-padding: 2em;
    --ast-container-default-md-padding: 3em;
    --ast-container-default-sm-padding: 3em;
    --ast-container-default-xs-padding: 2.4em;
    --ast-container-default-xxs-padding: 1.8em;
    --ast-code-block-background: #ECEFF3;
    --ast-comment-inputs-background: #F9FAFB;
}
.login-div {width: 100%;padding-top: 80px;padding-bottom: 80px;}
.login-form {max-width: 28rem;margin: 20px auto;padding: 20px;background-color: #fff;border: 1px solid #ccc;box-shadow: 0 2px 4px rgb(0 0 0 / 10%);position: relative;border-radius: 6px;}
.loginlogo {width: 150px;margin: auto;display: block;border-style: none;}
.login-form h2 {font-size: 28px;color: #333;text-align: center;}
.login-form label {display: block;font-size: 18px;color: #555;}
.login-form input[type="text"], .login-form input[type="password"] {border: 1px solid #ccc;transition: border-color 0.2s;}
.login-form input[type="text"]:focus,.login-form input[type="password"]:focus {border-color: #0073e6;}
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {color: #666;padding: 0.75em;height: auto;border-width: 1px;border-style: solid;border-color: var(--ast-border-color);background: var(--ast-comment-inputs-background);box-shadow: none;box-sizing: border-box;transition: all .2s linear;}
.password-input-container {
    position: relative;
}
.show-password-button {background-color: transparent;color: #333;border: none;font-size: 18px;cursor: pointer;position: absolute;top: 30%;right: 10px;z-index: 1;}
.login-form button,.order-now {background-color: var(--color-primary);color: #fff;border: none;transition: background-color 0.2s;width: 100%;}

.login-form button:hover,.order-now:hover {background-color: var(--color-green-opacity);}

.error-message {
    color: red;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
}
.show-password-button:hover {
    color: #0073e6;
}
.show-password-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
}

.show-password-icon:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: color 0.2s;
}

.show-password-icon.show-password:before {
    content: "\f070";
    /* Eye icon when password is visible */
}
.error-message {
    color: red;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    border: 1px solid red;
    padding: 10px;
    border-radius: 5px;
}

.login-error-container {
    max-width: 300px;
    margin: 20px auto;
}
.ast-container, .ast-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.ast-container {
    max-width: 100%;
}
.price-value {margin-bottom: 30px;}
.price-value .price {font-weight: 600;}
.price-features{margin-bottom: 35px;}
.footer .copyright a {color: var(--color-white);}