diff --git a/components/common/ClientLayout.tsx b/components/common/ClientLayout.tsx
index 9dc84ac..0cdf814 100644
--- a/components/common/ClientLayout.tsx
+++ b/components/common/ClientLayout.tsx
@@ -41,7 +41,7 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
             smooth
             color="#ffffffff"
             style={{
-              background: '#ed1b24',
+              background: '#ce2029',
               borderRadius: '50%',
               boxShadow: '0 4px 6px rgba(0,0,0,0.2)',
               padding: '8px',
diff --git a/components/home/HeroBanner.tsx b/components/home/HeroBanner.tsx
index de0f777..a411bcb 100644
--- a/components/home/HeroBanner.tsx
+++ b/components/home/HeroBanner.tsx
@@ -106,16 +106,16 @@ export default function HomeHeroBanner() {
                             <div className="row">
                                 <div className="col-lg-12">
                                     <div className="timer-bg-area">
-                                        <div className="row" >
+                                        <div className="row d-flex justify-content-center align-items-center" >
                                             {/* <div className="col-lg-7">
                                                 <div className="timer-btn-area">
                                                     <Countdown style={1} />
                                                 </div>
                                             </div> */}
-                                            <div className="col-lg-12 text-center">
+                                            <div className="col-lg-12 text-center d-flex justify-content-center align-items-center">
                                                 <div className="heading12">
                                                     <h3>{slide.date}</h3>
-                                                    <div className="space16" />
+                                                    {/* <div className="space16" /> */}
                                                     <p>
                                                         <img src="/assets/img/icons/location1.svg" alt="" />
                                                         {slide.location}
diff --git a/components/layout/header/Header1.tsx b/components/layout/header/Header1.tsx
index f772da3..661124d 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: '#000' }}>
+				<div className="header-top py-3" style={{ backgroundColor: '#ce2029' }}>
 					<div className="container-fluid">
 						<Swiper
 							loop={true}
@@ -47,7 +47,7 @@ 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">
+				<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="container">
 						<div className="row">
 							<div className="col-lg-12">
@@ -227,7 +227,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 													</li>
 												</ul>
 											</li>
-													<li>
+											<li>
 												<Link href="#">Events <i className="fa-solid fa-angle-down" /></Link>
 												<ul className="dropdown-padding">
 													<li><Link href="/upcoming-event">Upcoming Event</Link></li>
@@ -312,7 +312,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
 
 									<div className="btn-area1" style={{ marginTop: '10px' }}>
 										<Link href="/register/membership-2025" className="vl-btn9"
-										style={{ fontSize: '18px', padding: '13px 13px', display: 'inline-block' }}>
+											style={{ fontSize: '18px', padding: '13px 13px', display: 'inline-block' }}>
 											<span className="demo">Membership</span>
 										</Link>
 									</div>
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
index d8dd2b2..a33827a 100644
--- a/public/assets/css/main.css
+++ b/public/assets/css/main.css
@@ -533,7 +533,7 @@ img {
 	--ztc-text-text-12: #363D4A;
 	--ztc-text-text-13: #2E4DFD;
 	--ztc-text-text-14: #FF6700;
-	--ztc-text-text-15: #ed1b24;
+	--ztc-text-text-15: #ce2029;
 	--ztc-text-text-16: #FF2D55;
 	--ztc-text-text-17: #FD4E1A;
 	--ztc-text-text-18: #0D0400;
@@ -553,7 +553,7 @@ img {
 	--ztc-bg-bg-12: #FF2D55;
 	--ztc-bg-bg-13: #0D0400;
 	--ztc-bg-bg-14: #4AF8BA;
-	--ztc-bg-bg-15: #ed1b24;
+	--ztc-bg-bg-15: #ce2029;
 	--ztc-border-border-1: #E5E7EB;
 	--ztc-border-border-2: #dfdcdc;
 	--ztc-font-size-font-s10: 10px;
@@ -1243,7 +1243,7 @@ Location:
 	position: relative;
 	z-index: 1;
 	/* background: var(--ztc-bg-bg-3); */
-	background-color: #ed1b24;
+	background-color: #ce2029;
 	padding: 16px 20px;
 	display: inline-block;
 	border-radius: 8px;
@@ -1426,7 +1426,7 @@ Location:
 	width: 100%;
 	height: 100%;
 	transition: all 0.4s;
-	
+
 }
 
 .vl-btn5 {
@@ -4430,7 +4430,7 @@ Location:
 .hero9-slider-area {
 	position: relative;
 	z-index: 1;
-	padding: 270px 0 270px;
+	padding: 350px 0 270px;
 }
 
 @media(max-width:1440px) {
@@ -4539,8 +4539,8 @@ Location:
 	border-radius: var(--rounded-lg, 8px) var(--rounded-lg, 8px) 0px 0px;
 	background: rgba(255, 255, 255, 0.1);
 	backdrop-filter: blur(15px);
-	width: 1066px;
-	padding: 20px 50px;
+	width: 850px;
+	padding: 20px 20px;
 	bottom: 0;
 }
 
@@ -4654,23 +4654,24 @@ Location:
 .hero9-slider-area .heading12 h3 {
 	color: var(--ztc-text-text-1);
 	font-family: var(--grotesk);
-	font-size: var(--ztc-font-size-font-s32);
+	font-size: 24px;
 	font-style: normal;
 	font-weight: 500;
-	line-height: 44px;
+	line-height: 34px;
+	padding-bottom: 5px;
 }
 
 @media (max-width: 767px) {
 	.hero9-slider-area .heading12 h3 {
-		font-size: var(--ztc-font-size-font-s20);
-		line-height: 34px;
+		font-size: 20px;
+		line-height: 30px;
 	}
 }
 
 .hero9-slider-area .heading12 p {
 	color: rgba(255, 255, 255, 0.8);
 	font-family: var(--grotesk);
-	font-size: var(--ztc-font-size-font-s20);
+	font-size: 14px;
 	font-style: normal;
 	font-weight: 500;
 	line-height: 24px;
@@ -5060,7 +5061,7 @@ Location:
 	line-height: 30px;
 	border-radius: 50%;
 	/* background: var(--ztc-bg-bg-2); */
-	background-color: #ed1b24;
+	background-color: #ce2029;
 	color: var(--ztc-bg-bg-1);
 	transition: all 0.4s;
 	display: inline-block;
@@ -5093,7 +5094,7 @@ Location:
 	line-height: 23px;
 	display: inline-block;
 	/* background: var(--ztc-bg-bg-3); */
-	background-color: #ed1b24;
+	background-color: #ce2029;
 	color: var(--ztc-bg-bg-2);
 	transition: all 0.4s;
 	border-radius: 50%;
@@ -6559,7 +6560,7 @@ Location:
 	/* match your site font */
 	font-size: 18px;
 	font-weight: 600;
-	color: #000;
+	color: #000000cf;
 	/* or #222 depending on rest of your theme */
 	margin-top: 12px;
 }
@@ -7041,6 +7042,7 @@ Location:
 	z-index: 1;
 	padding: 100px 0px 32px;
 	overflow: hidden;
+	background-color: #ffde14;
 	/* ensure pseudo-element doesn’t overflow */
 }
 
@@ -7048,7 +7050,7 @@ Location:
 	content: "";
 	position: absolute;
 	inset: 0;
-	background-image: url(/_next/static/media/bg-tamil.8e6ece32.webp);
+	/* background-image: url(/_next/static/media/bg-tamil.8e6ece32.webp); */
 	background-size: cover;
 	background-position: center;
 	transform: rotate(180deg);
@@ -7057,7 +7059,7 @@ Location:
 
 
 .footer1-sertion-area .footer-logo-area p {
-	color: #fff;
+	color: #000000cf;
 	font-family: var(--figtree);
 	font-size: var(--ztc-font-size-font-s18);
 	font-style: normal;
@@ -7086,7 +7088,7 @@ Location:
 }
 
 .footer1-sertion-area .footer-logo-area ul li a:hover {
-	background: #ed1b24;
+	background: #ce2029;
 	transition: all 0.4s;
 }
 
@@ -7130,7 +7132,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content ul li a:hover {
-	color: #000;
+	color: #000000cf;
 	transition: all 0.4s;
 	padding-left: 5px;
 }
@@ -7181,7 +7183,7 @@ Location:
 }
 
 .footer1-sertion-area .link-content2 ul li a:hover {
-	color: #000;
+	color: #000000cf;
 	transition: all 0.4s;
 }
 
@@ -7283,7 +7285,7 @@ Location:
 }
 
 .footer1-sertion-area .copyright p {
-	color: #fff;
+	color: #000000cf;
 	text-align: center;
 	font-family: var(--figtree);
 	font-size: var(--ztc-font-size-font-s18);
@@ -7292,7 +7294,7 @@ Location:
 	line-height: 18px;
 	opacity: 0.8;
 	padding-top: 24px;
-	border-top: 1px solid #D9D7D3;
+	border-top: 1px solid #000000cf;
 }
 
 .footer2-sertion-area {
@@ -9595,7 +9597,7 @@ html {
 	position: absolute;
 	width: 100%;
 	z-index: 9999;
-	padding: 16px 0;
+	/* padding: 16px 0; */
 	transition: all 0.4s;
 }
 
@@ -9720,7 +9722,7 @@ html {
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s18);
 	font-weight: var(--ztc-weight-medium);
-	color: var(--ztc-text-text-2);
+	color: #000000cf;
 	display: inline-block;
 	transition: all 0.4s;
 	padding: 0 20px;
@@ -9856,7 +9858,7 @@ html {
 	display: inline-block;
 	visibility: hidden;
 	opacity: 0;
-	background: #ed1b24;
+	background: #ce2029;
 }
 
 .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
@@ -9904,7 +9906,7 @@ html {
 	position: absolute;
 	width: 100%;
 	z-index: 9;
-	padding: 16px 0;
+	/* padding: 16px 0; */
 	transition: all 0.4s;
 }
 
@@ -10145,7 +10147,7 @@ html {
 	font-family: var(--grotesk) !important;
 	font-size: var(--ztc-font-size-font-s18);
 	font-weight: var(--ztc-weight-medium);
-	color: var(--ztc-text-text-1);
+	color: #000000cf;
 	display: block;
 	transition: all 0.4s;
 	padding: 0 20px;
@@ -10270,7 +10272,7 @@ html {
 	display: inline-block;
 	visibility: hidden;
 	opacity: 0;
-	background: #ed1b24;
+	background: #ce2029;
 }
 
 .homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a:hover {
@@ -15148,7 +15150,8 @@ html {
 .others-timer-area {
 	position: relative;
 	z-index: 1;
-	background-image: url(../img/home/bg-tamil.webp);
+	/* background-image: url(../img/bg/header-bg4.png); */
+	background-color: #ffde14;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
@@ -19067,17 +19070,18 @@ html {
 	padding: 20px 24px;
 	transition: all 0.4s;
 	border-radius: 0 0 8px 8px;
-	background: var(--ztc-text-text-15);
+	background: #ffde14;
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	left: 0;
 	right: 0;
 	z-index: 2;
+	color: #ce2029;
 }
 
 .team10-section-area .team10-widget-boxarea2 .text-area a {
-	color: var(--ztc-text-text-1);
+	color: #ce2029;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s24);
 	font-style: normal;
@@ -19436,7 +19440,7 @@ html {
 	transition: all 0.4s;
 	border-radius: 50%;
 	/* background: linear-gradient(90deg, #FF3639 2.73%, #E12FA2 71.84%); */
-	background: linear-gradient(to right, #ed1b24, #a31319);
+	background: linear-gradient(to right, #ce2029, #a31319);
 	position: absolute;
 }
 
@@ -20313,12 +20317,12 @@ html {
 	transition: all 0.4s;
 	border-radius: 4px;
 	/* background: var(--ztc-bg-bg-15); */
-	background: linear-gradient(to right, #ed1b24, #a31319);
+	background: linear-gradient(to right, #ce2029, #a31319);
 	padding: 12px 10px;
 }
 
 .about7-header ul li {
-	color: #000;
+	color: #000000cf;
 	font-family: var(--grotesk);
 	font-size: var(--ztc-font-size-font-s18);
 	font-style: normal;
@@ -22473,7 +22477,7 @@ html {
 
 @media (max-width: 768px) {
 	.about2-section-area .elements12 {
-			top: -83px;
+		top: -83px;
 	}
 }
 
@@ -22528,7 +22532,7 @@ html {
 }
 
 .about2-section-area .about2-header .others-boxarea .icons-box:hover .icons {
-	background: #ed1b24;
+	background: #ce2029;
 	transition: all 0.4s;
 	transform: rotateY(-180deg);
 	transition: all 0.4s;
@@ -24301,8 +24305,8 @@ html {
 }
 
 .event3-section-area .tab-content .tab-pane .event-widget-area .event2-boxarea h1.active {
-	background: var(--ztc-text-text-15);
-	color: var(--ztc-text-text-1);
+	background: #ffde14;
+	color: #ce2029;
 }
 
 @media (max-width: 767px) {
@@ -26004,7 +26008,7 @@ html {
 .event6-section-area .event6-widget-boxarea {
 	position: relative;
 	z-index: 1;
-	background: #ed1b24;
+	background: #ce2029;
 	border-radius: 8px;
 }
 
@@ -26079,12 +26083,12 @@ html {
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover {
-	color: #000;
+	color: #000000cf;
 }
 
 .event6-section-area .event6-widget-boxarea .content-area .btn-area1 a:hover img {
 	filter: brightness(0) invert(1);
-	color: #ed1b24;
+	color: #ce2029;
 }
 
 .event6-section-area .event6-widget-boxarea2 {
@@ -27335,7 +27339,7 @@ html {
 	border-radius: 50%;
 	display: inline-block;
 	transition: all 0.4s;
-	background: #ed1b24;
+	background: #ce2029;
 	color: #fff;
 	font-size: var(--ztc-font-size-font-s20);
 	transform: rotate(-45deg);
@@ -28304,9 +28308,9 @@ html {
 }
 
 @media (max-width: 1440px) {
-.sp1 {
-	padding: 50px 0;
-}
+	.sp1 {
+		padding: 50px 0;
+	}
 }
 
 .dot-list {
@@ -28394,7 +28398,7 @@ html {
 
 /* .colored-text span {
 
-	color: #ed1b24;
+	color: #ce2029;
 
 } */
 
@@ -28496,9 +28500,10 @@ h2.custom-text.aos-init.aos-animate {
 	}
 }
 
-.fw-700{
-	font-weight:700;
+.fw-700 {
+	font-weight: 700;
 }
+
 @media (max-width: 1920px) and (min-width: 1440px) {
 	.social-icons ul {
 		display: flex;
diff --git a/public/assets/css/vendor/bootstrap.min.css b/public/assets/css/vendor/bootstrap.min.css
index 52e6838..a537bed 100644
--- a/public/assets/css/vendor/bootstrap.min.css
+++ b/public/assets/css/vendor/bootstrap.min.css
@@ -17,7 +17,7 @@
     --bs-green: #198754;
     --bs-teal: #20c997;
     --bs-cyan: #0dcaf0;
-    --bs-black: #000;
+    --bs-black: #000000cf;
     --bs-white: #fff;
     --bs-gray: #6c757d;
     --bs-gray-dark: #343a40;
@@ -2136,99 +2136,99 @@ progress {
 }
 
 .table-primary {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #cfe2ff;
     --bs-table-border-color: #bacbe6;
     --bs-table-striped-bg: #c5d7f2;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #bacbe6;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #bfd1ec;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-secondary {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #e2e3e5;
     --bs-table-border-color: #cbccce;
     --bs-table-striped-bg: #d7d8da;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #cbccce;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #d1d2d4;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-success {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #d1e7dd;
     --bs-table-border-color: #bcd0c7;
     --bs-table-striped-bg: #c7dbd2;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #bcd0c7;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #c1d6cc;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-info {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #cff4fc;
     --bs-table-border-color: #badce3;
     --bs-table-striped-bg: #c5e8ef;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #badce3;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #bfe2e9;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-warning {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #fff3cd;
     --bs-table-border-color: #e6dbb9;
     --bs-table-striped-bg: #f2e7c3;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #e6dbb9;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #ece1be;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-danger {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #f8d7da;
     --bs-table-border-color: #dfc2c4;
     --bs-table-striped-bg: #eccccf;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #dfc2c4;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #e5c7ca;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
 
 .table-light {
-    --bs-table-color: #000;
+    --bs-table-color: #000000cf;
     --bs-table-bg: #f8f9fa;
     --bs-table-border-color: #dfe0e1;
     --bs-table-striped-bg: #ecedee;
-    --bs-table-striped-color: #000;
+    --bs-table-striped-color: #000000cf;
     --bs-table-active-bg: #dfe0e1;
-    --bs-table-active-color: #000;
+    --bs-table-active-color: #000000cf;
     --bs-table-hover-bg: #e5e6e7;
-    --bs-table-hover-color: #000;
+    --bs-table-hover-color: #000000cf;
     color: var(--bs-table-color);
     border-color: var(--bs-table-border-color)
 }
@@ -3331,18 +3331,18 @@ fieldset:disabled .btn {
 
 .btn-primary {
     --bs-btn-color: #fff;
-    --bs-btn-bg: #ed1b24;
-    --bs-btn-border-color: #ed1b24;
+    --bs-btn-bg: #ce2029;
+    --bs-btn-border-color: #ce2029;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #ed1b24;
-    --bs-btn-hover-border-color: #ed1b24;
+    --bs-btn-hover-bg: #ce2029;
+    --bs-btn-hover-border-color: #ce2029;
     --bs-btn-focus-shadow-rgb: 49, 132, 253;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #ed1b24;
-    --bs-btn-active-border-color: #ed1b24;
+    --bs-btn-active-bg: #ce2029;
+    --bs-btn-active-border-color: #ce2029;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #ed1b24;
+    --bs-btn-disabled-bg: #ce2029;
     --bs-btn-disabled-border-color: #0d6efd
 }
 
@@ -3381,35 +3381,35 @@ fieldset:disabled .btn {
 }
 
 .btn-info {
-    --bs-btn-color: #000;
+    --bs-btn-color: #000000cf;
     --bs-btn-bg: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #31d2f2;
     --bs-btn-hover-border-color: #25cff2;
     --bs-btn-focus-shadow-rgb: 11, 172, 204;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #3dd5f3;
     --bs-btn-active-border-color: #25cff2;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-color: #000000cf;
     --bs-btn-disabled-bg: #0dcaf0;
     --bs-btn-disabled-border-color: #0dcaf0
 }
 
 .btn-warning {
-    --bs-btn-color: #000;
+    --bs-btn-color: #000000cf;
     --bs-btn-bg: #ffc107;
     --bs-btn-border-color: #ffc107;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #ffca2c;
     --bs-btn-hover-border-color: #ffc720;
     --bs-btn-focus-shadow-rgb: 217, 164, 6;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #ffcd39;
     --bs-btn-active-border-color: #ffc720;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-color: #000000cf;
     --bs-btn-disabled-bg: #ffc107;
     --bs-btn-disabled-border-color: #ffc107
 }
@@ -3432,18 +3432,18 @@ fieldset:disabled .btn {
 }
 
 .btn-light {
-    --bs-btn-color: #000;
+    --bs-btn-color: #000000cf;
     --bs-btn-bg: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #f9fafb;
     --bs-btn-hover-border-color: #f9fafb;
     --bs-btn-focus-shadow-rgb: 211, 212, 213;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #f9fafb;
     --bs-btn-active-border-color: #f9fafb;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-color: #000000cf;
     --bs-btn-disabled-bg: #f8f9fa;
     --bs-btn-disabled-border-color: #f8f9fa
 }
@@ -3467,16 +3467,16 @@ fieldset:disabled .btn {
 
 .btn-outline-primary {
     --bs-btn-color: #333;
-    --bs-btn-border-color: #ed1b24;
+    --bs-btn-border-color: #ce2029;
     --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #ed1b24;
-    --bs-btn-hover-border-color: #ed1b24;
+    --bs-btn-hover-bg: #ce2029;
+    --bs-btn-hover-border-color: #ce2029;
     --bs-btn-focus-shadow-rgb: 13, 110, 253;
     --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #ed1b24;
-    --bs-btn-active-border-color: #ed1b24;
+    --bs-btn-active-bg: #ce2029;
+    --bs-btn-active-border-color: #ce2029;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #ed1b24;
+    --bs-btn-disabled-color: #ce2029;
     --bs-btn-disabled-bg: transparent;
     --bs-gradient: none
 }
@@ -3516,11 +3516,11 @@ fieldset:disabled .btn {
 .btn-outline-info {
     --bs-btn-color: #0dcaf0;
     --bs-btn-border-color: #0dcaf0;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #0dcaf0;
     --bs-btn-hover-border-color: #0dcaf0;
     --bs-btn-focus-shadow-rgb: 13, 202, 240;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #0dcaf0;
     --bs-btn-active-border-color: #0dcaf0;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3532,11 +3532,11 @@ fieldset:disabled .btn {
 .btn-outline-warning {
     --bs-btn-color: #ffc107;
     --bs-btn-border-color: #ffc107;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #ffc107;
     --bs-btn-hover-border-color: #ffc107;
     --bs-btn-focus-shadow-rgb: 255, 193, 7;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #ffc107;
     --bs-btn-active-border-color: #ffc107;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3564,11 +3564,11 @@ fieldset:disabled .btn {
 .btn-outline-light {
     --bs-btn-color: #f8f9fa;
     --bs-btn-border-color: #f8f9fa;
-    --bs-btn-hover-color: #000;
+    --bs-btn-hover-color: #000000cf;
     --bs-btn-hover-bg: #f8f9fa;
     --bs-btn-hover-border-color: #f8f9fa;
     --bs-btn-focus-shadow-rgb: 248, 249, 250;
-    --bs-btn-active-color: #000;
+    --bs-btn-active-color: #000000cf;
     --bs-btn-active-bg: #f8f9fa;
     --bs-btn-active-border-color: #f8f9fa;
     --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -4964,7 +4964,7 @@ fieldset:disabled .btn {
 }
 
 .accordion {
-    --bs-accordion-color: #000;
+    --bs-accordion-color: #000000cf;
     --bs-accordion-bg: #fff;
     --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
     --bs-accordion-border-color: var(--bs-border-color);
@@ -5890,7 +5890,7 @@ fieldset:disabled .btn {
     width: 1em;
     height: 1em;
     padding: .25em .25em;
-    color: #000;
+    color: #000000cf;
     background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
     border: 0;
     border-radius: .375rem;
@@ -5898,7 +5898,7 @@ fieldset:disabled .btn {
 }
 
 .btn-close:hover {
-    color: #000;
+    color: #000000cf;
     text-decoration: none;
     opacity: .75
 }
@@ -6088,7 +6088,7 @@ fieldset:disabled .btn {
 
 .modal-backdrop {
     --bs-backdrop-zindex: 1050;
-    --bs-backdrop-bg: #000;
+    --bs-backdrop-bg: #000000cf;
     --bs-backdrop-opacity: 0.5;
     position: fixed;
     top: 0;
@@ -6332,7 +6332,7 @@ fieldset:disabled .btn {
     --bs-tooltip-margin: ;
     --bs-tooltip-font-size: 0.875rem;
     --bs-tooltip-color: #fff;
-    --bs-tooltip-bg: #000;
+    --bs-tooltip-bg: #000000cf;
     --bs-tooltip-border-radius: 0.375rem;
     --bs-tooltip-opacity: 0.9;
     --bs-tooltip-arrow-width: 0.8rem;
@@ -6837,11 +6837,11 @@ fieldset:disabled .btn {
 }
 
 .carousel-dark .carousel-indicators [data-bs-target] {
-    background-color: #000
+    background-color: #000000cf
 }
 
 .carousel-dark .carousel-caption {
-    color: #000
+    color: #000000cf
 }
 
 .spinner-border,
@@ -7535,7 +7535,7 @@ fieldset:disabled .btn {
     z-index: 1040;
     width: 100vw;
     height: 100vh;
-    background-color: #000
+    background-color: #000000cf
 }
 
 .offcanvas-backdrop.fade {
@@ -7615,8 +7615,8 @@ fieldset:disabled .btn {
 }
 
 .placeholder-wave {
-    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+    -webkit-mask-image: linear-gradient(130deg, #000000cf 55%, rgba(0, 0, 0, 0.8) 75%, #000000cf 95%);
+    mask-image: linear-gradient(130deg, #000000cf 55%, rgba(0, 0, 0, 0.8) 75%, #000000cf 95%);
     -webkit-mask-size: 200% 100%;
     mask-size: 200% 100%;
     -webkit-animation: placeholder-wave 2s linear infinite;
@@ -7659,12 +7659,12 @@ fieldset:disabled .btn {
 }
 
 .text-bg-info {
-    color: #000 !important;
+    color: #000000cf !important;
     background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
 }
 
 .text-bg-warning {
-    color: #000 !important;
+    color: #000000cf !important;
     background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
 }
 
@@ -7674,7 +7674,7 @@ fieldset:disabled .btn {
 }
 
 .text-bg-light {
-    color: #000 !important;
+    color: #000000cf !important;
     background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
 }
 
diff --git a/public/assets/css/vendor/magnific-popup.css b/public/assets/css/vendor/magnific-popup.css
index e685a07..84551f2 100644
--- a/public/assets/css/vendor/magnific-popup.css
+++ b/public/assets/css/vendor/magnific-popup.css
@@ -239,7 +239,7 @@
       width: 100%;
       height: 100%;
       box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
-      background: #000; }
+      background: #000000cf; }
   
   /* Main image in popup */
   img.mfp-img {
diff --git a/public/assets/css/vendor/owlcarousel.min.css b/public/assets/css/vendor/owlcarousel.min.css
index 5db72f6..beb6f79 100644
--- a/public/assets/css/vendor/owlcarousel.min.css
+++ b/public/assets/css/vendor/owlcarousel.min.css
@@ -175,7 +175,7 @@ blog
 .owl-carousel .owl-video-wrapper {
 	position: relative;
 	height: 100%;
-	background: #000
+	background: #000000cf
 }
 
 .owl-carousel .owl-video-play-icon {
diff --git a/public/assets/css/vendor/sidebar.css b/public/assets/css/vendor/sidebar.css
index 1383ef3..8c90b08 100644
--- a/public/assets/css/vendor/sidebar.css
+++ b/public/assets/css/vendor/sidebar.css
@@ -144,7 +144,7 @@
 }
 
 .body-overlay {
-  background-color: #000000;
+  background-color: #000000cf000;
   height: 950px;
   width: 100%;
   position: fixed;
@@ -171,7 +171,7 @@
   display: block;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   font-size: 14px;
-  color: #000;
+  color: #000000cf;
   font-weight: 600;
   text-transform: uppercase;
   position: relative;
@@ -324,7 +324,7 @@ background-color: #fff;
     border-width: 18px;
 }
 .slide-bar .tx-close::before, .slide-bar .tx-close::after {
-    background-color: #000;
+    background-color: #000000cf;
 }
 
 
diff --git a/public/assets/scss/layout/pages/_others.scss b/public/assets/scss/layout/pages/_others.scss
index 72595d0..06b60ab 100644
--- a/public/assets/scss/layout/pages/_others.scss
+++ b/public/assets/scss/layout/pages/_others.scss
@@ -386,7 +386,8 @@
 .others-timer-area {
 	position: relative;
 	z-index: 1;
-	background-image: url(../img/bg/header-bg4.png);
+	// background-image: url(../img/bg/header-bg4.png);
+	background-color: #ffde14;
 	background-repeat: no-repeat;
 	background-size: cover;
 
diff --git a/public/assets/scss/main.scss b/public/assets/scss/main.scss
index 06241ea..1673b5b 100644
--- a/public/assets/scss/main.scss
+++ b/public/assets/scss/main.scss
@@ -21,7 +21,7 @@
   width: 40px;
   height: 40px;
   border: 5px solid #ccc;
-  border-top: 5px solid #000;
+  border-top: 5px solid #000000cf;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }
diff --git a/public/next.svg b/public/next.svg
index 5174b28..0f234d7 100644
--- a/public/next.svg
+++ b/public/next.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000000cf" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000000cf" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file