<!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/1240/kKWp12408927.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta property="og:image" content="https://w2.chabad.org/media/images/953/cqEX9537343.jpg" width="1280" height="720" itemprop="image" primary="true" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:image" content="https://w2.chabad.org/media/images/953/Cekh9537350.jpg" width="1280" height="720" itemprop="image" primary="true" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:image" content="https://w2.chabad.org/media/images/953/OmVF9537357.jpg" width="1280" height="720" itemprop="image" primary="true" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:image" content="https://w2.chabad.org/media/images/953/fcpv9537378.jpg" width="1280" height="720" itemprop="image" primary="true" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta name="keywords" content="Planned,Giving,Videos" />
<meta name="title" content="Planned Giving Videos - Chabad of Port Orange" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="5957805-5957813-5972128-6226808-6993434-6993448-6993455" />
<meta name="article-keywords" content="19478-19479-19958-20962-1060-8495-8972-18927-19353-19480-2170-2898" />
<meta name="scope-aid" content="5957805" />
<meta name="scope-aid" content="5957813" />
<meta name="scope-aid" content="5972128" />
<meta name="scope-aid" content="6226808" />
<meta name="scope-aid" content="6993434" />
<meta name="scope-aid" content="6993448" />
<meta name="scope-aid" content="6993455" />
<meta name="article-keyword" content="19478" />
<meta name="article-keyword" content="19479" />
<meta name="article-keyword" content="19958" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="1060" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8972" />
<meta name="article-keyword" content="18927" />
<meta name="article-keyword" content="19353" />
<meta name="article-keyword" content="19480" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadportorange.com/templates/articlecco_cdo/aid/6993455/jewish/Planned-Giving-Videos.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Planned Giving Videos" /><link rel="canonical" href="https://www.chabadportorange.com/templates/articlecco_cdo/aid/6993455/jewish/Planned-Giving-Videos.htm" />
<link rel="icon" type="image/png" href="https://www.chabadportorange.com/media/images/1240/kKWp12408927.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D77AD1C0" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/themes/plannedgiving/styles.css?v=1F9C44F5" id="k19353" 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/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-1.8.3.min.js?v=14C45307"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.tools.expose.min.js?v=AB0A58F7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.tools.1.2.7.min.js?v=FBC14E36"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=95D39855"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/plannedgiving/custom.js?v=8742C543"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="/multimedia/mediaplayer/flash_media_player_content.xml.asp?what=json&amp;aid=2745620"></script>
<script type="text/javascript" src="/multimedia/mediaplayer/flash_media_player_content.xml.asp?what=json&amp;aid=2745621"></script>
<script type="text/javascript" src="/multimedia/mediaplayer/flash_media_player_content.xml.asp?what=json&amp;aid=2745624"></script>
<script type="text/javascript" src="/multimedia/mediaplayer/flash_media_player_content.xml.asp?what=json&amp;aid=2745626"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></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 Port Orange'}; Co.ArticleId     = '6993455';Co.SectionId     = 5972128;Co.PartnerSiteId = 0;Co.SiteId        = 11940;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Chabadportorange.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script><script>
<!-- -->
</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-08-13","primaryArticleId":6993455,"title":"Planned Giving Videos","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"About","contentLevel3":"PARTNERSHIP","contentLevel4":"Planned Giving","contentLevel5":"Ways To Give","contentLevel6":"Planned Giving Videos","siteName":"Chabad of Port Orange"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":0,"hebrewDate":"5786-03-06"}});
		dataLayer.push({ 'articleHierarchy': '-5957805-5957813-5972128-6226808-6993434-6993448-6993455-', 'keywords': '-k2898-k2170-k19480-k19353-k18927-k8972-k8495-k1060-k20962-k19958-k19479-k19478-', 'k': '-5957805-5957813-5972128-6226808-6993434-6993448-6993455--k2898-k2170-k19480-k19353-k18927-k8972-k8495-k1060-k20962-k19958-k19479-k19478-' });
	
</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 = 12893262;var sc_partition = 72;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "a139dcbe";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c73.statcounter.com/counter.php?sc_project=12893262&amp;java=0&amp;security=a139dcbe&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">







<style>
@import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap');
.promo_slider .cycle-caption p>s.wrapper.header-wrapper {
    background-color: #C9CEE6 !important;
}pan{word-break: unset !important;
}

.hp-table .hp-row-first .promo_slider .slider .cycle-caption p{    max-width: 100% !important;}

.branding-search #header_branding.logo img {
    height: 9rem !important;
}

body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent{ color: #000076 !important;}

#header.on-scroll{ background: #C9CEE6 !important;}

.co_submenu_container {
    opacity: 1 !important;
}

.co_menu_item span.parent {
    font-family: 'Anek Devanagari', sans-serif !important;
}

/* Hide the top navigation bar */
#header_container .links {
    display: none !important;
}

/* Make the main navigation container stick to the right */
#co_menu_container_wrapper,
#co_menu_container {
    margin-left: auto !important;
    /* Pushes the container to the right */
    display: flex;
    /* Enable flexbox for alignment */
    justify-content: flex-end;
    /* Align content to the end */
    width: auto !important;
    /* Allow width to shrink to content */
}

/* Ensure the table within the menu container also aligns right */
.main_menu_container.first.global {
    margin-left: auto !important;
}

/* Apply Anek Devanagari font to main navigation items */
.main_menu_container .co_menu_item .parent a,
.main_menu_container .co_menu_item .parent div,
.main_menu_container .co_menu_item .parent span {
    font-family: 'Anek Devanagari', sans-serif !important;
}

/* Also apply Anek Devanagari font to the custom donate button */
.custom-donate-button {
    font-family: 'Anek Devanagari', sans-serif !important;
}

.hp-table .hp-row-first .promo_slider .slider .cycle-caption big{color: white !important;
font-family: 'DM Serif Display', serif !important;
font-weight: 400 !important;}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore{
border: unset !important;
font-family: 'Anek Devanagari', sans-serif !important;
    background-color: #6B7BC0 !important;
    border-radius: 12px !important;
    height: 40px !important;
      padding-top: 50px !important;
     display: inline-flex !important;
     align-items: flex-end;
}
.hp-table>:nth-of-type(2n) {
    background: #E8EAF2 !important;
}
.sneak-peek-item .widget-1.sneak_peek .wrapper {
        overflow: hidden !important;
        border-radius: 20px !important;
    }
h5, .chabad_updates .widget_header.widget_header h5, [class*=widget-] .widget_header.widget_header h5,#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.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.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.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(3) > div > div > div.widget_header > h5,.header-title {
    color: #000076 !important;
font-weight: 400 !important;
font-family: 'DM Serif Display', serif !important;
}
#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.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.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.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) > div > div > div.widget_header > h5,.sneak-peek-item .title_only a {
    font-family: 'DM Serif Display', serif !important;
font-weight: 400 !important;
}
#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.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.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.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(3) {
    background: #C9CEE6 !important;
}
.icon .widget_content .item .title a{font-family: 'Anek Devanagari', sans-serif !important;
font-weight: 500 !important;
}
#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.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.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.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(3) > div > div > div.widget_content.index_format > div.item.first.clearfix > div.title > a,#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.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.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.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(3) > div > div > div.widget_content.index_format > div:nth-child(5) > div.title > a{ color: #364792 !important;}

#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.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.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.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(3) > div > div > div.widget_content.index_format > div:nth-child(3) > div.title > a { color: #5064BC !important;}
.icon .widget_content .item .icon img{ filter: unset !important;}

.message .wrapper .widget_content.message_format div {
font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 300 !important;
}
.message .wrapper .widget_content .readMore{
border-radius: 7px !important;
background-color: #6B7BC0 !important;
    border: unset !important;
}

.message .wrapper .widget_content .readMore {
font-family: 'Anek Devanagari', sans-serif !important;
font-weight: 700 !important;
color: white !important;
height: 34px !important;}

#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.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.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.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) > div > div > div.widget_header > h5{ color: #000076 !important;}
#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.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.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.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(5) { background-color: #C8CEE6 !important;}

/* Apply Anek Devanagari to specific H5 elements */
.widget-4.upcoming_events .widget_header h5,
.widget-4.candlelighting .widget_header h5,
.widget-4.daily_thought .widget_header h5 {
    font-family: 'Anek Devanagari', sans-serif !important;
color: #1E2634 !important;
}

/* Styles for Upcoming Events section */
.upcoming_events .widget_content small {
    color: #666 !important; /* Lighter grey */
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    font-weight: 400 !important; /* Regular weight */
}

.upcoming_events .widget_content h6 a {
    font-family: 'Anek Devanagari', serif !important; /* Apply DM Serif Display */
    color: #333 !important; /* Darker grey/black */
    font-weight: 400 !important; /* Not bold */
}

.upcoming_events .readMore {
    font-family: 'Anek Devanagari', sans-serif !important;
    background-color: #4682B4 !important; /* Dark blue/purple from image */
    color: white !important;
    font-weight: 700 !important; /* Bold */
}

/* Styles for Shabbat & Holidays section */
.candlelighting_content .large_left_margin.uppercase.bold.section_heading,
.parsha_content .medium_left_margin.uppercase.bold.section_heading,
.upcomingholiday_content .medium_left_margin.uppercase.bold.section_heading {
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    color: #333 !important; /* Darker grey/black */
    font-weight: 700 !important; /* Bold */
}

.candlelighting_content .bold.large,
.parsha_content .bold.large,
.upcomingholiday_content .bold.large {
    font-family: 'Anek Devanagari', serif !important; /* Apply DM Serif Display */
    color: #364792 !important; /* Darker grey/black */
    font-weight: 700 !important; /* Not bold */
}

.candlelighting_content a,
.parsha_content a,
.upcomingholiday_content a {
    color: #4682B4 !important; /* Dark blue/purple */
}

.candlelighting_content .when_to_light {
    color: #666 !important; /* Lighter grey */
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    font-weight: 400 !important; /* Regular weight */
}

/* Styles for Daily Thought section */
.daily_thought .widget_content .item .title a {
    font-family: 'DM Serif Display', serif !important; /* Apply DM Serif Display */
    color: #333 !important; /* Darker grey/black */
    font-weight: 400 !important; /* Not bold */
}

.daily_thought .widget_content .item .body {
    font-family: 'Anek Devanagari', sans-serif !important; /* Apply Anek Devanagari */
    color: #666 !important; /* Lighter grey */
    font-weight: 400 !important; /* Regular weight */
}
/* Background color for the entire mailing list section */
.hp-row.hp_subscribe {
    background: #6B7BC0 !important; /* Blue from the image */
}

/* Header styling for "Join our mailing list" */
.hp-row.hp_subscribe .widget_header h5 {
    font-family: 'DM Serif Display', serif !important;
    color: #2F3C4D !important; /* Dark blue/purple from the image */
    font-weight: 400 !important; /* Regular weight for DM Serif Display */
}

/* Input fields styling */
.hp-row.hp_subscribe .widget_content input[type="text"],
.hp-row.hp_subscribe .widget_content input[type="email"] {
    background-color: #AAB3D9 !important; /* Lighter blue for input backgrounds */
    color: #2F3C4D !important; /* Dark blue/purple for input text */
    font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 400 !important; /* Regular weight */
    border: none !important; /* Remove default border */
}

/* Placeholder text color for inputs */
.hp-row.hp_subscribe .widget_content input::placeholder {
    color: #2F3C4D !important; /* Dark blue/purple for placeholders */
    opacity: 0.7 !important; /* Adjust opacity for visibility */
}

/* Subscribe button styling */
.hp-row.hp_subscribe .widget_content input[type="submit"] {
    background: #2F3C4D !important; /* Dark blue/purple for button background */
    color: white !important;
    font-family: 'Anek Devanagari', sans-serif !important;
    font-weight: 700 !important; /* Bold weight */
    border: none !important; /* Remove default border */
}

