diff --git a/src/app/products/DetailService.tsx b/src/app/products/DetailService.tsx
index 00da0af..f7595ae 100644
--- a/src/app/products/DetailService.tsx
+++ b/src/app/products/DetailService.tsx
@@ -90,11 +90,11 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
                         )}
 
                         <div className='mt-8 bg-white p-6 rounded-3xl'>
-                            <div>
+                            <div className='text-sm'>
                                 توضیحات کامل
                             </div>
                             {getDetailService.data?.data?.danakService?.metaDescription && (
-                                <p dangerouslySetInnerHTML={{ __html: getDetailService.data.data.danakService.metaDescription }} className='text-[13px] mt-4 leading-6'>
+                                <p dangerouslySetInnerHTML={{ __html: getDetailService.data.data.danakService.metaDescription }} className='text-[13px] text-description mt-4 leading-6'>
                                 </p>
                             )}
                         </div>
diff --git a/src/app/products/components/ServiceImages.tsx b/src/app/products/components/ServiceImages.tsx
index fb78a2b..8822938 100644
--- a/src/app/products/components/ServiceImages.tsx
+++ b/src/app/products/components/ServiceImages.tsx
@@ -23,7 +23,7 @@ const ServiceImages: FC<Props> = ({ images }) => {
                 {
                     images.map((item) => {
                         return (
-                            <SwiperSlide key={item.id} className='max-w-[38%]' style={SWIPER_SLIDE_STYLE}>
+                            <SwiperSlide key={item.id} className='xl:max-w-[38%] max-w-[80%]' style={SWIPER_SLIDE_STYLE}>
                                 <div className='bg-white bg-opacity-50 w-full p-2 rounded-2xl'>
                                     <Image alt={item.imageUrl} width={2000} height={1000} src={item.imageUrl} className='w-full h-auto rounded-2xl' />
                                 </div>