body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f4;
}

.login-box {
    width: 800px;
    height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

.bg-gradient {
    background-color: #800020;
}

.btn-primary {
    background: linear-gradient(to right, #660033, #800020);
    border: none;
}

.btn-light {
    color: #fc466b;
    border-radius: 5px;
}

.text-muted:hover {
    color: #fc466b !important;
}

/* Styling the checkbox when checked using Bootstrap's text-danger class */
.form-check-input:checked {
    background-color: #800020; /* Bootstrap 'danger' color for background */
    border-color: #800020;     /* Bootstrap 'danger' color for border */
}