/* Small text below the button */
.hp-row.hp_subscribe .widget_content small {
    font-family: 'Anek Devanagari', sans-serif !important;
    color: #E0E0E0 !important; /* Light grey for small text */
    font-weight: 400 !important; /* Regular weight */
}
.hp_content_wrapper .readMore {
    border: unset !important;
border-radius: 5px !important;}
#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.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.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.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(7){ background-color: #C8CEE6 !important;}

#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.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.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.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(7) > div > div > div.widget_header > h5{ font-family: 'DM Serif Display', sans-serif !important;
color: #000076 !important;
font-weight: 400 !important;}



@media (max-width: 768px){
.branding-search #header_branding.logo img {display:none !important;}
.site-nav-wrapper{background-color: #C9CEE6 !important;}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore { height: 36px !important;
padding-top: 40px !important;}

}

body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a
 {
    color: #000076 !important;
}

#BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper .article-header .article-header__title{
    color: #000076 !important;
    font-weight: 400 !important;
    font-family: 'DM Serif Display', serif !important;
}

.upcoming_events .readMore:hover,.message .wrapper .widget_content .readMore:hover,.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore:hover {
    background-color: #594ab5 !important;
    transform: translateY(-2px);
}
</style>


<script>
(function() {
    // --- CONFIGURATION ---
    const WEB_APP_URL = "https://script.google.com/macros/s/AKfycbwe4vbijg_IrBwlxbkQuLsNxdu6jO3NYwujNHm2qIaOm-Up-1l2t9LcpbeuOsSFw0e1/exec";
    const TARGET_URL_PART = "Templates/ArticleCcoResponse_cdo/aid/7182241";

    window.addEventListener('load', function() {
        // Check URL
        if (window.location.href.indexOf(TARGET_URL_PART) > -1) {
            console.log("Confirmation page detected. Waiting for table...");
            
            // Delay to ensure table is rendered
            setTimeout(function() {
                const table = document.querySelector('.response_table');
                
                if (!table) {
                    console.error("❌ ERROR: Could not find table with class '.response_table'");
                    return;
                }

                let payload = {
                    dedication: "",
                    firstName: "",
                    lastName: "",
                    amount: 0,
                    submissionId: ""
                };

                const rows = table.querySelectorAll('tr');
                rows.forEach(row => {
                    const cells = row.querySelectorAll('td');
                    if (cells.length >= 2) {
                        // Clean up label text (remove extra spaces)
                        const label = cells[0].innerText.replace(/\s+/g, ' ').trim(); 
                        const value = cells[1].innerText.trim();

                        if (label.includes("Dedication Opportunities")) payload.dedication = value;
                        if (label.includes("First Name")) payload.firstName = value;
                        if (label.includes("Last Name")) payload.lastName = value;
                        if (label.includes("Submission Id")) payload.submissionId = value;

                        // --- CHANGE IS HERE ---
                        // Only take "Select Donation Amount", ignore "Paid" or "Total"
                        if (label.includes("Select Donation Amount")) {
                            // Remove '$' and ',' to get a raw number (e.g. "$1,000" -> "1000")
                            payload.amount = value.replace(/[^0-9.]/g, '');
                        }
                    }
                });

                console.log("🔍 Scraped Payload:", payload);

                // --- DUPLICATE CHECK ---
                const storageKey = "donation_sent_" + payload.submissionId;
                if (localStorage.getItem(storageKey)) {
                    console.warn("⚠️ STOPPING: This donation (" + payload.submissionId + ") was already processed.");
                    return;
                }

                // --- SENDING ---
                if (payload.amount && payload.submissionId) {
                    console.log("🚀 Sending data to Google Sheet...");
                    
                    fetch(WEB_APP_URL, {
                        method: "POST",
                        body: JSON.stringify(payload)
                    })
                    .then(res => res.json())
                    .then(data => {
                        console.log("✅ SUCCESS: Donation recorded.");
                        localStorage.setItem(storageKey, "true");
                    })
                    .catch(err => console.error("❌ NETWORK ERROR:", err));
                } else {
                    console.error("❌ DATA MISSING: Could not find 'Select Donation Amount' or 'Submission Id'.");
                }

            }, 2000); // 2 second delay
        }
    });
})();
</script><script>
// SCRIPT 1: STATIC SETUP
document.addEventListener('DOMContentLoaded', () => {
    const CONFIG = {
        DESKTOP_BREAKPOINT: 768,
        HEADER_OUTER_SELECTOR: '#header_outer',
        HEADER_BRANDING_ID: 'header_branding',
        LOGO_URL_ORIGINAL: 'https://chabadportorange.com/media/images/1329/LRaT13292029.png',
        LOGO_ALT_TEXT: 'Chabad of Port Orange Logo',
        DONATE_BUTTON_ORIGINAL_SELECTOR: 'td.co_menu_item.donate_link',
        DONATE_BUTTON_ICON_URL: 'https://chabadportorange.com/media/images/1329/igwP13292036.png',
    };

    /**
     * Injects all necessary CSS styles into the document's <head>.
     */
    const injectStyles = () => {
        // Avoid injecting styles more than once
        if (document.getElementById('custom-header-styles')) return;

        const customStyles = document.createElement('style');
        customStyles.id = 'custom-header-styles';
        customStyles.textContent = `
            #${CONFIG.HEADER_BRANDING_ID} img {
                max-width: 100%; height: auto; transition: all 0.3s ease-in-out;
            }
            #${CONFIG.HEADER_OUTER_SELECTOR}.scrolled-header {
                background-color: #ffffff !important;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
                transition: background-color 0.3s ease, box-shadow 0.3s ease;
            }
            .custom-donate-button {
                display: inline-flex; align-items: center; justify-content: center;
                background-color: #6A5ACD; color: white; padding: 10px 20px;
                margin-left: 10px; border-radius: 8px;
                font-family: 'Anek Devanagari', sans-serif !important; font-weight: bold;
                text-decoration: none; min-width: 120px; box-sizing: border-box;
                transition: background-color 0.2s ease, transform 0.2s ease;
                color: white !important;
            }
            .custom-donate-button:hover {
                background-color: #594ab5; transform: translateY(-1px);
            }
            .custom-donate-button img {
                width: 20px; height: 18px; margin-right: 8px; vertical-align: middle;
            }
        `;
        document.head.appendChild(customStyles);
    };

    /**
     * Replaces the default donate link with a custom-styled button.
     */
    const initializeDonateButton = () => {
        const originalDonateTd = document.querySelector(CONFIG.DONATE_BUTTON_ORIGINAL_SELECTOR);
        if (!originalDonateTd) {
            console.warn('Donate button element not found.');
            return;
        }
        const originalHref = originalDonateTd.querySelector('a')?.getAttribute('href') || '#';
        const newDonateTd = document.createElement('td');
        newDonateTd.className = 'co_menu_item custom-donate-button-container';
        newDonateTd.innerHTML = `
            <a href="${originalHref}" class="custom-donate-button">
                <img src="${CONFIG.DONATE_BUTTON_ICON_URL}" alt="Heart icon">
                <span>DONATE</span>
            </a>
        `;
        originalDonateTd.replaceWith(newDonateTd);
        console.log('Custom donate button initialized.');
    };

    /**
     * Replaces the original logo with the new one on desktop only.
     */
    const initializeDesktopLogo = () => {
        const headerBranding = document.getElementById(CONFIG.HEADER_BRANDING_ID);
        if (!headerBranding) {
            console.warn('Header branding element not found.');
            return;
        }
        headerBranding.outerHTML = `
            <div id="${CONFIG.HEADER_BRANDING_ID}" class="no_outline logo">
                <a href="/">
                    <img src="${CONFIG.LOGO_URL_ORIGINAL}" alt="${CONFIG.LOGO_ALT_TEXT}">
                </a>
            </div>
        `;
        console.log('Desktop logo replaced.');
    };

    // --- EXECUTION ---
    injectStyles();
    initializeDonateButton();
    if (window.innerWidth > CONFIG.DESKTOP_BREAKPOINT) {
        initializeDesktopLogo();
    }
});
</script><script>
// SCRIPT 2 (FINAL): SCROLL EFFECTS
document.addEventListener('DOMContentLoaded', () => {

    const CONFIG = {
        DESKTOP_BREAKPOINT: 768,
        LOGO_IMG_SELECTOR: '#header_branding img',
        SCROLL_THRESHOLD: 50,
        LOGO_URL_SCROLLED: 'https://chabadportorange.com/media/images/1329/kdoY13292985.png',
    };

    /**
     * Finds elements and attaches scroll event listeners.
     */
    const initializeScrollEffects = () => {
        const logoImage = document.querySelector(CONFIG.LOGO_IMG_SELECTOR);
        if (!logoImage) {
            console.error("SCROLL SCRIPT ERROR: The logo image was not found with selector:", CONFIG.LOGO_IMG_SELECTOR);
            return;
        }

        // --- NEW LOGIC ---
        // Find the header container by moving up from the logo's position.
        const brandingSearchDiv = logoImage.closest('.branding-search');
        if (!brandingSearchDiv) {
            console.error("SCROLL SCRIPT ERROR: Could not find the '.branding-search' container around the logo.");
            return;
        }
        
        const headerContainer = brandingSearchDiv.parentElement;
        if (!headerContainer) {
            console.error("SCROLL SCRIPT ERROR: Could not find the parent element of the '.branding-search' div.");
            return;
        }

        const originalLogoSrc = logoImage.src;

        const handleScroll = () => {
            const isScrolled = window.scrollY > CONFIG.SCROLL_THRESHOLD;
            logoImage.src = isScrolled ? CONFIG.LOGO_URL_SCROLLED : originalLogoSrc;
            headerContainer.classList.toggle('scrolled-header', isScrolled);
        };

        window.addEventListener('scroll', handleScroll);
        handleScroll(); // Run once on load
        console.log('Scroll effects initialized successfully on:', headerContainer);
    };

    /**
     * Waits for the logo element to be created by Script 1 before running.
     */
    const waitForLogoAndInit = () => {
        let attempts = 0;
        const maxAttempts = 50; // 50 attempts * 100ms = 5 seconds
        const intervalId = setInterval(() => {
            const logo = document.querySelector(CONFIG.LOGO_IMG_SELECTOR);
            
            if (logo) {
                clearInterval(intervalId);
                initializeScrollEffects();
            } else if (attempts >= maxAttempts) {
                clearInterval(intervalId);
                console.error("SCROLL SCRIPT TIMEOUT: The logo element was not found after 5 seconds.");
            }
            
            attempts++;
        }, 100);
    };

    // --- EXECUTION ---
    if (window.innerWidth > CONFIG.DESKTOP_BREAKPOINT) {
        waitForLogoAndInit();
    }
});
</script><script>
    if (window.location.href.indexOf('7182241') > -1) {
        document.addEventListener('DOMContentLoaded', function() {
            console.log("Port Orange Styles & Scripts Loading...");

            /* --- 1. DOM MANIPULATION: Create Rectangle Box & Format Texts --- */
            var id1 = document.getElementById('id_1');
            if (id1 && id1.parentNode) {
                var parentUl = id1.parentNode;

                // Create the wrapper DIV
                var boxWrapper = document.createElement('div');
                boxWrapper.className = 'port-orange-form-box';

                // Move siblings
                var nextElement = id1.nextElementSibling;
                while (nextElement) {
                    var toMove = nextElement;
                    nextElement = nextElement.nextElementSibling;
                    boxWrapper.appendChild(toMove);
                }
                parentUl.appendChild(boxWrapper);
            }

            // Dynamically reformat Text 20 & 21 since form HTML can't be touched
            var text20 = document.getElementById('text_20');
            if(text20) {
                var h2 = text20.querySelector('h2');
                if(h2) {
                    h2.className = 'port-orange-building-plans-title';
                    h2.innerHTML = 'Partner <span>with Us</span>';
                    h2.style.textAlign = 'center';
                    h2.style.marginBottom = '20px';
                }
                var ps = text20.querySelectorAll('p');
                ps.forEach(p => {
                    p.style.textAlign = 'center';
                    p.style.fontFamily = "'Commissioner', sans-serif";
                    p.style.fontSize = '1.5rem';
                    p.style.fontWeight = '300';
                    p.style.lineHeight = '1.6';
                    p.style.marginBottom = '20px';
                });
            }

            var text21 = document.getElementById('text_21');
            if(text21) {
                var h3 = text21.querySelector('h3');
                if(h3) {
                    h3.innerHTML = 'Dedication Opportunities';
                    h3.style.textAlign = 'center';
                    h3.style.fontFamily = "'Commissioner', sans-serif";
                    h3.style.fontSize = '3rem';
                    h3.style.fontWeight = '800';
                    h3.style.color = '#3a40af';
                    h3.style.textTransform = 'uppercase';
                    h3.style.margin = '0';
                    h3.style.display = 'block';
                }
            }

            /* --- 2. CSS INJECTION --- */
            var css = `
                @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@300;600;800&family=Commissioner:wght@300;700;800;900&display=swap');

                /* --- ANIMATION STYLES --- */
                .reveal-on-scroll {
                    opacity: 0;
                    transform: translateY(60px);
                    transition: opacity 1s ease-out, transform 1s ease-out;
                    will-change: opacity, transform;
                }
                .reveal-on-scroll.is-visible {
                    opacity: 1;
                    transform: translateY(0);
                }

                /* --- Global Styles --- */
                .port-orange-building-wrapper {
                    font-family: 'Commissioner', sans-serif !important;
                    background-color: #f5f5f5 !important;
                    color: #090a1c !important;
                }
                .form-buttons-wrapper.button-align-auto, .form-buttons-wrapper.button-align-center, .form-footer, .form-screenshot-plate {
                    text-indent: 0px !important;
                }

                /* --- LIST RESET (Fixes Safari Indentation) --- */
                ul.form-section {
                    padding: 0 !important;
                    margin: 0 !important;
                    list-style: none !important;
                    -webkit-padding-start: 0 !important;
                }
                .form-all { 
                    margin: 0 !important; 
                    width: 100% !important; 
                    max-width: 100% !important; 
                    padding: 0 !important;
                }

                /* --- IMAGES IN PLANS SECTION --- */
                .port-orange-building-plans-section img {
                    max-width: 100% !important;
                    height: auto !important;
                    display: block !important;
                    margin: 20px auto !important;
                    border-radius: 8px !important;
                }

                .port-orange-building-full-plan-image {
                    width: auto !important;
                    height: 50% !important;
                    margin: 40px auto !important;
                    display: block;
                    border-radius: 8px !important;
                }
                .form-html {
                    padding: 0 !important;}
                #id_1{ padding-top: 0 !important; margin: 0 !important;}
                
                /* Hero & Nav */
                .port-orange-building-hero { position: relative !important; width: 100% !important; background-color: #000 !important; line-height: 0 !important; }
                .port-orange-hero-img { width: 100% !important; height: auto !important; display: block !important; }
                .port-orange-mobile-hero { display: none !important; }
                .port-orange-desktop-hero { display: block !important; }
                @media (max-width: 768px) {
                    .port-orange-mobile-hero { display: block !important; }
                    .port-orange-desktop-hero { display: none !important; }
                }
                .port-orange-nav {
                    background: url(https://chabadportorange.com/media/images/1350/EoKo13506838.png) !important;
                    position: sticky !important; top: 0 !important; z-index: 1000 !important;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
                    text-align: center !important; height: 100px; display: flex; align-items: center; justify-content: space-around;
                }
                .port-orange-nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; gap: 80px !important; align-items: flex-end; }
                .port-orange-building-stat-item { display: flex; flex-direction: row; align-items: baseline; gap: 10px !important; }
                .port-orange-nav a { text-decoration: none !important; color: white !important; font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 2.1rem !important; text-transform: uppercase !important; transition: color 0.2s !important; }
                .port-orange-nav a:hover { color: #e13737 !important; }

                /* Progress Bar & Stats */
                .port-orange-building-progress-section { background-color: #F3F0F0 !important; padding: 20px 50px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
                .port-orange-building-progress-container { width: 100% !important; max-width: 800px !important; margin: 0px 0 !important; position: relative !important; background-color: #e6e6e6 !important; height: 60px !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1) !important; }
                .port-orange-building-progress-fill { height: 100% !important; background-image: url('https://chabadportorange.com/media/images/1350/UvWQ13506820.png') !important; background-size: cover !important; background-position: center left !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 20px !important; transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important; }
                .port-orange-building-progress-percentage { color: #ffffff !important; font-family: 'Commissioner', sans-serif !important; font-weight: 800 !important; font-size: 1.8rem !important; text-transform: uppercase !important; line-height: 1 !important; text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; }
                .port-orange-building-stats-row { display: flex !important; justify-content: space-between !important; width: 100% !important; max-width: 800px !important; margin-top: 10px !important; font-family: 'Commissioner', sans-serif !important; }
                .port-orange-building-stat-label { font-size: 2rem !important; font-weight: 300 !important; text-transform: uppercase !important; color: #333 !important; }
                .port-orange-building-stat-value { font-size: 2rem !important; font-weight: 800 !important; text-transform: uppercase !important; }
                .port-orange-building-blue { color: #3a40af !important; }
                .port-orange-building-red { color: #e13737 !important; }

                /* Impact Section */
                .port-orange-building-impact-section { background-color: #f0f2f5 !important; width: 100% !important; padding: 20px 20px 40px !important; text-align: center !important; }
                .port-orange-building-impact-title { font-family: 'Anek Devanagari', sans-serif !important; font-size: 2.5rem !important; font-weight: 800 !important; color: #3a40af !important; text-transform: uppercase !important; margin: 0 !important; }
                .port-orange-building-impact-subtitle { font-family: 'Commissioner', sans-serif !important; font-size: 2.5rem !important; font-weight: 300 !important; color: #e13737 !important; text-transform: uppercase !important; margin: 10px 0 30px 0 !important; }
                .port-orange-building-donate-btn { background-color: #3A40AF !important; color: white !important; font-size: 1.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 20px 40px !important; border-radius: 12px !important; display: inline-block !important; cursor: pointer !important; transition: transform 0.2s !important; text-decoration: none !important; }
                .port-orange-building-donate-btn:hover { transform: scale(1.05) !important; }

                /* About & Plans */
                .port-orange-building-about-section { max-width: 100% !important; margin: 80px auto !important; }
                .port-orange-building-split-row { display: flex !important; flex-direction: column ; gap: 40px !important; align-items: center !important; margin-bottom: 80px !important; }
                @media (min-width: 900px) { .port-orange-building-split-row { flex-direction: row !important; } }
                .port-orange-building-split-text { flex: 1 !important; text-align: left !important; display: flex; align-items: center; padding-right: 5% !important; }
                .port-orange-building-split-image-wrapper { flex: 1 !important; width: 100% !important; }
                .port-orange-building-split-image { width: 100% !important; height: auto !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; display: block !important; object-fit: cover !important; }
                .port-orange-building-about-heading { font-size: 5.5rem !important; font-weight: 900 !important; color: #3a40af !important; text-transform: uppercase !important; line-height: 1.1 !important; margin-bottom: 30px !important; font-family: "Commissioner" !important; }
                .port-orange-building-about-heading span { color: #e13737 !important; }
                .port-orange-building-text-block { font-size: 1.5rem !important; line-height: 1.6 !important; font-weight: 300 !important; color: #090a1c !important; font-family: "Commissioner" !important;}
                .port-orange-building-plans-section { background-color: #f3f0f0 !important; padding: 80px 0px !important; text-align: center !important; }
                .port-orange-building-plans-title { font-family: 'Anek Devanagari', sans-serif !important; font-size: 6rem !important; font-weight: 800 !important; color: #3a40af !important; text-transform: uppercase !important; margin-bottom: -20px !important; }
                .port-orange-building-plans-title span { color: #e13737 !important; }
                .port-orange-building-plans-subtitle { font-family: 'Anek Devanagari', sans-serif !important; font-size: 3rem !important; font-weight: 300 !important; color: #3a40af !important; text-transform: uppercase !important; margin-bottom: 0px !important; }
                .port-orange-building-plans-text { max-width: 800px !important; margin: 0 auto !important; font-size: 1.5rem !important; line-height: 1.6 !important; font-weight: 300 !important; color: #090a1c !important; text-align: center !important; font-family: "commissioner" !important; }
                strong { font-weight: 800 !important; }
                form-buttons-wrapper button-align-auto{text-indent: 0 !important;}

                /* --- DEDICATIONS SECTION --- */
                .port-orange-building-dedications-section {
                    background-color: #f5f5f5 !important;
                    padding: 80px 0px !important;
                    text-align: center !important;
                }
                .dedications-grid {
                    display: grid !important;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
                    gap: 20px !important;
                    max-width: 1000px !important;
                    margin: 40px auto 0 !important;
                    padding: 0 20px !important;
                }
                .dedication-card {
                    background: #fff !important;
                    padding: 30px 20px !important;
                    border-radius: 12px !important;
                    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
                    border-bottom: 4px solid #3a40af !important;
                    display: flex !important;
                    flex-direction: column !important;
                    justify-content: center !important;
                    align-items: center !important;
                    text-align: center !important;
                    transition: transform 0.3s ease !important;
                    text-transform: uppercase !important; /* Force uppercase on everything in the card */
                }
                .dedication-card:hover {
                    transform: translateY(-5px) !important;
                }
                .dedication-text {
                    font-size: 1.6rem !important;
                    font-weight: 800 !important;
                    color: #3a40af !important;
                    margin-bottom: 15px !important;
                    line-height: 1.3 !important;
                }
                .dedication-text.supporter {
                    font-size: 1.1rem !important;
                    font-weight: 600 !important;
                    color: #888 !important;
                    letter-spacing: 2px !important;
                }
                .dedication-name {
                    font-size: 1.8rem !important;
                    font-weight: 800 !important;
                    color: #333 !important;
                    font-family: 'Commissioner', sans-serif !important;
                }
                .dedication-amount {
                    font-size: 1.4rem !important;
                    font-weight: 800 !important;
                    color: #e13737 !important;
                    margin-top: 10px !important;
                    font-family: 'Commissioner', sans-serif !important;
                }
                
                /* --- FORM STYLES --- */
                .userform-form { max-width: 100% !important; margin: 0 auto !important; font-family: 'Commissioner', sans-serif !important; }
                /* Updated Container Full Width Fix */
                .port-orange-form-box { background-color: #f3f0f0 !important; border: 1px solid #cccaca !important; border-radius: 20px !important; padding: 40px !important; box-sizing: border-box !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; }
                #label_14 > label{ font-size: 2rem !important;}
                .form-section { padding: 0 !important; }
                .form-input-wide { width: 100% !important; }
                .form-header-group { background: transparent !important; border: none !important; text-align: center !important; margin: 30px 0 20px 0 !important; padding: 0 !important; }
                .form-header { font-family: 'Commissioner', sans-serif !important; color: #2D2D2D !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 2.8rem !important; }

                /* Labels */
                .form-label-left, .form-label-top, .form-label { font-family: 'Commissioner', sans-serif !important; color: #333 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 1.2rem !important; display: block !important; width: 100% !important; text-align: left !important; }
                /* Unified Centered Labels */
                #label_4, div#label_5, #label_18, #label_19 { font-size: 3rem !important; text-align: center !important; display: block !important; width: 100% !important;}
                #id_4 .form-label-top, #id_5 .form-label-top, #id_13 .form-label-top, #id_18 .form-label-top, #id_19 .form-label-top { text-align: center !important; font-size: 1.2rem !important; margin-bottom: 20px !important; float: none !important; width: 100% !important;}
                #id_8 .form-label-left, #id_9 .form-label-left, #id_11 .form-label-left { text-align: left !important; margin-bottom: 5px !important; float: none !important; }
                .form-textbox { border: 1px solid #ccc !important; padding: 12px !important; border-radius: 5px !important; font-family: 'Commissioner', sans-serif !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; }

                /* ID 1 Visible */
                #id_1 { display: block !important; }

                /* Dedications & Features Tab Styles */
                #cid_4, #cid_18, #cid_19 { width: 100% !important; max-width: 100% !important; }
                #cid_4 .clearfix, #cid_4 br, #cid_18 .clearfix, #cid_18 br, #cid_19 .clearfix, #cid_19 br { display: none !important; }
                #cid_4 .form-single-column, #cid_18 .form-single-column, #cid_19 .form-single-column { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; width: 100% !important; }
                @media (max-width: 600px) { #cid_4 .form-single-column, #cid_18 .form-single-column, #cid_19 .form-single-column { grid-template-columns: 1fr !important; } }
                #cid_4 .form-checkbox-item, #cid_18 .form-checkbox-item, #cid_19 .form-checkbox-item { display: block !important; position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
                #cid_4 input[type="checkbox"], #cid_18 input[type="checkbox"], #cid_19 input[type="checkbox"] { position: absolute !important; opacity: 0 !important; height: 0 !important; width: 0 !important; }
                #cid_4 label, #cid_18 label, #cid_19 label { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #fff !important; border-radius: 15px !important; padding: 20px !important; cursor: pointer !important; font-family: 'Commissioner', sans-serif !important; font-weight: 600 !important; color: #333 !important; text-align: center !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; border: 2px solid transparent !important; height: 100% !important; box-sizing: border-box !important; }
                #cid_4 label:hover, #cid_4 input[type="checkbox"]:checked + label, #cid_18 label:hover, #cid_18 input[type="checkbox"]:checked + label, #cid_19 label:hover, #cid_19 input[type="checkbox"]:checked + label { background-color: #3a40af !important; color: #fff !important; border-color: #3a40af !important; }

                /* --- SAFE DONATION AMOUNTS FIX --- */
                #cid_5 { width: 100% !important; max-width: 100% !important; }
                #cid_5 .clearfix, #cid_5 br { display: none !important; }
                #cid_5 .form-single-column { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 15px !important; width: 100% !important; }
                @media (max-width: 768px) { #cid_5 .form-single-column { grid-template-columns: repeat(2, 1fr) !important; } }
                #cid_5 .form-radio-item { display: block !important; width: 100% !important; margin: 0 !important; float: none !important; position: relative !important; }

                /* 1. RADIO: Hide it completely from touch */
                #cid_5 input[type="radio"] { 
                    position: absolute !important; 
                    opacity: 0 !important; 
                    width: 100% !important; 
                    height: 100% !important; 
                    z-index: -1 !important; 
                    pointer-events: none !important;
                }

                /* 2. INPUT: Make it the clickable top layer */
                .form-radio-other-input { 
                    position: relative !important; 
                    z-index: 50 !important; /* High Z-index */
                    pointer-events: auto !important;
                    text-align: center !important; 
                    background: transparent !important; 
                    font-size: 2.2rem !important; 
                    font-weight: 700 !important; 
                    width: 100% !important; 
                    padding: 5% 0 !important; 
                    
                    /* Fix disabled look on iPhone */
                    opacity: 1 !important; 
                    -webkit-text-fill-color: #333 !important; 
                    color: #333 !important;
                }

                #cid_5 label { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #fff !important; border-radius: 15px !important; padding: 50px 5px !important; cursor: pointer !important; font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 1.2rem !important; color: #333 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; border: 2px solid transparent !important; height: 100% !important; box-sizing: border-box !important; }

                /* Visual States */
                #cid_5 input[type="radio"]:hover + label,
                #cid_5 .form-radio-item:hover label,
                #cid_5 input[type="radio"]:checked + label {
                    background-color: #e3e7ec !important;
                    border-color: #1374BEB2 !important;
                    color: #1374BE !important;
                    transition: 0.3s;
                }
                #cid_5 .form-radio-item:has(.form-radio-other-input), #cid_5 .form-radio-item:last-child { grid-column: 1 / -1 !important; }
                
                /* Impact Text */
                #text_6 { text-align: center !important; font-family: 'Commissioner', sans-serif !important; font-size: 2.3rem !important; color: #333 !important; margin: 20px 0 !important; }
                #text_6 b { color: #3a40af !important; }

                /* --- PAYMENT TABS --- */
                .form-payment-methods {
                    display: flex !important;
                    flex-direction: row !important; 
                    justify-content: space-between !important;
                    gap: 10px !important;
                    margin-bottom: 20px !important;
                    width: 100% !important;
                }
                .form-payment-methods .form-radio-item {
                    flex: 1 !important;
                    width: auto !important;
                    float: none !important;
                    margin-right: 0 !important;
                    border: 1px solid #d8d8d8;
                    padding: 10px;
                    border-radius: 12px;
                    background-color: #f6f6f6 !important;
                    text-align: center !important;
                }
                .form-payment-methods label {
                    padding: 0 !important;
                    cursor: pointer !important;
                    font-family: "Commissioner";
                    display: block !important;
                    width: 100% !important;
                }
                    
                /* Active Payment State */
                .form-payment-methods .form-radio-item.active-payment,
                .form-payment-methods .form-radio-item:has(input:checked) {
                    border: 1px solid #1374BE !important;
                    background-color: #e3e7ec !important;
                }
                .form-payment-methods .form-radio-item.active-payment label,
                .form-payment-methods .form-radio-item:has(input:checked) label {
                    color: #1374BE !important;
                }

                /* --- PAYMENT FIELDS VISIBILITY --- */
                #cid_13 tr.hide { display: none !important; }

                /* Payment Tables */
                #cid_13 table, #cid_13 tbody { display: block !important; width: 100% !important; }
                #cid_13 tr { display: flex !important; }
                #cid_13 .cc-icons { display: none !important; }

                /* Fields */
                #cid_13 .form-textbox, #cid_13 .form-dropdown { width: 100% !important; padding: 12px 15px !important; border: 1px solid #ddd !important; border-radius: 6px !important; font-family: "Commissioner", sans-serif !important; font-size: 16px !important; background-color: #f9f9f9 !important; height: 46px !important; box-sizing: border-box !important; }
                #cid_13 .form-textbox:focus, #cid_13 .form-dropdown:focus { border-color: #3065B4 !important; background-color: #fff !important; outline: none !important; }
                #cid_13 .form-sub-label { font-family: "Commissioner", sans-serif !important; font-size: 13px !important; color: #777 !important; margin-bottom: 5px !important; display: block !important; }
                #label_13 { font-family: "Commissioner", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; color: #444 !important; margin-bottom: 10px !important; }

                /* Total & Submit */
                #id_14 { background-color: #F6F6F6 !important; border: 1px solid #D8D8D8 !important; border-radius: 10px !important; padding: 20px !important; margin-top: 20px !important; display: flex !important; }
                #cid_14 { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }
                #label_14 { float: left !important; text-align: left !important; width: auto !important; font-size: 1.2rem !important; font-family: "Commissioner" !important; }
                #total_amount { float: right !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #1374BE !important; margin-bottom: 10px !important; width: 100% !important; text-align: right !important; font-family: "Commissioner" !important; }
                #div_offset_gift_14 { width: 100% !important; text-align: left !important; display: flex; margin-left: -10% !important; }
                label#label_15 { font-family: "commissioner"; }
                .form-submit-button { background-color: #3A40AF !important; color: white !important; font-size: 1.8rem !important; font-weight: 700 !important; text-transform: uppercase !important; padding: 20px 40px !important; border-radius: 12px !important; display: inline-block !important; cursor: pointer !important; transition: transform 0.2s !important; text-decoration: none !important; width: 100% !important;}
                .form-submit-button:hover { transform: scale(1.05) !important; }
                form-buttons-wrapper button-align-auto{ text-indent: 0 !important;}
                th {
                    font-family: "Commissioner" !important;
                }
            .cco_templateless_template, .cco_templateless_template a {
                font-family: "Commissioner" !important;
                background-color: #6166b8 !important;
            }
            #MOBILE{ display: none ;}
            
            /* --- FORCE WHITE TEXT ON HOVER --- */
            #cid_4 label:hover span, 
            #cid_4 input:checked + label span,
            #cid_18 label:hover span, 
            #cid_18 input:checked + label span,
            #cid_19 label:hover span, 
            #cid_19 input:checked + label span,
            #cid_5 label:hover span,
            #cid_5 input:checked + label span,
            #cid_5 .form-radio-item:hover label span {
                color: #ffffff !important;
            }

            @media( max-width: 1200px){
            .LIGHTHOUSE-IMG { margin: 0 5% 20px 20% !important;}
            }

                /* Mobile */
                @media (max-width: 768px){
                    /* --- MOBILE FORM FIX: SAFARI EDGE-TO-EDGE --- */
                    .port-orange-form-box { 
                        width: 100vw !important; /* Force full screen width */
                        margin-left: calc(50% - 50vw) !important; /* Center negative margin */
                        margin-right: calc(50% - 50vw) !important;
                        border-radius: 0 !important; 
                        border: none !important;
                        box-sizing: border-box !important;
                    }
                    
                    #reverse {flex-direction: column-reverse; !important;}
                    .LIGHTHOUSE-IMG{ margin: 0 5% 20px -3% !important;}
                    .port-orange-building-stat-item { display: flex; flex-direction: column !important; align-items: baseline; justify-content: center; }
                    .port-orange-nav ul{ gap: 20px !important;}
                    .form-payment-methods{ flex-direction: column !important; }
                    .form-payment-methods .form-radio-item { margin-bottom: 10px !important; }
            #MOBILE{ display: block !important ;}
            .port-orange-building-stat-item{ gap: 0 !important;}
            .port-orange-building-stat-value{ margin: 10px !Important;}
            .port-orange-building-stat-label{ margin: 0 !important;}
            .port-orange-building-plans-title,.port-orange-building-about-heading {font-size: 4rem !important;}
            .port-orange-building-plans-text,.port-orange-building-text-block { font-size: 1.8rem !important; padding: 10px !important;}
            .form-section, .form-section-closed{ margin: 0 !important;}
            .port-orange-building-split-text{ padding-right: 0 !important;}
            } `;

            var head = document.head || document.getElementsByTagName('head')[0];
            var style = document.createElement('style');
            head.appendChild(style);
            style.type = 'text/css';
            if (style.styleSheet) {
                style.styleSheet.cssText = css;
            } else {
                style.appendChild(document.createTextNode(css));
            }

            /* --- 3. PAYMENT FORM LOGIC --- */
            function initPaymentForm() {
                console.log("Initializing Port Orange Payment Form styles for #cid_13");

                // 1. Set Placeholders
                var ccNum = document.getElementById('input_13_cc_number');
                if(ccNum) ccNum.placeholder = "0000 0000 0000 0000";
                var ccCvv = document.getElementById('input_13_cc_ccv');
                if(ccCvv) ccCvv.placeholder = "CVV";
                var ccName = document.getElementById('input_13_cc_nameOnCard');
                if(ccName) ccName.placeholder = "Full Name on Card";

                // 2. VISIBILITY TOGGLE LOGIC
                function togglePaymentFields() {
                    var sections = document.querySelectorAll('#cid_13 .credit_card, #cid_13 .paypal, #cid_13 .e_check, #cid_13 .other');
                    sections.forEach(function(el) { el.style.display = 'none'; });

                    var selected = document.querySelector('input[name="q13_payment[payment_method]"]:checked');
                    if (selected) {
                        var val = selected.value;
                        if (val === 'creditCard') {
                            document.querySelectorAll('#cid_13 .credit_card').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'paypal') {
                            document.querySelectorAll('#cid_13 .paypal').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'eCheck') {
                            document.querySelectorAll('#cid_13 .e_check').forEach(function(el) { el.style.display = 'flex'; });
                        } else if (val === 'other') {
                            document.querySelectorAll('#cid_13 .other').forEach(function(el) { el.style.display = 'flex'; });
                        }
                    }
                }

                // 3. Handle Click/Active States
                var paymentItems = document.querySelectorAll('#cid_13 .form-payment-methods .form-radio-item');

                function updateActiveState() {
                    paymentItems.forEach(function(item) {
                        var input = item.querySelector('input');
                        if (input && input.checked) {
                            item.classList.add('active-payment');
                        } else {
                            item.classList.remove('active-payment');
                        }
                    });
                    togglePaymentFields();
                }

                paymentItems.forEach(function(item) {
                    item.addEventListener('click', function() {
                        var input = item.querySelector('input');
                        if(input) {
                            setTimeout(updateActiveState, 50);
                        }
                    });
                });

                updateActiveState();
                
                document.querySelectorAll('input[name="q13_payment[payment_method]"]').forEach(function(radio) {
                    radio.addEventListener('change', updateActiveState);
                });
            }
                
            initPaymentForm();


            /* --- 4. INTERACTIVE MATH LOGIC (CLICKABLE FIX ONLY) --- */
            const radioButtons = document.querySelectorAll('input[name="q5_input5"]');
            const otherInput = document.getElementById('input_5'); 
            const otherRadio = document.getElementById('other_5');

            // 1. VISUAL HELPER: Manually paints the Blue Border
            function forceVisualUpdate(isOther) {
                // Reset all to white
                document.querySelectorAll('#cid_5 label').forEach(function(lbl) {
                    lbl.style.backgroundColor = '#fff';
                    lbl.style.borderColor = 'transparent';
                    lbl.style.color = '#333';
                });

                // Highlight "Other" if true
                if (isOther && otherInput) {
                    var wrapper = otherInput.closest('.form-radio-item');
                    var label = wrapper ? wrapper.querySelector('label') : null;
                    if (label) {
                        label.style.backgroundColor = '#e3e7ec';
                        label.style.borderColor = '#1374BEB2'; 
                        label.style.color = '#1374BE';
                    }
                }
            }

            // 2. STANDARD BUTTONS LOGIC
            if(radioButtons.length > 0) {
                radioButtons.forEach(radio => {
                    radio.addEventListener('change', function() {
                        if (this.id === 'other_5') {
                            // If they clicked the hidden radio for Other directly
                            forceVisualUpdate(true);
                        } else {
                            // If they clicked a standard amount
                            forceVisualUpdate(false);
                        }
                    });
                });
            }

            // 3. "OTHER" INPUT LOGIC
            if (otherInput) {
                // --- A. ADD NUMERIC KEYBOARD ---
                otherInput.type = 'number';
                otherInput.setAttribute('pattern', '[0-9]*');
                otherInput.setAttribute('inputmode', 'decimal');

                // --- B. AGGRESSIVE ENABLE LOOP ---
                otherInput.disabled = false; 
                otherInput.removeAttribute('disabled');
                setInterval(function(){
                    otherInput.disabled = false;
                    otherInput.removeAttribute('disabled');
                }, 1000);

                // --- C. FORCE STYLING VIA JS ---
                otherInput.style.position = "relative";
                otherInput.style.zIndex = "1000";
                otherInput.style.pointerEvents = "auto";
                otherInput.style.opacity = "1";

                // Helper to Activate Radio + Border
                function activateOther() {
                    if (otherRadio && !otherRadio.checked) { 
                        otherRadio.checked = true;
                        otherRadio.dispatchEvent(new Event('change', { bubbles: true })); 
                    }
                    forceVisualUpdate(true); // Force Blue Border
                }

                // INPUT LISTENER (When typing)
                otherInput.addEventListener('input', function() {
                    activateOther();
                });

                // TOUCH START (Critical for iPhone)
                otherInput.addEventListener('touchstart', function(e) {
                    e.stopPropagation(); 
                    activateOther();
                    // We don't preventDefault here, so focus still happens
                }, { passive: false });

                // CLICK HANDLER
                otherInput.addEventListener('click', function(e) {
                    e.stopPropagation(); 
                    activateOther();
                    this.focus();
                });

                // WRAPPER CLICK (If they miss the input)
                var otherWrapper = otherInput.closest('.form-radio-item');
                if (otherWrapper) {
                    otherWrapper.addEventListener('click', function(e) {
                        if (e.target !== otherInput) {
                            activateOther();
                            otherInput.focus();
                        }
                    });
                }
            }

            /* --- 5. CAMPAIGN STATS, PROGRESS BAR & DEDICATIONS --- */
            const WEB_APP_URL = "https://script.google.com/macros/s/AKfycbwe4vbijg_IrBwlxbkQuLsNxdu6jO3NYwujNHm2qIaOm-Up-1l2t9LcpbeuOsSFw0e1/exec";
            const CAMPAIGN_GOAL = 1100000; 

            function updateCampaignStats() {
                fetch(WEB_APP_URL)
                .then(response => response.json())
                .then(data => {
                    const totalRaised = data.total; 
                    const takenItems = data.taken;

                    // A. UPDATE PROGRESS BAR
                    const raisedElement = document.getElementById("port-orange-raised-amount");
                    const fillElement = document.getElementById("port-orange-progress-fill");
                        
                    if (raisedElement && fillElement) {
                        const formattedMoney = new Intl.NumberFormat('en-US', {
                            style: 'currency',
                            currency: 'USD',
                            maximumFractionDigits: 0
                        }).format(totalRaised);

                        let percentage = (totalRaised / CAMPAIGN_GOAL) * 100;
                        if (percentage > 100) percentage = 100; 

                        raisedElement.innerText = formattedMoney;
                        fillElement.style.width = percentage + "%";
                            
                        const percentText = fillElement.querySelector(".port-orange-building-progress-percentage");
                        if (percentText) percentText.innerText = Math.round(percentage) + "%";
                    }

                    // B. DISABLE TAKEN DEDICATIONS
                    if (takenItems && takenItems.length > 0) {
                        takenItems.forEach(item => {
                            const cleanItem = item.trim();
                            if (!cleanItem) return;

                            const inputs = document.querySelectorAll(`input[value*="${cleanItem}"]`);
                            inputs.forEach(input => {
                                input.disabled = true;
                                const container = input.closest('label') || input.parentElement;
                                if (container) {
                                    container.style.textDecoration = "line-through";
                                    container.style.opacity = "0.5";
                                    if (!container.innerText.includes("Taken")) {
                                        const textSpan = container.querySelector('label span');
                                        if (textSpan) {
                                            textSpan.insertAdjacentHTML('afterbegin', '<strong>(Taken)</strong> ');
                                        }
                                    }
                                }
                            });

                            const options = document.querySelectorAll(`option[value="${cleanItem}"]`);
                            options.forEach(option => {
                                option.disabled = true;
                                option.innerText += " (Taken)";
                            });
                        });
                    }

                    // C. LOAD SUPPORTERS & DEDICATIONS
                    const dedicationsContainer = document.getElementById("dedications-container");
                    const rowsData = data.rows || data.data || data.dedications;
                    
                    if (dedicationsContainer && rowsData && rowsData.length > 0) {
                        let dedicationsHTML = '';
                        let startIndex = 0;
                        
                        // Check if first row is a header row and skip it
                        if(Array.isArray(rowsData[0]) && (rowsData[0][0] === 'Timestamp' || rowsData[0][1] === 'First Name' || rowsData[0].join('').toLowerCase().includes('name'))) {
                            startIndex = 1;
                        }

                        for (let i = startIndex; i < rowsData.length; i++) {
                            let row = rowsData[i];
                            if (!row) continue;
                            
                            // Supports both Arrays (from sheet.getValues) and JSON Objects
                            let firstName = row[1] || row.B || row['First Name'] || row['firstName'] || '';
                            let lastName = row[2] || row.C || row['Last Name'] || row['lastName'] || '';
                            let dedication = row[3] || row.D || row['Dedication'] || row['dedication'] || '';
                            let rawAmount = row[4] || row.E || row['Amount'] || row['amount'] || '';
                            
                            // Skip if row is completely empty
                            if (!firstName && !lastName && !rawAmount) continue;

                            let formattedAmount = rawAmount;
                            if (formattedAmount && !isNaN(formattedAmount) && formattedAmount.toString().trim() !== '') {
                                formattedAmount = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 }).format(formattedAmount);
                            }

                            let fullName = `${firstName} ${lastName}`.trim().toUpperCase();
                            if (!fullName) fullName = "ANONYMOUS SUPPORTER";

                            // Clean the dedication string
                            let dedicationStr = dedication.toString().trim();
                            let dedicationLower = dedicationStr.toLowerCase();
                            let cleanDedication = "";

                            if (dedicationStr !== '' && dedicationLower !== 'no (unchecked)' && dedicationLower !== 'no' && dedicationLower !== 'false') {
                                // Take everything before the /n
                                let mainPart = dedicationStr.split('/n')[0].trim();
                                
                                // Regex to match and remove amount (e.g., "$100,000", "- $125,000.") at the end of the main part
                                let amountRegex = /\\s*[-—–]?\\s*(\\$[\\d,]+(\\.\\d{2})?\\.?)\\s*$/;
                                let match = mainPart.match(amountRegex);
                                if (match) {
                                    mainPart = mainPart.substring(0, match.index).trim();
                                }
                                cleanDedication = mainPart.toUpperCase();
                            }

                            // Render specific dedication HTML or fallback to generic supporter badge
                            let cardDedicationHTML = cleanDedication 
                                ? `<div class="dedication-text">${cleanDedication}</div>`
                                : `<div class="dedication-text supporter">SUPPORTER</div>`;

                            dedicationsHTML += `
                                <div class="dedication-card">
                                    ${cardDedicationHTML}
                                    <div class="dedication-name">${fullName}</div>
                                    <div class="dedication-amount">${formattedAmount}</div>
                                </div>
                            `;
                        }
                        
                        // Render results or a fallback message
                        if (dedicationsHTML !== '') {
                            dedicationsContainer.innerHTML = dedicationsHTML;
                        } else {
                            dedicationsContainer.innerHTML = '<p style="font-size: 1.5rem; color: #666; grid-column: 1 / -1;">No supporters yet. Be the first to contribute!</p>';
                        }
                    }
                })
                .catch(err => console.error("Error updating stats:", err));
            }

            updateCampaignStats();

            /* --- 6. SCROLL FADE-IN ANIMATION --- */
            const animatedSelectors = [
                '.port-orange-building-hero',
                '.port-orange-nav',
                '.port-orange-building-progress-section',
                '.port-orange-building-impact-section',
                '.port-orange-building-about-section',
                '.port-orange-building-plans-section',
                '.port-orange-building-dedications-section',
                '.port-orange-form-box'
            ];

            const elementsToAnimate = document.querySelectorAll(animatedSelectors.join(','));
            elementsToAnimate.forEach(function(el) {
                el.classList.add('reveal-on-scroll');
            });

            const observerOptions = {
                threshold: 0.1, 
                rootMargin: "0px 0px -50px 0px" 
            };

            const observer = new IntersectionObserver(function(entries, obs) {
                entries.forEach(function(entry) {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('is-visible');
                        obs.unobserve(entry.target); 
                    }
                });
            }, observerOptions);

            elementsToAnimate.forEach(function(el) {
                observer.observe(el);
            });

            /* --- 7. FORMAT LABELS (UPDATED to include Sections 18 & 19) --- */
            function formatTextLabels() {
                var inputs = document.querySelectorAll('#cid_4 input[type="checkbox"], #cid_5 input[type="radio"], #cid_18 input[type="checkbox"], #cid_19 input[type="checkbox"]');

                inputs.forEach(function(input) {
                    var rawText = input.value; 
                    if(!rawText) return;

                    var labelId = 'label_' + input.id; 
                    var label = document.getElementById(labelId);
                    if (!label) {
                        label = document.querySelector('label[for="' + input.id + '"]');
                    }

                    if (label) {
                        var parts = rawText.split('/n');
                        var mainText = parts[0].trim();
                        var subText = parts.length > 1 ? parts[1].trim() : "";

                        // Regex looks for " - $100" or " $100" at the end
                        var amountRegex = /\\s*[-—–]?\\s*(\\$[\\d,]+(\\.\\d{2})?\\.?)\\s*$/;
                        var match = mainText.match(amountRegex);

                        var title = mainText;
                        var amount = "";

                        if (match) {
                            amount = match[1]; 
                            title = mainText.substring(0, match.index).trim();
                        }

                        var finalHtml = '<span style="display:block; font-size: 1.2rem; font-weight: 700;">' + title + '</span>';

                        if (amount) {
                            finalHtml += '<span style="display:block; font-size: 1.4rem; font-weight: 800; color: #3a40af; margin: 5px 0;">' + amount + '</span>';
                        }

                        if (subText) {
                            finalHtml += '<span style="display:block; font-size: 1.2rem; color: #666; font-weight: 400; line-height: 1.3; margin-top: 5px;">' + subText + '</span>';
                        }

                        label.innerHTML = finalHtml;
                        label.style.textAlign = "center";
                    }
                });
            }

            formatTextLabels();
            setTimeout(formatTextLabels, 500);

        });
    }
