diff --git a/components/layout/MobileMenu.tsx b/components/layout/MobileMenu.tsx
index f15962f..fad14dc 100644
--- a/components/layout/MobileMenu.tsx
+++ b/components/layout/MobileMenu.tsx
@@ -57,7 +57,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								<li className="hash-has-sub"><Link href="/index10" className="hash-nav">Home Ten</Link></li>
 							</ul> */}
 						</li>
-						<li className="has-sub hash-has-sub">
+						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 1 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(1)}><em /></span>
 							<Link href="/about" className="hash-nav">About </Link>
 							<ul className={`sub-menu ${isAccordion  == 1 ? "open-sub" : ""}`} style={{ display: `${isAccordion  == 1 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/about/association" className="hash-nav">Association</Link></li>
@@ -84,7 +84,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								{/* <li className="hash-has-sub"><Link href="/speakers-single" className="hash-nav">Speakers Details</Link></li> */}
 							</ul>
 						</li>
-						<li className="has-sub hash-has-sub">
+						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 6 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(6)}><em /></span>
 							<Link href="/tamil-culture" className="hash-nav">Tamil Culture</Link>
 
 							<ul className={`sub-menu ${isAccordion == 6 ? "open-sub" : ""}`} style={{ display: isAccordion == 6 ? "block" : "none" }}>
@@ -100,7 +100,11 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 										<li><Link href="/tamil-culture/tamil-festivals/christian-festivals" className="hash-nav">Christian Festivals</Link></li>
 									</ul>
 								</li>
-								<li className="has-sub hash-has-sub">
+								<li className="hash-has-sub">
+									<span
+										className={`submenu-button ${subAccordion === 2 ? "submenu-opened" : ""}`}
+										onClick={() => handleSubAccordion(2)}
+									><em /></span>
 									<Link href="/tamil-culture/tamil-wedding-custom" className="hash-nav">Tamil Wedding & Custom</Link>
 									<ul className={`sub-menu ${subAccordion === 2 ? "open-sub" : ""}`} style={{ display: subAccordion === 2 ? "block" : "none" }}>
 										<li><Link href="/tamil-culture/tamil-wedding-custom/hindu-wedding-rituals" className="hash-nav">Hindu Wedding Rituals</Link></li>
@@ -116,7 +120,7 @@ export default function MobileMenu({ isMobileMenu, handleMobileMenu }: any) {
 								</li>
 							</ul>
 						</li>
-						<li className="has-sub hash-has-sub">
+						<li className="has-sub hash-has-sub"><span className={`submenu-button ${isAccordion == 4 ? "submenu-opened" : ""}`} onClick={() => handleAccordion(4)}><em /></span>
 							<Link href="/community" className="hash-nav">Community</Link>
 							<ul className={`sub-menu ${isAccordion == 4 ? "open-sub" : ""}`} style={{ display: `${isAccordion == 4 ? "block" : "none"}` }}>
 								<li className="hash-has-sub"><Link href="/community/recipes" className="hash-nav">Recipes</Link></li>