From a3806d59fc10d30a312e026ba6955059dcba2b8a Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Sat, 23 Aug 2025 12:25:13 +0530
Subject: [PATCH] Client correction updated

---
 components/layout/header/Header1.tsx          | 23 +++++-
 .../tamilculture/culturehome/Section2.jsx     |  4 +-
 .../culturehome/TamilCultureSection.jsx       |  2 +-
 public/assets/css/main.css                    | 79 ++++++++++++-------
 4 files changed, 73 insertions(+), 35 deletions(-)

diff --git a/components/layout/header/Header1.tsx b/components/layout/header/Header1.tsx
index 661124d..cd5a231 100644
--- a/components/layout/header/Header1.tsx
+++ b/components/layout/header/Header1.tsx
@@ -15,7 +15,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 		<>
 			<header>
 
-				<div className="header-top py-3" style={{ backgroundColor: '#ce2029' }}>
+				<div className="header-top py-3" style={{ backgroundColor: '#000000ff' }}>
 					<div className="container-fluid">
 						<Swiper
 							loop={true}
@@ -47,7 +47,12 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 				</div>
 
 
-				<div className={`header-area homepage1 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`} id="header" style={{ background: "#ffde14", boxShadow: '0px 0px 25px' }}>
+				<div
+					className={`header-area homepage1 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`}
+					id="header"
+					style={{ background: "#000000ff", borderTop: "1px solid #cbc5c5ff" }}
+				>
+
 					<div className="container">
 						<div className="row">
 							<div className="col-lg-12">
@@ -311,11 +316,21 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 									</div>
 
 									<div className="btn-area1" style={{ marginTop: '10px' }}>
-										<Link href="/register/membership-2025" className="vl-btn9"
-											style={{ fontSize: '18px', padding: '13px 13px', display: 'inline-block' }}>
+										<Link
+											href="/register/membership-2025"
+											className="vl-btn9"
+											style={{
+												fontSize: '18px',
+												padding: '13px 13px',
+												display: 'inline-block',
+												backgroundColor: '#ffde14',
+												color: 'black'
+											}}
+										>
 											<span className="demo">Membership</span>
 										</Link>
 									</div>
+
 									<div className="btn-area social-icons">
 										{/* <div className="search-icon header__search header-search-btn" onClick={handleSearch}>
 											<a><img src="/assets/img/icons/search1.svg" alt="" /></a>
diff --git a/components/tamilculture/culturehome/Section2.jsx b/components/tamilculture/culturehome/Section2.jsx
index 475ab88..351728e 100644
--- a/components/tamilculture/culturehome/Section2.jsx
+++ b/components/tamilculture/culturehome/Section2.jsx
@@ -7,8 +7,8 @@ export default function Section2() {
             <div className="vanue-section-area sp3">
                 <div className="container">
                     <div className="row">
-                        <div className="col-lg-8 m-auto">
-                            <div className="vanue-header heading10 text-center space-margin60">
+                        <div className="col-lg-8 m-auto mt-5">
+                            <div className="vanue-header heading10 our-heading text-center space-margin60">
                                 <h2 className="text-anime-style-3">Explore our content about Tamil Culture Festivals, Wedding & Customs, and Language!</h2>
                             </div>
                         </div>
diff --git a/components/tamilculture/culturehome/TamilCultureSection.jsx b/components/tamilculture/culturehome/TamilCultureSection.jsx
index c40cda4..1a15ca5 100644
--- a/components/tamilculture/culturehome/TamilCultureSection.jsx
+++ b/components/tamilculture/culturehome/TamilCultureSection.jsx
@@ -15,7 +15,7 @@ export default function TamilCultureSection() {
                                 </div>
                             </div>
                         </div>
-                        <div className="col-lg-6 order-1 order-lg-2 mb-5">
+                        <div className="col-lg-6 order-1 order-lg-2">
                             <div className="about6-header heading9">
                                 {/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
                                 {/* <div className="space20" /> */}
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index 63e8127..13fd0ee 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -1094,11 +1094,12 @@ Location:
 
 @media (max-width: 767px) {
 	.heading10 h2 {
-		font-size: var(--ztc-font-size-font-s32);
-		line-height: 40px;
+		font-size: 25px;
+		line-height: 33px;
 	}
 }
 
+
 .heading10 p {
 	color: var(--ztc-text-text-3);
 	font-family: var(--grotesk);
@@ -1232,7 +1233,7 @@ Location:
 }
 
 .vl-btn1 {
-	color: var(--ztc-text-text-2);
+	color: var(--ztc-text-text-1);
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s20);
 	font-style: normal;
@@ -1597,6 +1598,12 @@ Location:
 	border-radius: 8px;
 }
 
+.demo:hover{
+
+	color: #fff;
+
+}
+
 .vl-btn8 span.demo {
 	display: inline-block;
 	background: var(--ztc-bg-bg-12);
@@ -4488,17 +4495,29 @@ Location:
 	text-transform: uppercase;
 }
 
