.gold,a {
    color: #dfb44e;
}

/* .footer span.animate.scroll {
    background: white;
} */

/* .footy span.animate.scroll {
    background: white;
} */

/* Styling the form and its elements */
#commentForm {
    font-family: Arial, sans-serif;
    width: 40%;
    margin: 58px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    color:black;
}

#commentForm label {
    display: inline;
    margin-bottom: 10px;
}

#commentForm input[type="text"],
#commentForm textarea,
#commentForm button {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
    color:black;
}

/* Styling the star rating system */
.stars {
    direction: rtl; /* Align stars to the right */
    unicode-bidi: bidi-override; /* Override text direction */
}

.stars input[type="radio"] {
    display: none;
}

.stars label {
    font-size: 20px;
    padding: 0 5px;
    cursor: pointer;
}

/* Change star color on hover and select */
.stars input[type="radio"]:hover ~ label,
.stars input[type="radio"]:checked ~ label {
    color: gold;
}


/* Styling the comments listing */
#commentList {
    list-style-type: none;
    padding: 0;
}

.comment {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.comment .comment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment .comment-info .comment-stars {
    font-size: 20px;
    color: gold;
    margin-right: 5px;
}

.comment .comment-info .comment-author {
    font-weight: bold;
}

.comment .comment-text {
    margin-top: 5px;
}