<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1201/cJPL12015818.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="The,Seder" />
<meta name="title" content="The Seder - Chabad of North Phoenix" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="826477-826485-7382283-7382287-4341386-4341388" />
<meta name="article-keywords" content="23157-16403-8495-2170-2898-20962" />
<meta name="scope-aid" content="826477" />
<meta name="scope-aid" content="826485" />
<meta name="scope-aid" content="7382283" />
<meta name="scope-aid" content="7382287" />
<meta name="scope-aid" content="4341386" />
<meta name="scope-aid" content="4341388" />
<meta name="article-keyword" content="23157" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.ourjewishcenter.com/templates/articlecco_cdo/aid/4341388/jewish/The-Seder.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="The Seder" /><link rel="canonical" href="https://www.ourjewishcenter.com/templates/articlecco_cdo/aid/4341388/jewish/The-Seder.htm" />
<link rel="icon" type="image/png" href="https://www.ourjewishcenter.com/media/images/1201/cJPL12015818.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/pesach-minisite.css?v=9" id="k23157" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2019-04-03","primaryArticleId":4341388,"title":"The Seder","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Programs","contentLevel3":"Holiday Celebrations","contentLevel4":"Pesach","contentLevel5":"The Seder","siteName":"Chabad of North Phoenix"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":8,"hebrewDate":"5786-04-09"}});
		dataLayer.push({ 'articleHierarchy': '-826477-826485-7382283-7382287-4341386-4341388-', 'keywords': '-k20962-k2898-k2170-k8495-k16403-k23157-', 'k': '-826477-826485-7382283-7382287-4341386-4341388--k20962-k2898-k2170-k8495-k16403-k23157-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 4439624;var sc_partition = 55;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "8d0d9b8e";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c56.statcounter.com/counter.php?sc_project=4439624&amp;java=0&amp;security=8d0d9b8e&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<!-- Google tag (gtag.js) -->  





<style>
.co_menu_item .co_submenu_container a.link span {
    background: none;
}
</style>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1010499202"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1010499202'); </script><script>
document.addEventListener("DOMContentLoaded", () => {
    // Select all input elements with the name 'x_recurring'
    const recurringInputs = document.querySelectorAll('input[name="x_recurring"]');

    recurringInputs.forEach(input => {
        input.setAttribute('name', 'new_recurring');
    });

    console.log('Name attribute updated from "x_recurring" to "new_recurring".');
});
</script><script>
(function() {

    // --- HOME PAGE ONLY ---
    const path = window.location.pathname;
    const isHomePage = path === '/' || path === '' || path === '/index.asp' || path === '/default.asp';
    if (!isHomePage) return;

    /**
    * The main function that performs the DOM manipulation.
    */
    const runModification = (candleWidget) => {
        // --- 1. EXTRACT DATA FROM THE ORIGINAL PAGE ---

        // Extract the location, e.g., "Chabad of North Phoenix"
        const locationEl = candleWidget.querySelector('.section_subheading');
        const locationText = locationEl ? locationEl.textContent.trim() : 'your location';

        // Find the first candlelighting link (Light Candles at, not Shabbat Ends)
        const timeLinkEl = candleWidget.querySelector('a[href="/calendar/candlelighting.htm"]');

        // Extract time from the span.bold.large inside the link
        const timeSpanEl = timeLinkEl ? timeLinkEl.querySelector('span.bold.large') : null;
        const timeText = timeSpanEl ? timeSpanEl.textContent.trim() : 'TIME';

        // Extract date from the full link text, stripping the time portion
        let dateText = 'DATE';
        if (timeLinkEl) {
            const fullText = timeLinkEl.textContent.trim();
            const dashIndex = fullText.indexOf('-');
            if (dashIndex !== -1) {
                dateText = fullText.substring(dashIndex + 1).trim();
            }
        }

        // --- 2. CREATE THE NEW BANNER ELEMENT ---

        const banner = document.createElement('div');
        banner.className = 'injected-candle-lighting-banner';

        banner.innerHTML = `
        <span class="injected-candle-lighting-text">
        Candle Lighting Times for Phoenix AZ:
        <span class="date-time">${dateText} - <span class="time">${timeText}</span></span>
        </span>
        <div class="injected-candle-icon">
        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 6.5c0-1.4-0.8-2.5-1.8-2.5s-1.8 1.1-1.8 2.5c0 .6 0.2 1.2 0.5 1.7l-1.2 3.8h5l-1.2-3.8c0.3-0.5 0.5-1.1 0.5-1.7zM17 13h-6v8h6v-8zM7.5 6.5c0-1.4-0.8-2.5-1.8-2.5s-1.8 1.1-1.8 2.5c0 .6 0.2 1.2 0.5 1.7l-1.2 3.8h5l-1.2-3.8c0.3-0.5 0.5-1.1 0.5-1.7zM8 13H2v8h6v-8z"></path></svg>
        </div>
        <a href="/calendar/candlelighting.htm" class="injected-learn-more">
        LEARN MORE <span class="injected-arrow">→</span>
        </a>
        `;

        // --- 3. INJECT CSS AND THE NEW BANNER INTO THE PAGE ---

        const style = document.createElement('style');
        style.textContent = `
        body.hide-original-content .hp_content_wrapper { display: none !important; }
        .injected-candle-lighting-banner { display: flex !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border-bottom: 1px solid #e8e8e8 !important; padding: 12px 20px !important; width: 100% !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; flex-wrap: wrap !important; gap: 10px !important; box-sizing: border-box !important; font-family: 'Roboto', sans-serif !important; }
        .injected-candle-lighting-text { color: #2c3e50 !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; margin-right: 8px !important; text-align: center !important; }
        .injected-candle-lighting-text .date-time { font-weight: 400 !important; margin-left: 5px !important; }
        .injected-candle-lighting-text .time { font-weight: 900 !important; }
        .injected-candle-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 10px !important; }
        .injected-candle-icon svg { width: 32px !important; height: 32px !important; fill: #2c3e50 !important; }
        .injected-learn-more { display: flex !important; align-items: center !important; text-decoration: none !important; color: #2c3e50 !important; font-weight: 700 !important; font-size: 14px !important; }
        .injected-arrow { margin-left: 8px !important; font-size: 20px !important; line-height: 1 !important; }

        /* Icons Under Candle Lighting */
        .icon .chabad_updates .widget_content .item .icon img,
        .icon .widget_content .item .icon img {
            width: 100px !important;
            filter: unset !important;
        }
        `;
        document.head.appendChild(style);

        const targetElement = document.querySelector('.hp-row.hp-row-first');

        if (targetElement) {
            targetElement.insertAdjacentElement('afterend', banner);
        } else {
            console.warn("Target element '.hp-row.hp-row-first' not found. Inserting banner at the top of the body.");
            document.body.insertBefore(banner, document.body.firstChild);
        }

        document.body.classList.add('hide-original-content');
    };

    // --- DELAYED EXECUTION ---
    const executionDelay = 500;

    setTimeout(() => {
        const candleWidget = document.querySelector('.widget-4.candlelighting');
        if (candleWidget) {
            runModification(candleWidget);
        } else {
            console.error("Could not find the candle lighting widget after a delay.");
        }
    }, executionDelay);

})();
</script><title>
	The Seder - Chabad of North Phoenix
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.OurJewishCenter.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of North Phoenix</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style>
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
    /* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
  font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
     font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
     font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
     /* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
    float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
    float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/4341386" style="text-decoration: none;">
 
PESACH</a>
</div>
<div class="centerName">
At Chabad of North Phoenix
</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
April 21 - 29, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=4341386" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4341387" class="parent">Pesach at Chabad</a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=4341388" class="parent arrow selected">The Seder</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=3964144">Pesach Seder RSVP</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5072150" class="parent">Buy Matzah</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4346010" class="parent">Passover Charity</a>
|
</li>
<li class="item parent" style="display:none;">
<a href="/article.asp?aid=4346000" class="parent">Sell Your Chametz</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">The Seder</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="The Seder" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2019-04-03T17:15:52" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of North Phoenix" />
	<meta itemprop="brand" content="Chabad of North Phoenix" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1201/cJPL12015818.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2019-04-03T17:15:52" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<style type="text/css">

#PesachSeder p {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;       
font-size: 18px;
color:#274473
}

@media only screen and (max-device-width: 480px) {
        .container, .container img {
                width:100%!important;
                height:auto!important;
        }
}
</style>
<table align="center" bgcolor="#D5CFC6" border="0" cellpadding="0" cellspacing="0" class="container" id="PesachSeder" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td colspan="3">
<img alt="Blue-Plate_1" class="container" src="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_01.jpg" width="650"></td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_02.jpg" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:left; font-size:18px; color:#274473; padding:5px 30px;" width="75%">
<p style="text-align: center;">
<i>Chabad of North Phoenix invites you to our...</i></p>
</td>
<td> </td>
</tr>
</tbody>
</table>

<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td colspan="3">
<img alt="Passover Seder" src="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_03_en.jpg"></td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_04.jpg" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse; width: 651px;">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:20px; color:#274473; text-align:center; padding:5px 20px; width: 272px;" width="75%">
<p>Wednesday evening, April 1, 2026 - 7:15pm<br>
                                                @ Chabad of North Phoenix</p>
</td>
<td> </td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_04.jpg" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center; font-size:20px; color:#274473; padding:10px 20px" width="75%"> </td>
<td> </td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_04.jpg" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td colspan="3"> </td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_04.jpg" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="padding:30px 35px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#274473; text-align:left;" width="75%">
<p>Join us for a Passover seder you will remember for a lifetime. Relive the exodus from Egypt, discover the eternal meaning of the Haggadah, and enjoy handmade matzah. Enjoy wine and a wonderful dinner spiced with traditional customs.</p>

<p>Experience the liberation and the freedom of Passover. Discover the seder's relevance to our lives today. We'd love to see your awesome face.</p>
</td>
<td> </td>
</tr>
</tbody>
</table>

<table align="center" background="http://01.myjewishpage.com/images/mychabad/communicator/PesachTraditional/Blue-Plate_04.jpg" border="0" cellpadding="0" cellspacing="0" class="container" id="Link" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="padding:30px 40px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-align:center;" width="75%"><!-- START CENTERED BUTTON -->
                                                <center>
<table width="100%">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="20" style="font-size: 20px; line-height: 20px;" width="100%"> </td>
</tr>
</tbody>
</table>

<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tbody>
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
<tbody>
<tr>
<td align="center" bgcolor="#274473" style="-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;" width="250">
<a class="button_link" href="https://www.OurJewishCenter.com/seder" style="padding: 10px;display: block;text-decoration: none;border:0;text-align: center;font-weight: normal;font-size: 18px;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;color: #ffffff;background: #274473;border:4px solid #274473;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px;line-height:17px;">RESERVE YOUR SEAT </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="20" style="font-size: 20px; line-height: 20px;" width="100%"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<!-- END CENTERED BUTTON --></td>
<td> </td>
</tr>
</tbody>
</table>

<table align="center" border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:collapse" width="650">
<tbody>
<tr>
<td> </td>
<td align="center" class="container" style="padding:30px 30px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#274473; text-align:left;" width="75%">
<p>For more information and to make your reservations, please call the 480-442-8672 or use our <a href="https://www.chabadone.org/Article.asp?AID=3964144">online form</a>.</p>

<p>
<em>Please note: <strong>We will never turn anyone away from any event due to lack of funds</strong>. Please contact our office for assistance in this matter.</em></p>

<p>You, can help by extending a helping hand to help offset the cost for those who are needy, by becoming a sponsor for $180 (10 x Chai = life). Please email or call us if you would like to participate in this great Mitzvah.</p>
</td>
<td> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

<p> </p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
<div id="border_bottom"></div>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
/* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
/* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=0"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.ourjewishcenter.com%2ftemplates%2farticlecco_cdo%2faid%2f4341388%2fjewish%2fThe-Seder.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=The+Seder+-+Chabad+of+North+Phoenix&amp;url=https%3a%2f%2fwww.ourjewishcenter.com%2ftemplates%2farticlecco_cdo%2faid%2f4341388%2fjewish%2fThe-Seder.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=The+Seder+-+Chabad+of+North+Phoenix https%3a%2f%2fwww.ourjewishcenter.com%2ftemplates%2farticlecco_cdo%2faid%2f4341388%2fjewish%2fThe-Seder.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.ourjewishcenter.com%2ftemplates%2farticlecco_cdo%2faid%2f4341388%2fjewish%2fThe-Seder.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=The+Seder+-+Chabad+of+North+Phoenix">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 4341386);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad of North Phoenix</span>
		<div class="footer-address">
			<span class="footer-street">22044 North 44th Street  Suite 100</span>
			<span class="footer-city-state">Phoenix, AZ 85050</span>
		</div>
			<span>480-442-8672</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of North Phoenix'}; Co.ArticleId     = '4341388';Co.SectionId     = 7382283;Co.PartnerSiteId = 0;Co.SiteId        = 3808;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'OurJewishCenter.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
    /* <-----------Upcoming Events---------> */
    // This script will only run on the exact homepage.
    if (window.location.pathname === '/' || window.location.pathname === '/default.aspx') {

        (function() {

            /**
             * Fetches and parses a specific events page URL.
             */
            function fetchEventsHTML(url) {
                return fetch(url)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error(`HTTP error! status: ${response.status}`);
                        }
                        return response.text();
                    })
                    .then(htmlText => {
                        const parser = new DOMParser();
                        return parser.parseFromString(htmlText, 'text/html');
                    })
                    .catch(error => {
                        console.error("Error fetching events page:", url, error);
                        return null;
                    });
            }

            /**
             * A robust function to parse date strings like "Month Day, Year".
             */
            function parseRobustDate(dateStr) {
                const months = {
                    january: 0, february: 1, march: 2, april: 3, may: 4, june: 5,
                    july: 6, august: 7, september: 8, october: 9, november: 10, december: 11
                };

                if (!dateStr) return null;
                const cleanedStr = dateStr.replace(/,/g, '').trim().replace(/\s+/g, ' ');
                const parts = cleanedStr.split(' ');

                if (parts.length < 3) return null;

                const monthName = parts[0].toLowerCase();
                const day = parseInt(parts[1], 10);
                const year = parseInt(parts[2], 10);

                if (months.hasOwnProperty(monthName) && !isNaN(day) && !isNaN(year)) {
                    return new Date(year, months[monthName], day);
                } else {
                    return null;
                }
            }
            
            /**
             * Formats a date string like "Tuesday, July 29, 2025" to "TUESDAY, JULY 29".
             */
            function formatEventDate(dateStr) {
                if (!dateStr) return '';
                const parts = dateStr.split(','); 
                if (parts.length < 2) return dateStr; 
                // Return "Day, Month Date"
                return `${parts[0]}, ${parts[1]}`.trim().toUpperCase();
            }

            /**
             * The main function to create and inject the featured events section.
             */
            const runTransformation = () => {
                const today = new Date();
                today.setHours(0, 0, 0, 0);

                const nextMonth = new Date(today);
                nextMonth.setDate(1); 
                nextMonth.setMonth(today.getMonth() + 1);

                const monthAfter = new Date(today);
                monthAfter.setDate(1); 
                monthAfter.setMonth(today.getMonth() + 2);

                const formatDateParam = (d) => encodeURIComponent(`${d.getMonth() + 1}/${d.getDate()}/${d.getFullYear()}`);

                const urls = [
                    'https://www.ourjewishcenter.com/templates/events.htm?t=' + new Date().getTime(),
                    `https://www.ourjewishcenter.com/templates/events.asp?tdate=${formatDateParam(nextMonth)}`,
                    `https://www.ourjewishcenter.com/templates/events.asp?tdate=${formatDateParam(monthAfter)}`
                ];

                Promise.all(urls.map(url => fetchEventsHTML(url))).then(documents => {
                    const validDocs = documents.filter(doc => doc !== null);
                    if (validDocs.length === 0) return;

                    const threeMonthsLater = new Date(today);
                    threeMonthsLater.setMonth(today.getMonth() + 3);

                    const upcomingEvents = [];
                    const seenEventIds = new Set();

                    validDocs.forEach(eventsDocument => {
                        const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));
                        
                        for (const dateGroupEl of allDateGroups) {
                            if (upcomingEvents.length >= 50) break;

                            const dateEl = dateGroupEl.querySelector('.date');
                            if (!dateEl) continue;

                            const dateText = dateEl.textContent.trim();
                            const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                            const eventDate = parseRobustDate(parsableDateText);

                            if (eventDate && eventDate >= today && eventDate <= threeMonthsLater) {
                                const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                                individualEventsInGroup.forEach(eventEl => {
                                    if (upcomingEvents.length < 5) {
                                        const titleEl = eventEl.querySelector('.event_name');
                                        const title = titleEl ? titleEl.textContent.trim() : 'Unknown';
                                        if (title.toLowerCase().includes('[h]')) return;
                                        const uniqueKey = `${title}-${dateText}`;
                                        
                                        if (!seenEventIds.has(uniqueKey)) {
                                            seenEventIds.add(uniqueKey);
                                            eventEl.dataset.rawDate = dateText;
                                            upcomingEvents.push(eventEl);
                                        }
                                    }
                                });
                            }
                        }
                    });

                    const featuredEvents = upcomingEvents;

                    if (featuredEvents.length === 0) {
                        console.log("No upcoming events found to display.");
                        return;
                    }

                    const eventsSection = document.createElement('div');
                    eventsSection.className = 'injected-featured-events-section';
                    eventsSection.id = 'injected-upcoming-events-section';

                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                      </div>
                    `;

                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'injected-events-carousel-container';
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'injected-events-carousel-wrapper';

                    featuredEvents.forEach((eventEl) => {
                        const titleEl = eventEl.querySelector('.event_name');
                        const title = titleEl ? titleEl.textContent.trim() : 'Event Title';

                        const rawDate = eventEl.dataset.rawDate || '';
                        const formattedDate = formatEventDate(rawDate);
                        
                        // Get the event time
                        const timeEl = eventEl.querySelector('.event_options > div');
                        let timeText = timeEl ? timeEl.textContent.trim().toUpperCase() : '';
                        if (timeText) {
                            timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        }

                        // Combine date and time for the body
                        const dateTimeString = timeText ? `${formattedDate} | ${timeText}` : formattedDate;

                        const descriptionEl = eventEl.querySelector('.event_wrapper > .event_info');
                        const descriptionHTML = descriptionEl ? descriptionEl.innerHTML.trim() : '<p>Join us for a wonderful event.</p>';

                        const imageLinkEl = eventEl.querySelector('.more_info a');
                        const imageUrl = imageLinkEl ? imageLinkEl.href : `https://placehold.co/600x400/eee/ccc?text=Event+Image`;

                        // Link Logic
                        let learnMoreUrl = '#';
                        const facebookLinkEl = eventEl.querySelector('a[href*="//www.facebook.com/events/"]');
                        if (facebookLinkEl) {
                            const fbHref = facebookLinkEl.href;
                            const match = fbHref.match(/events\/(\d+)/);
                            if (match && match[1]) {
                                const eventId = match[1];
                                if (/^\d{5}$/.test(eventId)) {
                                    learnMoreUrl = `https://www.ourjewishcenter.com/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    learnMoreUrl = `https://www.ourjewishcenter.com/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        const card = document.createElement('div');
                        card.className = 'injected-event-card';
                        
                        // Modern Layout: Image Top -> Date -> Title -> Desc -> Button
                        card.innerHTML = `
                          <div class="event-card-image">
                              <a href="${learnMoreUrl}">
                                <img src="${imageUrl}" alt="${title}" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eee/ccc?text=Image+Not+Found';">
                              </a>
                          </div>
                          <div class="event-card-body">
                              <div class="event-meta-date">${dateTimeString}</div>
                              <h3 class="event-title"><a href="${learnMoreUrl}">${title}</a></h3>
                              <div class="event-description-content">${descriptionHTML}</div>
                              <div class="event-card-buttons-container">
                                <a href="${learnMoreUrl}" class="event-card-button">Register / Info</a>
                              </div>
                          </div>
                        `;
                        carouselWrapper.appendChild(card);
                    });

                    // Add the "View All Events" card at the end
                    const viewAllCard = document.createElement('a');
                    viewAllCard.className = 'injected-event-card view-all-card';
                    viewAllCard.href = 'https://www.ourjewishcenter.com/templates/articlecco_cdo/aid/7381683';
                    viewAllCard.innerHTML = `
                      <div class="view-all-content">
                        <h3>View All</h3>
                        <p>Upcoming Events</p>
                        <span class="view-all-arrow">→</span>
                      </div>
                    `;
                    carouselWrapper.appendChild(viewAllCard);

                    carouselContainer.appendChild(carouselWrapper);
                    eventsSection.appendChild(carouselContainer);

                    const swipeHint = document.createElement('div');
                    swipeHint.className = 'mobile-swipe-hint';
                    swipeHint.innerHTML = '<span>Swipe for more events</span> <span class="arrow">→</span>';
                    eventsSection.appendChild(swipeHint);

                    if (featuredEvents.length > 2) {
                        const prevButton = document.createElement('button');
                        prevButton.className = 'events-carousel-arrow prev';
                        prevButton.innerHTML = '❮';

                        const nextButton = document.createElement('button');
                        nextButton.className = 'events-carousel-arrow next';
                        nextButton.innerHTML = '❯';

                        carouselContainer.appendChild(prevButton);
                        carouselContainer.appendChild(nextButton);

                        let currentIndex = 0;
                        const itemsToShowDesktop = 3;
                        const totalItems = carouselWrapper.children.length;

                        const updateCarousel = () => {
                            if (carouselWrapper.children.length === 0) return;
                            const cardWidth = carouselWrapper.children[0].offsetWidth;
                            const gap = 30;
                            const totalMove = (cardWidth + gap) * currentIndex;
                            carouselWrapper.style.transform = `translateX(-${totalMove}px)`;

                            prevButton.disabled = currentIndex === 0;
                            nextButton.disabled = currentIndex >= totalItems - itemsToShowDesktop;
                        };

                        prevButton.addEventListener('click', () => {
                            if (currentIndex > 0) {
                                currentIndex--;
                                updateCarousel();
                            }
                        });

                        nextButton.addEventListener('click', () => {
                            if (currentIndex < totalItems - itemsToShowDesktop) {
                                currentIndex++;
                                updateCarousel();
                            }
                        });

                        updateCarousel();
                        window.addEventListener('resize', updateCarousel);
                    }

                    // Insert Widget Logic
                    const mailingListElement = document.querySelector('#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(4)');
                    if (mailingListElement) {
                        const targetRow = mailingListElement.closest('.hp-row');
                        if (targetRow && targetRow.parentElement) {
                            targetRow.parentElement.insertBefore(eventsSection, targetRow);
                        } else {
                            document.body.appendChild(eventsSection);
                        }
                    } else {
                        document.body.appendChild(eventsSection);
                    }
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Raleway:wght@400;700&display=swap');

                    :root {
                        --color-accent-green: #afc78b;
                        --color-accent-plum: #6b1457;
                        --color-primary-navy: #212459;
                        --color-bg-light: #f8f9fa;
                    }

                    .injected-featured-events-section { 
                        padding: 80px 20px; 
                        background-color: var(--color-bg-light); 
                        font-family: 'Poppins', sans-serif; 
                        box-sizing: border-box; 
                    }
                    
                    .injected-featured-events-header { 
                        text-align: center; 
                        margin-bottom: 50px; 
                        max-width: 800px; 
                        margin-left: auto; 
                        margin-right: auto; 
                    }
                    
                    /* HEADER: Navy Blue */
                    .injected-featured-events-header h2 { 
                        font-size: 42px; 
                        font-weight: 700; 
                        color: var(--color-primary-navy); 
                        letter-spacing: -1px;
                        margin-bottom: 10px; 
                        position: relative;
                        display: inline-block;
                    }
                    
                    /* Subtle underline decoration */
                    .injected-featured-events-header h2:after {
                        content: '';
                        display: block;
                        width: 60px;
                        height: 4px;
                        background: var(--color-accent-green);
                        margin: 15px auto 0;
                        border-radius: 2px;
                    }
                    
                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0 40px 0; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
                    
                    /* MODERN CARD STYLING */
                    .injected-event-card { 
                        flex: 0 0 calc(33.333% - 20px); 
                        background: #ffffff; 
                        border-radius: 16px; 
                        overflow: hidden; 
                        box-shadow: 0 10px 40px -10px rgba(33, 36, 89, 0.1); /* Subtle Navy Shadow */
                        box-sizing: border-box; 
                        display: flex; 
                        flex-direction: column; 
                        border: 1px solid rgba(0,0,0,0.05);
                        transition: transform 0.3s ease, box-shadow 0.3s ease;
                    }
                    
                    .injected-event-card:hover {
                        transform: translateY(-8px);
                        box-shadow: 0 20px 50px -10px rgba(33, 36, 89, 0.2);
                    }
                    
                    /* IMAGE AREA */
                    .event-card-image {
                        position: relative;
                        height: 220px;
                        overflow: hidden;
                        background-color: #eee;
                    }
                    
                    .event-card-image img { 
                        width: 100%; 
                        height: 100%; 
                        object-fit: cover; 
                        display: block; 
                        transition: transform 0.5s ease;
                    }

                    .injected-event-card:hover .event-card-image img {
                        transform: scale(1.05);
                    }
                    
                    /* BODY CONTENT */
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    
                    /* DATE: Plum Color */
                    .event-meta-date {
                        font-family: 'Raleway', sans-serif;
                        color: var(--color-accent-plum);
                        font-weight: 700;
                        font-size: 13px;
                        letter-spacing: 1px;
                        margin-bottom: 8px;
                    }

                    /* TITLE: Navy Blue */
                    .event-title { 
                        margin: 0 0 12px; 
                        line-height: 1.3;
                        height: 52px; /* Fixed height for 2 lines */
                        overflow: hidden;
                    }
                    
                    .event-title a {
                        font-size: 18px; 
                        font-weight: 700; 
                        color: var(--color-primary-navy); 
                        text-decoration: none;
                        transition: color 0.2s;
                    }
                    
                    .event-title a:hover {
                        color: var(--color-accent-plum);
                    }
                    
                    .event-description-content {
                        font-size: 14px;
                        color: #666;
                        line-height: 1.6;
                        margin: 0 0 25px;
                        flex-grow: 1;
                        max-height: 80px; /* Limit description height */
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                    }
                    .event-description-content p { margin: 0; }

                    /* PRIMARY BUTTON: Navy Background */
                    .event-card-buttons-container { margin-top: auto; }

                    .event-card-button { 
                        display: block; 
                        width: 100%;
                        background-color: var(--color-primary-navy); 
                        color: white; 
                        padding: 12px 20px; 
                        border-radius: 8px; 
                        text-decoration: none; 
                        font-weight: 600; 
                        transition: all 0.2s; 
                        font-size: 14px; 
                        text-align: center;
                        border: 2px solid var(--color-primary-navy);
                        box-sizing: border-box;
                    }
                    .event-card-button:hover {
                        background-color: var(--color-accent-plum);
                        border-color: var(--color-accent-plum);
                        color: white;
                        text-decoration: none;
                    }
                    
                    /* VIEW ALL CARD */
                    .view-all-card { 
                        display: flex; 
                        align-items: center; 
                        justify-content: center; 
                        text-align: center; 
                        text-decoration: none; 
                        background-color: #ffffff; 
                        border: 2px dashed var(--color-accent-green); /* Green Dashed Border */
                    }
                    .view-all-card:hover {
                         background-color: #fcfcfc;
                         border-color: var(--color-accent-plum);
                    }

                    .view-all-card .view-all-content h3 { 
                        font-size: 22px; 
                        font-weight: 700; 
                        color: var(--color-accent-plum); 
                        margin: 0 0 5px; 
                        text-transform: uppercase; 
                    }
                    .view-all-card .view-all-content p { font-size: 15px; color: #888; margin: 0 0 15px; }
                    .view-all-card .view-all-arrow { font-size: 32px; font-weight: bold; color: var(--color-accent-green); transition: transform 0.3s; display: inline-block; }
                    .view-all-card:hover .view-all-arrow { transform: translateX(5px); color: var(--color-accent-plum); }

                    /* ARROWS */
                    .events-carousel-arrow { 
                        position: absolute; top: 50%; transform: translateY(-50%); 
                        background-color: #fff; 
                        border: 1px solid #eee; 
                        border-radius: 50%; 
                        width: 48px; height: 48px; 
                        box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
                        cursor: pointer; 
                        display: flex; align-items: center; justify-content: center; 
                        font-size: 18px; color: var(--color-primary-navy); 
                        z-index: 10; transition: all 0.2s; 
                    }
                    .events-carousel-arrow:hover { background-color: var(--color-primary-navy); color: #fff; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 10px; font-family: 'Poppins', sans-serif; color: #999; font-size: 13px; align-items: center; justify-content: center; gap: 8px; }
                    
                    @media (max-width: 1250px) {
                      .events-carousel-arrow.prev { left: 10px; }
                      .events-carousel-arrow.next { right: 10px; }
                    }
                    @media (max-width: 900px) {
                      .injected-event-card { flex-basis: calc(50% - 15px); }
                    }
                    @media (max-width: 600px) {
                      .injected-featured-events-header h2 { font-size: 28px; }
                      .injected-events-carousel-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 0 20px 20px 20px; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; gap: 15px; }
                      .injected-event-card { flex-basis: 85vw; scroll-snap-align: start; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                    }
                `;
                document.head.appendChild(style);
            };

            // Wait for the DOM to be ready before running the script
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                runTransformation();
            } else {
                window.addEventListener('DOMContentLoaded', runTransformation);
            }

            injectCSS();

        })();
    }
</script>
</body>
</html>