@media screen and (max-width: 991px) {
    h4{
        text-align: center;
    }
body{
    padding: 0;
}
.review-box{
    padding: 20px;
    margin: 20px 0;
}
.rating-container {
    display: flex; /* Use flexbox for layout */
    flex-wrap: wrap; /* Allow items to wrap onto new lines */
    gap: 10px; /* Add spacing between items */
}

.rating-container label {
    display: flex; /* Align radio button and label text */
    align-items: center; /* Vertically align items */
    cursor: pointer; /* Make it clear items are clickable */
}

.rating-container input[type="radio"] {
    display: none; /* Optionally hide radio buttons */
}

.rating-container span {
    display: inline-block;
    padding: 5px 10px; /* Add padding around the text */
    border: 1px solid #ccc; /* Styling for the numbers */
    border-radius: 4px; /* Rounded corners for better aesthetics */
    background-color: #f9f9f9; /* Light background color */
}

.rating-container input[type="radio"]:checked + span {
    background-color: #007BFF; /* Highlight selected option */
    color: #fff; /* Change text color when selected */
    border-color: #007BFF; /* Match border color */
}

}
@media (max-width: 768px) {
    th, td {
        font-size: 14px; /* Adjust text size for small screens */
    }
}