From 6c1924b07e0a7c76424f06ff7da42e3034f1689f Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Sat, 23 Aug 2025 11:35:59 +0530
Subject: [PATCH] tamil culture section updated for 4 card show

---
 components/home/ArtsAndCultureSection.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/home/ArtsAndCultureSection.tsx b/components/home/ArtsAndCultureSection.tsx
index b691161..d5f8727 100644
--- a/components/home/ArtsAndCultureSection.tsx
+++ b/components/home/ArtsAndCultureSection.tsx
@@ -54,8 +54,8 @@ export default function ArtAndCultureSection() {
             <div className="col-lg-12 memory-slider-area">
               <Swiper
                 modules={[Autoplay, Navigation]}
-                slidesPerView={3}
-                spaceBetween={30}
+                slidesPerView={4}
+                spaceBetween={10}
                 autoplay={{ delay: 2500, disableOnInteraction: false }}
                 loop={true}
                 onSwiper={(swiper) => (swiperRef.current = swiper)}
@@ -66,7 +66,7 @@ export default function ArtAndCultureSection() {
                   767: { slidesPerView: 2, spaceBetween: 30 },
                   991: { slidesPerView: 2, spaceBetween: 30 },
                   1199: { slidesPerView: 3, spaceBetween: 30 },
-                  1350: { slidesPerView: 3, spaceBetween: 30 },
+                  1350: { slidesPerView: 4, spaceBetween: 10 },
                 }}
                 className="owl-carousel"
               >
@@ -107,7 +107,7 @@ export default function ArtAndCultureSection() {
           <div className='col-lg-2 ad-banner'>
             <div className="memory-boxarea pl-3">
               <div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
-                <img className='culture-img' src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "500px", width: "100%" }} />
+                <img className='culture-img' src="/assets/img/home/ad-banner/ad.webp" alt="Festival Poster" style={{ height: "390px", width: "100%" }} />
               </div>
             </div>
           </div>