<div class="ratings" dir="ltr">
	<span class="rating">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
</div>

<div class="ratings" dir="ltr">
	<span class="rating">
		<i class="ri-heart-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-fill"></i>
	</span>
</div>

<div class="ratings" dir="ltr">
	<span class="rating">
		<i class="ri-heart-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-heart-line"></i>
	</span>
</div>

<div class="ratings" dir="rtl">
	<span class="rating">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-fill"></i>
	</span>
</div>

<div class="ratings" dir="rtl">
	<span class="rating">
		<i class="ri-star-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-line"></i>
	</span>
	<span class="rating ms-2">
		<i class="ri-star-line"></i>
	</span>
</div>