+@media (max-width: 1024px) {
+.hero9-slider-area .hero8-header h1 {
+	color: var(--ztc-text-text-1);
+	font-family: var(--grotesk);
+	font-size: 39px;
+	font-style: normal;
+	font-weight: var(--ztc-weight-bold);
+	line-height: 50px;
+	text-transform: uppercase;
+}
+}
+
 @media (max-width: 767px) {
 	.hero9-slider-area .hero8-header h1 {
-		font-size: var(--ztc-font-size-font-s18);
+		font-size: 26px;
 		line-height: 26px;
 	}
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 	.hero9-slider-area .hero8-header h1 {
-		font-size: 80px;
-		line-height: 90px;
+		font-size: 44px;
+		line-height: 52px;
 	}
 }
 
@@ -4548,7 +4567,7 @@ Location:
 	.hero9-slider-area .timer-bg-area {
 		width: auto;
 		position: relative;
-		padding: 20px 20px 30px;
+		padding: 5px;
 	}
 }
 
@@ -4556,7 +4575,7 @@ Location:
 	.hero9-slider-area .timer-bg-area {
 		width: auto;
 		position: relative;
-		padding: 40px;
+		padding: 15px;
 	}
 }
 
@@ -4661,12 +4680,7 @@ Location:
 	padding-bottom: 5px;
 }
 
-@media (max-width: 767px) {
-	.hero9-slider-area .heading12 h3 {
-		font-size: 20px;
-		line-height: 30px;
-	}
-}
+
 
 .hero9-slider-area .heading12 p {
 	color: rgba(255, 255, 255, 0.8);
@@ -4678,9 +4692,14 @@ Location:
 }
 
 @media (max-width: 767px) {
-	.hero9-slider-area .heading12 p {
-		font-size: var(--ztc-font-size-font-s16);
-		line-height: 24px;
+	.hero9-slider-area .heading12 h3 {
+		font-size: 18px;
+		line-height: 18px;
+	}
+
+		.hero9-slider-area .heading12 p {
+		font-size: 12px;
+		line-height: 12px;
 	}
 }
 
@@ -10147,7 +10166,7 @@ html {
 	font-family: var(--grotesk) !important;
 	font-size: var(--ztc-font-size-font-s18);
 	font-weight: var(--ztc-weight-medium);
-	color: #000000cf;
+	color: #fff;
 	display: block;
 	transition: all 0.4s;
 	padding: 0 20px;
@@ -26008,7 +26027,7 @@ html {
 .event6-section-area .event6-widget-boxarea {
 	position: relative;
 	z-index: 1;
-	background: #ffde14;
+	background: var(--ztc-bg-bg-15);
 	border-radius: 8px;
 }
 
@@ -26037,7 +26056,7 @@ html {
 }
 
 .event6-section-area .event6-widget-boxarea .content-area h3 {
-	color: var(--ztc-text-text-2);
+	color: var(--ztc-text-text-1);
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s32);
 	font-style: normal;
@@ -26059,7 +26078,7 @@ html {
 
 .event6-section-area .event6-widget-boxarea .content-area ul li a {
 	display: block;
-	color: var(--ztc-text-text-2);
+	color: var(--ztc-text-text-1);
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s16);
 	font-style: normal;
@@ -26074,20 +26093,21 @@ html {
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a {
-	background: var(--ztc-bg-bg-15);
-	color: var(--ztc-bg-bg-1);
+	background: var(--ztc-bg-bg-1);
+	color: var(--ztc-bg-bg-15);
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a img {
-	filter: brightness(0) invert(1);
+	filter: brightness(0) invert(0);
+	/* color: var(--ztc-text-text-15); */
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover {
-	color: #fff;
+	color: var(--ztc-text-text-15);
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover img {
-	filter: brightness(0) invert(1);
+	filter: brightness(0) invert(0);
 	color: #ce2029;
 }
 
@@ -28328,7 +28348,7 @@ html {
 	display: list-item !important;
 	color: var(--ztc-text-text-3);
 	font-family: var(--grotesk);
-	font-size: var(--ztc-font-size-font-s18);
+	font-size: var(--ztc-font-size-font-s14);
 	font-style: normal;
 	font-weight: var(--ztc-weight-medium);
 	line-height: 26px;
@@ -28478,7 +28498,7 @@ h2.custom-text.aos-init.aos-animate {
 
 @media (max-width: 425px) {
 	.hero9-slider-area .hero8-header h1 {
-		font-size: 24px;
+		font-size: 21px;
 	}
 }
 
@@ -28497,6 +28517,7 @@ h2.custom-text.aos-init.aos-animate {
 @media (max-width: 425px) {
 	.vl-btn9 .demo {
 		font-size: 16px;
+
 	}
 }
 
@@ -28514,5 +28535,7 @@ h2.custom-text.aos-init.aos-animate {
 @media (width: 1024px) {
 	.hero9-slider-area .timer-bg-area {
 		padding: 40px 8px;
+		width: 719px;
+		justify-content: center;
 	}
 }
\ No newline at end of file