fix: shet bugs

pages/components/service.js

@@ -43,7 +43,7 @@ const dataServiceList = (
         height={1500}
       />
     </div>
-    <MDBContainer style={{ marginTop: 10 }}>
+    <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'>          
       <div>
         <MDBTypography
           style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
@@ -115,7 +115,7 @@ const dataServiceList = (
           </MDBCard>
         </MDBCol>
       </MDBRow>
-    </MDBContainer>
+    </div>
     <br />
   </>
 )
@@ -154,8 +154,8 @@ const Service = () => {
     <>
       {router.pathname === '/' ? (
         <div className={'mt-5'}>
-          <MDBContainer>
-            <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+        <div className='lg:mx-20 sm:mx-5'> 
+        <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
               کلینیک و بخش ها{' '}
             </h5>
             <hr />
@@ -219,7 +219,7 @@ const Service = () => {
               {dataMipService.map((item, index) => {
                 return (
                   <SwiperSlide key={index}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCard
                         className={'color-top-card '}
                         alignment='center'
@@ -246,7 +246,7 @@ const Service = () => {
                   style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
                 >
                   <MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCardText className={'bk'}>
                         <h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
                       </MDBCardText>
@@ -257,7 +257,7 @@ const Service = () => {
                 <br />
               </SwiperSlide>
             </Swiper>
-          </MDBContainer>
+          </div>
         </div>
       ) : (
         <AppContainer title={'کلینیک ها و بخش ها '}>
@@ -272,7 +272,7 @@ const Service = () => {
               height={1500}
             />
           </div>
-          <MDBContainer style={{ marginTop: 10 }}>
+          <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'> 
             <div>
               <MDBTypography
                 style={{
@@ -309,7 +309,7 @@ const Service = () => {
                 )
               })}
             </MDBRow>
-          </MDBContainer>
+          </div>
           <br />
         </AppContainer>
       )}