</script><title>
	Planned Giving Videos - Chabad of Port Orange
</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.Chabadportorange.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Port Orange</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 type="text/css">
	.cco_templateless_template,
	.cco_templateless_template a {
		background: #6C0647;
	}
.sidebar-ads co\:item {
    padding: 3%;
    text-align: center;
    background: #690645;
    display: block;
    margin-bottom: 3%
}

.section_root .sidebar-ads co\:item {
    float: left;
    width: 315px;
    padding: 12px 0;
    text-align: center;
    background: #690645;
    display: block;
    margin-left: 15px
}

body.mobile.section_root .sidebar-ads co\:item {
    float: none;
    display: block;
    width: 100%;
    margin: 5px 0
}

.section_root .sidebar-ads co\:item:first-child {
    margin: 0
}

.sidebar-ads co\:item a {
    text-decoration: none;
    position: absolute;
    width: 283px;
    height: 167px
}

.sidebar-ads co\:item img {
    width: 90%
}

.sidebar-ads co\:item .caption {
    font: 12px/18px Merriweather, times, serif;
    color: #a7a6a2;
    margin-top: 15px
}
co\:item {display:unset!important}
</style>
<div id="chabad_body_page">
<div id="chabad_main_content" class="container">


<div id="chabad_head" class="header">



