From e9d667aa872ff586b7911298bf11d4879292f7ca Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 20:09:39 +0330
Subject: [PATCH] changed service highlights padding

---
 frontend/components/global/ServiceHighlights.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/components/global/ServiceHighlights.vue b/frontend/components/global/ServiceHighlights.vue
index f3873aa..5e86ae1 100644
--- a/frontend/components/global/ServiceHighlights.vue
+++ b/frontend/components/global/ServiceHighlights.vue
@@ -36,15 +36,12 @@ const highlights = ref<Highlight[]>([
 <template>
     <section class="w-full border-t-[0.5px] border-slate-200">
         <div
-            class="w-full py-[5rem] gap-8 sm:gap-12 xl:gap-0 container grid grid-cols-2 lg:grid-cols-4"
+            class="w-full py-[3rem] lg:py-[5rem] gap-8 sm:gap-12 xl:gap-0 container grid grid-cols-2 lg:grid-cols-4"
         >
             <template v-for="(highlight, index) in highlights" :key="index">
                 <div class="flex flex-col-center gap-[.75rem] px-5">
                     <div class="size-[70px] md:size-[100px] flex-center">
-                        <NuxtImg
-                            :src="highlight.icon"
-                            class="w-full"
-                        />
+                        <NuxtImg :src="highlight.icon" class="w-full" />
                     </div>
 
                     <div class="w-full flex-col-center gap-[.25rem]">