.footer {
    text-align: center; /* Center-align the content within the footer */
    background-color: #333;
    color: #fff;
    padding: 10px;
    width: 100%; /* Ensure the footer is full width */
    /* If you have a sticky footer requirement, you can add: */
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center; /* Corrected for proper centering */
    justify-content: center; /* Add this if you want to center the content vertically */
    width: 100%; /* Match width to the footer for consistency */
}

.phone-number {
    font-weight: bold;
    margin-bottom: 5px;
    color: red; /* Red color for the phone number */
}

.text-message {
    font-size: 12px;
}

.table {
    background-color: white;
}

.alert-important {
    background-color: #ffecb3; /* Light yellow background for visibility */
    border-left: 4px solid #ffab00; /* Solid left border for emphasis */
    color: #665c00; /* Dark text for contrast */
    padding: 10px; /* Some padding around the text */
    margin-top: 20px; /* Extra space above the alert for separation from the header */
    margin-bottom: 20px; /* Space below the alert */
    border-radius: 5px; /* Rounded corners for the alert box */
}

/* Ensure visibility and readability */
.alert-important a { /* Styling for links inside the important message, if any */
    font-weight: bold;
    color: #5c4033; /* Make links stand out */
} 
  
.alert-important strong { /* Bold for strong tags */
    color: #4f3c00;
}

  /* Responsive design adjustments for smaller screens */
  @media (max-width: 768px) {
    .alert-important {
      margin-top: 10px;
      margin-bottom: 10px;
    }
}