.modal-body {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #ccc #f8f9fa; /* For Firefox */
}

.modal-body::-webkit-scrollbar {
    width: 8px; /* Width of scrollbar */
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Color of scrollbar thumb */
    border-radius: 4px; /* Rounded edges for thumb */
}

.modal-body::-webkit-scrollbar-track {
    background: #f8f9fa; /* Background of scrollbar track */
}
.rating-section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 4px;
}

.star-rating {
    display: inline-flex;
    cursor: pointer;
}

.star {
    font-size: 30px;
    color: #ccc;
    transition: color 0.2s ease;
}

.star.selected {
    color: gold; /* Style for selected stars */
}

.star.hovered {
    color: #FFD700; /* Style for hovered stars */
}

.review-section textarea {
    resize: none;
}

.selected-star {
    font-size: 20px;
    color: #ccc;
    transition: color 0.2s ease;
}

.review-rating .selected-star.selected {
    color: #FFD700;
}

.viewRatings {
    cursor: pointer;
}