Footer Color changed

components/layout/footer/Footer1.tsx

@@ -64,10 +64,10 @@ export default function Footer1() {
 											7890</Link>
 									</li> */}
 									<li>
-										<Link href="/#"><img src="/assets/img/icons/location.png" alt="" />P.O. Box No:25068, Kitchener, <br />Ontario, N2A 4A5, Canada.</Link>
+										<Link href="/#"><img src="/assets/img/icons/location2.svg" alt="" />P.O. Box No:25068, Kitchener, <br />Ontario, N2A 4A5, Canada.</Link>
 									</li>
 									<li>
-										<Link href="mailto:mail@tamilculturewaterloo.org"><img src="/assets/img/icons/mail.png" alt="" />mail@tamilculturewaterloo.org</Link>
+										<Link href="mailto:mail@tamilculturewaterloo.org"><img src="/assets/img/home/mail.webp" alt="" />mail@tamilculturewaterloo.org</Link>
 									</li>
 									{/* <li>
 										<Link href="/#"> <img src="/assets/img/icons/world1.svg" alt="" />eventifyevent.com</Link>
@@ -140,7 +140,7 @@ export default function Footer1() {
 								<p>
 									Copyright {new Date().getFullYear()} © TamilCultureAssociation. Powered by{' '}
 									<a
-										style={{ color: "#ce2029" }}
+										style={{ color: "#ffde14" }}
 										href="https://metatroncubesolutions.com/"
 										target="_blank"
 										rel="noopener noreferrer"

components/layout/header/Header1.tsx

@@ -50,7 +50,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 				<div
 					className={`header-area homepage1 header header-sticky d-none d-lg-block ${scroll ? 'sticky' : ''}`}
 					id="header"
-					style={{ background: "#000000ff", borderTop: "1px solid #cbc5c5ff" }}
+					style={{ background: "#000000ff", borderTop: "1px solid #cbc5c557" }}
 				>
 
 					<div className="container">

public/assets/css/main.css

@@ -7073,7 +7073,7 @@ Location:
 	z-index: 1;
 	padding: 100px 0px 32px;
 	overflow: hidden;
-	background-color: #ffde14;
+	background-color: #000000;
 	/* ensure pseudo-element doesn’t overflow */
 }
 
@@ -7090,7 +7090,7 @@ Location:
 
 
 .footer1-sertion-area .footer-logo-area p {
-	color: #000000cf;
+	color: #fff;
 	font-family: var(--figtree);
 	font-size: var(--ztc-font-size-font-s18);
 	font-style: normal;
@@ -7147,7 +7147,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content h3 {
-	color: #000000cf;
+	color: #fff;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s24);
 	font-style: normal;
@@ -7156,7 +7156,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content ul li a {
-	color: #000000cf;
+	color: #fff;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s16);
 	font-style: normal;
@@ -7193,7 +7193,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content2 h3 {
-	color: #000000cf;
+	color: #fff;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s24);
 	font-style: normal;
@@ -7202,7 +7202,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content2 ul li a {
-	color: #000000cf;
+	color: #fff;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s16);
 	font-style: normal;
@@ -7220,7 +7220,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content2 ul li a:hover {
-	color: #000000cf;
+	color: var(--ztc-text-text-15);
 	transition: all 0.4s;
 }
 
@@ -7322,7 +7322,7 @@ Location:
 }
 
 .footer1-sertion-area .copyright p {
-	color: #000000cf;
+	color: #fff;
 	text-align: center;
 	font-family: var(--figtree);
 	font-size: var(--ztc-font-size-font-s18);
@@ -15188,7 +15188,7 @@ html {
 	position: relative;
 	z-index: 1;
 	/* background-image: url(../img/bg/header-bg4.png); */
-	background-color: #ffde14;
+	background-color: #ffde146b;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
@@ -22899,7 +22899,7 @@ html {
 	width: 100%;
 	object-fit: cover;
 	border-radius: 8px;
-	border: 1px solid #E5E7EB;
+	/* border: 1px solid #E5E7EB; */
 	padding: 8px;
 }