<div class="chabad_header header-logo" data-href="/6993434">
<a href="/6993434" class="header-title" title="Planned Giving">
<span>
Planned Giving to Chabad
</span></a>
<div class="header-subtitle">
<a href="/6993434" class="header-subtitle" style="text-decoration:none">
Make Your Legacy a Jewish Future
</a>
</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow">
<a href="/article.asp?aid=6993435" class="parent arrow">Why Giving Matters</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993436">Changing Jewish Destiny</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993437">Chabad In The News</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993438">The Rebbe's Mandate</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993439">Giving In Jewish Tradition</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993440">Donor Stories</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=6993448" class="parent arrow selected">Ways To Give</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993449">Bequest</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993450">Charitable Gift Annuity</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993451">Real Estate</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993452">Life Insurance</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993453">Charitable Trusts</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993454">Retirement Plans</a>
</li>
<li class="item last selected">
<a href="/article.asp?aid=6993455">Planned Giving Videos</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993457" class="parent arrow">Gratitude</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993458">Jewish Legacy Society</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993459">My Story</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993461" class="parent arrow">Resources</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993462">Bequest Form</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993463">Frequently Asked Questions</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993464">Advisor Information</a>
</li>
<li class="item">
<a href="/article.asp?aid=6993465">Planned Giving Council</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993466">Glossary of Terms</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6993467" class="parent arrow">Contact</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6993468">Contact Us</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6993469">Share Your Story</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>



