#rating{
    color: #ffc107;
}
.star-rating {
    font-size: 2rem;
    color: #ccc; /* لون النجوم غير المختارة */
    cursor: pointer;
}



/* تصميم النجوم */
.star-rating {
    font-size: 1.8rem;
    color: #ccc; /* لون النجوم غير المختارة */
}

.star.selected {
    color: #ffc107; /* لون النجوم المختارة */
}

/* تأثير عند التمرير على السلايدر */
.carousel-item {
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

.review-card {
    background-color: #f8f9fa; /* لون خلفية الكارت */
    border-radius: 15px; /* الزوايا المنحنية */
}

.review-card .card-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.review-card .review-text {
    font-style: italic;
    font-size: 1.5rem;
    color: #343a40;
        font-family: var(--font-secondary);

}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #7e2a6f; /* لون أزرار السلايدر */
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background-color: #ffc107; /* لون أزرار السلايدر عند التمرير */
}

.card {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* ظل جميل */
}

/* تأثير على الكارت عند العرض */
.carousel-item.active {
    transform: scale(1.05);
}

.carousel-item-next,
.carousel-item-prev {
    opacity: 0.7;
}
.selected-starts{
    color: #ffc107 !important; 
}