.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
    color: red;
}

/* Validation Errors Panel Styling */
.validation-errors-panel {
    margin-bottom: 1.5rem; /* Reduced margin */
    border: 1px solid #dc3545; /* Red border */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #f8d7da; /* Light red background */
    padding: 1rem; /* Padding inside the panel */
}

.validation-errors-header {
    font-size: 0.9rem; /* Smaller font size */
    font-weight: 700; /* Medium font weight */
    color: #dc3545; /* Red text color */
    margin-bottom: 0.75rem; /* Spacing below header */
}

.validation-errors-list {
    list-style-type: disc; /* Add bullet points */
    padding: 0px 20px; /* Add padding to align bullet points */
    margin: 0; /* Remove default margin */
}

.validation-errors-item {
    font-size: 0.9rem; /* Smaller font size */
    color: #721c24; /* Dark red text color */
    padding: 0.25rem 0; /* Spacing between items */
}

    .validation-errors-item:last-child {
        border-bottom: none; /* Remove border for last item */
    }

/* Responsive Adjustments */
@media (max-width: 768px) {
    .validation-errors-panel {
        padding: 0.75rem; /* Reduced padding for tablets */
    }

    .validation-errors-header {
        font-size: 1rem; /* Smaller font size */
    }

    .validation-errors-item {
        font-size: 0.9rem; /* Smaller font size */
    }
}

@media (max-width: 576px) {
    .validation-errors-panel {
        padding: 0.5rem; /* Reduced padding for mobile */
    }

    .validation-errors-header {
        font-size: 0.95rem; /* Smaller font size */
    }

    .validation-errors-item {
        font-size: 0.85rem; /* Smaller font size */
    }
}