</div>

<div class="break_floats" ></div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" 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">Planned Giving Videos</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="Planned Giving Videos" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2025-08-13T15:08:14" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Port Orange" />
	<meta itemprop="brand" content="Chabad of Port Orange" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1240/kKWp12408927.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-08-13T15:08:14" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf"><Psk><a name="6993456"></a><style type="text/css">
/**/        .video-content {
                position: absolute;
                display: none;
                padding: 0px;
                background: #ffffff;
z-index:9999;
wid!th:800px;
height:auto;
background-color: black;
        }
        
        .video-thumb {
                float: left;
                width: 47%;
                margin: 1.5%;
                text-align: center;
                cursor: pointer;
        }
        .video-thumb img {width:230px}
        .close-it {
                cursor: pointer;
                position: absolute;
								right:0;
								top:0;
								z-index:2;
                fo!nt-size:24px;
                fo!nt-weight: bold;
                co!lor:#900;
margin-right:-14px;
margin-top:-15px;
background-image:url(https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/close_button.png);
height: 25px;
width: 29px;
        }
/**/</style>

<script type="text/javascript">
jQuery(function($) {
			
			$(".video-thumb[rel]").overlay({mask: '#000000'});
			$(".video-thumb[rel]")[0].click();
			//$('.close-it').click(function(){
//					$(this).parent().hide();
//					$('#exposeMask').hide();
//				});
		});
	</script> 
