/* Other styles remain unchanged */
.logo {
    height: 100px;
    width: auto;
}

.btn-primary {
    background-color: #0056b3; /* Original dark blue color */
    border-color: #0056b3; /* Adjust border color if needed */
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #003f80; /* Darker blue color on hover/focus */
    border-color: #003f80; /* Adjust border color if needed */
}



.control-label {
    font-weight: bold; /* Make the label bold */
    color: #333; /* Set label color */
}

.select-wrapper select {
    width: 100%; /* Make the select field fill its container */
    padding: 10px; /* Add padding for better spacing */
    border-radius: 5px; /* Add rounded corners */
    border: 1px solid #ccc; /* Add border */
    background-color: #f9f9f9; /* Set background color */
    color: #333; /* Set text color */
}

/* Optional: Add hover and focus styles */
.select-wrapper select:hover,
.select-wrapper select:focus {
    border-color: #999; /* Change border color on hover/focus */
}