body {
    font-family: Arial, sans-serif;
}

header img {
    max-height: 150px;
    object-fit: cover;
}

.form-label span.text-danger {
    font-size: 1.2rem;
    vertical-align: super;
}

.is-invalid {
    border-color: #dc3545;
}

.is-valid {
    border-color: #28a745;
}

.invalid-feedback {
    display: none;
}

.is-invalid ~ .invalid-feedback {
    display: block;
}
/*
.star-rating {
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.star-rating .bi-star {
    font-size: 1.5rem;
    color: #ccc; /* Default color for unselected stars */
/*    transition: color 0.2s ease;
}*/
/*
.star-rating .bi-star.selected {
    color: #f39c12; /* Color for selected stars */
/*}*/

.star-rating.is-invalid {
    border: 1px solid red;
    padding: 5px;
    border-radius: 5px;
}
.star-rating .bi-star.selected {
    color: gold;
}
.star-rating .bi-star {
    cursor: pointer;
    font-size: 1.5rem;
    color: gray;
}