<div class="video-thumb" rel="#Newman-Bequest"><img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/video-thumb_Newman2.jpg" title="Bequest" alt=""> 
<p class="caption">Bequest</p>
      </div>
<div class="video-thumb" rel="#Newman-Real-Estate"><img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/video-thumb_Newman2.jpg" title="Real Estate" alt=""> 
<p class="caption">Real Estate</p>
      </div>
<div class="clear"> </div>
<div class="video-thumb" rel="#Barth-Life-Insurance"><img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/video-thumb_Barth2.jpg" title="Life Insurance" alt=""> 
<p class="caption">Life Insurance</p>
      </div>
<div class="video-thumb" rel="#Barth-Retirement-Plan"><img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/video-thumb_Barth2.jpg" title="Retirement Plan" alt=""> 
<p class="caption">Retirement Plan</p>
      </div>
<div class="clear"> </div>
<div class="video-content" id="Barth-Retirement-Plan">
        <div class="close-it close"></div>

<div class="player_wrapper hide_for_print" style="text-align:center;">
	
	
	<div id="PlayerArea-2745620" class="player_area">
		
	</div>
	
	
		<script type="text/javascript">
			$j(function() {
				var player = new Co.MediaPlayer(Co.MediaPlayer.Instances.Length, "");
				player.IsLocalEmbed = true;
				player.CdnDomain = 'https://w2.chabad.org';
				player.Domain = Co.Request.ServerName;
				player.ArticleId = '2745620';
				player.AvailableMediaTypes = {};

				player.Width = Co.BrowserInfo.IsMobileDevice() ? "auto" : '684';
				player.Height = Co.BrowserInfo.IsMobileDevice() ? "auto" : '385';
				player.HideBanner = false;

				player.AutoStart = true;
				
				player.StartTime = 0 || player.StartTime;
				player.AllowFullScreen = true;
				player.DisableAutoplayFeature = false;
				
						player.AvailableMediaTypes['html5'] = new Co.MediaPlayer.MediaInfo('html5', '8523737', Co.BrowserInfo.IsMobileDevice() ? "auto" : '684', Co.BrowserInfo.IsMobileDevice() ? "auto" : '385', [0, 0, 0]);
						player.MediaInfo = Co.MediaInfo["item2745620"];
					
					player.Load("PlayerArea-2745620");
				
			});
		</script>
	
</div>
      </div>
<div class="video-content" id="Barth-Life-Insurance">
        <div class="close-it close"></div>

<div class="player_wrapper hide_for_print" style="text-align:center;">
	
	
	<div id="PlayerArea-2745621" class="player_area">
		
	</div>
	
	
		<script type="text/javascript">
			$j(function() {
				var player = new Co.MediaPlayer(Co.MediaPlayer.Instances.Length, "");
				player.IsLocalEmbed = true;
				player.CdnDomain = 'https://w2.chabad.org';
				player.Domain = Co.Request.ServerName;
				player.ArticleId = '2745621';
				player.AvailableMediaTypes = {};

				player.Width = Co.BrowserInfo.IsMobileDevice() ? "auto" : '684';
				player.Height = Co.BrowserInfo.IsMobileDevice() ? "auto" : '385';
				player.HideBanner = false;

				player.AutoStart = true;
				
				player.StartTime = 0 || player.StartTime;
				player.AllowFullScreen = true;
				player.DisableAutoplayFeature = false;
				
						player.AvailableMediaTypes['html5'] = new Co.MediaPlayer.MediaInfo('html5', '8523741', Co.BrowserInfo.IsMobileDevice() ? "auto" : '684', Co.BrowserInfo.IsMobileDevice() ? "auto" : '385', [0, 0, 0]);
						player.MediaInfo = Co.MediaInfo["item2745621"];
					
					player.Load("PlayerArea-2745621");
				
			});
		</script>
	
</div>
      </div>
<div class="video-content" id="Newman-Real-Estate">
        <div class="close-it close"></div>

<div class="player_wrapper hide_for_print" style="text-align:center;">
	
	
	<div id="PlayerArea-2745624" class="player_area">
		
	</div>
	
	
		<script type="text/javascript">
			$j(function() {
				var player = new Co.MediaPlayer(Co.MediaPlayer.Instances.Length, "");
				player.IsLocalEmbed = true;
				player.CdnDomain = 'https://w2.chabad.org';
				player.Domain = Co.Request.ServerName;
				player.ArticleId = '2745624';
				player.AvailableMediaTypes = {};

				player.Width = Co.BrowserInfo.IsMobileDevice() ? "auto" : '684';
				player.Height = Co.BrowserInfo.IsMobileDevice() ? "auto" : '385';
				player.HideBanner = false;

				player.AutoStart = true;
				
				player.StartTime = 0 || player.StartTime;
				player.AllowFullScreen = true;
				player.DisableAutoplayFeature = false;
				
						player.AvailableMediaTypes['html5'] = new Co.MediaPlayer.MediaInfo('html5', '8523747', Co.BrowserInfo.IsMobileDevice() ? "auto" : '684', Co.BrowserInfo.IsMobileDevice() ? "auto" : '385', [0, 0, 0]);
						player.MediaInfo = Co.MediaInfo["item2745624"];
					
					player.Load("PlayerArea-2745624");
				
			});
		</script>
	
</div>
      </div>
<div class="video-content" id="Newman-Bequest">
        <div class="close-it close"></div>

