diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php
index bfc474e..f23576f 100644
--- a/resources/views/fo/pages/home.blade.php
+++ b/resources/views/fo/pages/home.blade.php
@@ -121,13 +121,21 @@
                 <div class="swiper swiper-ranges bg-agis-white mt-4 overflow-hidden py-4" id="swiper-ranges">
                     <div class="swiper-wrapper">
                         @foreach ($rangeModels as $key => $rangeModel)
+                            @php
+                                $colorSelector = $key % 3;
+                            @endphp
                             <div class="swiper-slide">
                                 <a href="{{ route('fo.ranges.show', $rangeModel->slug) }}">
                                     <div
                                         class="swiper-slide-content d-flex flex-column flex-xl-row justify-content-center justify-content-xl-end align-items-center m-xl-0 mx-auto">
                                         <div
                                             class="swiper-slide-content-details bg-agis-white @if (!$loop->first) swiper-slide-content-translate @endif position-relative z-1">
-                                            <p class="text-primary fs-5 f-readex-pro p-xl-2 p-xxl-4 text-xl-start m-0 mb-3 text-center">
+                                            <p @class([
+                                                'fs-5 f-readex-pro p-xl-2 p-xxl-4 text-xl-start m-0 mb-3 text-center',
+                                                'text-primary' => $colorSelector === 0,
+                                                'text-quad' => $colorSelector === 1,
+                                                'text-quint' => $colorSelector === 2,
+                                            ])>
                                                 {{ Str::of($rangeModel->title)->limit(30) }}
                                             </p>
                                         </div>