.ratings-block span.average { font-size: 22px; }
.ratings-block span.average + i { font-size: 20px; }
.ratings-block span.count { font-size: 12px; }
.ratings-block hr,
#ratingsMoreModal hr { border-color: #acacac; }

.rating-card .profile-image i { font-size: 36px; }
.rating-card p.name { color: #7f7f7f; font-size: 14px; }
.rating-card span.time { font-size: 12px; }
.rating-card span.stars { font-size: 14px; }
.rating-card i.fa-star { font-size: 12px; }
.rating-card p.title { color: #7f7f7f; font-size: 14px; }
.rating-card span.comment { font-size: 12px; }

#rateModal .modal-dialog,
#ratingsMoreModal .modal-dialog { max-width: 500px; padding: 64px 0; }
#rateModal .modal-content,
#ratingsMoreModal .modal-content { padding: 30px; border-radius: 20px; box-shadow: 0 32px 60px 0 #00000026; }
#rateModal .modal-body,
#ratingsMoreModal .modal-body { padding: 0; }
#rateModal h2,
#ratingsMoreModal h2 { margin-bottom: 24px; color: #151515; font-size: 20px; font-weight: 600; text-align: center; }
#rateModal p { margin: 0; color: #151515; font-size: 18px; font-weight: 500; text-align: center; }
#rateModal span.description { color: #7f7f7f; font-size: 14px; font-weight: 500; line-height: 1.3; }
#rateModal button.star { padding: 0; background-color: transparent; border: 0; outline: 0; }
#rateModal button.star i { font-size: 36px; }
#rateModal input,
#rateModal textarea { width: 100%; padding: 16px 24px; margin-bottom: 10px; background-color: #f2f2f2; color: #151515; font-size: 14px; font-weight: 500; border: 0; outline: 0; border-radius: 30px; }
#rateModal textarea { resize: none; padding: 24px; }
#rateModal input::placeholder,
#rateModal textarea::placeholder { color: #acacac; }
#rateModal button.action { flex: 1; width: 100%; padding: 16px 0; background-color: #a701fd; color: #fff; font-size: 16px; font-weight: 600; text-wrap: nowrap; border: 1px solid #a701fd; outline: 0; border-radius: 50rem; transition: background-color 0.2s; }
#rateModal button.action:hover { background-color: #A701FD00; color: #a701fd; }
#rateModal button.action.cancel { background-color: #151515; color: #fff; border: 1px solid #151515; transition: background-color 0.2s; }
#rateModal button.action.cancel:hover { background-color: #15151500; color: #151515; }
#rateModal .spinner-border { width: 48px; height: 48px; display: block; margin: auto; color: #acacac; border-width: 4px; }
#rateModal .alert { padding: 14px 24px; font-size: 12px; font-weight: 400; border-radius: 50rem; }