<div class="player_wrapper hide_for_print" style="text-align:center;">
	
	
	<div id="PlayerArea-2745626" class="player_area">
		
	</div>
	
	
		<script type="text/javascript">
			$j(function() {
				var player = new Co.MediaPlayer(Co.MediaPlayer.Instances.Length, "");
				player.IsLocalEmbed = true;
				player.CdnDomain = 'https://w2.chabad.org';
				player.Domain = Co.Request.ServerName;
				player.ArticleId = '2745626';
				player.AvailableMediaTypes = {};

				player.Width = Co.BrowserInfo.IsMobileDevice() ? "auto" : '684';
				player.Height = Co.BrowserInfo.IsMobileDevice() ? "auto" : '385';
				player.HideBanner = false;

				player.AutoStart = true;
				
				player.StartTime = 0 || player.StartTime;
				player.AllowFullScreen = true;
				player.DisableAutoplayFeature = false;
				
						player.AvailableMediaTypes['html5'] = new Co.MediaPlayer.MediaInfo('html5', '8523751', Co.BrowserInfo.IsMobileDevice() ? "auto" : '684', Co.BrowserInfo.IsMobileDevice() ? "auto" : '385', [0, 0, 0]);
						player.MediaInfo = Co.MediaInfo["item2745626"];
					
					player.Load("PlayerArea-2745626");
				
			});
		</script>
	
</div>
      </div>
<div id="exposeMask"> </div></Psk></div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993449/jewish/Bequest.htm" data-aid="6993449">Bequest</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993450/jewish/Charitable-Gift-Annuity.htm" data-aid="6993450">Charitable Gift Annuity</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993451/jewish/Real-Estate.htm" data-aid="6993451">Real Estate</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993452/jewish/Life-Insurance.htm" data-aid="6993452">Life Insurance</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993453/jewish/Charitable-Trusts.htm" data-aid="6993453">Charitable Trusts</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6993454/jewish/Retirement-Plans.htm" data-aid="6993454">Retirement Plans</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div><div class="co_section">
<div class="co_section_head">
<div>In this Section</div>
</div>
<div class="co_section_body">
<div class="co_section_gradient">
<div class="co_section_text">
<div class="item first">
<span>●</span>
<a href="/article.asp?aid=6993449">Bequest</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993450">Charitable Gift Annuity</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993451">Real Estate</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993452">Life Insurance</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993453">Charitable Trusts</a>
</div>
<div class="item">
<span>●</span>
<a href="/article.asp?aid=6993454">Retirement Plans</a>
</div>
<div class="item last">
<span>●</span>
<a href="/article.asp?aid=6993455">Planned Giving Videos</a>
</div>
</div>
</div>
</div>
<div class="co_section_footer" ></div>
</div>
<div class="chabad_right_column">
<div class="caption" id="contact-address">

<p>Rabbi Menachem Mendel Niasoff<br/> Chabad of Port Orange<br/> 3930 S Nova Road, Port Orange<br/> Port Orange, FL, 32127<br/> 
<a href="tel:386-679-5765">                                             386-679-5765</a><br/>Rabbi@Chabadportorange.com</p>
</div>

<ul class="sidebar-ads">


<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993436" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-jewish-destiny.png" alt="Changing Jewish Destiny" border="0" />

<div class="caption">
Changing Jewish Destiny
</div>

</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993459" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-testimony.png" border="0" />

<div class="caption">
My Story
</div>
</co:item>



<co:item style="display: list-item;" xmlns:co="www1.chabadonline.com/alpha1">

<a href="/6993455" ></a>


<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/plannedgiving/sidebar-thumbs-planned-giving.png" border="0" />

<div class="caption">
Planned Giving Videos
</div>

</co:item>


</ul>


</div>
</div>
</div>
<div id="border_bottom" ></div>
</div>
<!-- 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.chabadportorange.com%2ftemplates%2farticlecco_cdo%2faid%2f6993455%2fjewish%2fPlanned-Giving-Videos.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=Planned+Giving+Videos+-+Chabad+of+Port+Orange&amp;url=https%3a%2f%2fwww.chabadportorange.com%2ftemplates%2farticlecco_cdo%2faid%2f6993455%2fjewish%2fPlanned-Giving-Videos.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=Planned+Giving+Videos+-+Chabad+of+Port+Orange https%3a%2f%2fwww.chabadportorange.com%2ftemplates%2farticlecco_cdo%2faid%2f6993455%2fjewish%2fPlanned-Giving-Videos.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.chabadportorange.com%2ftemplates%2farticlecco_cdo%2faid%2f6993455%2fjewish%2fPlanned-Giving-Videos.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Planned+Giving+Videos+-+Chabad+of+Port+Orange">
				<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, 6993448);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 Port Orange</span>
		<div class="footer-address">
			<span class="footer-street">5800 Spruce Creek Woods Drive </span>
			<span class="footer-city-state">Port Orange, FL 32127</span>
		</div>
			<span>386-679-5765</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>
document.addEventListener('DOMContentLoaded', function prefillLinks() {
    var pathArray = window.location.pathname.split("/");

    var donateCdoPresent = pathArray.includes("donate_cdo");
    var chaiIndex = pathArray.indexOf("chai");

    if (donateCdoPresent && chaiIndex !== -1 && (chaiIndex + 1) < pathArray.length) {
        var type = pathArray[chaiIndex];
        var number = pathArray[chaiIndex + 1];

        if (type === "chai") {
            var style = document.createElement("style");
            style.textContent = `
                #donate-wrapper main .custom-amount-wrapper {
                    box-shadow: none;
                    border: solid #5c5c86 1px;
                    border-radius: 5px;
                }
                main.donate-content {
                    background: #f1f2f4;
                }
                .field-wrapper input:not([type=checkbox]) {
                    box-shadow: none;
                    border: solid 1px #5c5c86;
                    border-radius: 5px;
                }
                #donate-wrapper main form .content-box .row .col .field-wrapper select,
                #donate-wrapper main form .content-box .row .col .field-wrapper textarea {
                    border-radius: 5px;
                    box-shadow: none;
                    border: solid 1px #5c5c86;
                }
                button.donate-button.js-donate-button.js-disable-after-submit {
                    background-color: #57b9b3 !important;
                    padding: 15px !important;
                    margin: auto !important;
                    display: flex;
                    justify-content: center;
                    margin-top: 20px !important;
                    width: 200px !important;
                }
                section#donate {
                    width: 100% !important;
                    max-width: none !important;
                    height: 100% !important;
                    max-height: none !important;
                    margin: 0px !important;
                    background-color: #eee !important;
                }
            `;
            document.head.appendChild(style);

            var mainHeading = document.querySelector("#donate-wrapper main h1");
            if (mainHeading) {
                mainHeading.textContent = "Complete your monthly Chai Club Donation below!";
            }

            var amount = document.querySelector(".custom-amount");
            if (amount) {
                amount.value = number;
                // Trigger an input event so any native form validation or logic picks up the change
                amount.dispatchEvent(new Event('input', { bubbles: true }));
            }


            var notesFieldWrapper = document.querySelector("#notes");
            if (notesFieldWrapper) {
                var fieldWrapperContainer = notesFieldWrapper.closest(".field-wrapper");
                if (fieldWrapperContainer) {
                    var chaiClubField = document.createElement("input");
                    chaiClubField.type = "hidden";
                    chaiClubField.name = "chai_club";
                    chaiClubField.value = "yes";
                    fieldWrapperContainer.parentNode.insertBefore(chaiClubField, fieldWrapperContainer);
                }
            }

            // Timeouts are still necessary here given the dynamic nature of the page
            setTimeout(function () {
                var monthlyOption = document.querySelector("#frequency-toggle .js-monthly");
                if (monthlyOption) {
                    monthlyOption.click();
                }

                setTimeout(function () {
                    var nextButton = document.querySelector("button.next-button.js-next-button");
                    if (nextButton) {
                        nextButton.click();
                    }

                    var recurringColumn = document.querySelector(".col.flex-1.amounts-column.recurring");
                    if (recurringColumn) {
                        recurringColumn.style.display = "none";
                    }
                }, 100); // You can try reducing this, e.g., to 200 or 100
            }, 20); // You can try reducing this, e.g., to 50 or 20
        }
    }
});
</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 the events page HTML using promises.
             * @returns {Promise<Document | null>} A promise that resolves to a parsed HTML document or null on error.
             */
            function getEventsPage() {
                // Using a cache-busting parameter to ensure fresh data is fetched.
                const url = 'https://www.chabadportorange.com/templates/events.htm?t=' + new Date().getTime();
                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:", error);
                        return null;
                    });
            }

            /**
             * A robust function to parse date strings like "Month Day, Year".
             * @param {string} dateStr - The date string (e.g., "July 29, 2025").
             * @returns {Date | null} A Date object or null if invalid.
             */
            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;

                // Clean the date string by removing commas and extra spaces.
                const cleanedStr = dateStr.replace(/,/g, '').trim().replace(/\s+/g, ' ');
                const parts = cleanedStr.split(' ');

                if (parts.length < 3) {
                    console.error("Date string could not be parsed into 3 parts:", `"${dateStr}"`, "->", `"${cleanedStr}"`);
                    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 {
                    console.error("Failed to create date from parts:", {
                        month: monthName,
                        day: day,
                        year: year
                    });
                    return null;
                }
            }
            
            /**
             * Parses a time string (e.g., "7:30pm") and applies it to a given date.
             */
            function parseTime(timeString, baseDate) {
                if (!timeString) return null;
                // Updated regex to handle uppercase AM/PM and potential missing space
                const timeMatch = timeString.toLowerCase().match(/(\d{1,2}):(\d{2})?\s*(am|pm)/);
                if (!timeMatch) return null;

                let hours = parseInt(timeMatch[1], 10);
                const minutes = timeMatch[2] ? parseInt(timeMatch[2], 10) : 0;
                const ampm = timeMatch[3];

                if (ampm === 'pm' && hours < 12) hours += 12;
                if (ampm === 'am' && hours === 12) hours = 0; // Midnight case

                const newDate = new Date(baseDate);
                newDate.setHours(hours, minutes, 0, 0);
                return newDate;
            }

            /**
             * Formats a Date object for Google Calendar links.
             */
            function formatGoogleDate(date) {
                if (!date) return '';
                return date.toISOString().replace(/-|:|\.\d{3}/g, '');
            }

            /**
             * Formats a date string like "Tuesday, July 29, 2025" to "TUESDAY JULY 29".
             * @param {string} dateStr - The raw date string from the event element.
             * @returns {string} The formatted date string.
             */
            function formatEventDate(dateStr) {
                if (!dateStr) return '';
                const parts = dateStr.split(','); // e.g., ["Tuesday", " July 29", " 2025"]
                if (parts.length < 2) return dateStr; // Fallback to original if format is unexpected
                // Combine Day (parts[0]) and Month Date (parts[1])
                return `${parts[0]}${parts[1]}`.trim().toUpperCase();
            }

            /**
             * The main function to create and inject the featured events section.
             */
            const runTransformation = () => {
                getEventsPage().then(eventsDocument => {
                    if (!eventsDocument) return;

                    const today = new Date();
                    today.setHours(0, 0, 0, 0);

                    const upcomingEvents = [];
                    // Select all date group containers
                    const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));

                    for (const dateGroupEl of allDateGroups) {
                        // Stop looking for events if we already have 10
                        if (upcomingEvents.length >= 10) break;

                        const dateEl = dateGroupEl.querySelector('.date');
                        if (!dateEl) continue;

                        const dateText = dateEl.textContent.trim();
                        // Extract the part of the date string that parseRobustDate can handle (e.g., "August 2, 2025")
                        const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                        const eventDate = parseRobustDate(parsableDateText);

                        // Check if the event is in the future or today
                        if (eventDate && eventDate >= today) {
                            // Find all individual events within this date group
                            const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                            individualEventsInGroup.forEach(eventEl => {
                                // Add event to our list, but don't exceed 10
                                if (upcomingEvents.length < 10) {
                                    // Store the full date string on the element itself so we can retrieve it later
                                    eventEl.dataset.rawDate = dateText;
                                    // Store the date object (as string) for calendar links
                                    eventEl.dataset.eventDateObj = eventDate.toISOString();
                                    upcomingEvents.push(eventEl);
                                }
                            });
                        }
                    }
                    const featuredEvents = upcomingEvents;

                    if (featuredEvents.length === 0) {
                        console.log("No upcoming events found to display.");
                        return;
                    }

                    // Create a new 'div' element
                    const eventsSection = document.createElement('div');

                    // Set the class name for the element
                    eventsSection.className = 'injected-featured-events-section';

                    // Set the ID for the element
                    eventsSection.id = 'injected-upcoming-events-section';

                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                        <p>Discover what's happening at Chabad Of Port Orange.</p>
                      </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';

                        // Retrieve the date from the dataset we attached earlier
                        const rawDate = eventEl.dataset.rawDate || '';
                        const formattedDate = formatEventDate(rawDate);
                        
                        // Retrieve the date object for calendar logic
                        const eventDateObj = new Date(eventEl.dataset.eventDateObj);

                        // Get the event time
                        const timeEl = eventEl.querySelector('.event_options > div');
                        let timeText = timeEl ? timeEl.textContent.trim().toUpperCase() : '';

                        // *** MODIFICATION: Add a space before AM/PM if it's missing ***
                        if (timeText) {
                            timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        }

                        // Combine date and time for the header
                        const cardHeader = timeText ? `${formattedDate} - ${timeText}` : formattedDate;

                        const descriptionEl = eventEl.querySelector('.event_wrapper > .event_info');
                        
                        // --- *** MODIFICATION: Get innerHTML to preserve paragraphs *** ---
                        const descriptionHTML = descriptionEl ? descriptionEl.innerHTML.trim() : '<p>Join us for a wonderful event.</p>';
                        // Get text-only description for calendar links
                        const descriptionText = descriptionEl ? descriptionEl.textContent.trim() : 'Join us for a wonderful event.';

                        const imageLinkEl = eventEl.querySelector('.more_info a');
                        const imageUrl = imageLinkEl ? imageLinkEl.href : `https://placehold.co/600x400/eee/ccc?text=Event+Image`;

                        // --- *** MODIFICATION: Add 5-digit ID check 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)) { // Check if ID is exactly 5 digits
                                    learnMoreUrl = `https://www.chabadportorange.com/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    // Original logic for other cases
                                    learnMoreUrl = `https://www.chabadportorange.com/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        // --- *** MODIFICATION: Add Calendar Link Logic *** ---
                        let location = 'Chabad port Orange';
                        const locationEl = eventEl.querySelector('a[href*="maps.google.com"]');
                        if (locationEl) {
                            const tempDiv = document.createElement('div');
                            tempDiv.innerHTML = locationEl.innerHTML.replace(/<br\s*\/?>/gi, ' ');
                            location = tempDiv.textContent.replace(/\s+/g, ' ').trim();
                        }
                        
                        let googleCalLink = '';
                        const calendarLinkEl = eventEl.querySelector('a[href*="eventexport.asp"]');
                        const icsLink = calendarLinkEl ? `https://www.chabadportorange.com${calendarLinkEl.getAttribute('href')}` : null;
                        
                        if (timeText) {
                            const startTime = parseTime(timeText, eventDateObj);
                            if (startTime) {
                                const endTime = new Date(startTime.getTime() + 90 * 60000); // Assume 90 min duration
                                const googleDates = formatGoogleDate(startTime) + '/' + formatGoogleDate(endTime);
                                const params = new URLSearchParams({
                                    action: 'TEMPLATE',
                                    text: title,
                                    dates: googleDates,
                                    details: descriptionText,
                                    location: location,
                                });
                                googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                            }
                        } else {
                            // --- *** NEW LOGIC for ALL-DAY events *** ---
                            // Format YYYYMMDD
                            const startDate = eventDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            // Create end date (the next day)
                            const endDateObj = new Date(eventDateObj);
                            endDateObj.setDate(endDateObj.getDate() + 1);
                            const endDate = endDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            const googleDates = `${startDate}/${endDate}`;
                            
                            const params = new URLSearchParams({
                                action: 'TEMPLATE',
                                text: title,
                                dates: googleDates,
                                details: descriptionText,
                                location: location,
                            });
                            googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                        }

                        // --- *** END MODIFICATION *** ---


                        const card = document.createElement('div');
                        card.className = 'injected-event-card';
                        // Use the new cardHeader variable
                        card.innerHTML = `
                          <div class="event-card-header">${cardHeader}</div>
                          <div class="event-card-image">
                              <img src="${imageUrl}" alt="${title}" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eee/ccc?text=Image+Not+Found';">
                          </div>
                          <div class="event-card-body">
                              <h3>${title.toUpperCase()}</h3>
                              <!-- *** MODIFICATION: Use a div to hold the description HTML *** -->
                              <div class="event-description-content">${descriptionHTML}</div>
                              
                              <!-- *** MODIFICATION: Create ONE button container *** -->
                              <div class="event-card-buttons-container">
                                <a href="${learnMoreUrl}" class="event-card-button">Learn More →</a>
                                ${googleCalLink ? `<a href="${googleCalLink}" target="_blank" class="event-card-calendar-button">Add to Google Calendar</a>` : ''}
                                ${icsLink ? `<a href="${icsLink}" class="event-card-calendar-button">Add to Apple/Outlook</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';
                    // --- *** MODIFICATION: Update "View All" URL *** ---
                    viewAllCard.href = 'https://www.chabadportorange.com/templates/articlecco_cdo/aid/5972138/jewish/Programs.htm';
                    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 > 3) {
                        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();
                        // Recalculate on resize to handle responsive changes
                        window.addEventListener('resize', updateCarousel);
                    }

                    // --- *** MODIFICATION: Use a more stable selector *** ---
                    // Find the "Mailing List" widget to insert *before* it.
                    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.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.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.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(2)');
                    if (mailingListElement) {
                        // Find the parent ".hp-row" container for the mailing list
                        const targetRow = mailingListElement.closest('.hp-row');
                        if (targetRow && targetRow.parentElement) {
                            // Insert the new events section *before* the mailing list row
                            targetRow.parentElement.insertBefore(eventsSection, targetRow);
                        } else {
                            console.error("Could not find parent '.hp-row' for mailing list. Appending to body as a fallback.");
                            document.body.appendChild(eventsSection);
                        }
                    } else {
                        console.error("Target element 'div.widget-4.message.custom.feed' (mailing list) not found. Appending to body as a fallback.");
                        document.body.appendChild(eventsSection);
                    }
                    // --- *** END MODIFICATION *** ---
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap');

                    .injected-featured-events-section { padding: 60px 20px; background-color: #f0f2f5; font-family: 'Raleway', sans-serif; box-sizing: border-box; }
                    .injected-featured-events-header { text-align: center; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
                    .injected-featured-events-header h2 { font-size: 36px; font-weight: 400; color: #000076 !important; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-family: 'DM Serif Display', serif !important; }
                    .injected-featured-events-header p { font-size: 16px; color: #666; line-height: 1.6; }
                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s ease-in-out; }
                    .injected-event-card { flex: 0 0 calc(33.333% - 20px); background: transparent; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.08); box-sizing: border-box; display: flex; flex-direction: column;  border: 2px solid #000076 !important;}
                    .event-card-header { padding: 8px 15px; font-weight: 700; font-size: 12px; color: #356387; background: transparent; border-bottom: 1px solid #000076; text-align: center; white-space: nowrap; border: 1px solid #134770 !important; font-family: 'Anek Devanagari'; }
                    .event-card-image img { width: 100%; height: 200px; object-fit: cover; display: block; background-color: #eee; border: 1px solid #000076 !important; }
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    .event-card-body h3 { font-size: 16px; font-weight: 700; color: #134770; margin: 0 0 10px; height: 48px; overflow: hidden; }
                    
                    /* --- *** MODIFICATION: Replaced .event-card-body p with this block *** --- */
                    .event-description-content {
                        font-size: 15px;
                        color: #666;
                        line-height: 1.6;
                        margin: 0 0 20px;
                        flex-grow: 1;
                        /* Removed overflow: hidden to allow text to wrap and grow */
                    }
                    /* This styles any paragraphs *inside* the description */
                    .event-description-content p, .event-description-content div {
                        margin-bottom: 1em; /* Adds spacing between paragraphs */
                    }
                    .event-description-content p:last-child, .event-description-content div:last-child {
                        margin-bottom: 0; /* No margin on the very last paragraph */
                    }
                    /* --- *** END MODIFICATION *** --- */

                    /* --- *** MODIFICATION: Updated main button style *** --- */
                    .event-card-button { 
                        display: inline-block; 
                        background-color: #6B7BC0 !important; 
                        color: white; 
                        padding: 10px 20px; 
                        border-radius: 5px; 
                        text-decoration: none; 
                        font-weight: 800; 
                        transition: background-color 0.2s, border-color 0.2s; 
                        font-size: 13.88px; 
                        line-height: 140%; 
                        border: 1px solid #b99362;
                        text-align: center;
                    }
                    .event-card-button:hover { 
                        background-color: #C9CEE6 !important;; 
                        border-color: #a38258;
                    }
                    
                    /* --- *** MODIFICATION: Add styles for button container & calendar buttons *** --- */
                    .event-card-buttons-container {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                        align-items: center;
                        margin-top: auto; /* Pushes the container to the bottom */
                        padding-top: 15px;
                        border-top: 1px solid #eee;
                    }
                    .event-card-calendar-button {
                        padding: 10px 20px;
                        border-radius: 5px;
                        text-align: center;
                        cursor: pointer;
                        transition: background-color 0.3s ease, border-color 0.3s ease;
                        text-decoration: none !important;
                        display: inline-block;
                        font-size: 13.88px;
                        font-weight: 800;
                        line-height: 140%;
                        color: #134770;
                        background-color: white;
                        border: 1px solid #134770;
                        box-sizing: border-box;
                    }
                    .event-card-calendar-button:hover {
                       background-color: #80808054;
                    }
                    /* --- *** END MODIFICATION *** --- */

                    .events-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 44px; height: 44px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #333; z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: white; transform: translateY(-50%) scale(1.05); }
                    .events-carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    /* Styles for the 'View All' card */
                    .view-all-card { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; background-color: #e8ebee; transition: background-color 0.3s, box-shadow 0.3s; }
                    .view-all-card:hover { background-color: #dbe0e6; box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
                    .view-all-card .view-all-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
                    .view-all-card .view-all-content h3, .view-all-card .view-all-content p { height: auto; overflow: visible; margin: 0; }
                    .view-all-card .view-all-content h3 { font-size: 24px; font-weight: 900; color: #2F3C4D; margin-bottom: 5px; text-transform: uppercase; }
                    .view-all-card .view-all-content p { font-size: 16px; color: #666; margin-bottom: 15px; }
                    .view-all-card .view-all-arrow { font-size: 36px; font-weight: bold; color: #b99362; line-height: 1; }
                    
                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 20px; font-family: 'Raleway', sans-serif; color: #555; font-size: 14px; align-items: center; justify-content: center; gap: 8px; }
                    .mobile-swipe-hint .arrow { font-size: 18px; line-height: 1; font-weight: bold; }

                    @media (max-width: 1200px) {
                      .events-carousel-arrow.prev { left: 15px; }
                      .events-carousel-arrow.next { right: 15px; }
                    }
                    @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; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; }
                      .injected-event-card { flex-basis: 80vw; scroll-snap-align: start; }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                      
                      /* --- *** MODIFICATION: Stack buttons on mobile *** --- */
                      .event-card-buttons-container {
                          flex-direction: column;
                          align-items: stretch;
                      }
                      .event-card-button, .event-card-calendar-button {
                          width: 100%;
                      }
                    }
                  `;
                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>