PageSourceSearch

https://mychurchwebsite.com/

html mychurchwebsite.com collected 2026-09-24 10:50:35 UTC 262,941 bytes, 3,704 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4	<meta charset="UTF-8">
5<script type="text/javascript">
6/* <![CDATA[ */
7 var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); 
8/* ]]> */
9</script>
9
10
11	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />		<title>Mychurchwebsite.com - Modern Custom Church Websites Design</title>
12<meta name="dc.title" content="Mychurchwebsite.com - Modern Custom Church Websites Design" />
13<meta name="dc.description" content="We create fully custom church websites — no templates. Your church gets a dedicated project manager, designer, and developer to build a site tailored to your mission and content" />
14<meta name="dc.relation" content="https://mychurchwebsite.com" />
15<meta name="dc.source" content="https://mychurchwebsite.com" />
16<meta name="dc.language" content="en_US" />
17<meta name="description" content="We create fully custom church websites — no templates. Your church gets a dedicated project manager, designer, and developer to build a site tailored to your mission and content">
18<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
19<link rel="canonical" href="https://mychurchwebsite.com/">
20<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","name":"Mychurchwebsite.com - Beautiful Custom Church Websites Design | Apps &amp; Live Streaming","alternateName":"Beautiful Custom Church Websites Design | Live Video Streaming","description":"Modern custom church websites design (no templates) with advanced sermon manager, live video streaming, mobile apps, event registrations, church online giving, calendar, and more","url":"https:\/\/mychurchwebsite.com","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mychurchwebsite.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
20
21<meta property="og:url" content="https://mychurchwebsite.com">
22<meta property="og:site_name" content="Beautiful Custom Church Websites Design | Live Video Streaming">
23<meta property="og:locale" content="en_US">
24<meta property="og:type" content="website">
25<meta property="og:title" content="Mychurchwebsite.com - Modern Custom Church Websites Design">
26<meta property="og:description" content="We create fully custom church websites — no templates. Your church gets a dedicated project manager, designer, and developer to build a site tailored to your mission and content">
27<meta property="og:image" content="https://mychurchwebsite.com/wp-content/uploads/sample10.jpg">
28<meta property="og:image:secure_url" content="https://mychurchwebsite.com/wp-content/uploads/sample10.jpg">
29<meta property="og:image:width" content="346">
30<meta property="og:image:height" content="428">
31<meta property="og:image:alt" content="sample10">
32<meta name="twitter:card" content="summary">
33<meta name="twitter:title" content="Mychurchwebsite.com - Modern Custom Church Websites Design">
34<meta name="twitter:description" content="We create fully custom church websites — no templates. Your church gets a dedicated project manager, designer, and developer to build a site tailored to your mission and content">
35<meta name="twitter:image" content="https://mychurchwebsite.com/wp-content/uploads/sample10.jpg">
36<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"Mychurchwebsite.com","url":"https:\/\/mychurchwebsite.com","alternateName":"Beautiful Custom Church Websites Design | Live Video Streaming","description":"Beautiful Custom Church Websites Design | Live Video Streaming","sameAs":["https:\/\/www.facebook.com\/Mychurchwebsitecom\/"],"contactPoint":[{"@type":"ContactPoint","contactType":"customer support"}]}</script>
36
37<style id='wpseopress-local-business-style-inline-css' type='text/css'>
38span.wp-block-wpseopress-local-business-field{margin-right:8px}
39
40</style>
41<style id='font-awesome-svg-styles-default-inline-css' type='text/css'>
42.svg-inline--fa {
43  display: inline-block;
44  height: 1em;
45  overflow: visible;
46  vertical-align: -.125em;
47}
48</style>
49<link rel='stylesheet' id='font-awesome-svg-styles-css' href='https://mychurchwebsite.com/wp-content/uploads/font-awesome/v5.13.0/css/svg-with-js.css' type='text/css' media='all' />
50<style id='font-awesome-svg-styles-inline-css' type='text/css'>
51   .wp-block-font-awesome-icon svg::before,
52   .wp-rich-text-font-awesome-icon svg::before {content: unset;}
53</style>
54<style id='classic-theme-styles-inline-css' type='text/css'>
55/*! This file is auto-generated */
56.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
57</style>
58<style id='global-styles-inline-css' type='text/css'>
59body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
59--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
59.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
60.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
61:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
62:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
63.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
64</style>
65<link rel='stylesheet' id='calendar-cards-font-css' href='https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&#038;display=swap' type='text/css' media='all' />
66<link rel='stylesheet' id='calendar-cards-css' href='https://mychurchwebsite.com/wp-content/plugins/calendar-cards/assets/calendar-cards.css?ver=2.2.3' type='text/css' media='all' />
67<link rel='stylesheet' id='style-name-css' href='https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/style.css?ver=6.5.3' type='text/css' media='all' />
68<link rel='stylesheet' id='main-style-css' href='https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/style1.css?ver=1780159566' type='text/css' media='all' />
69<link rel='stylesheet' id='font-awesome-official-css' href='https://use.fontawesome.com/releases/v5.13.0/css/all.css' type='text/css' media='all' integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous" />
70<link rel='stylesheet' id='gform_basic-css' href='https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.8.12' type='text/css' media='all' />
71<link rel='stylesheet' id='gform_theme_components-css' href='https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.8.12' type='text/css' media='all' />
72<link rel='stylesheet' id='gform_theme_ie11-css' href='https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css?ver=2.8.12' type='text/css' media='all' />
73<link rel='stylesheet' id='gform_theme-css' href='https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.8.12' type='text/css' media='all' />
74<link rel='stylesheet' id='elementor-frontend-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.23.1' type='text/css' media='all' />
75<link rel='stylesheet' id='eael-general-css' href='https://mychurchwebsite.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=5.9.26' type='text/css' media='all' />
76<link rel='stylesheet' id='eael-984-css' href='https://mychurchwebsite.com/wp-content/uploads/essential-addons-elementor/eael-984.css?ver=1773537116' type='text/css' media='all' />
77<link rel='stylesheet' id='elementor-icons-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.30.0' type='text/css' media='all' />
78<style id='elementor-icons-inline-css' type='text/css'>
79
80		.elementor-add-new-section .elementor-add-templately-promo-button{
81            background-color: #5d4fff;
82            background-image: url(https://mychurchwebsite.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/admin/images/templately/logo-icon.svg);
83            background-repeat: no-repeat;
84            background-position: center center;
85            position: relative;
86        }
87        
88		.elementor-add-new-section .elementor-add-templately-promo-button > i{
89            height: 12px;
90        }
91        
92        body .elementor-add-new-section .elementor-add-section-area-button {
93            margin-left: 0;
94        }
95
96		.elementor-add-new-section .elementor-add-templately-promo-button{
97            background-color: #5d4fff;
98            background-image: url(https://mychurchwebsite.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/admin/images/templately/logo-icon.svg);
99            background-repeat: no-repeat;
100            background-position: center center;
101            position: relative;
102        }
103        
104		.elementor-add-new-section .elementor-add-templately-promo-button > i{
105            height: 12px;
106        }
107        
108        body .elementor-add-new-section .elementor-add-section-area-button {
109            margin-left: 0;
110        }
111</style>
112<link rel='stylesheet' id='swiper-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' type='text/css' media='all' />
113<link rel='stylesheet' id='elementor-post-3331-css' href='https://mychurchwebsite.com/wp-content/uploads/elementor/css/post-3331.css?ver=1773115375' type='text/css' media='all' />
114<link rel='stylesheet' id='elementor-pro-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=3.23.0' type='text/css' media='all' />
115<link rel='stylesheet' id='jet-tabs-frontend-css' href='https://mychurchwebsite.com/wp-content/plugins/jet-tabs/assets/css/jet-tabs-frontend.css?ver=2.1.17' type='text/css' media='all' />
116<link rel='stylesheet' id='font-awesome-5-all-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.23.1' type='text/css' media='all' />
117<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.23.1' type='text/css' media='all' />
118<link rel='stylesheet' id='elementor-global-css' href='https://mychurchwebsite.com/wp-content/uploads/elementor/css/global.css?ver=1773115376' type='text/css' media='all' />
119<link rel='stylesheet' id='elementor-post-2-css' href='https://mychurchwebsite.com/wp-content/uploads/elementor/css/post-2.css?ver=1773115713' type='text/css' media='all' />
120<link rel='stylesheet' id='elementor-post-44-css' href='https://mychurchwebsite.com/wp-content/uploads/elementor/css/post-44.css?ver=1773115376' type='text/css' media='all' />
121<link rel='stylesheet' id='elementor-post-984-css' href='https://mychurchwebsite.com/wp-content/uploads/elementor/css/post-984.css?ver=1777646982' type='text/css' media='all' />
122<link rel='stylesheet' id='ubermenu-css' href='https://mychurchwebsite.com/wp-content/plugins/ubermenu/pro/assets/css/ubermenu.min.css?ver=3.4.1.1' type='text/css' media='all' />
123<link rel='stylesheet' id='ubermenu-minimal-css' href='https://mychurchwebsite.com/wp-content/plugins/ubermenu/assets/css/skins/minimal.css?ver=6.5.3' type='text/css' media='all' />
124<link rel='stylesheet' id='ubermenu-font-awesome-all-css' href='https://mychurchwebsite.com/wp-content/plugins/ubermenu/assets/fontawesome/css/all.min.css?ver=6.5.3' type='text/css' media='all' />
125<link rel='stylesheet' id='font-awesome-official-v4shim-css' href='https://use.fontawesome.com/releases/v5.13.0/css/v4-shims.css' type='text/css' media='all' integrity="sha384-/7iOrVBege33/9vHFYEtviVcxjUsNCqyeMnlW/Ms+PH8uRdFkKFmqf9CbVAN0Qef" crossorigin="anonymous" />
126<style id='font-awesome-official-v4shim-inline-css' type='text/css'>
127@font-face {
128font-family: "FontAwesome";
129font-display: block;
130src: url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot"),
131		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
132		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff2") format("woff2"),
133		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff") format("woff"),
134		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.ttf") format("truetype"),
135		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.svg#fontawesome") format("svg");
136}
137
138@font-face {
139font-family: "FontAwesome";
140font-display: block;
141src: url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.eot"),
142		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
143		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.woff2") format("woff2"),
144		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.woff") format("woff"),
145		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.ttf") format("truetype"),
146		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.svg#fontawesome") format("svg");
147}
148
149@font-face {
150font-family: "FontAwesome";
151font-display: block;
152src: url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.eot"),
153		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
154		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.woff2") format("woff2"),
155		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.woff") format("woff"),
156		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.ttf") format("truetype"),
157		url("https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-regular-400.svg#fontawesome") format("svg");
158unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F0
15875,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
159}
160</style>
161<link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=auto&#038;ver=6.5.3' type='text/css' media='all' />
162<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
162<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 162
162
163<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 163
163
164<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.12" id="gform_json-js"></script>
vendor: 1 bytes, line 164
164
165<script type="text/javascript" id="gform_gravityforms-js-extra">
166/* <![CDATA[ */
167var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
168var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
169var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
170var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
171var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
172var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"db4796cbed86ebf7a445df2c75d5df03","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
173var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":0,"iconText":"Select date"}};
174var gf_legacy_multi = {"2":"","4":"","5":""};
175var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/images"}};
176/* ]]> */
177</script>
vendor: 1 bytes, line 177
177
178<script type="text/javascript" id="gform_gravityforms-js-before">
179/* <![CDATA[ */
180
181/* ]]> */
182</script>
vendor: 1 bytes, line 182
182
183<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.12" id="gform_gravityforms-js"></script>
vendor: 1 bytes, line 183
183
184<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script>
vendor: 1 bytes, line 184
184
185<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.23.1" id="font-awesome-4-shim-js"></script>
185
186<link rel="https://api.w.org/" href="https://mychurchwebsite.com/wp-json/" /><link rel="alternate" type="application/json" href="https://mychurchwebsite.com/wp-json/wp/v2/pages/2" /><link rel="alternate" type="application/json+oembed" href="https://mychurchwebsite.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmychurchwebsite.com%2F" />
187<link rel="alternate" type="text/xml+oembed" href="https://mychurchwebsite.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmychurchwebsite.com%2F&#038;format=xml" />
188
189		<!-- GA Google Analytics @ https://m0n.co/ga -->
vendor: 66 bytes, lines 189-190
189
190		<script async src="https://www.googletagmanager.com/gtag/js?id=
190G-SVBC65JFNN
vendor: 14 bytes, lines 190-191
190"></script>
191		
191<script>
192			
vendor: 136 bytes, lines 192-195
192window.dataLayer = window.dataLayer || [];
193			function gtag(){dataLayer.push(arguments);}
194			gtag('js', new Date());
195			gtag('config', '
195G-SVBC65JFNN
vendor: 6 bytes, lines 195-196
195');
196		
196</script>
196
197
198	
198<script type='text/javascript'>
199  window.smartlook||(function(d) {
200    var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
201    var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
202    c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c);
203    })(document);
204    smartlook('init', '9b9bf1bdc0c2c1012bb50c1029d7b6cb2386cb51');
205</script>
205
206<style id="ubermenu-custom-generated-css">
207/** Font Awesome 4 Compatibility **/
208.fa{font-style:normal;font-variant:normal;font-weight:normal;font-family:FontAwesome;}
209
210/** UberMenu Responsive Styles (Breakpoint Setting) **/
211@media screen and (min-width: 1031px){
212  .ubermenu{ display:block !important; } .ubermenu-responsive .ubermenu-item.ubermenu-hide-desktop{ display:none !important; } .ubermenu-responsive.ubermenu-retractors-responsive .ubermenu-retractor-mobile{ display:none; }   /* Force current submenu always open but below others */ .ubermenu-force-current-submenu .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-submenu-drop, .ubermenu-force-current-submenu .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-submenu-drop {     display: block!important;     opacity: 1!important;     visibility: visible!important;     margin: 0!important;     top: auto!important;     height: auto;     z-index:19; }   /* Invert Horizontal menu to make subs go up */ .ubermenu-invert.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{      top:auto;      bottom:100%; } .ubermenu-invert.ubermenu-horizontal.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ transform:rotate(180deg); } /* Make second level flyouts fly up */ .ubermenu-invert.ubermenu-horizontal .ubermenu-submenu .ubermenu-item.ubermenu-active > .ubermenu-submenu-type-flyout{     top:auto;     bottom:0; } /* Clip the submenus properly when inverted */ .ubermenu-invert.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{     clip: rect(-5000px,5000px,auto,-5000px); }    /* Invert Vertical menu to make subs go left */ .ubermenu-invert.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-submenu-drop{   right:100%;   left:auto; } .ubermenu-invert.ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children > .ubermenu-target > .ubermenu-sub-indicator{   right:auto;   left:10px; transform:rotate(90deg); } .ubermenu-vertical.ubermenu-invert .ubermenu-item > .ubermenu-submenu-drop {   clip: rect(-5000px,5000px,5000px,-5000px); } /* Vertical Flyout > Flyout */ .ubermenu-vertical.ubermenu-invert.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target{   padding-left:25px; } .ubermenu-vertical.ubermenu-invert .ubermenu-item > .ubermenu-target > .ubermenu-sub-indicator {   right:auto;   left:10px;   transform:rotate(90deg); } .ubermenu-vertical.ubermenu-invert .ubermenu-item > .ubermenu-submenu-drop.ubermenu-submenu-type-flyout, .ubermenu-vertical.ubermenu-invert .ubermenu-submenu-type-flyout > .ubermenu-item > .ubermenu-submenu-drop {   right: 100%;   left: auto; }  .ubermenu-responsive-toggle{ display:none; }
213}
214@media screen and (max-width: 1030px){
215   .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper { display: block; }  .ubermenu-responsive{ width:100%; max-height:500px; visibility:visible; overflow:visible;  -webkit-transition:max-height 1s ease-in; transition:max-height .3s ease-in; } .ubermenu-responsive.ubermenu-items-align-center{     text-align:left; } .ubermenu-responsive.ubermenu{ margin:0; } .ubermenu-responsive.ubermenu .ubermenu-nav{ display:block; }  .ubermenu-responsive.ubermenu-responsive-nocollapse, .ubermenu-repsonsive.ubermenu-no-transitions{ display:block; max-height:none; }  .ubermenu-responsive.ubermenu-responsive-collapse{ max-height:none; visibility:visible; overflow:visible; } .ubermenu-responsive.ubermenu-responsive-collapse{ max-height:0; overflow:hidden !important; visibility:hidden; } .ubermenu-responsive.ubermenu-in-transition, .ubermenu-responsive.ubermenu-in-transition .ubermenu-nav{ overflow:hidden !important; visibility:visible; } .ubermenu-responsive.ubermenu-responsive-collapse:not(.ubermenu-in-transition){ border-top-width:0; border-bottom-width:0; } .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item .ubermenu-submenu{ display:none; }  .ubermenu-responsive .ubermenu-item-level-0{ width:50%; } .ubermenu-responsive.ubermenu-responsive-single-column .ubermenu-item-level-0{ float:none; clear:both; width:100%; } .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target{ border:none; box-shadow:none; } .ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout{ position:static; } .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-submenu-type-flyout .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ transform:rotate(0); right:10px; left:auto; } .ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{ width:100%; min-width:100%; max-width:100%; top:auto; left:0 !important; } .ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{ left: -1px !important; /* For borders */ } .ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item.ubermenu-column{ min-height:0; border-left:none;  float:left; /* override left/center/right content alignment */ display:block; } .ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega{     max-height:none;     height:auto;/*prevent overflow scrolling since android is still finicky*/     overflow:visible; }
215 .ubermenu-responsive.ubermenu-transition-slide .ubermenu-item.ubermenu-in-transition > .ubermenu-submenu-drop{ max-height:1000px; /* because of slide transition */ } .ubermenu .ubermenu-submenu-type-flyout .ubermenu-submenu-type-mega{ min-height:0; } .ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu.ubermenu-responsive .ubermenu-column-auto{ min-width:50%; } .ubermenu.ubermenu-responsive .ubermenu-autoclear > .ubermenu-column{ clear:none; } .ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1){ clear:both; } .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+1){ clear:none; } .ubermenu.ubermenu-responsive .ubermenu-submenu-retractor-top:not(.ubermenu-submenu-retractor-top-2) .ubermenu-column:nth-of-type(2n+2){ clear:both; }  .ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item { float: none; clear: both; width: 100%; min-width: 100%; }   .ubermenu.ubermenu-responsive .ubermenu-tabs, .ubermenu.ubermenu-responsive .ubermenu-tabs-group, .ubermenu.ubermenu-responsive .ubermenu-tab, .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel{ /** TABS SHOULD BE 100%  ACCORDION */ width:100%; min-width:100%; max-width:100%; left:0; } .ubermenu.ubermenu-responsive .ubermenu-tabs, .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel{ min-height:0 !important;/* Override Inline Style from JS */ } .ubermenu.ubermenu-responsive .ubermenu-tabs{ z-index:15; } .ubermenu.ubermenu-responsive .ubermenu-tab-content-panel{ z-index:20; } /* Tab Layering */ .ubermenu-responsive .ubermenu-tab{ position:relative; } .ubermenu-responsive .ubermenu-tab.ubermenu-active{ position:relative; z-index:20; } .ubermenu-responsive .ubermenu-tab > .ubermenu-target{ border-width:0 0 1px 0; } .ubermenu-responsive.ubermenu-sub-indicators .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab.ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator{ transform:rotate(0); right:10px; left:auto; }  .ubermenu-responsive .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel{ top:auto; border-width:1px; } .ubermenu-responsive .ubermenu-tab-layout-bottom > .ubermenu-tabs-group{ /*position:relative;*/ }   .ubermenu-reponsive .ubermenu-item-level-0 > .ubermenu-submenu-type-stack{ /* Top Level Stack Columns */ position:relative; }  .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column, .ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column-auto{ /* Stack Columns */ width:100%; max-width:100%; }   .ubermenu-responsive .ubermenu-item-mini{ /* Mini items */ min-width:0; width:auto; float:left; clear:none !important; } .ubermenu-responsive .ubermenu-item.ubermenu-item-mini > a.ubermenu-target{ padding-left:20px; padding-right:20px; }   .ubermenu-responsive .ubermenu-item.ubermenu-hide-mobile{ /* Hiding items */ display:none !important; }  .ubermenu-responsive.ubermenu-hide-bkgs .ubermenu-submenu.ubermenu-submenu-bkg-img{ /** Hide Background Images in Submenu */ background-image:none; } .ubermenu.ubermenu-responsive .ubermenu-item-level-0.ubermenu-item-mini{ min-width:0; width:auto; } .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0{ width:100%; } .ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children > .ubermenu-target > .ubermenu-sub-indicator{ right:10px; left:auto; transform:rotate(0); } .ubermenu-vertical .ubermenu-item.ubermenu-item-level-0.ubermenu-relative.ubermenu-active > .ubermenu-submenu-drop.ubermenu-submenu-align-vertical_parent_item{     top:auto; }   .ubermenu.ubermenu-responsive .ubermenu-tabs{     position:static; } /* Tabs on Mobile with mouse (but not click) - leave space to hover off */ .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="mouseover"] .ubermenu-tab-content-panel, .ubermenu:not(.ubermenu-is-mobile):not(.ubermenu-submenu-indicator-closes) .ubermenu-submenu .ubermenu-tab[data-ubermenu-trigger="hover_intent"] .ubermenu-tab-content-panel{     margin-left:6%; width:94%; min-width:94%; }  /* Sub indicator close visibility */ .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator-close{ display:block; } .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator{ display:none; }  .ubermenu-responsive-toggle{ display:block; }
216}
217@media screen and (max-width: 480px){
218  .ubermenu.ubermenu-responsive .ubermenu-item-level-0{ width:100%; } .ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu.ubermenu-responsive .ubermenu-column-auto{ min-width:100%; } .ubermenu .ubermenu-autocolumn:not(:first-child), .ubermenu .ubermenu-autocolumn:not(:first-child) .ubermenu-submenu-type-stack{     padding-top:0; } .ubermenu .ubermenu-autocolumn:not(:last-child), .ubermenu .ubermenu-autocolumn:not(:last-child) .ubermenu-submenu-type-stack{     padding-bottom:0; } .ubermenu .ubermenu-autocolumn > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child{     margin-top:0; } 
219}
220
221
222/** UberMenu Custom Menu Styles (Customizer) **/
223/* main */
224 .ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; }
225 .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; }
226 .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { left:0; }
227 .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop { margin-top:0; }
228 .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:17px; color:#ffffff; padding-left:20px; padding-right:20px; }
229 .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#4e8abf; }
230 .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#4e8abf; }
231 .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator) { padding-right:35px; }
232 .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target.ubermenu-noindicator { padding-right:20px; }
233 .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-pad
233ded { padding:25px; }
234 .ubermenu .ubermenu-grid-row { padding-right:25px; }
235 .ubermenu .ubermenu-grid-row .ubermenu-target { padding-right:0; }
236 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; }
237 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#1e73be; }
238 .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#1e73be; background-color:#f4f4f4; }
239 .ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { font-weight:bold; }
240 .ubermenu-main .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { color:#000000; }
241
242
243/** UberMenu Custom Menu Item Styles (Menu Item Settings) **/
244/* 155 */    .ubermenu .ubermenu-item-155 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:90px; }
245/* 152 */    .ubermenu .ubermenu-item-152 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:90px; }
246/* 153 */    .ubermenu .ubermenu-item-153 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:90px; }
247/* 3275 */   .ubermenu .ubermenu-item-3275 > .ubermenu-target.ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:90px; }
248
249/* Status: Loaded from Transient */
250
251</style><meta name="generator" content="Elementor 3.23.1; features: additional_custom_breakpoints, e_lazyload; settings: css_print_method-external, google_font-enabled, font_display-auto">
252			<style>
253				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
254				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
255					background-image: none !important;
256				}
257				@media screen and (max-height: 1024px) {
258					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
259					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
260						background-image: none !important;
261					}
262				}
263				@media screen and (max-height: 640px) {
264					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
265					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
266						background-image: none !important;
267					}
268				}
269			</style>
270				
270<script type="application/ld+json">{
271    "@context": "https://schema.org",
272    "@type": "ProfessionalService",
273    "name": "MyChurchWebsite",
274    "url": "https://mychurchwebsite.com",
275    "description": "Modern Custom church website design company with exciting 2026 Horizon Church CMS software for easy editing.",
276    "foundingDate": "2004",
277    "areaServed": "US",
278    "priceRange": "$1800-$3400",
279    "serviceType": [
280        "Church Website Design",
281        "Custom Church Websites",
282        "Church CMS",
283        "Church Mobile Apps",
284        "Church Live Streaming"
285    ],
286    "knowsAbout": [
287        "church website design",
288        "church website builder",
289        "custom church websites",
290        "church CMS",
291        "Planning Center integration",
292        "church web design",
293        "church website redesign"
294    ],
295    "hasOfferCatalog": {
296        "@type": "OfferCatalog",
297        "name": "Church Website Services",
298        "itemListElement": [
299            {
300                "@type": "Offer",
301                "itemOffered": {
302                    "@type": "Service",
303                    "name": "Custom Church Website Design",
304                    "description": "Fully custom designed church website with proprietary Horizon CMS, dedicated project manager, no templates"
305                }
306            },
307            {
308                "@type": "Offer",
309                "itemOffered": {
310                    "@type": "Service",
311                    "name": "Church Mobile App"
312                }
313            },
314            {
315                "@type": "Offer",
316                "itemOffered": {
317                    "@type": "Service",
318                    "name": "Church Live Streaming"
319                }
320            }
321        ]
322    },
323    "aggregateRating": {
324        "@type": "AggregateRating",
325        "ratingValue": "5",
326        "reviewCount": "50",
327        "bestRating": "5"
328    }
329}</script>
329
330	<style>.pswp.pafe-lightbox-modal {display: none;}</style>
331<script async src='https://www.googletagmanager.com/gtag/js?id='></script>
331<script>
332window.dataLayer = window.dataLayer || [];
333function gtag(){dataLayer.push(arguments);}gtag('js', new Date());
334window.addEventListener('load', function () {
335    var links = document.querySelectorAll('a');
336    for (let i = 0; i < links.length; i++) {
337        links[i].addEventListener('click', function(e) {
338            var n = this.href.includes('mychurchwebsite.com');
339            if (n == false) {
340                gtag('event', 'click', {'event_category': 'external links','event_label' : this.href});
341            }
342        });
343        }
344    });
345    
346 gtag('config', '' , {});
347
348</script>
348
349</head>
350<body class="home page-template page-template-home page-template-home-php page page-id-2 page-home elementor-default elementor-kit-3331 elementor-page elementor-page-2">
351		<div data-elementor-type="header" data-elementor-id="44" class="elementor elementor-44 elementor-location-header" data-elementor-post-type="elementor_library">
352					<header class="elementor-section elementor-top-section elementor-element elementor-element-6d7cc1f4 elementor-section-content-middle elementor-section-stretched elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="6d7cc1f4" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}">
353						<div class="elementor-container elementor-column-gap-no">
354					<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-5528998f" data-id="5528998f" data-element_type="column">
355			<div class="elementor-widget-wrap elementor-element-populated">
356						<div class="elementor-element elementor-element-3b92390 elementor-widget elementor-widget-text-editor" data-id="3b92390" data-element_type="widget" id="logo" data-widget_type="text-editor.default">
357				<div class="elementor-widget-container">
358							<p><a href="/index.php"><b><img class="alignleft wp-image-1883 size-full" src="https://mychurchwebsite.com/wp-content/uploads/my-church-website-logo-icon.jpg" alt="my church website design" width="37" height="35" />mychurch</b>website</a></p>						</div>
359				</div>
360					</div>
361		</div>
362				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-10baf523" data-id="10baf523" data-element_type="column">
363			<div class="elementor-widget-wrap elementor-element-populated">
364						<div class="elementor-element elementor-element-c4199dc elementor-widget elementor-widget-shortcode" data-id="c4199dc" data-element_type="widget" data-widget_type="shortcode.default">
365				<div class="elementor-widget-container">
366					<div class="elementor-shortcode">
367<!-- UberMenu [Configuration:main] [Theme Loc:] [Integration:api] -->
368<a class="ubermenu-responsive-toggle ubermenu-responsive-toggle-main ubermenu-skin-minimal ubermenu-loc- ubermenu-responsive-toggle-content-align-left ubermenu-responsive-toggle-align-full " data-ubermenu-target="ubermenu-main-2"><i class="fas fa-bars"></i>Menu</a><nav id="ubermenu-main-2" class="ubermenu ubermenu-nojs ubermenu-main ubermenu-menu-2 ubermenu-responsive ubermenu-responsive-1030 ubermenu-responsive-collapse ubermenu-horizontal ubermenu-transition-sli
368de ubermenu-trigger-hover_intent ubermenu-skin-minimal  ubermenu-bar-align-right ubermenu-items-align-auto ubermenu-bound ubermenu-sub-indicators ubermenu-sub-indicators-align-text ubermenu-retractors-responsive ubermenu-submenu-indicator-closes"><ul id="ubermenu-nav-main-2" class="ubermenu-nav"><li id="menu-item-2434" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-home ubermenu-current-menu-item ubermenu-page_item ubermenu-page-item-2 ubermenu-current_page_item ubermenu-item-2434 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-hide-desktop" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Home</span></a></li><li id="menu-item-19" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-19 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/why-choose-us" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Why Us?</span></a></li><li id="menu-item-437" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-has-children ubermenu-item-437 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-drop ubermenu-has-submenu-mega" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/church-website-products" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Products</span><i class='ubermenu-sub-indicator fas fa-angle-down'></i></a><ul  class="ubermenu-submenu ubermenu-submenu-id-437 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width"  ><li id="menu-item-155" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-155 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://mychurchwebsite.com/church-website-products/church-website-features"><img class="ubermenu-image ubermenu-image-size-full" src="https://mychurchwebsite.com/wp-content/uploads/church-website-design-icon.png" width="80" alt="church website design icon"  /><span class="ubermenu-target-title ubermenu-target-text">Custom Church Websites</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">We create fully custom designed church websites run by our powerful but easy to use church website CMS</span></a></li><li id="menu-item-153" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-153 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" href="https://mychurchwebsite.com/church-website-products/church-mobile-app"><img class="ubermenu-image ubermenu-image-size-full" src="https://mychurchwebsite.com/wp-content/uploads/church-mobile-app-icon.png" width="80" alt="church mobile apps icon"  /><span class="ubermenu-target-title ubermenu-target-text">Mobile App</span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Offer one-button, quick access. to your most popular dynamic items for your congregation</span></a></li><li id="menu-item-152" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-152 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-image_left" target="_blank" href="https://mychurchlivestream.com#new_tab"><img class="ubermenu-image ubermenu-image-size-full" src="https://mychurchwebsite.com/wp-content/uploads/live-video-streaming-icon.png" width="80" alt="live church video streaming icon"  /><span class="ubermenu-target-title ubermenu-target-text">Live Church Video Streaming <br><font color="red"><small>Opens new website</small></font></span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Live broadcast your church service to any website or device and automatically archive for later viewing</span></a></li><li id="menu-item-3275" class="ubermenu-item ubermenu-item-type-custom ubermenu-item-object-custom ubermenu-item-3275 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-target-with-image ubermenu-item-layout-default ubermenu-item-layout-image_left" target="_blank" href="https://interactivesermonnotes.com"><img class="ubermenu-image ubermenu-image-size-full" src="https://mychurchwebsite.com/wp-content/uploads/fill-in-the-blank-sermon-notes-icon.png" width="80" alt="Fill In The Blank Sermon Notes Icon"  /><span class="ubermenu-target-title ubermenu-target-text">Digital Sermon Notes <br><font color="red"><small>Opens new website</small></font></span><span class="ubermenu-target-divider"> – </span><span class="ubermenu-target-description ubermenu-target-text">Increase giving and member engagement with our interactive sermon notes / digital bulletins.
368</span></a></li></ul></li><li id="menu-item-17" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-17 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/church-website-design-portfolio" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Portfolio</span></a></li><li id="menu-item-4521" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-4521 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/pricing" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">Pricing</span></a></li><li id="menu-item-825" class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-825 ubermenu-item-level-0 ubermenu-column ubermenu-column-auto" ><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://mychurchwebsite.com/faq" tabindex="0"><span class="ubermenu-target-title ubermenu-target-text">FAQ</span></a></li></ul></nav>
369<!-- End UberMenu -->
370</div>
371				</div>
372				</div>
373					</div>
374		</div>
375				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-cb88ea7" data-id="cb88ea7" data-element_type="column">
376			<div class="elementor-widget-wrap elementor-element-populated">
377						<div class="elementor-element elementor-element-303af1f6 elementor-align-right elementor-tablet-align-right elementor-hidden-phone elementor-hidden-tablet elementor-widget elementor-widget-button" data-id="303af1f6" data-element_type="widget" data-widget_type="button.default">
378				<div class="elementor-widget-container">
379					<div class="elementor-button-wrapper">
380			<a class="elementor-button elementor-button-link elementor-size-sm" href="#contact">
381						<span class="elementor-button-content-wrapper">
382									<span class="elementor-button-text">Contact</span>
383					</span>
384					</a>
385		</div>
386				</div>
387				</div>
388					</div>
389		</div>
390					</div>
391		</header>
392				</div>
393		
394
395
396<script>
397  window.chatwootSettings = {"position":"right","type":"expanded_bubble","launcherTitle":"Chat With Us"};
398  (function(d,t) {
399    var BASE_URL="https://app.chatwoot.com";
400    var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
401    g.src=BASE_URL+"/packs/js/sdk.js";
402    g.async = true;
403    s.parentNode.insertBefore(g,s);
404    g.onload=function(){
405      window.chatwootSDK.run({
406        websiteToken: 'LFKAkbP8sTcUHppUF9rUwbhq',
407        baseUrl: BASE_URL
408      })
409    }
410  })(document,"script");
411</script>
411
412
413
414
415
416<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Inter:wght@300;400;600;700;800;900&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
417
418
419   
420 
421
422    <main>
423	
424	
425	
426	
427        <section class="hero">
428            <div class="hero-bg">
429                <img src="https://mychurchwebsite.com/head.jpg" alt="Church worship background">
430            </div>
431            
432            <div class="container hero-content-wrapper">
433                <div class="hero-text-center">
434                    <div class="hero-heading">
435                        <span class="h-sub">Increase Visitors With</span>
436                        <span class="h-script">Beautiful</span>
437                        <h1 class="hero-main-heading">
438                            <span class="h-main-stack">
439                                <span class="h-main">Custom Church</span>
440                                <span class="h-main">Website Design</span>
441                            </span>
442                        </h1>
443                    </div>
444                    
445                  <!--  <p class="hero-description">Ditch the steep learning curve of <b>WordPress</b> and the limits of Squarespace. We pair stunning, custom design with our proprietary <strong class="text-gradient-horizon">Horizon CMS</strong>: a remarkably easy-to-use, endlessly powerful platform that brings every tool your church needs under one roof.</p>-->
446				  
447				  
448				  <p class="hero-description">You have 2 seconds to <b style="color: #7ec3e8;">catch a visitor's eye</b>. We design visually compelling church websites that grab attention instantly and <b style="color: #c8a8e5;">make visitors interested</b>, backed by a platform  <b style="color: #7ec3e8;">so simple to use</b>, your staff can update it without thinking twice.
449</p>
450				  
451				  
452                    
453                    <div class="hero-buttons">
454                        <a href="/church-website-design-portfolio" class="btn btn-blue icon-btn portfolio-btn">
455                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
456                            View Website Portfolio
457                        </a>
458                        <a href="#supportContactModal" class="btn btn-purple support-contact-trigger">Get Free Proposal w/ Quote</a>
459                    </div>
460                </div>
461            </div>
462
463            <div class="carousel-section">
464                <div class="carousel-track" id="carouselTrack">
465                   
466				   <div class="carousel-item">
467                        <div class="browser-header">
468                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
469                        </div>
470                        <div class="browser-body">
471                            <img src="https://mychurchwebsite.com/wp-content/uploads/goshen-church-front.jpg" alt="Goshen Church">
472                        </div>
473                    </div>
474					  <div class="carousel-item">
475                        <div class="browser-header">
476                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
477                        </div>
478                        <div class="browser-body">
479                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/stmatthew.jpg" alt="St Matthew">
480                        </div>
481                    </div>
482					
483					      <div class="carousel-item">
484                        <div class="browser-header">
485                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
486                        </div>
487                        <div class="browser-body">
488                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/anchor.jpg" alt="Anchor House">
489                        </div>
490                    </div>
491					
492					
493                   <div class="carousel-item">
494                        <div class="browser-header">
495                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
496                        </div>
497                        <div class="browser-body">
498                             <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/greaterb.jpg" alt="Abyssinia">
499                        </div>
500                    </div>
501					
502			
503				
504					
505					
506     
507					
508					  <div class="carousel-item">
509                        <div class="browser-header">
510                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
511                        </div>
512                        <div class="browser-body">
513                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/trinity.jpg" alt="Trinity">
514                        </div>
515                    </div>
516								
517                    <div class="carousel-item">
518                        <div class="browser-header">
519                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
520                        </div>
521                        <div class="browser-body">
522                              <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/historical.jpg" alt="Historical LA">
523                        </div>
524                    </div>
525						
526                    <div class="carousel-item">
527                        <div class="browser-header">
528                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
529                        </div>
530                        <div class="browser-body">
531                            <img src="https://mychurchwebsite.com/wp-content/uploads/unionbet1hel.jpg" alt="Union Bethel">
532                        </div>
533                    </div> 
534					
535				
536                   <div class="carousel-item">
537                        <div class="browser-header">
538                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
539                        </div>
540                        <div class="browser-body">
541                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/emmaus.jpg" alt="Emmaus">
542                        </div>
543                    </div>
544                 </div>
545            </div>
546        </section>
547		
548		
549		
550
551        <section id="why-us" class="why-us-section">
552            <div class="blobs-wrapper">
553                <div class="blob blob-blue"></div>
554                <div class="blob blob-purple"></div>
555                <div class="blob blob-pink"></div>
556            </div>
557
558            <div class="container relative z-10">
559                <div class="section-header-center">
560                    <div class="badge">
561                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
562                        No Learning Curves. No Setup Stress.
563                    </div>
564                    <h2>We do all the work. <br><span class="text-gradient">You get the results.</span></h2>
565                    <p class="why-us-copy">Want a professional, beautiful, and functional church website but feel overwhelmed by the process? That’s where we come in. We handle the heavy lifting, <span class="highlight-red">help you avoid common mistakes many churches make</span>, and build a site that achieves your goals and makes a strong first impression.</p>
566                </div>
567
568
569
570
571
572<div class="section-container">
573               
574				
575				
576				<style>
577				 /* --- CARD STYLING --- */
578  .card {
579    background: #ffffff;
580    border: 1px solid var(--card-border);
581    border-radius: 12px;
582    padding: 24px;
583    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
584    transition: transform 0.3s ease, box-shadow 0.3s ease;
585    display: flex;
586    flex-direction: column;
587    position: relative;
588    overflow: hidden; /* Important for animation containment */
589  }
590  .card:hover {
591    transform: translateY(-5px);
592    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
593  }
594  .graphic-container {
595    height: 180px;
596    border-radius: 8px;
597    margin-bottom: 24px;
598    position: relative;
599    overflow: hidden;
600  }
601  .phase-badge {
602    position: static;
603    display: inline-block;
604    align-self: flex-start;
605    background: #2563eb;
606    color: white;
607    font-size: 0.72rem;
608    font-weight: 800;
609    padding: 6px 16px;
610    border-radius: 20px;
611    text-transform: uppercase;
612    letter-spacing: 0.12em;
613    margin: 0 0 12px 0;
614    z-index: 10;
615  }
616  .card-title { font-size: 1.25rem !important; font-weight: 700; margin: 10px 0; letter-spacing: 0pt;}
617  .card-desc { color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; margin: 0; }
618
619  /* =========================================
620     ANIMATION: CARD 1 - Homepage Assembly
621  ========================================= */
622  .bg-gather { background: #f1f5f9; position: relative; overflow: hidden; }
623  .gather-scene {
624    position: relative;
625    width: 100%;
626    height: 100%;
627  }
628  .data-stream {
629    position: absolute;
630    left: 10px;
631    top: 50%;
632    transform: translateY(-50%);
633    width: 50%;
634    height: 120px;
635    pointer-events: none;
636  }
637  .data-pill {
638    position: absolute;
639    left: 0;
640    padding: 4px 10px;
641    border-radius: 999px;
642    font-size: 10px;
643    font-weight: 700;
644    letter-spacing: 0.02em;
645    color: #0f172a;
646    border: 1px solid #93c5fd;
647    background: #dbeafe;
648    white-space: nowrap;
649    opacity: 0;
650    animation: feedToBox 7.8s linear infinite;
651  }
652  .dp-1 { top: 8px; animation-delay: 0s; }
653  .dp-2 { top: 28px; animation-delay: 0.3s; background: #dcfce7; border-color: #86efac; }
654  .dp-3 { top: 48px; animation-delay: 0.6s; background: #fef9c3; border-color: #fde68a; }
655  .dp-4 { top: 68px; animation-delay: 0.9s; background: #fee2e2; border-color: #fca5a5; }
656  .dp-5 { top: 88px; animation-delay: 1.2s; background: #e9d5ff; border-color: #c4b5fd; }
657  .assembly-shell {
658    position: absolute;
659    top: 50%;
660    left: 80%;
661    transform: translate(-50%, -50%) scale(0.96);
662    animation: moveBoxCenter 7.8s ease-in-out infinite;
663  }
664  .assembly-box {
665    width: 280px;
666    height: 150px;
667    position: relative;
668    background: rgba(255,255,255,0.92);
669    border: 2px dashed #cbd5e1;
670    border-radius: 8px;
671    padding: 5px;
672    display: flex;
673    flex-direction: column;
674    gap: 4px;
675  }
676  .assembly-content {
677    display: flex;
678    flex-direction: column;
679    gap: 4px;
680    height: 100%;
681    opacity: 0;
682    animation: revealAssembly 7.8s linear infinite;
683  }
684  
685  /* The building blocks */
686  .web-piece {
687    background: #3b82f6;
688    border-radius: 4px;
689    opacity: 0;
690    /* Initial state: pushed up and scaled down */
691    transform: translateY(-50px) scale(0.8);
692    animation: assembleBounce 7.8s ease-in-out infinite;
693  }
694  .wp-header { height: 15%; background: #1e40af; animation-delay: 0.12s; }
695  .wp-hero   { height: 30%; animation-delay: 0.34s; }
696  .wp-body-row { height: 35%; display: flex; gap: 4px; }
697  .wp-sidebar { flex: 1; background: #60a5fa; opacity: 0; transform: translateX(-50px); animation: assembleSlideLeft 7.8s ease-in-out infinite; animation-delay: 0.56s;}
698  .wp-content { flex: 2; opacity: 0; transform: translateX(50px); animation: assembleSlideRight 7.8s ease-in-out infinite; animation-delay: 0.76s;}
699  .wp-footer { height: 15%; background: #1e3a8a; animation-delay: 1.02s; }
700
701  @keyframes feedToBox {
702    0%, 8% { opacity: 0; transform: translateX(0) scale(0.95); }
703    12%, 38% { opacity: 1; transform: translateX(0) scale(1); }
704    48% { opacity: 0; transform: translateX(245px) scale(0.72); }
705    100% { opacity: 0; transform: translateX(245px) scale(0.72); }
706  }
707  @keyframes moveBoxCenter {
708    0%, 46% { left: 80%; transform: translate(-50%, -50%) scale(0.96); }
709    62%, 100% { left: 50%; transform: translate(-50%, -50%) scale(1); }
710  }
711  @keyframes revealAssembly {
712    0%, 58% { opacity: 0; }
713    62%, 100% { opacity: 1; }
714  }
715  /* Keyframes for assembly */
716  @keyframes assembleBounce {
717    0%, 58% { opacity: 0; transform: translateY(-50px) scale(0.8); }
718    66%, 90% { opacity: 1; transform: translateY(0) scale(1); }
719    100% { opacity: 0; transform: translateY(10px); } /* Exit */
720  }
721  @keyframes assembleSlideLeft {
722    0%, 62% { opacity: 0; transform: translateX(-30px); }
723    70%, 90% { opacity: 1; transform: translateX(0); }
724    100% { opacity: 0; transform: translateX(-10px); }
725  }
726  @keyframes assembleSlideRight {
727    0%, 64% { opacity: 0; transform: translateX(30px); }
728    72%, 90% { opacity: 1; transform: translateX(0); }
729    100% { opacity: 0; transform: translateX(10px); }
730  }
731
732
733  /* =========================================
734     ANIMATION: CARD 2 - Multi-line Typing
735  ========================================= */
736  .bg-code {
737    background: radial-gradient(circle at 18% 12%, #1e293b, #0b1220 62%);
738    border: 1px solid #1e293b;
739    padding: 12px;
740    position: relative;
741  }
742  .code-editor {
743    height: 100%;
744    border: 1px solid #334155;
745    border-radius: 10px;
746    overflow: hidden;
747    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.55);
748    background: #0f172a;
749  }
750  .editor-top {
751    height: 30px;
752    background: #111827;
753    border-bottom: 1px solid #334155;
754    padding: 0 10px;
755    display: flex;
756    align-items: center;
757    justify-content: space-between;
758  }
759  .editor-dots { display: flex; gap: 6px; }
760  .editor-dot { width: 9px; height: 9px; border-radius: 50%; }
761  .editor-dot.red { background: #ef4444; }
762  .editor-dot.yellow { background: #eab308; }
763  .editor-dot.green { background: #22c55e; }
764  .editor-file {
765    color: #93c5fd;
766    font-size: 11px;
767    letter-spacing: 0.02em;
768    font-family: 'Courier New', Courier, monospace;
769  }
770  .code-screen {
771    height: calc(100% - 30px);
772    padding: 10px 8px;
773    font-family: 'Courier New', Courier, monospace;
774    font-size: 12px;
775    line-height: 1.5;
776    background:
777      linear-gradient(180deg, rgba(59, 130, 246, 0.08), transparent 35%),
778      #0b1220;
779    position: relative;
780    overflow: hidden;
781  }
782  .code-stage,
783  .build-stage {
784    position: absolute;
785    inset: 10px 8px;
786  }
787  .build-stage {
788    display: flex;
789    align-items: center;
790    justify-content: center;
791  }
792  .wireframe-pair {
793    width: 94%;
794    height: 92%;
795    display: grid;
796    grid-template-columns: 1fr 1fr;
797    gap: 8px;
798  }
799  .code-stage { opacity: 1; animation: showCodeStage 6s linear infinite; }
800  .build-stage { opacity: 0; animation: showBuildStage 6s linear infinite; }
801  .code-line {
802    display: flex;
803    align-items: baseline;
804    gap: 8px;
805    color: #e2e8f0;
806    min-height: 18px;
807  }
808  .line-no {
809    width: 16px;
810    color: #475569;
811    user-select: none;
812    text-align: right;
813    flex: 0 0 16px;
814  }
815  .line-code {
816    display: inline-block;
817    overflow: hidden;
818    white-space: nowrap;
819    width: 0;
820    max-width: calc(100% - 24px);
821    border-right: 2px solid transparent;
822  }
823  .line-1 .line-code { animation: editorLine1 6s steps(24, end) infinite; }
824  .line-2 .line-code { animation: editorLine2 6s steps(28, end) infinite; }
825  .line-3 .line-code { animation: editorLine3 6s steps(34, end) infinite; }
826  .line-4 .line-code { animation: editorLine4 6s steps(30, end) infinite; }
827
828  .tk-key { color: #93c5fd; }
829  .tk-var { color: #f8fafc; }
830  .tk-str { color: #a7f3d0; }
831  .tk-fn { color: #f9a8d4; }
832  .tk-cmt { color: #64748b; }
833
834  .layout-preview {
835    width: 100%;
836    height: 100%;
837    border: 1px solid #6366f1;
838    border-radius: 8px;
839    background: #eef2ff;
840    padding: 6px;
841    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
842    transform: translateY(10px) scale(0.96);
843    opacity: 0;
844    animation: revealLayout 6s ease-in-out infinite;
845    display: flex;
846    flex-direction: column;
847    gap: 6px;
848  }
849  .lp-header {
850    height: 12px;
851    border-radius: 4px;
852    background: linear-gradient(90deg, #a5b4fc, #60a5fa);
853    opacity: 1;
854  }
855  .lp-hero {
856    height: 40px;
857    border-radius: 5px;
858    background: linear-gradient(135deg, #6366f1, #22d3ee);
859    border: 1px solid #4f46e5;
860    opacity: 1;
861    position: relative;
862    overflow: hidden;
863  }
864  .lp-hero::after {
865    content: '';
866    position: absolute;
867    inset: 7px 8px;
868    border: 1px dashed rgba(255, 255, 255, 0.8);
869    border-radius: 4px;
870  }
871  .lp-hero::before {
872    content: '';
873    position: absolute;
874    left: 8px;
875    right: 8px;
876    top: 7px;
877    bottom: 7px;
878    background:
879      linear-gradient(30deg, transparent 49%, #94a3b8 50%, transparent 51%),
880      linear-gradient(-30deg, transparent 49%, #94a3b8 50%, transparent 51%);
881    opacity: 0.45;
882  }
883  .lp-grid {
884    display: grid;
885    grid-template-columns: 1fr 1fr;
886    gap: 6px;
887    flex: 1;
888  }
889  .lp-col {
890    border-radius: 5px;
891    background: #ffffff;
892    border: 1px solid #8b5cf6;
893    padding: 5px;
894    display: flex;
895    flex-direction: column;
896    gap: 4px;
897    opacity: 1;
898  }
899  .lp-line {
900    height: 4px;
901    border-radius: 999px;
902    border-radius: 5px;
903    background: #6366f1;
904  }
905  .lp-line.short { width: 60%; }
906  .lp-footer {
907    height: 10px;
908    border-radius: 5px;
909    background: linear-gradient(90deg, #60a5fa, #22d3ee);
910    opacity: 1;
911  }
912  .layout-preview.theme-b {
913    border-color: #0ea5e9;
914    background: #ecfeff;
915  }
916  .layout-preview.theme-b .lp-header {
917    background: linear-gradient(90deg, #34d399, #38bdf8);
918  }
919  .layout-preview.theme-b .lp-hero {
920    background: linear-gradient(135deg, #14b8a6, #3b82f6);
921    border-color: #0ea5e9;
922  }
923  .layout-preview.theme-b .lp-col {
924    border-color: #06b6d4;
925  }
926  .layout-preview.theme-b .lp-line {
927    background: #0ea5e9;
928  }
929  .layout-preview.theme-b .lp-footer {
930    background: linear-gradient(90deg, #10b981, #38bdf8);
931  }
932
933  @keyframes showCodeStage {
934    0%, 76% { opacity: 1; }
935    80%, 100% { opacity: 0; }
936  }
937  @keyframes showBuildStage {
938    0%, 76% { opacity: 0; }
939    82%, 96% { opacity: 1; }
940    100% { opacity: 0; }
941  }
942  @keyframes editorLine1 {
943    0% { width: 0; border-right-color: #60a5fa; }
944    18% { width: var(--chars, 22ch); border-right-color: #60a5fa; }
945    19%, 76% { width: var(--chars, 22ch); border-right-color: transparent; }
946    95%, 100% { width: 0; border-right-color: transparent; }
947  }
948  @keyframes editorLine2 {
949    0%, 18% { width: 0; border-right-color: transparent; }
950    18.01% { width: 0; border-right-color: #60a5fa; }
951    36% { width: var(--chars, 28ch); border-right-color: #60a5fa; }
952    37%, 76% { width: var(--chars, 28ch); border-right-color: transparent; }
953    95%, 100% { width: 0; border-right-color: transparent; }
954  }
955  @keyframes editorLine3 {
956    0%, 36% { width: 0; border-right-color: transparent; }
957    36.01% { width: 0; border-right-color: #60a5fa; }
958    54% { width: var(--chars, 34ch); border-right-color: #60a5fa; }
959    55%, 76% { width: var(--chars, 34ch); border-right-color: transparent; }
960    95%, 100% { width: 0; border-right-color: transparent; }
961  }
962  @keyframes editorLine4 {
963    0%, 54% { width: 0; border-right-color: transparent; }
964    54.01% { width: 0; border-right-color: #60a5fa; }
965    72% { width: var(--chars, 28ch); border-right-color: #60a5fa; }
966    73%, 76% { width: var(--chars, 28ch); border-right-color: transparent; }
967    95%, 100% { width: 0; border-right-color: transparent; }
968  }
969  @keyframes revealLayout {
970    0%, 80% { opacity: 0; transform: translateY(10px) scale(0.96); }
971    84%, 96% { opacity: 1; transform: translateY(0) scale(1); }
972    100% { opacity: 0; transform: translateY(6px) scale(0.98); }
973  }
974
975
976  /* =========================================
977     ANIMATION: CARD 3 - Content Populating
978  ========================================= */
979  .bg-layout { background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center;}
980  
981  .layout-grid {
982    width: 90%;
983    height: 80%;
984    display: grid;
985    grid-template-columns: 1fr 1.5fr;
986    grid-template-rows: auto 1fr;
987    gap: 10px;
988    padding: 10px;
989    border: 1px dashed #cbd5e1;
990    border-radius: 6px;
991  }
992
993  /* Common styles for populating items */
994  .pop-item {
995    border-radius: 4px;
996    opacity: 0; /* Start invisible */
997    /* Use forwards to make them stay after animation ends */
998    animation-fill-mode: forwards; 
999    animation-iteration-count: infinite;
1000    animation-duration: 4s;
1001    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
1002    display: flex;
1003    align-items: center;
1004    justify-content: center;
1005    font-size: 1.5rem;
1006  }
1007  
1008  .pop-header {
1009    grid-column: span 2;
1010    height: 30px;
1011    background: #e2e8f0;
1012    /* Fades down from top */
1013    animation-name: slideDownFade;
1014    animation-delay: 0.2s;
1015  }
1016
1017  .pop-img-left {
1018    background: #bae6fd;
1019    /* Slides in from left */
1020    animation-name: slideRightFade;
1021    animation-delay: 0.6s;
1022  }
1023  
1024  .pop-text-right {
1025    background: white;
1026    border: 1px solid #e2e8f0;
1027    padding: 8px;
1028    display: flex;
1029    flex-direction: column;
1030    gap: 6px;
1031    /* Slides in from right */
1032    animation-name: slideLeftFade;
1033    animation-delay: 1s;
1034  }
1035  /* Placeholder lines for text */
1036  .pt-line { height: 6px; background: #e2e8f0; border-radius: 4px; width: 100%; }
1037  .pt-line.short { width: 60%; }
1038
1039  /* Keyframes for population */
1040  /* Note: The '90%, 100%' hold the final state before restarting */
1041  @keyframes slideDownFade {
1042    0% { opacity: 0; transform: translateY(-20px); }
1043    20%, 90% { opacity: 1; transform: translateY(0); }
1044    100% { opacity: 0; }
1045  }
1046  @keyframes slideRightFade {
1047    0% { opacity: 0; transform: translateX(-30px); }
1048    25%, 90% { opacity: 1; transform: translateX(0); }
1049    100% { opacity: 0; }
1050  }
1051  @keyframes slideLeftFade {
1052    0% { opacity: 0; transform: translateX(30px); }
1053    35%, 90% { opacity: 1; transform: translateX(0); }
1054    100% { opacity: 0; }
1055  }
1056
1057  /* =========================================
1058     ANIMATION: CARD 4 - Search Engine Setup
1059  ========================================= */
1060  .bg-search {
1061    background: linear-gradient(180deg, #eff6ff 0%, #f8fbff 100%);
1062    padding: 18px;
1063  }
1064  .search-scene {
1065    position: relative;
1066    width: 100%;
1067    height: 100%;
1068    overflow: hidden;
1069  }
1070  .search-bar {
1071    display: flex;
1072    align-items: center;
1073    gap: 10px;
1074    height: 44px;
1075    padding: 0 14px;
1076    border-radius: 999px;
1077    background: rgba(255,255,255,0.96);
1078    border: 1px solid #bfdbfe;
1079    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.10);
1080  }
1081  .google-badge {
1082    display: inline-flex;
1083    align-items: center;
1084    justify-content: center;
1085    min-width: 46px;
1086    height: 22px;
1087    padding: 0 7px;
1088    border-radius: 50%;
1089    background: #ffffff;
1090    border: 1px solid #dbeafe;
1091    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.08);
1092    font-size: 0.92rem;
1093    font-weight: 900;
1094    line-height: 1;
1095    flex-shrink: 0;
1096    letter-spacing: -0.03em;
1097  }
1098  .google-badge .g-blue { color: #4285f4; }
1099  .google-badge .g-red { color: #ea4335; }
1100  .google-badge .g-yellow { color: #fbbc05; }
1101  .google-badge .g-green { color: #34a853; }
1102  .search-glass {
1103    width: 16px;
1104    height: 16px;
1105    border: 2px solid #2563eb;
1106    border-radius: 50%;
1107    position: relative;
1108    flex-shrink: 0;
1109  }
1110  .search-glass::after {
1111    content: "";
1112    position: absolute;
1113    width: 7px;
1114    height: 2px;
1115    background: #2563eb;
1116    border-radius: 999px;
1117    right: -5px;
1118    bottom: -2px;
1119    transform: rotate(45deg);
1120    transform-origin: center;
1121  }
1122  .search-query {
1123    width: 0;
1124    white-space: nowrap;
1125    overflow: hidden;
1126    color: #1d4ed8;
1127    font-size: 0.94rem;
1128    font-weight: 700;
1129    animation: typeQuery 4.8s ease-in-out infinite;
1130  }
1131  .search-results {
1132    position: absolute;
1133    left: 10px;
1134    right: 10px;
1135    top: 62px;
1136    bottom: 10px;
1137  }
1138  .result-card {
1139    position: absolute;
1140    left: 0;
1141    right: 0;
1142    display: flex;
1143    flex-direction: column;
1144    gap: 6px;
1145    padding: 12px 14px;
1146    border-radius: 14px;
1147    background: rgba(255,255,255,0.98);
1148    border: 1px solid #dbeafe;
1149    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.10);
1150    opacity: 0;
1151    transform: translateY(20px);
1152  }
1153  .result-card.r1 { animation: resultRise1 4.8s ease-in-out infinite; }
1154  .result-card.r2 { animation: resultRise2 4.8s ease-in-out infinite; }
1155  .result-label {
1156    width: 46%;
1157    height: 7px;
1158    border-radius: 999px;
1159    background: #93c5fd;
1160  }
1161  .result-line {
1162    height: 7px;
1163    border-radius: 999px;
1164    background: #dbeafe;
1165  }
1166  .result-line.short { width: 68%; }
1167
1168  @keyframes typeQuery {
1169    0%, 12% { width: 0; }
1170    30%, 78% { width: 19ch; }
1171    100% { width: 0; }
1172  }
1173  @keyframes resultRise1 {
1174    0%, 18% { opacity: 0; transform: translateY(22px); }
1175    28%, 78% { opacity: 1; transform: translateY(0); }
1176    100% { opacity: 0; transform: translateY(-10px); }
1177  }
1178  @keyframes resultRise2 {
1179    0%, 34% { opacity: 0; transform: translateY(22px); }
1180    44%, 84% { opacity: 1;
1180 transform: translateY(56px); }
1181    100% { opacity: 0; transform: translateY(32px); }
1182  }
1183
1184  /* =========================================
1185     ANIMATION: CARD 5 - Planning Center Setup
1186  ========================================= */
1187  .bg-planning {
1188    background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
1189    padding: 16px;
1190  }
1191  .planning-scene {
1192    position: relative;
1193    width: 100%;
1194    height: 100%;
1195  }
1196  .planning-board {
1197    position: absolute;
1198    inset: 14px 18px 18px;
1199    border-radius: 18px;
1200    background: rgba(255,255,255,0.97);
1201    border: 1px solid #c7d2fe;
1202    box-shadow: 0 16px 30px rgba(99, 102, 241, 0.12);
1203    padding: 16px;
1204    overflow: hidden;
1205  }
1206  .planning-top {
1207    display: flex;
1208    align-items: center;
1209    justify-content: space-between;
1210    margin-bottom: 12px;
1211  }
1212  .planning-title {
1213    width: 88px;
1214    height: 10px;
1215    border-radius: 999px;
1216    background: #818cf8;
1217  }
1218  .planning-live {
1219    width: 58px;
1220    height: 24px;
1221    border-radius: 999px;
1222    background: #dbeafe;
1223    position: relative;
1224    overflow: hidden;
1225  }
1226  .planning-live::before {
1227    content: "";
1228    position: absolute;
1229    top: 7px;
1230    left: 10px;
1231    width: 8px;
1232    height: 8px;
1233    border-radius: 50%;
1234    background: #ef4444;
1235    box-shadow: 0 0 0 rgba(239, 68, 68, 0.45);
1236    animation: livePulse 1.6s ease-out infinite;
1237  }
1238  .planning-grid {
1239    display: grid;
1240    grid-template-columns: 1.1fr 0.9fr;
1241    gap: 12px;
1242    align-items: stretch;
1243  }
1244  .planning-list {
1245    display: flex;
1246    flex-direction: column;
1247    gap: 8px;
1248  }
1249  .planning-row {
1250    height: 14px;
1251    border-radius: 999px;
1252    background: #e0e7ff;
1253    transform: translateX(-18px);
1254    opacity: 0;
1255    animation: rowSlide 4.2s ease-in-out infinite;
1256  }
1257  .planning-row.row-2 { width: 86%; animation-delay: 0.25s; }
1258  .planning-row.row-3 { width: 72%; animation-delay: 0.5s; }
1259  .planning-preview {
1260    position: relative;
1261    border-radius: 14px;
1262    background: linear-gradient(180deg, #dbeafe 0%, #c7d2fe 100%);
1263    min-height: 92px;
1264    overflow: hidden;
1265  }
1266  .planning-preview::before {
1267    content: "";
1268    position: absolute;
1269    inset: 14px;
1270    border-radius: 12px;
1271    background: rgba(255,255,255,0.76);
1272  }
1273  .planning-play {
1274    position: absolute;
1275    left: 50%;
1276    top: 50%;
1277    width: 42px;
1278    height: 42px;
1279    border-radius: 50%;
1280    background: #2563eb;
1281    transform: translate(-50%, -50%) scale(0.92);
1282    box-shadow: 0 12px 20px rgba(37, 99, 235, 0.25);
1283    animation: playPulse 2.4s ease-in-out infinite;
1284  }
1285  .planning-play::before {
1286    content: "";
1287    position: absolute;
1288    left: 17px;
1289    top: 12px;
1290    border-top: 9px solid transparent;
1291    border-bottom: 9px solid transparent;
1292    border-left: 13px solid #ffffff;
1293  }
1294  .planning-chip {
1295    position: absolute;
1296    display: inline-flex;
1297    align-items: center;
1298    justify-content: center;
1299    padding: 7px 10px;
1300    border-radius: 999px;
1301    font-size: 0.72rem;
1302    font-weight: 700;
1303    background: rgba(255,255,255,0.96);
1304    border: 1px solid #c7d2fe;
1305    color: #4338ca;
1306    box-shadow: 0 10px 18px rgba(99, 102, 241, 0.12);
1307  }
1308  .planning-chip.pc-chip {
1309    top: -6px;
1310    left: 4px;
1311    animation: chipFloatA 3.4s ease-in-out infinite;
1312    width: 50px;
1313    height: 50px;
1314    padding: 0;
1315    border-radius: 50%;
1316    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
1317    border: 1px solid #86efac;
1318    color: #16a34a;
1319    box-shadow: 0 12px 22px rgba(34, 197, 94, 0.22);
1320    font-size: 1.45rem;
1321    font-weight: 800;
1322    line-height: 1;
1323    z-index: 3;
1324  }
1325  @keyframes livePulse {
1326    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45); }
1327    100% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
1328  }
1329  @keyframes rowSlide {
1330    0%, 18% { opacity: 0; transform: translateX(-18px); }
1331    28%, 86% { opacity: 1; transform: translateX(0); }
1332    100% { opacity: 0; transform: translateX(10px); }
1333  }
1334  @keyframes playPulse {
1335    0%, 100% { transform: translate(-50%, -50%) scale(0.92); }
1336    50% { transform: translate(-50%, -50%) scale(1); }
1337  }
1338  @keyframes chipFloatA {
1339    0%, 100% { transform: translateY(0); }
1340    50% { transform: translateY(-6px); }
1341  }
1342  /* =========================================
1343     ANIMATION: CARD 6 - Included Add-ons
1344  ========================================= */
1345  .bg-addons {
1346    background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
1347    padding: 16px;
1348  }
1349  .addons-scene {
1350    position: relative;
1351    width: 100%;
1352    height: 100%;
1353  }
1354  .addons-shell {
1355    position: absolute;
1356    inset: 0;
1357    border-radius: 18px;
1358    background: rgba(255,255,255,0.95);
1359    border: 1px solid #dbeafe;
1360    box-shadow: 0 16px 28px rgba(37, 99, 235, 0.10);
1361    overflow: hidden;
1362    padding: 14px;
1363  }
1364  .addons-grid {
1365    display: grid;
1366    grid-template-columns: 1fr;
1367    height: 100%;
1368  }
1369  .addon-surface {
1370    position: relative;
1371    border-radius: 14px;
1372    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
1373    border: 1px solid #dbeafe;
1374    min-height: 0;
1375    padding: 12px;
1376  }
1377  .addon-label {
1378    display: inline-flex;
1379    align-items: center;
1380    justify-content: center;
1381    padding: 6px 10px;
1382    border-radius: 999px;
1383    font-size: 0.72rem;
1384    font-weight: 800;
1385    letter-spacing: 0.02em;
1386    margin-bottom: 10px;
1387  }
1388  .addon-label a {
1389    color: inherit;
1390    text-decoration: none;
1391  }
1392  .chat .addon-label {
1393    background: #eef2ff;
1394    color: #4338ca;
1395    border: 1px solid #c7d2fe;
1396  }
1397  .chat-window {
1398    position: relative;
1399    height: calc(100% - 36px);
1400    border-radius: 0;
1401    background: transparent;
1402    border: 0;
1403    box-shadow: none;
1404    padding: 8px 4px 0;
1405    overflow: hidden;
1406  }
1407  .chat-bubble {
1408    max-width: 72%;
1409    border-radius: 14px;
1410    padding: 10px 12px;
1411    margin-bottom: 10px;
1412    opacity: 0;
1413    transform: translateY(10px);
1414  }
1415  .chat-bubble.user {
1416    margin-left: auto;
1417    background: #2563eb;
1418    animation: chatBubbleIn 4.2s ease-in-out infinite;
1419  }
1420  .chat-bubble.ai {
1421    background: #eef2ff;
1422    border: 1px solid #c7d2fe;
1423    animation: chatBubbleReply 4.2s ease-in-out infinite;
1424  }
1425  .chat-line {
1426    height: 6px;
1427    border-radius: 999px;
1428    background: rgba(255,255,255,0.72);
1429    margin-bottom: 5px;
1430  }
1431  .chat-bubble.ai .chat-line {
1432    background: #93c5fd;
1433  }
1434  .chat-line.short {
1435    width: 68%;
1436  }
1437  .sparkle {
1438    position: absolute;
1439    width: 8px;
1440    height: 8px;
1441    border-radius: 50%;
1442    background: rgba(251, 146, 60, 0.7);
1443    filter: blur(0.2px);
1444  }
1445  .sparkle.s1 {
1446    top: 20px;
1447    left: 18px;
1448    animation: sparkleFloat 2.8s ease-in-out infinite;
1449  }
1450  .sparkle.s2 {
1451    top: 26px;
1452    right: 18px;
1453    animation: sparkleFloat 2.8s ease-in-out infinite 0.8s;
1454  }
1455  .sparkle.s3 {
1456    right: 18px;
1457    bottom: 18px;
1458    animation: sparkleFloat 2.8s ease-in-out infinite 1.4s;
1459  }
1460  @keyframes chatBubbleIn {
1461    0%, 16% { opacity: 0; transform: translateY(10px); }
1462    24%, 100% { opacity: 1; transform: translateY(0); }
1463  }
1464  @keyframes chatBubbleReply {
1465    0%, 36% { opacity: 0; transform: translateY(10px); }
1466    44%, 100% { opacity: 1; transform: translateY(0); }
1467  }
1468  @keyframes sparkleFloat {
1469    0%, 100% { opacity: 0.2; transform: translateY(0) scale(0.9); }
1470    50% { opacity: 1; transform: translateY(-6px) scale(1.05); }
1471  }
1472
1473
1474  /* --- RESPONSIVE --- */
1475  .heading-line-2 { white-space: nowrap; }
1476  @media (max-width: 768px) {
1477    .heading-line-2 { white-space: normal; }
1478    .section-title { font-size: 2rem; }
1479  }
1480  </style>
1481  
1482  
1483  
1484
1485
1486  
1487
1488  <div class="why-us-process-wrap">
1489    <div class="why-us-process-main">
1490      <div class="why-us-process-left">
1491        <div class="process-feature-list" aria-label="Website process overview">
1492          <div class="process-founder-card">
1493            <div class="process-founder-top">
1494              <div class="process-founder-copy">
1495                <div class="process-feature-title">Work Directly with the Founder</div>
1496                <p>You deserve to be more than a number. Work with <b>20+ year church website veteran</b> who will carefully craft your church website to inform members & help attract church visitors.</p>
1497                <div class="personal-process-signature">Mike</div>
1498                <div class="personal-process-title">Founder, MyChurchWebsite.com</div>
1499              </div>
1500            </div>
1501            <div class="process-founder-points">
1502              <div class="personal-process-point">
1503                <span class="personal-process-check" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"></path></svg></span>
1504                <span>Clear communication every step </span>
1505              </div>
1506              <div class="personal-process-point">
1507                <span class="personal-process-check" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"></path></svg></span>
1508                <span>Ongoing support whenever you need</span>
1509              </div>
1510              <div class="personal-process-point">
1511                <span class="personal-process-check" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"></path></svg></span>
1512                <span>Train team for easy updates</span>
1513              </div>
1514              <div class="personal-process-point">
1515                <span class="personal-process-check" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 4 4L19 6"></path></svg></span>
1516                <span>Add new features as you need them</span>
1517              </div>
1518            </div>
1519          </div>
1520          <div class="process-feature-item">
1521            <div class="process-feature-icon process-feature-icon-code" aria-hidden="true">
1522              <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
1523            </div>
1524            <div class="process-feature-copy">
1525  <div class="process-feature-title">Website Coding &amp; Software Setup</div>
1526  <p>We code your website design into our system and setup the tools your church needs for sermons, bulletins, newsletter, events, forms, giving, live stream, and more.</p>
1527</div>
1528            <span class="process-feature-arrow" aria-hidden="true">&rarr;</span>
1529          </div>
1530          <div class="process-feature-item">
1531            <div class="process-feature-icon process-feature-icon-content" aria-hidden="true">
1532              <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle>
1532<path d="m21 15-5-5L5 21"></path></svg>
1533            </div>
1534            <div class="process-feature-copy">
1535              <div class="process-feature-title">Content Migration &amp; Photo Setup</div>
1536              <p>We create the page layouts and handle content integration, including professional photo enhancements that make your site look polished and inviting.</p>
1537            </div>
1538            <span class="process-feature-arrow" aria-hidden="true">&rarr;</span>
1539          </div>
1540          <div class="process-feature-item">
1541            <div class="process-feature-icon process-feature-icon-seo" aria-hidden="true">
1542              <span class="process-feature-google">G</span>
1543            </div>
1544            <div class="process-feature-copy">
1545              <div class="process-feature-title">Search Engine Optimization</div>
1546              <p>We optimize the whole site for Google so your church has a stronger chance of being found by people searching in your area.</p>
1547            </div>
1548            <span class="process-feature-arrow" aria-hidden="true">&rarr;</span>
1549          </div>
1550          <div class="process-feature-item process-feature-item-planning">
1551            <div class="process-feature-icon process-feature-icon-planning" aria-hidden="true">
1552              <span class="process-feature-planning-letter">P</span>
1553            </div>
1554            <div class="process-feature-copy">
1555              <div class="process-feature-title">Planning Center &amp; YouTube Live <span class="process-feature-new">New</span></div>
1556              <p>We integrate Planning Center directly into your website and display your YouTube Live broadcast right inside your site using our custom tools.</p>
1557            </div>
1558            <span class="process-feature-arrow" aria-hidden="true">&rarr;</span>
1559          </div>
1560        </div>
1561      </div>
1562      <div class="why-us-process-right">
1563        <div class="why-us-sample-carousel-shell" id="whyUsSampleCarousel" aria-label="Sample custom church website homepage carousel">
1564          <div class="why-us-sample-carousel-track">
1565            <div class="why-us-sample-slide is-active">
1566              <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/custom-church-website-design-homepage.jpg" alt="Sample custom church website homepage" draggable="false">
1567            </div>
1568            <div class="why-us-sample-slide">
1569              <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/after1.jpg" alt="Sample custom church website layout 1" draggable="false">
1570            </div>
1571            <div class="why-us-sample-slide">
1572              <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/after2.jpg" alt="Sample custom church website layout 2" draggable="false">
1573            </div>
1574            <div class="why-us-sample-slide">
1575              <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/after3.jpg" alt="Sample custom church website layout 3" draggable="false">
1576            </div>
1577          </div>
1578          <button type="button" class="why-us-sample-arrow why-us-sample-prev" aria-label="Show previous sample website">&larr;</button>
1579          <button type="button" class="why-us-sample-arrow why-us-sample-next" aria-label="Show next sample website">&rarr;</button>
1580        </div>
1581      </div>
1582    </div>
1583  </div>
1584</div>
1585
1586            </div>
1587        </section>
1588		
1589		
1590		
1591		
1592		
1593		
1594
1595        <section id="horizon" class="horizon-section">
1596            <div class="h-bg-blob h-blob-right"></div>
1597            <div class="h-bg-blob h-blob-left"></div>
1598            
1599            <div class="container relative z-10">
1600                <div class="h-top-split">
1601     <div class="h-top-left">
1602    <div class="section-header-center h-section-header-left">
1603        <div class="badge badge-light">
1604            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>
1605            Zero Technical Skills Required
1606        </div>
1607
1608        <h3 id="horizon-section-kicker" class="h-kicker">
1609            Church Website Updates<br><span class="text-gradient">Made Simple</span>
1610        </h3>
1611
1612        <div class="h-cms-tag">
1613            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3l1.9 3.86 4.26.62-3.08 3 0.73 4.24L12 12.77 8.19 14.72l0.73-4.24-3.08-3 4.26-.62L12 3z"></path></svg>
1614            <span>Just Released in 2026</span>
1615        </div>
1616
1617        <h2 id="horizon-section-title" class="h-subtitle">
1618            The <span class="h-easiest-highlight">easiest</span> church website management system you’ll ever use.
1619        </h2>
1620
1621        <p class="h-description">
1622            Unlike <strong class="h-brand-highlight">WordPress</strong> or <strong class="h-brand-highlight">Squarespace</strong>, Horizon CMS is built specifically for churches and is much easier to use. We design and build your website, setup the tools and integrations your church needs, then launch everything inside a simple system your staff can easily update and manage moving forward.
1623        </p>
1624    </div>
1625</div>
1626<style>
1627
1628.page-home h2 {
1629	font-size: 45px !important;
1630	padding-right: 7px !important;
1631	padding-left: 7px !important;
1632}
1633
1634
1635.h-top-split {
1636    display: block;
1637    width: 100%;
1638    max-width: 1100px;
1639    margin: 0 auto 72px auto;
1640    overflow: visible;
1641}
1642
1643.h-top-left {
1644    width: 100%;
1645    min-width: 0;
1646    padding: 0;
1647}
1648
1649.h-top-right {
1650    flex: 0 0 auto;
1651    width: 1100px;          /* match your full natural size */
1652    max-width: none;
1653    overflow: hidden;
1654}
1655b,
1656strong {
1657    font-weight: 700;
1658}
1659.h-section-header-left {
1660    text-align: center;
1661    margin: 0 auto 30px;
1662}
1663.h-section-header-left .badge {
1664    margin-left: auto;
1665    margin-right: auto;
1666}
1667.h-section-header-left .h-description {
1668    margin: 0 auto;
1669}
1670.h-auto-video {
1671    width: 1100px;
1672    height: auto;
1673    display: block;
1674
1675    border: 2px solid #e2e8f0;
1676
1677    border-top-left-radius: 16px;
1678    border-bottom-left-radius: 16px;
1679    border-top-right-radius: 0;
1680    border-bottom-right-radius: 0;
1681
1682    pointer-events: none;
1683}
1684@media (max-width: 1300px) {
1685    .h-top-split {
1686        display: block;
1687        margin-bottom: 50px;
1688    }
1689
1690    .h-top-left {
1691        width: 100%;
1692    }
1693
1694    .h-top-right {
1695        width: 1100px;      /* keep full natural width */
1696        max-width: none;
1697        margin-top: 40px;
1698    }
1699}.h-cards-grid {
1700    display: grid;
1701    grid-template-columns: repeat(4, 1fr);
1702    gap: 30px;
1703    align-items: start;   /* prevents equal height stretching */
1704}
1705.h-cards-grid.h-cards-compact .h-card {
1706    text-align: center;
1707    align-items: center;
1708}
1709.h-cards-grid.h-cards-compact .h-card h4,
1710.h-cards-grid.h-cards-compact .h-card p {
1711    text-align: center;
1712}
1713.h-cards-grid.h-cards-compact .h-card:hover {
1714    transform: none !important;
1715    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important;
1716}
1717.h-cards-grid.h-cards-compact .h-card:hover .h-card-icon {
1718    transform: none !important;
1719}
1720@media (min-width: 769px) {
1721    .page-home .why-us-section .section-header-center h2,
1722    .page-home .h-section-header-left h2 {
1723        font-size: 58px !important;
1724        line-height: 1.05 !important;
1725    }
1726    .page-home .h-features-title {
1727        font-size: 34px !important;
1728        line-height: 1.1 !important;
1729    }
1730}
1731@media (max-width: 1300px) {
1732
1733    .h-top-split {
1734        display: block;
1735    }
1736
1737    .h-top-left {
1738        width: 100%;
1739    }
1740
1741    .h-top-right {
1742        width: 100%;
1743        display: flex;
1744        justify-content: center;   /* center video */
1745    }
1746
1747    .h-auto-video {
1748        width: 100%;
1749        max-width: 1200px;   /* scale down proportionally */
1750        height: auto;
1751    }
1752}.h-brand-highlight {
1753    color: #2563eb;
1754    font-weight: 700;
1755}
1756@media (max-width: 768px) {
1757    .page-home .hero-content-wrapper {
1758        padding-top: 34px !important;
1759    }
1760    .page-home .hero {
1761        padding-top: 72px !important;
1762    }
1763    .page-home .h-sub {
1764        font-size: 0.92rem !important;
1765        letter-spacing: 0.16em !important;
1766    }
1767    .page-home h2 {
1768        font-size: 1.9rem !important;
1769        line-height: 1.15 !important;
1770    }
1771    .page-home .h-section-header-left h2 {
1772        font-size: 1.95rem !important;
1773    }
1774    .page-home h3 {
1775        font-size: 1.5rem !important;
1776        line-height: 1.2 !important;
1777        letter-spacing: 0 !important;
1778    }
1779    .page-home .h-section-header-left .h-subtitle {
1780        font-size: 1.45rem !important;
1781        line-height: 1.15 !important;
1782        letter-spacing: 0 !important;
1783    }
1784    .page-home .support-main-heading {
1785        font-size: 2rem !important;
1786    }
1787    .page-home .final-cta-content h2 {
1788        font-size: 2.1rem !important;
1789    }
1790    .page-home .final-cta-buttons {
1791        gap: 10px !important;
1792    }
1793    .page-home .final-cta-buttons .cta-btn {
1794        width: auto !important;
1795        min-width: 154px !important;
1796        padding: 8px 12px !important;
1797        font-size: 0.86rem !important;
1798        font-weight: 600 !important;
1799        line-height: 1.2 !important;
1800    }
1801    .page-home .final-cta-buttons .btn-outline.cta-btn {
1802        min-width: 136px !important;
1803        padding: 8px 12px !important;
1804        font-size: 0.82rem !important;
1805        font-weight: 600 !important;
1806    }
1807    .page-home .why-us-copy-mobile {
1808        font-size: calc(0.98rem + 1px) !important;
1809    }
1810    .page-home #footer h5:first-of-type,
1811    .page-home .elementor-type-footer h5:first-of-type,
1812    .page-home .elementor-location-footer h5:first-of-type {
1813        font-size: 2.2rem !important;
1814        line-height: 1.1 !important;
1815        letter-spacing: 0 !important;
1816        padding-top: 0 !important;
1817        margin: 0 0 10px 0 !important;
1818    }
1819    .page-home #footer h4,
1820    .page-home .elementor-type-footer h4,
1821    .page-home .elementor-location-footer h4 {
1822        font-size: 1.1rem !important;
1823        line-height: 1.2 !important;
1824        letter-spacing: 0 !important;
1825        padding-top: 0 !important;
1826        margin: 0 0 10px 0 !important;
1827    }
1828    .page-home #footer h5:not(:first-of-type),
1829    .page-home .elementor-type-footer h5:not(:first-of-type),
1830    .page-home .elementor-location-footer h5:not(:first-of-type) {
1831        font-size: 1rem !important;
1832        line-height: 1.2 !important;
1833        letter-spacing: 0 !important;
1834        padding-top: 0 !important;
1835        margin: 0 0 10px 0 !important;
1836    }
1837    .page-home .elementor-element-6b90024 .elementor-heading-title,
1838    .page-home .elementor-element-a7a2987 .elementor-heading-title,
1839    .page-home .elementor-element-09e343f .elementor-heading-title {
1840        font-size: 34px !important;
1841        line-height: 1.1 !important;
1842        letter-spacing: 0 !important;
1843        padding-top: 0 !important;
1844        margin: 0 0 10px 0 !important;
1845        font-weight: 500 !important;
1846    }
1847    .h-cards-grid,
1848    .h-cards-grid.h-cards-compact {
1849        grid-template-columns: repeat(2, minmax(0, 1fr));
1850        gap: 14px;
1851    }
1852}
1853</style>
1854					
1855<script>
1856document.addEventListener("DOMContentLoaded", function () {
1857    const videos = document.querySelectorAll(".h-auto-video");
1858    if (!videos.length) return;
1859
1860    // Never autoplay on load; only play once actually in view.
1861    videos.forEach((video) => {
1862        video.autoplay = false;
1863        video.pause();
1864    });
1865
1866    const observer = new IntersectionObserver((entries) => {
1867        entries.forEach((entry) => {
1868            const video = entry.target;
1869            const isVisibleEnough = entry.isIntersecting && entry.intersectionRatio >= 0.35;
1870
1871            if (isVisibleEnough && !document.hidden) {
1872                video.play().catch(() => {});
1873            } else {
1874                video.pause();
1875            }
1876        });
1877    }, {
1878        threshold: [0, 0.35, 0.6]
1879    });
1880
1881    videos.forEach((video) => observer.observe(video));
1882
1883    document.addEventListener("visibilitychange", () => {
1884        if (document.hidden) {
1885            videos.forEach((video) => video.pause());
1886            return;
1887        }
1888
1889        videos.forEach((video) => {
1890            const rect = video.getBoundingClientRect();
1891            const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
1892            const visibleTop = Math.max(rect.top, 0);
1893            const visibleBottom = Math.min(rect.bottom, viewportHeight);
1894            const visibleHeight = Math.max(0, visibleBottom - visibleTop);
1895            const ratio = rect.height > 0 ? (visibleHeight / rect.height) : 0;
1896
1897            if (ratio >= 0.35) {
1898                video.play().catch(() => {});
1899            } else {
1900                video.pause();
1901            }
1902        });
1903    });
1904});
1905</script>
1905
1906
1907
1908
1909		
1910					
1911                </div>
1912
1913                <div class="horizon-video-bottom">
1914<video
1915    class="h-auto-video h-auto-video-bottom"
1916    muted
1917    loop
1918    playsinline
1919    preload="auto"
1920    disablepictureinpicture
1921>
1922    <source src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/horizon-custom-church-website-cms.mp4" type="video/mp4">
1923</video>
1924                </div>
1925
1926                                <div class="h-features-container">
1927                    <h2 class="h-features-title"><span class="text-brand-600">All Custom Church Websites Include:</span> </h2>
1928                    
1929                    <div class="h-list-wrapper is-reveal-off">
1930                        <div class="h-list-grid is-expanded" id="featuresGrid">
1931                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"></path></svg><div><strong>Announcements</strong><span>Keep your congregation updated easily</span></div></div>
1932                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg><div><strong>Form Builder</strong><span>Drag & drop connect cards and surveys</span></div></div>
1933                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path></svg><div><strong>Sermon Manager</strong><span>Upload audio, video, and message notes</span></div></div>
1934                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg><div><strong>Staff Permissions</strong><span>Control access levels for your team</span></div></div>
1935                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><div><strong>Event Calendar</strong><span>Auto-display upcoming church events</span></div></div>
1936                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path><path d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><div><strong>Slideshow Builder</strong><span>Create engaging homepage sliders</span></div></div>
1937                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"></path></svg><div><strong>Event Registration</strong><span>Manage sign-ups and attendees</span></div></div>
1938                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg><div><strong>YouTube Live Sync</strong><span>Auto-embeds your latest livestream</span></div></div>
1939                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg><div><strong>Photo Galleries</strong><span>Showcase moments from your ministry</span></div></div>
1940                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg><div><strong>Image Collages</strong><span>Beautiful grid layouts for your photos</span></div></div>
1941                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z"></path></svg><div><strong>Video Banners</strong><span>Engaging background videos for pages</span></div></div>
1942                            <a href="https://churchbot.chat" target="_blank" rel="noopener noreferrer" class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path></svg><div><strong>Integrated Church AI Chat</strong><span>Help visitors find answers instantly</span></div></a>
1943                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 5h-1a4 4 0 00-4 4v2H8m4-4a4 4 0 114 4v2m-4-6V5a4 4 0 00-4-4H
19437"></path></svg><div><strong>Social Media Integration</strong><span>Sync your feeds directly to your site</span></div></div>
1944                            <div class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l8.84-8.84 1.06-1.06a5.5 5.5 0 000-7.78z"></path></svg><div><strong>Prayer Wall</strong><span>Interactive wall for community requests</span></div></div>
1945                            <a href="https://interactivesermonnotes.com" target="_blank" rel="noopener noreferrer" class="h-list-item"><svg viewBox="0 0 24 24" class="h-list-icon" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path></svg><div><strong>Interactive Digital Sermon Notes</strong><span>Interactive message notes for your church</span></div></a> 
1946                        </div>
1947                        <button type="button" class="h-mobile-reveal-btn" id="hFeaturesRevealBtn" aria-expanded="false">Show More Features</button>
1948                        <br><br><center>& much more...</center>
1949                        
1950                                            </div>
1951                </div>
1952
1953                <div class="h-callout-box is-temporarily-hidden">
1954                    <div class="h-callout-icon">
1955                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg>
1956                    </div>
1957                    
1958					<style>
1959					/* Pills Wrapper */
1960.h-callout-pills {
1961    display: flex;
1962    flex-wrap: wrap;
1963    gap: 10px;
1964    margin-top: 18px;
1965}
1966
1967/* Base Pill */
1968.h-pill {
1969    display: inline-block;
1970    padding: 8px 14px;
1971    font-size: 13px;
1972    font-weight: 600;
1973    border-radius: 999px;
1974    background-color: #f1f5f9;
1975    color: #0f172a;
1976    border: 1px solid #e2e8f0;
1977    white-space: nowrap;
1978    transition: all 0.2s ease;
1979}
1980
1981/* Label Pill */
1982.h-pill-label {
1983    background-color: transparent;
1984    border: none;
1985    color: #64748b;
1986    font-weight: 500;
1987    padding-left: 0;
1988}
1989
1990/* Optional hover effect */
1991.h-pill:not(.h-pill-label):hover {
1992    background-color: #0f172a;
1993    color: #ffffff;
1994    border-color: #0f172a;
1995}
1996/* ===== Fix: stop "..." truncation in the Unlimited flexibility callout ===== */
1997.h-callout-box p,
1998.h-callout-box .h-callout-content p {
1999  overflow: visible !important;
2000  text-overflow: clip !important;
2001  white-space: normal !important;
2002
2003  display: block !important;
2004  -webkit-box-orient: initial !important;
2005  -webkit-line-clamp: unset !important;
2006  line-clamp: unset !important;
2007
2008  max-height: none !important;
2009  height: auto !important;
2010}
2011
2012/* If you clamp text globally using a helper class, neutralize it inside the callout */
2013.h-callout-box .clamp,
2014.h-callout-box .line-clamp,
2015.h-callout-box [class*="clamp"],
2016.h-callout-box [class*="line-clamp"] {
2017  overflow: visible !important;
2018  text-overflow: clip !important;
2019  white-space: normal !important;
2020
2021  display: block !important;
2022  -webkit-line-clamp: unset !important;
2023  line-clamp: unset !important;
2024
2025  max-height: none !important;
2026  height: auto !important;
2027}
2028</style>
2029
2030
2031<div class="h-callout-content">
2032    <h4>Unlimited flexibility others can't offer</h4>
2033
2034    <p>
2035        We can customize most features, based on your needs. Other platforms rely on one size fits all templates or WordPress plugins. Horizon CMS runs on our own proprietary software, giving us complete freedom to adapt and extend your site to match your exact workflow, often at minimal cost.
2036    </p>
2037
2038    <div class="h-callout-pills">
2039        <span class="h-pill h-pill-label">Examples:</span>
2040        <span class="h-pill">Prayer Manager</span>
2041        <span class="h-pill">Volunteer Manager</span>
2042        <span class="h-pill">Interactive Digital Sermon Notes</span>
2043        <span class="h-pill">AI Functionality</span>
2044        <span class="h-pill">Custom Workflows</span>
2045				        <span class="h-pill">Add Functionality to Existing Software</span>
2046    </div>
2047
2048
2049</div>
2050					
2051					
2052                </div>
2053            </div>
2054
2055            <div class="horizon-gallery-wrapper is-temporarily-hidden" id="horizonGalleryWrapper">
2056                <div class="horizon-gallery-track" id="horizonGalleryTrack" style="display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;white-space:nowrap;">
2057                    <!--
2058                    <div class="horizon-gallery-item h-size-420" style="display:inline-flex;flex:0 0 auto;">
2059                        <div class="horizon-browser-header">
2060                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
2061                        </div>
2062                        <div class="horizon-browser-body">
2063                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/2026interfaces1.png" alt="Horizon CMS interface preview 1">
2064                        </div>
2065                    </div>
2066                    <div class="horizon-gallery-item h-size-500" style="display:inline-flex;flex:0 0 auto;">
2067                        <div class="horizon-browser-header">
2068                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
2069                        </div>
2070                        <div class="horizon-browser-body">
2071                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/2026interfaces2.png" alt="Horizon CMS interface preview 2">
2072                        </div>
2073                    </div>
2074                    <div class="horizon-gallery-item h-size-360" style="display:inline-flex;flex:0 0 auto;">
2075                        <div class="horizon-browser-header">
2076                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
2077                        </div>
2078                        <div class="horizon-browser-body">
2079                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/2026interfaces3.png" alt="Horizon CMS interface preview 3">
2080                        </div>
2081                    </div>
2082                    <div class="horizon-gallery-item h-size-540" style="display:inline-flex;flex:0 0 auto;">
2083                        <div class="horizon-browser-header">
2084                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
2085                        </div>
2086                        <div class="horizon-browser-body">
2087                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/2026interfaces4.png" alt="Horizon CMS interface preview 4">
2088                        </div>
2089                    </div>
2090                    <div class="horizon-gallery-item h-size-460" style="display:inline-flex;flex:0 0 auto;">
2091                        <div class="horizon-browser-header">
2092                            <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
2093                        </div>
2094                        <div class="horizon-browser-body">
2095                            <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/2026interfaces5.png" alt="Horizon CMS interface preview 5">
2096                        </div>
2097                    </div>
2098                    -->
2099                    <div class="horizon-gallery-item horizon-wide-item" style="display:inline-flex;flex:0 0 auto;">
2100                        <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/interface1.png" alt="Horizon CMS interface wide preview 1">
2101                    </div>
2102                    <div class="horizon-gallery-item horizon-wide-item" style="display:inline-flex;flex:0 0 auto;">
2103                        <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/interface2.png" alt="Horizon CMS interface wide preview 2">
2104                    </div>
2105                </div>
2106            </div>
2107        </section>
2108
2109
2110
2111
2112<section id="integrations" class="integrations-section">
2113    <div class="int-bg-blobs">
2114        <div class="int-blob int-blob-center"></div>
2115        <div class="int-blob int-blob-corner"></div>
2116    </div>
2117
2118    <div class="container relative z-10">
2119        <div class="int-grid">
2120            
2121            <div class="int-text-content">
2122                <div class="badge badge-glass">
2123                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-spin-slow text-brand-light" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2124                    Save time every week
2125                </div>
2126                
2127                <h2 class="int-heading"><span>Integrate everything.</span></h2>
2128                <p class="int-platforms"><span class="int-platforms-gradient">Planning Center</span>, Facebook, YouTube Live, and more.</p>
2129                <p class="int-description">
2130                   Horizon pulls your data automatically and displays it beautifully on your website, keeping your content up to date without extra work.
2131                </p>
2132                
2133                <div class="int-avatars-wrap">
2134                    <div class="avatar-stack">
2135                        <div class="avatar"><img alt="user" src="https://i.pravatar.cc/100?img=11"></div>
2136                        <div class="avatar"><img alt="user" src="https://i.pravatar.cc/100?img=12"></div>
2137                        <div class="avatar"><img alt="user" src="https://i.pravatar.cc/100?img=13"></div>
2138                        <div class="avatar"><img alt="user" src="https://i.pravatar.cc/100?img=14"></div>
2139                    </div>
2140                    <p class="avatar-text">Integrates with 40+ church management & media platforms</p>
2141                </div>
2142            </div>
2143
2144            <div class="int-visual-content">
2145                <div class="integration-scale-wrapper">
2146                    
2147                    <div class="orbit-track">
2148                        
2149                        <div class="orbit-node" style="left: 50%; top: calc(50% - 165px);">
2150                            <div class="orbit-node-inner">
2151                                <div class="orbit-icon-wrap border-purple text-purple">
2152                                    <div class="orbit-icon-bg bg-purple"></div>
2153                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>
2154                                </div>
2155                                <div class="orbit-label">Planning Center</div>
2156                            </div>
2157                        </div>
2158
2159                        <div class="orbit-node" style="left: calc(50% + 142.894px); top: calc(50% - 82.5px);">
2160                            <div class="orbit-node-inner">
2161                                <div class="orbit-icon-wrap border-youtube text-youtube">
2162                                    <div class="orbit-icon-bg bg-youtube"></div>
2163                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg>
2164                                </div>
2165                                <div class="orbit-label">YouTube</div>
2166                            </div>
2167                        </div>
2168
2169                        <div class="orbit-node" style="left: calc(50% + 142.894px); top: calc(50% + 82.5px);">
2170                            <div class="orbit-node-inner">
2171                                <div class="orbit-icon-wrap border-f1 text-f1">
2172                                    <div class="orbit-icon-bg bg-f1"></div>
2173                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>
2174                                </div>
2175                                <div class="orbit-label">Fellowship One</div>
2176                            </div>
2177                        </div>
2178
2179                        <div class="orbit-node" style="left: 50%; top: calc(50% + 165px);">
2180                            <div class="orbit-node-inner">
2181                                <div class="orbit-icon-wrap border-facebook text-facebook">
2182                                    <div class="orbit-icon-bg bg-facebook"></div>
2183                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
2184                                </div>
2185                                <div class="orbit-label">Facebook</div>
2186                            </div>
2187                        </div>
2188
2189                        <div class="orbit-node" style="left: calc(50% - 142.894px); top: calc(50% + 82.5px);">
2190                            <div class="orbit-node-inner">
2191                                <div class="orbit-icon-wrap border-ccb text-ccb">
2192                                    <div class="orbit-icon-bg bg-ccb"></div>
2193                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg>
2194                                </div>
2195                                <div class="orbit-label">CCB</div>
2196                            </div>
2197                        </div>
2198
2199                        <div class="orbit-node" style="left: calc(50% - 142.894px); top: calc(50% - 82.5px);">
2200                            <div class="orbit-node-inner">
2201                                <div class="orbit-icon-wrap border-churchtrac text-churchtrac">
2202                                    <div class="orbit-icon-bg bg-churchtrac"></div>
2203                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg>
2204                                </div>
2205                                <div class="orbit-label">ChurchTrac</div>
2206                            </div>
2207                        </div>
2208
2209                    </div>
2210
2211                    <div class="orbit-dashed"></div>
2212
2213                    <div class="orbit-center">
2214                        <div class="orbit-center-pulse"></div>
2215                        <div class="orbit-center-content">
2216                            <span class="oc-sub">Church</span>
2217                            <span class="oc-main">WEBSITE</span>
2218                        </div>
2219                    </div>
2220
2221                </div>
2222            </div>
2223
2224        </div>
2225    </div>
2226</section>
2227
2228
2229
2230
2231   <div class="process-flow-carousel" id="processFlowCarousel" aria-label="Website examples carousel">
2232                    <div class="process-flow-track" id="processFlowTrack">
2233                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout1.jpg" alt="Website layout 1"></div>
2234                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout2.jpg" alt="Website layout 2"></div>
2235                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout3.jpg" alt="Website layout 3"></div>
2236                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout4.jpg" alt="Website layout 4"></div>
2237                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout5.jpg" alt="Website layout 5"></div>
2238                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout6.jpg" alt="Website layout 6"></div>
2239                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout7.jpg" alt="Website layout 7"></div>
2240                        <div class="process-flow-item"><img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/layout8.jpg" alt="Website layout 8"></div>
2241                    </div>
2242                </div>
2243
2244
2245
2246        <section class="process-section">
2247            <div class="process-bg-blobs">
2248                <div class="p-blob p-blob-1"></div>
2249                <div class="p-blob p-blob-2"></div>
2250            </div>
2251            
2252            <div class="container relative z-10">
2253			
2254			
2255	
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265
2266             
2267
2268                <div class="support-block">
2269                    <div class="support-grid">
2270                        
2271                        <div class="support-text-area">
2272                            <h2 class="support-main-heading mb-8 leading-tight">Not website savvy? <br class="mobile-hidden"><span class="text-gradient">That’s fine!</span></h2>
2273                            <div class="badge badge-green">
2274                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>
2275                                Real Human Support
2276                            </div>
2277                            <h3>"Can you help us update this?" <br><span class="text-brand-blue"><i>Yes… but we’ll make it easy for you too.</i></span></h3>
2278							<h4>Think of us as your partner, not your platform</h4><br>
2279                            <p>Our church website content management system is built so your staff can handle everyday updates in minutes, no tech skills needed. When something feels confusing or takes too long, we step in with <strong>guidance, best practices, and practical improvements</strong>.</p>
2280                            <p>Because Horizon is a fully custom system, we can tailor it around how your church works, not force you into a one size fits all platform.</p>
2281                            <ul class="support-mobile-bullets">
2282                                <li>Video tutorials</li>
2283                                <li>Photo enhancements</li>
2284                                <li>Best practice guidance</li>
2285                                <li>Custom script writing</li>
2286                                <li>Layout adjustments</li>
2287                                <li>Staff training</li>
2288                                <li>Custom tool building</li>
2289                                <li>Emergency fixes</li>
2290                            </ul>
2291                        </div>
2292                        
2293                        <div class="support-features-area">
2294                            <div class="support-features-bg"></div>
2295                            <div class="support-features-content">
2296                                <h4>Ways We Support Your Team</h4>
2297                                <div class="s-features-grid">
2298                                    <div class="s-feature-item">
2299                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="14" rx="2"></rect><path d="M8 21h8"></path><path d="M12 18v3"></path><path d="m10 9 5 3-5 3z"></path></svg></div>
2300                                        <span>Video Tutorials</span>
2301                                    </div>
2302                                    <div class="s-feature-item">
2303                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div>
2304                                        <span>Photo enhancements</span>
2305                                    </div>
2306                                    <div class="s-feature-item">
2307                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div>
2308                                        <span>Best practice guidance</span>
2309                                    </div>
2310                                    <div class="s-feature-item">
2311                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg></div>
2312                                        <span>Custom script writing</span>
2313                                    </div>
2314                                    <div class="s-feature-item">
2315                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></div>
2316                                        <span>Layout adjustments</span>
2317                                    </div>
2318                                    <div class="s-feature-item">
2319                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div>
2320                                        <span>Staff training</span>
2321                                    </div>
2322                                    <div class="s-feature-item">
2323                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div>
2324                                        <span>Custom tool building</span>
2325                                    </div>
2326                                    <div class="s-feature-item">
2327                                        <div class="s-feature-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div>
2328                                        <span>Emergency fixes</span>
2329                                    </div>
2330                                </div>
2331                                <div class="s-support-cta">
2332                                    <button type="button" class="support-contact-trigger">We're here when you need us <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button>
2333                                </div>
2334                            </div>
2335                        </div>
2336
2337                    </div>
2338                    <div class="support-editor-image-wrap">
2339                        <img src="https://mychurchwebsite.com/wp-content/themes/mychurchwebsite/images/custom-church-website-design-editor.png" alt="Church website design editor" class="support-editor-image">
2340                    </div>
2341                </div>
2342				
2343				
2344				
2345				
2346				
2347            </div>
2348        </section>
2349		
2350		
2351		
2352
2353        <section class="reviews-section">
2354            <div class="container-wide">
2355                <div class="reviews-header text-center">
2356                    <div class="facebook-branding">
2357                        <a class="fb-text" href="https://www.facebook.com/Mychurchwebsitecom/" target="_blank" rel="noopener">facebook.</a>
2358                        <div class="fb-stars">
2359                            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2360                            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2361                            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2362                            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2363                            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2364                        </div>
2365                    </div>
2366                    <h2>Why Churches <span class="text-brand-blue">Love Us</span></h2>
2367                    <p class="reviews-subtitle">Join thousands of ministries thriving with our custom solutions. View some of our latest <a href="https://www.facebook.com/Mychurchwebsitecom/" target="_blank" rel="noopener">Facebook reviews:</a></p>
2368                </div>
2369
2370                <div class="reviews-track-wrapper">
2371                    <div class="reviews-track scroll-hide">
2372                        <div class="review-card">
2373                            <div class="r-stars">
2374                                <svg width="16" height="16" viewB
2374ox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2375                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2376                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2377                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2378                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2379                            </div>
2380                            <div class="r-verified">Verified Partner</div>
2381                            <p class="r-quote">"Far exceeded our expectations. We weren't exactly sure what we wanted as an end result, but could give a general idea and gave a few suggestions. Mychurchwebsite took that loose concept and walked us through the entire development process step by step."</p>
2382                            <div class="r-author">
2383                                <strong>Scott A.</strong>
2384                                <span>FBC Cleveland • Cleveland TX</span>
2385                            </div>
2386                        </div>
2387                        <div class="review-card">
2388                            <div class="r-stars">
2389                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2390                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2391                                <svg width="16" height="16" viewB
2391ox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2392                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2393                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2394                            </div>
2395                            <div class="r-verified">Verified Partner</div>
2396                            <p class="r-quote">"My Church Website - is phenomenal!! I have never experienced such amazing customer service. They go above and beyond to make my wish list come true and to make me look good. They are not only easy to work with but they help me learn more about my system."</p>
2397                            <div class="r-author">
2398                                <strong>Nancy Lee Z.</strong>
2399                                <span>Alice Drive Baptist • Sumter SC</span>
2400                            </div>
2401                        </div>
2402                        <div class="review-card">
2403                            <div class="r-stars">
2404                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2405                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2406                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2407                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2408                                <svg width="16" height="16" viewB
2408ox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2409                            </div>
2410                            <div class="r-verified">Verified Partner</div>
2411                            <p class="r-quote">"Mike helped our non-denominational church in Jacksonville, FL with our SEO and gave us great feedback on improving our website design. His expertise has been a huge help in expanding our online presence and reaching more people in our city."</p>
2412                            <div class="r-author">
2413                                <strong>Chris Tomlinson</strong>
2414                                <span>Destiny Church • Jacksonville FL</span>
2415                            </div>
2416                        </div>
2417                        <div class="review-card">
2418                            <div class="r-stars">
2419                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2420                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2421                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2422                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2423                                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>
2424                            </div>
2425                            <div class="r-verified">Verified Partner</div>
2426                            <p class="r-quote">"The more I look over the site, the more impressed I am at all of the work put into it. It really is a fine site and to think now you made it uniquely ours. Also am impressed with all of the word-smith-ing..."</p>
2427                            <div class="r-author">
2428                                <strong>RJ Colwel</strong>
2429                                <span>Bunn Baptist Church • Bunn, NC</span>
2430                            </div>
2431                        </div>
2432                        <div class="review-card">
2433                            <div class="r-stars"><span>★★★★★</span></div>
2434                            <div class="r-verified">Verified Partner</div>
2435                            <p class="r-quote">"We were nervous about rebuilding our site because no one on staff is very technical. The rollout was really straightforward, and I love that our homepage stays looking completely professional no matter what day-to-day updates we make. Great support too!"</p>
2436                            <div class="r-author">
2437                                <strong>Michelle R.</strong>
2438                                <span>Land O Lakes UMC • Lakeland, FL</span>
2439                            </div>
2440                        </div>
2441                        <div class="review-card">
2442                            <div class="r-stars"><span>★★★★★</span></div>
2443                            <div class="r-verified">Verified Partner</div>
2444                            <p class="r-quote">"What stood out to us the most was the support after launch. Because the platform is so intuitive, we can handle routine updates entirely ourselves now. If we ever do get stuck, their team replies quickly with clear, simple steps."</p>
2445                            <div class="r-author">
2446                                <strong>Pastor Daniel M.</strong>
2447                                <span>Hilltop Community • Tulsa, OK</span>
2448                            </div>
2449                        </div>
2450                        <div class="review-card">
2451                            <div class="r-stars"><span>★★★★★</span></div>
2452                            <div class="r-verified">Verified Partner</div>
2453                            <p class="r-quote">"Switching away from WordPress was the best decision we made. Updating pages, events, announcements, forms, and PDFs is so much easier now and way less time-consuming. Our volunteers can actually make changes without having to call someone for technical help every single time."</p>
2454                            <div class="r-author">
2455                                <strong>Kimberly T.</strong>
2456                                <span>Forest Hill Church of Christ • Richmond, VA</span>
2457                            </div>
2458                        </div>
2459                        <div class="review-card">
2460                            <div class="r-stars"><span>★★★★★</span></div>
2461                            <div class="r-verified">Verified Partner</div>
2462                            <p class="r-quote">"The entire project stayed on schedule, and we always knew exactly what the next step was. Best of all, since launching the custom design, we've had a noticeable increase in first-time guests telling us they found us through the website and used the online plan-a-visit form."</p>
2463                            <div class="r-author">
2464                                <strong>Marcus J.</strong>
2465                                <span>First Assembly • Austin, TX</span>
2466                            </div>
2467                        </div>
2468                    </div>
2469                    <div class="reviews-mobile-controls">
2470                        <button type="button" class="reviews-arrow reviews-arrow-prev" aria-label="Scroll reviews left">
2471                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"></path></svg>
2472                        </button>
2473                        <button type="button" class="reviews-arrow reviews-arrow-next" aria-label="Scroll reviews right">
2474                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"></path></svg>
2475                        </button>
2476                    </div>
2477                    <div class="reviews-dots">
2478                        <div class="r-dot active"></div>
2479                        <div class="r-dot"></div>
2480                        <div class="r-dot"></div>
2481                        <div class="r-dot"></div>
2482                    </div>
2483                </div>
2484            </div>
2485        </section>
2486
2487      <section class="final-cta-section">
2488    <div class="final-cta-gradient"></div>
2489    <div class="final-cta-pattern"></div>
2490    <div class="final-cta-content">
2491        <h2>Ready to reach <br><span class="highlight-light-blue">more people?</span></h2>
2492        <p>Join the many hundreds of other churches who have upgraded their online presence with a beautiful fully custom church website that stands out in the crowd. Write us with any questions or to start the process.</p>
2493        <div class="final-cta-buttons">
2494            <button class="btn btn-purple icon-btn cta-btn support-contact-trigger" type="button">
2495                Get Free Proposal w/ Quote
2496                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
2497            </button>
2498            <a class="btn btn-outline cta-btn" href="#contact">Have Questions?</a>
2499        </div>
2500    </div>
2501</section>
2502
2503
2504    </main>
2505    
2506        <div class="support-contact-modal" id="supportContactModal" aria-hidden="true">
2507        <div class="support-contact-dialog" role="dialog" aria-modal="true" aria-labelledby="supportContactTitle">
2508            <button type="button" class="support-contact-close" id="supportContactClose" aria-label="Close form">&times;</button>
2509            <div class="support-contact-head">
2510                <h3 id="supportContactTitle">Get Free Proposal w/ Quote</h3>
2511                <p class="support-contact-note">Tell us about your church goals and we will reply with a custom proposal.</p>
2512                <p class="support-contact-pricing-note">Most projects fall between <span class="support-pricing-range">$1800-$3400</span>, depending on project size. <a href="https://mychurchwebsite.com/pricing/">See what is included.</a></p>
2513            </div>
2514                        <form class="support-contact-form" id="supportContactForm" method="post" action="https://mychurchwebsite.com/wp-admin/admin-post.php" enctype="multipart/form-data">
2515                <input type="hidden" name="action" value="mcw_submit_proposal">
2516                <input type="hidden" id="mcw_proposal_nonce" name="mcw_proposal_nonce" value="1aa6bda301" /><input type="hidden" name="_wp_http_referer" value="/" />                	<div style="position:absolute;
2516left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;" aria-hidden="true">
2517		<label for="proposal_company_website">Leave this field empty</label>
2518		<input id="proposal_company_website" name="proposal_company_website" type="text" tabindex="-1" autocomplete="off">
2519	</div>
2520	<input type="hidden" name="proposal_form_started" value="1790247034">
2521	<input type="hidden" name="proposal_form_token" value="729cdd1964fcc3117a930f3a05030b07">
2522	                <div class="support-contact-grid">
2523                    <div class="support-contact-field">
2524                        <label for="proposal_name">Your Name</label>
2525                        <input id="proposal_name" name="proposal_name" type="text" required>
2526                    </div>
2527                    <div class="support-contact-field">
2528                        <label for="proposal_email">Your Email</label>
2529                        <input id="proposal_email" name="proposal_email" type="email" required>
2530                    </div>
2531                    <div class="support-contact-field support-contact-field-full">
2532                        <label for="proposal_church_name">Church Name</label>
2533                        <input id="proposal_church_name" name="proposal_church_name" type="text" required>
2534                    </div>
2535                    <div class="support-contact-field support-contact-field-full">
2536                        <label for="proposal_current_website">Current Church Website (if any)</label>
2537                        <input id="proposal_current_website" name="proposal_current_website" type="url" placeholder="https://yourchurchsite.org">
2538                    </div>
2539                    <div class="support-contact-field support-contact-field-full">
2540                        <label for="proposal_message">Message</label>
2541                        <textarea id="proposal_message" name="proposal_message" rows="5" required placeholder="Share your goals, timeline, and anything you want us to review."></textarea>
2542                    </div>
2543                    <div class="support-contact-field support-contact-field-full">
2544                        <label for="proposal_attachments">Attach Files (optional)</label>
2545                        <input id="proposal_attachments" name="proposal_attachments[]" type="file" multiple accept=".doc,.docx,.pdf,.jpg,.jpeg,.png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,image/jpeg,image/png">
2546                        <p class="support-contact-file-note">Allowed file types: Word (.doc/.docx), PDF, JPG, PNG.</p>
2547                    </div>
2548                </div>
2549                <div class="support-contact-actions">
2550                    <button type="submit" class="btn btn-purple">Send Proposal Request</button>
2551                    <button type="button" class="btn btn-outline support-contact-cancel" id="supportContactCancel">Cancel</button>
2552                </div>
2553            </form>
2554        </div>
2555    </div>
2556		
2557		
2558		
2559		
2560		<div data-elementor-type="footer" data-elementor-id="984" class="elementor elementor-984 elementor-location-footer" data-elementor-post-type="elementor_library">
2561					<section class="elementor-section elementor-top-section elementor-element elementor-element-35f80e1 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="35f80e1" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
2562						<div class="elementor-container elementor-column-gap-default">
2563					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-93a465f" data-id="93a465f" data-element_type="column">
2564			<div class="elementor-widget-wrap elementor-element-populated">
2565						<div class="elementor-element elementor-element-88d10cd elementor-widget elementor-widget-menu-anchor" data-id="88d10cd" data-element_type="widget" data-widget_type="menu-anchor.default">
2566				<div class="elementor-widget-container">
2567					<div class="elementor-menu-anchor" id="contact"></div>
2568				</div>
2569				</div>
2570				<section class="elementor-section elementor-inner-section elementor-element elementor-element-e7bd5d0 elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e7bd5d0" data-element_type="section">
2571						<div class="elementor-container elementor-column-gap-wider">
2572					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c74ef2a" data-id="c74ef2a" data-element_type="column">
2573			<div class="elementor-widget-wrap elementor-element-populated">
2574						<div class="elementor-element elementor-element-6b90024 elementor-widget elementor-widget-heading" data-id="6b90024" data-element_type="widget" data-widget_type="heading.default">
2575				<div class="elementor-widget-container">
2576			<h5 class="elementor-heading-title elementor-size-default">Contact Information</h5>		</div>
2577				</div>
2578				<div class="elementor-element elementor-element-75742e5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="75742e5" data-element_type="widget" data-widget_type="icon-list.default">
2579				<div class="elementor-widget-container">
2580					<ul class="elementor-icon-list-items">
2581							<li class="elementor-icon-list-item">
2582											<span class="elementor-icon-list-icon">
2583							<i aria-hidden="true" class="far fa-clock"></i>						</span>
2584										<span class="elementor-icon-list-text"><b>Hours:</b> 7 days a week /  9:30am - 11:00pm est</span>
2585									</li>
2586								<li class="elementor-icon-list-item">
2587											<a href="mailto:[email protected]">
2588
2589												<span class="elementor-icon-list-icon">
2590							<i aria-hidden="true" class="far fa-envelope"></i>						</span>
2591										<span class="elementor-icon-list-text"><b>Email:</b> <u>[email protected]</u></span>
2592											</a>
2593									</li>
2594								<li class="elementor-icon-list-item">
2595											<a href="/pricing">
2596
2597												<span class="elementor-icon-list-icon">
2598							<i aria-hidden="true" class="fas fa-phone"></i>						</span>
2599										<span class="elementor-icon-list-text"><b>Phone:</b> <u>Click here to view our phone number</u></span>
2600											</a>
2601									</li>
2602								<li class="elementor-icon-list-item">
2603											<span class="elementor-icon-list-icon">
2604							<i aria-hidden="true" class="far fa-comment-dots"></i>						</span>
2605										<span class="elementor-icon-list-text"><b>Chat: </b>Click button at bottom right to chat with us</span>
2606									</li>
2607						</ul>
2608				</div>
2609				</div>
2610				<div class="elementor-element elementor-element-f35ca38 elementor-widget elementor-widget-image" data-id="f35ca38" data-element_type="widget" data-widget_type="image.default">
2611				<div class="elementor-widget-container">
2612														<a href="https://www.facebook.com/Mychurchwebsitecom/">
2613							<img width="300" height="80" src="https://mychurchwebsite.com/wp-content/uploads/wyqexs3c.jpg" class="attachment-full size-full wp-image-3512" alt="wyqexs3c" />								</a>
2614													</div>
2615				</div>
2616				<div class="elementor-element elementor-element-a7a2987 elementor-widget elementor-widget-heading" data-id="a7a2987" data-element_type="widget" data-widget_type="heading.default">
2617				<div class="elementor-widget-container">
2618			<h4 class="elementor-heading-title elementor-size-default">About My Church Website Design</h4>		</div>
2619				</div>
2620				<div class="elementor-element elementor-element-321f4df elementor-widget elementor-widget-text-editor" data-id="321f4df" data-element_type="widget" data-widget_type="text-editor.default">
2621				<div class="elementor-widget-container">
2622							MyChurchWebsite is a Christian-owned church website design company founded in 2004, based in North Carolina. We have built fully custom websites for over 650 churches across denominations including Baptist, United Methodist UMC, Lutheran, Presbyterian, Pentecostal, Episcopal, AME, Seventh-Day, Church of Christ, and Non-Denominational. Projects include a dedicated project manager, custom graphic design, content setup, SEO optimization, and ongoing support.We specialize<strong> exclusively in <a href="https://mychurchwebsite.com/church-website-products/church-website-features">custom church website design</a></strong> — no templates. Our proprietary Horizon CMS is purpose-built for churches, offering drag-and-drop editing, sermon management, event calendars, online giving integration, Planning Center sync, and AI-powered admin guidance. Access to<a href="https://interactivesermonnotes.com"> interactive digital fill-in-the-blank sermon notes</a> FaithNotes.						</div>
2623				</div>
2624					</div>
2625		</div>
2626				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-48bc604" data-id="48bc604" data-element_type="column">
2627			<div class="elementor-widget-wrap elementor-element-populated">
2628						<div class="elementor-element elementor-element-09e343f elementor-widget elementor-widget-heading" data-id="09e343f" data-element_type="widget" data-widget_type="heading.default">
2629				<div class="elementor-widget-container">
2630			<h5 class="elementor-heading-title elementor-size-default">Send Us A Message</h5>		</div>
2631				</div>
2632				<div class="elementor-element elementor-element-e518ea6 elementor-widget elementor-widget-text-editor" data-id="e518ea6" data-element_type="widget" data-widget_type="text-editor.default">
2633				<div class="elementor-widget-container">
2634							<p>You may also use the form below to send us a message:</p>						</div>
2635				</div>
2636				<div class="elementor-element elementor-element-072e300 eael-gravity-form-button-custom elementor-widget elementor-widget-eael-gravity-form" data-id="072e300" data-element_type="widget" data-widget_type="eael-gravity-form.default">
2637				<div class="elementor-widget-container">
2638			            <div class="eael-contact-form eael-gravity-form labels-hide eael-contact-form-align-default">
2639                                
2640                <div class='gf_browser_chrome gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_4' ><style>#gform_wrapper_4[data-form-index="0"].gform-theme,[data-parent-form="4_0"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893
2640C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style><div id='gf_4' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_4' id='gform_4'  action='/#gf_4' data-formid='4' novalidate>
2641                        <div class='gform-body gform_body'><div id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_below validation_below'><fieldset id="field_4_1" class="gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_1" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Name<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_4_1'>
2642                            
2643                            <span id='input_4_1_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >
2644                                                    <input type='text' name='input_1.3' id='input_4_1_3' value=''   aria-required='true'   placeholder='First Name'  />
2645                                                    <label for='input_4_1_3' class='gform-field-label gform-field-label--type-sub '>First</label>
2646                                                </span>
2647                            
2648                            <span id='input_4_1_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >
2649                                                    <input type='text' name='input_1.6' id='input_4_1_6' value=''   aria-required='true'   placeholder='Last Name'  />
2650                                                    <label for='input_4_1_6' class='gform-field-label gform-field-label--type-sub '>Last</label>
2651                                                </span>
2652                            
2653                        </div></fieldset><div id="field_4_3" class="gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_3" ><label class='gfield_label gform-field-label' for='input_4_3'>Email<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'>
2654                            <input name='input_3' id='input_4_3' type='email' value='' class='large'   placeholder='Email Address' aria-required="true" aria-invalid="false"  />
2655                        </div></div>
2655<div id="field_4_7" class="gfield gfield--type-text gfield--input-type-text gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_7" ><label class='gfield_label gform-field-label' for='input_4_7'>Church Website Web Address (URL)</label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_4_7' type='text' value='' class='large'    placeholder='Current Church Website Web Address (URL)'  aria-invalid="false"   /> </div></div><div id="field_4_8" class="gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_8" ><label class='gfield_label gform-field-label' for='input_4_8'>This is regarding<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_select'><select name='input_8' id='input_4_8' class='large gfield_select'    aria-required="true" aria-invalid="false" ><option value='' selected='selected' class='gf_placeholder'>This is concerning:</option><option value='Interest in New Website' >Interest in New Website</option><option value='Support on Existing Website' >Support on Existing Website</option><option value='Mobile App' >Mobile App</option><option value='Other' >Other</option></select></div></div><div id="field_4_5" class="gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_5" ><label class='gfield_label gform-field-label' for='input_4_5'>Comments / Questions<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_5' id='input_4_5' class='textarea medium'    placeholder='Comments / Questions' aria-required="true" aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_4_9" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible"  data-js-reload="field_4_9" ><label class='gfield_label gform-field-label' for='input_4_9'>Comments</label><div class='ginput_container'><input name='input_9' id='input_4_9' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_4_9'>This field is for validation purposes and should be left unchanged.</div></div></div></div>
2656        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_4' class='gform_button button' value='Submit'  onclick='if(window["gf_submitting_4"]){return false;}  if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_4"]){return false;} if( !jQuery("#gform_4")[0].checkValidity || jQuery("#gform_4")[0].checkValidity()){window["gf_submitting_4"]=true;}  jQuery("#gform_4").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=4&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme' />
2657            <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' />
2658            <input type='hidden' class='gform_hidden' name='gform_submit' value='4' />
2659            
2660            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
2661            <input type='hidden' class='gform_hidden' name='state_4' value='WyJ7XCI4XCI6W1wiZjAxZTY0MGZlYzVlN2NkZGM3NWRlZmIwYjA5NDM4YjlcIixcImViNDE3MzMyN2M3NWFjNTdiODJkNDBjMWY3ZTM5YTY5XCIsXCJiZjYyYzQ2M2JlYzg3MGIxMWM2YjBkZTU1MDZjNzk5MlwiLFwiMDNmMDljM2I3NzQwNTk1NGRlZTE2ODFjOWU3YjM4NThcIl19IiwiODZiMDY3NTM4N2Q4MjY1NTlhZTlmYjViZTUyM2YxYjUiXQ==' />
2662            <input type='hidden' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' />
2663            <input type='hidden' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' />
2664            <input type='hidden' name='gform_field_values' value='' />
2665            
2666        </div>
2667                        <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>&#916;<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="99"/>
2667<script type="text/javascript">
2668/* <![CDATA[ */
2669document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );
2670/* ]]> */
2671</script>
2671
2672</p></form>
2673                        </div>
2674		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_4' id='gform_ajax_frame_4' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
2675		                
2675<script type="text/javascript">
2676/* <![CDATA[ */
2677 gform.initializeOnLoaded( function() {gformInitSpinner( 4, 'https://mychurchwebsite.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_4').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_4').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://mychurchwebsite.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_4').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_4').text());}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "4", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);                if (event && event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( "gform_wrapper_4" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_4";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_4" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [4, current_page] );            gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 4, currentPage: current_page } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); 
2678/* ]]> */
2679</script>
2679
2680            </div>
2681            		</div>
2682				</div>
2683					</div>
2684		</div>
2685					</div>
2686		</section>
2687					</div>
2688		</div>
2689					</div>
2690		</section>
2691				<section class="elementor-section elementor-top-section elementor-element elementor-element-8a17c40 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8a17c40" data-element_type="section">
2692						<div class="elementor-container elementor-column-gap-default">
2693					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7fc08f7" data-id="7fc08f7" data-element_type="column">
2694			<div class="elementor-widget-wrap elementor-element-populated">
2695						<div class="elementor-element elementor-element-f468003 elementor-widget elementor-widget-html" data-id="f468003" data-element_type="widget" data-widget_type="html.default">
2696				<div class="elementor-widget-container">
2697			<!--Add the following script at the bottom of the web page (before </body></html>)
2698
2699<script type="text/javascript">function add_chatinline(){var hccid=29895555;var nt=document.createElement("script");nt.async=true;nt.src="https://mylivechat.com/chatinline.aspx?hccid="+hccid;var ct=document.getElementsByTagName("script")[0];ct.parentNode.insertBefore(nt,ct);}
2700add_chatinline();</script>
2700-->
2701
2702
2703<script src="//code.tidio.co/vo2q0fwtkutuwdvwfyfeqspdspt4x41l.js" async></script>
2703		</div>
2704				</div>
2705					</div>
2706		</div>
2707					</div>
2708		</section>
2709				</div>
2710		
2711			
2711<script type='text/javascript'>
2712				const lazyloadRunObserver = () => {
2713					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
2714					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
2715						entries.forEach( ( entry ) => {
2716							if ( entry.isIntersecting ) {
2717								let lazyloadBackground = entry.target;
2718								if( lazyloadBackground ) {
2719									lazyloadBackground.classList.add( 'e-lazyloaded' );
2720								}
2721								lazyloadBackgroundObserver.unobserve( entry.target );
2722							}
2723						});
2724					}, { rootMargin: '200px 0px 200px 0px' } );
2725					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
2726						lazyloadBackgroundObserver.observe( lazyloadBackground );
2727					} );
2728				};
2729				const events = [
2730					'DOMContentLoaded',
2731					'elementor/lazyload/observe',
2732				];
2733				events.forEach( ( event ) => {
2734					document.addEventListener( event, lazyloadRunObserver );
2735				} );
2736			</script>
2736
2737			
2737<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/calendar-cards/assets/calendar-cards.js?ver=2.2.3" id="calendar-cards-js"></script>
vendor: 1 bytes, line 2737
2737
2738<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script>
vendor: 1 bytes, line 2738
2738
2739<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script>
vendor: 1 bytes, line 2739
2739
2740<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
vendor: 1 bytes, line 2740
2740
2741<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script>
vendor: 1 bytes, line 2741
2741
2742<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script>
vendor: 1 bytes, line 2742
2742
2743<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 2743
2743
2744<script type="text/javascript" id="wp-i18n-js-after">
2745/* <![CDATA[ */
2746wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2747/* ]]> */
2748</script>
vendor: 1 bytes, line 2748
2748
2749<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/dist/a11y.min.js?ver=d90eebea464f6c09bfd5" id="wp-a11y-js"></script>
vendor: 1 bytes, line 2749
2749
2750<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.12" id="gform_placeholder-js"></script>
vendor: 1 bytes, line 2750
2750
2751<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script>
vendor: 1 bytes, line 2751
2751
2752<script type="text/javascript" id="gform_gravityforms_theme-js-extra">
2753/* <![CDATA[ */
2754var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"db4796cbed86ebf7a445df2c75d5df03"}}},"hmr_dev":"","public_path":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"};
2755/* ]]> */
2756</script>
vendor: 1 bytes, line 2756
2756
2757<script type="text/javascript" defer='defer' src="https://mychurchwebsite.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script>
vendor: 1 bytes, line 2757
2757
2758<script type="text/javascript" id="eael-general-js-extra">
2759/* <![CDATA[ */
2760var localize = {"ajaxurl":"https:\/\/mychurchwebsite.com\/wp-admin\/admin-ajax.php","nonce":"bff07e09e5","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping"},"page_permalink":"https:\/\/mychurchwebsite.com\/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"
2760sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http:\/\/wiki.lexisnexis.com\/academic\/images\/f\/fb\/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"ac86d55449","eael_register_nonce":"a44e8050d8"};
2761/* ]]> */
2762</script>
vendor: 1 bytes, line 2762
2762
2763<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=5.9.26" id="eael-general-js"></script>
vendor: 1 bytes, line 2763
2763
2764<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/uploads/essential-addons-elementor/eael-984.js?ver=1773537116" id="eael-984-js"></script>
vendor: 1 bytes, line 2764
2764
2765<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.3.7" id="page-links-to-js"></script>
vendor: 1 bytes, line 2765
2765
2766<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?" id="google-maps-js"></script>
vendor: 1 bytes, line 2766
2766
2767<script type="text/javascript" id="ubermenu-js-extra">
2768/* <![CDATA[ */
2769var ubermenu_data = {"remove_conflicts":"on","reposition_on_load":"off","intent_delay":"300","intent_interval":"100","intent_threshold":"7","scrollto_offset":"50","scrollto_duration":"1000","responsive_breakpoint":"1030","accessible":"on","retractor_display_strategy":"responsive","touch_off_close":"on","submenu_indicator_close_mobile":"on","collapse_after_scroll":"on","v":"3.4.1.1","configurations":["main"],"ajax_url":"https:\/\/mychurchwebsite.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/ubermenu\/","disable_mobile":"off","prefix_boost":"","aria_role_navigation":"off","aria_expanded":"off","aria_hidden":"off","aria_controls":"","aria_responsive_toggle":"off","icon_tag":"i","theme_locations":{"primary":"Main Menu"}};
2770/* ]]> */
2771</script>
vendor: 1 bytes, line 2771
2771
2772<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/ubermenu/assets/js/ubermenu.min.js?ver=3.4.1.1" id="ubermenu-js"></script>
vendor: 1 bytes, line 2772
2772
2773<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.23.0" id="e-sticky-js"></script>
vendor: 1 bytes, line 2773
2773
2774<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/comment-reply.min.js?ver=6.5.3" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
vendor: 1 bytes, line 2774
2774
2775<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.23.0" id="elementor-pro-webpack-runtime-js"></script>
vendor: 1 bytes, line 2775
2775
2776<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.23.1" id="elementor-webpack-runtime-js"></script>
vendor: 1 bytes, line 2776
2776
2777<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.23.1" id="elementor-frontend-modules-js"></script>
vendor: 1 bytes, line 2777
2777
2778<script type="text/javascript" id="elementor-pro-frontend-js-before">
2779/* <![CDATA[ */
2780var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/mychurchwebsite.com\/wp-admin\/admin-ajax.php","nonce":"8747d99572","urls":{"assets":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/mychurchwebsite.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
2781/* ]]> */
2782</script>
vendor: 1 bytes, line 2782
2782
2783<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.23.0" id="elementor-pro-frontend-js"></script>
vendor: 1 bytes, line 2783
2783
2784<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script>
vendor: 1 bytes, line 2784
2784
2785<script type="text/javascript" src="https://mychurchwebsite.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 2785
2785
2786<script type="text/javascript" id="elementor-frontend-js-before">
2787/* <![CDATA[ */
2788var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.23.1","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"e_lazyload":true,"display-conditions":true,"form-submissions":true,"taxonomy-filter":true},"urls":{"assets":"https:\/\/mychurchwebsite.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/mychurchwebsite.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"f8d9a75d47"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":2,"title":"Mychurchwebsite.com%20-%20Modern%20Custom%20Church%20Websites%20Design","excerpt":"","featuredImage":false}};
2789/* ]]> */
2790</script>
vendor: 1 bytes, line 2790
2790
2791<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.23.1" id="elementor-frontend-js"></script>
vendor: 1 bytes, line 2791
2791
2792<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.23.0" id="pro-elements-handlers-js"></script>
vendor: 1 bytes, line 2792
2792
2793<script type="text/javascript" id="jet-tabs-frontend-js-extra">
2794/* <![CDATA[ */
2795var JetTabsSettings = {"ajaxurl":"https:\/\/mychurchwebsite.com\/wp-admin\/admin-ajax.php","isMobile":"false","templateApiUrl":"https:\/\/mychurchwebsite.com\/wp-json\/jet-tabs-api\/v1\/elementor-template","devMode":"false"};
2796/* ]]> */
2797</script>
vendor: 1 bytes, line 2797
2797
2798<script type="text/javascript" src="https://mychurchwebsite.com/wp-content/plugins/jet-tabs/assets/js/jet-tabs-frontend.min.js?ver=2.1.17" id="jet-tabs-frontend-js"></script>
vendor: 1 bytes, line 2798
2798
2799<script type="text/javascript" src="https://kit.fontawesome.com/8269b9e1b5.js?ver=3.23.0" id="font-awesome-pro-js"></script>
2799
2800<div class="pafe-break-point" data-pafe-break-point-md="768" data-pafe-break-point-lg="1025" data-pafe-ajax-url="https://mychurchwebsite.com/wp-admin/admin-ajax.php"></div><div data-pafe-form-builder-tinymce-upload="https://mychurchwebsite.com/wp-content/plugins/piotnet-addons-for-elementor-pro/inc/tinymce/tinymce-upload.php"></div>
2800<script type="text/javascript">
2801/* <![CDATA[ */
2802 gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 4) {if(typeof Placeholders != 'undefined'){
2803                        Placeholders.enable();
2804                    }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 
2805/* ]]> */
2806</script>
vendor: 1 bytes, line 2806
2806
2807<script type="text/javascript">
2808/* <![CDATA[ */
2809 gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "4", currentPage: "1", abort: function() { this.preventDefault(); } }]);                if (event && event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( "gform_wrapper_4" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_4";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_4" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [4, 1] );            gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 4, currentPage: 1 } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } ); 
2810/* ]]> */
2811</script>
2811
2812
2813</body>
2814</html>
2815
2816
2817	
2818	
2819	
2820	
2821	
2822	
2823	
2824
2825    
2825<script>
2826        document.addEventListener('DOMContentLoaded', () => {
2827            /* Hero Infinity Scroll */
2828            const track = document.getElementById('carouselTrack');
2829            if (track && !(track.closest('.carousel-section') && track.closest('.carousel-section').classList.contains('is-temporarily-hidden'))) {
2830                const carouselSection = track.closest('.carousel-section');
2831                track.innerHTML += track.innerHTML;
2832
2833                let scrollPos = 0;
2834                let isHovered = false;
2835                let isDragging = false;
2836                let dragStartX = 0;
2837                let dragStartPos = 0;
2838                const speed = .7; 
2839                const normalizeScrollPos = () => {
2840                    const halfWidth = track.scrollWidth / 2;
2841                    if (scrollPos < 0) {
2842                        scrollPos += halfWidth;
2843                    } else if (scrollPos >= halfWidth) {
2844                        scrollPos -= halfWidth;
2845                    }
2846                };
2847
2848                function scrollCarousel() {
2849                    if (!isHovered && !isDragging) {
2850                        scrollPos += speed;
2851                        normalizeScrollPos();
2852                        track.style.transform = `translateX(-${scrollPos}px)`;
2853                    }
2854                    requestAnimationFrame(scrollCarousel);
2855                }
2856
2857                track.addEventListener('mouseenter', () => isHovered = true);
2858                track.addEventListener('mouseleave', () => isHovered = false);
2859
2860                if (carouselSection) {
2861                    carouselSection.querySelectorAll('img').forEach((img) => {
2862                        img.setAttribute('draggable', 'false');
2863                    });
2864                    carouselSection.addEventListener('dragstart', (event) => {
2865                        event.preventDefault();
2866                    });
2867                    const startHeroDragAt = (clientX) => {
2868                        isDragging = true;
2869                        dragStartX = clientX;
2870                        dragStartPos = scrollPos;
2871                        carouselSection.classList.add('is-dragging');
2872                    };
2873                    const moveHeroDragAt = (clientX) => {
2874                        if (!isDragging) {
2875                            return;
2876                        }
2877                        const deltaX = clientX - dragStartX;
2878                        scrollPos = dragStartPos - deltaX;
2879                        normalizeScrollPos();
2880                        track.style.transform = `translateX(-${scrollPos}px)`;
2881                    };
2882                    const endHeroDrag = () => {
2883                        if (!isDragging) {
2884                            return;
2885                        }
2886                        isDragging = false;
2887                        carouselSection.classList.remove('is-dragging');
2888                    };
2889
2890                    if (window.PointerEvent) {
2891                        carouselSection.addEventListener('pointerdown', (event) => {
2892                            if (event.pointerType === 'mouse' && event.button !== 0) {
2893                                return;
2894                            }
2895                            startHeroDragAt(event.clientX);
2896                            carouselSection.setPointerCapture(event.pointerId);
2897                            event.preventDefault();
2898                        });
2899
2900                        carouselSection.addEventListener('pointermove', (event) => {
2901                            if (!isDragging) {
2902                                return;
2903                            }
2904                            moveHeroDragAt(event.clientX);
2905                            event.preventDefault();
2906                        });
2907
2908                        const endHeroPointerDrag = (event) => {
2909                            endHeroDrag();
2910                            try {
2911                                carouselSection.releasePointerCapture(event.pointerId);
2912                            } catch (e) {
2913                                // ignore if pointer already released
2914                            }
2915                        };
2916
2917                        carouselSection.addEventListener('pointerup', endHeroPointerDrag);
2918                        carouselSection.addEventListener('pointercancel', endHeroPointerDrag);
2919                    } else {
2920                        // Mouse fallback
2921                        carouselSection.addEventListener('mousedown', (event) => {
2922                            if (event.button !== 0) {
2923                                return;
2924                            }
2925                            startHeroDragAt(event.clientX);
2926                            event.preventDefault();
2927                        });
2928                        window.addEventListener('mousemove', (event) => {
2929                            moveHeroDragAt(event.clientX);
2930                        });
2931                        window.addEventListener('mouseup', () => {
2932                            endHeroDrag();
2933                        });
2934
2935                        // Touch fallback
2936                        carouselSection.addEventListener('touchstart', (event) => {
2937                            const touch = event.touches[0];
2938                            if (!touch) {
2939                                return;
2940                            }
2941                            startHeroDragAt(touch.clientX);
2942                        }, { passive: true });
2943                        carouselSection.addEventListener('touchmove', (event) => {
2944                            if (!isDragging) {
2945                                return;
2946                            }
2947                            const touch = event.touches[0];
2948                            if (!touch) {
2949                                return;
2950                            }
2951                            moveHeroDragAt(touch.clientX);
2952                            event.preventDefault();
2953                        }, { passive: false });
2954                        carouselSection.addEventListener('touchend', () => {
2955                            endHeroDrag();
2956                        });
2957                    }
2958                }
2959
2960                scrollCarousel();
2961            }
2962
2963            /* Horizon Expand Features Button */
2964            const expandBtn = document.getElementById('expandFeaturesBtn');
2965            const featuresGrid = document.getElementById('featuresGrid');
2966            const overlayPanel = document.getElementById('overlayPanel');
2967
2968            if(expandBtn) {
2969                expandBtn.addEventListener('click', () => {
2970                    featuresGrid.style.maxHeight = '1500px';
2971                    overlayPanel.style.opacity = '0';
2972                    setTimeout(() => overlayPanel.style.display = 'none', 300);
2973                });
2974            }
2975
2976            /* Process flow carousel */
2977            const processFlowTrack = document.getElementById('processFlowTrack');
2978            const processFlowCarousel = document.getElementById('processFlowCarousel');
2979            if (processFlowTrack) {
2980                processFlowTrack.innerHTML += processFlowTrack.innerHTML;
2981
2982                let processFlowPos = 0;
2983                let isProcessFlowDragging = false;
2984                let processFlowDragStartX = 0;
2985                let processFlowDragStartPos = 0;
2986                const processFlowSpeed = 0.9;
2987                const resetProcessFlowIfNeeded = () => {
2988                    const halfWidth = processFlowTrack.scrollWidth / 2;
2989                    if (processFlowPos < 0) {
2990                        processFlowPos += halfWidth;
2991                    } else if (processFlowPos >= halfWidth) {
2992                        processFlowPos -= halfWidth;
2993                    }
2994                };
2995
2996                const animateProcessFlow = () => {
2997                    if (!isProcessFlowDragging) {
2998                        processFlowPos += processFlowSpeed;
2999                        resetProcessFlowIfNeeded();
3000                        processFlowTrack.style.transform = `translateX(-${processFlowPos}px)`;
3001                    }
3002                    requestAnimationFrame(animateProcessFlow);
3003                };
3004
3005                if (processFlowCarousel) {
3006                    processFlowCarousel.querySelectorAll('img').forEach((img) => {
3007                        img.setAttribute('draggable', 'false');
3008                    });
3009                    processFlowCarousel.addEventListener('dragstart', (event) => {
3010                        event.preventDefault();
3011                    });
3012
3013                    if (window.PointerEvent) {
3014                        processFlowCarousel.addEventListener('pointerdown', (event) => {
3015                            if (event.pointerType === 'mouse' && event.button !== 0) {
3016                                return;
3017                            }
3018                            isProcessFlowDragging = true;
3019                            processFlowDragStartX = event.clientX;
3020                            processFlowDragStartPos = processFlowPos;
3021                            processFlowCarousel.classList.add('is-dragging');
3022                            processFlowCarousel.setPointerCapture(event.pointerId);
3023                            event.preventDefault();
3024                        });
3025
3026                        processFlowCarousel.addEventListener('pointermove', (event) => {
3027                            if (!isProcessFlowDragging) {
3028                                return;
3029                            }
3030                            const deltaX = event.clientX - processFlowDragStartX;
3031                            processFlowPos = processFlowDragStartPos - deltaX;
3032                            resetProcessFlowIfNeeded();
3033                            processFlowTrack.style.transform = `translateX(-${processFlowPos}px)`;
3034                            event.preventDefault();
3035                        });
3036
3037                        const endProcessFlowDrag = (event) => {
3038                            if (!isProcessFlowDragging) {
3039                                return;
3040                            }
3041                            isProcessFlowDragging = false;
3042                            processFlowCarousel.classList.remove('is-dragging');
3043                            try {
3044                                processFlowCarousel.releasePointerCapture(event.pointerId);
3045                            } catch (e) {
3046                                // ignore if pointer already released
3047                            }
3048                        };
3049
3050                        processFlowCarousel.addEventListener('pointerup', endProcessFlowDrag);
3051                        processFlowCarousel.addEventListener('pointercancel', endProcessFlowDrag);
3052                    }
3053                }
3054
3055                animateProcessFlow();
3056            }
3057
3058            /* Shared support contact modal */
3059            const supportModal = document.getElementById('supportContactModal');
3060            const supportModalClose = document.getElementById('supportContactClose');
3061            const supportModalCancel = document.getElementById('supportContactCancel');
3062            const supportModalTriggers = document.querySelectorAll('.supp
3062ort-contact-trigger');
3063            const mobileMenuToggle = document.getElementById('mobileMenuToggle');
3064            const mobileMenuClose = document.getElementById('mobileMenuClose');
3065            const mobileMenuDrawer = document.getElementById('mobileMenuDrawer');
3066            const mobileMenuBackdrop = document.getElementById('mobileMenuBackdrop');
3067            const mobileMenuLinks = document.querySelectorAll('.mobile-menu-link');
3068
3069            const openMobileMenu = () => {
3070                if (!mobileMenuDrawer || !mobileMenuBackdrop || !mobileMenuToggle) {
3071                    return;
3072                }
3073                mobileMenuDrawer.classList.add('is-open');
3074                mobileMenuDrawer.setAttribute('aria-hidden', 'false');
3075                mobileMenuBackdrop.hidden = false;
3076                mobileMenuBackdrop.classList.add('is-open');
3077                mobileMenuToggle.setAttribute('aria-expanded', 'true');
3078                document.body.classList.add('mobile-menu-open');
3079            };
3080
3081            const closeMobileMenu = () => {
3082                if (!mobileMenuDrawer || !mobileMenuBackdrop || !mobileMenuToggle) {
3083                    return;
3084                }
3085                mobileMenuDrawer.classList.remove('is-open');
3086                mobileMenuDrawer.setAttribute('aria-hidden', 'true');
3087                mobileMenuBackdrop.classList.remove('is-open');
3088                mobileMenuToggle.setAttribute('aria-expanded', 'false');
3089                document.body.classList.remove('mobile-menu-open');
3090                window.setTimeout(() => {
3091                    if (!mobileMenuDrawer.classList.contains('is-open')) {
3092                        mobileMenuBackdrop.hidden = true;
3093                    }
3094                }, 220);
3095            };
3096
3097            if (mobileMenuToggle) {
3098                mobileMenuToggle.addEventListener('click', () => {
3099                    if (mobileMenuDrawer && mobileMenuDrawer.classList.contains('is-open')) {
3100                        closeMobileMenu();
3101                    } else {
3102                        openMobileMenu();
3103                    }
3104                });
3105            }
3106            if (mobileMenuClose) {
3107                mobileMenuClose.addEventListener('click', closeMobileMenu);
3108            }
3109            if (mobileMenuBackdrop) {
3110                mobileMenuBackdrop.addEventListener('click', closeMobileMenu);
3111            }
3112            mobileMenuLinks.forEach((link) => {
3113                link.addEventListener('click', closeMobileMenu);
3114            });
3115
3116            const openSupportModal = () => {
3117                if (!supportModal) {
3118                    return;
3119                }
3120                supportModal.classList.add('is-open');
3121                supportModal.setAttribute('aria-hidden', 'false');
3122                document.body.classList.add('modal-open');
3123            };
3124
3125            const closeSupportModal = () => {
3126                if (!supportModal) {
3127                    return;
3128                }
3129                supportModal.classList.remove('is-open');
3130                supportModal.setAttribute('aria-hidden', 'true');
3131                document.body.classList.remove('modal-open');
3132            };
3133
3134            supportModalTriggers.forEach((trigger) => {
3135                trigger.addEventListener('click', (event) => {
3136                    event.preventDefault();
3137                    openSupportModal();
3138                });
3139            });
3140
3141            if (supportModalClose) {
3142                supportModalClose.addEventListener('click', closeSupportModal);
3143            }
3144            if (supportModalCancel) {
3145                supportModalCancel.addEventListener('click', closeSupportModal);
3146            }
3147            if (supportModal) {
3148                supportModal.addEventListener('click', (event) => {
3149                    if (event.target === supportModal) {
3150                        closeSupportModal();
3151                    }
3152                });
3153            }
3154
3155            document.addEventListener('keydown', (event) => {
3156                if (event.key === 'Escape' && supportModal && supportModal.classList.contains('is-open')) {
3157                    closeSupportModal();
3158                }
3159                if (event.key === 'Escape' && mobileMenuDrawer && mobileMenuDrawer.classList.contains('is-open')) {
3160                    closeMobileMenu();
3161                }
3162            });
3163
3164            const pageQuery = new URLSearchParams(window.location.search);
3165            if (pageQuery.get('proposal_status') && supportModal) {
3166                openSupportModal();
3167                if (window.history && window.history.replaceState) {
3168                    const cleanUrl = new URL(window.location.href);
3169                    cleanUrl.searchParams.delete('proposal_status');
3170                    cleanUrl.searchParams.delete('proposal_msg');
3171                    window.history.replaceState({}, document.title, cleanUrl.pathname + cleanUrl.search + cleanUrl.hash);
3172                }
3173            }
3174
3175            /* Why Us: Before/After image compare widgets */
3176            const beforeAfterWidgets = document.querySelectorAll('.before-after-widget');
3177            beforeAfterWidgets.forEach((widget) => {
3178                const afterWrap = widget.querySelector('.ba-after-wrap');
3179                const divider = widget.querySelector('.ba-divider');
3180                const media = widget.querySelector('.ba-media');
3181                const labels = widget.querySelector('.ba-labels');
3182                const beforeLabel = labels ? labels.querySelector('span:first-child') : null;
3183                const afterLabel = labels ? labels.querySelector('span:last-child') : null;
3184                if (!media || !afterWrap || !divider) {
3185                    return;
3186                }
3187
3188                let currentPct = 50;
3189                let isDraggingCompare = false;
3190                let activeComparePointerId = null;
3191                let compareStartX = 0;
3192                let compareStartY = 0;
3193
3194                const setPosition = (value) => {
3195                    const pct = Math.max(0, Math.min(100, Number(value)));
3196                    currentPct = Number.isFinite(pct) ? pct : 50;
3197                    afterWrap.style.width = `${pct}%`;
3198                    divider.style.left = `${pct}%`;
3199                    divider.setAttribute('aria-valuenow', String(Math.round(pct)));
3200
3201                    if (beforeLabel && afterLabel) {
3202                        if (pct <= 4) {
3203                            beforeLabel.style.opacity = '0';
3204                            beforeLabel.style.left = '50%';
3205                            afterLabel.style.opacity = '1';
3206                            afterLabel.style.left = '50%';
3207                        } else if (pct >= 96) {
3208                            beforeLabel.style.opacity = '1';
3209                            beforeLabel.style.left = '50%';
3210                            afterLabel.style.opacity = '0';
3211                            afterLabel.style.left = '50%';
3212                        } else {
3213                            const beforeMid = Math.max(12, Math.min(48, pct / 2));
3214                            const afterMid = Math.max(52, Math.min(88, pct + ((100 - pct) / 2)));
3215                            beforeLabel.style.opacity = '1';
3216                            beforeLabel.style.left = `${beforeMid}%`;
3217                            afterLabel.style.opacity = '1';
3218                            afterLabel.style.left = `${afterMid}%`;
3219                        }
3220                    }
3221                };
3222
3223                const setFromClientX = (clientX) => {
3224                    const rect = media.getBoundingClientRect();
3225                    if (!rect.width) {
3226                        return;
3227                    }
3228                    const pct = ((clientX - rect.left) / rect.width) * 100;
3229                    setPosition(pct);
3230                };
3231
3232                const startCompareDrag = (event) => {
3233                    const isMobileViewport = window.matchMedia('(max-width: 768px)').matches;
3234                    if (isMobileViewport && !event.target.closest('.ba-divider')) {
3235                        return;
3236                    }
3237                    isDraggingCompare = true;
3238                    activeComparePointerId = event.pointerId;
3239                    compareStartX = event.clientX;
3240                    compareStartY = event.clientY;
3241                    if (!isMobileViewport && media.setPointerCapture) {
3242                        media.setPointerCapture(event.pointerId);
3243                    }
3244                };
3245
3246                const moveCompareDrag = (event) => {
3247                    if (!isDraggingCompare || event.pointerId !== activeComparePointerId) {
3248                        return;
3249                    }
3250                    const isMobileViewport = window.matchMedia('(max-width: 768px)').matches;
3251                    if (isMobileViewport) {
3252                        const deltaX = Math.abs(event.clientX - compareStartX);
3253                        const deltaY = Math.abs(event.clientY - compareStartY);
3254                        if (deltaY > deltaX && deltaY > 6) {
3255                            isDraggingCompare = false;
3256                            activeComparePointerId = null;
3257                            return;
3258                        }
3259                    }
3260                    setFromClientX(event.clientX);
3261                    event.preventDefault();
3262                };
3263
3264                const endCompareDrag = (event) => {
3265                    if (!isDraggingCompare || event.pointerId !== activeComparePointerId) {
3266                        return;
3267                    }
3268                    isDraggingCompare = false;
3269                    activeComparePointerId = null;
3270                    if (media.releasePointerCapture) {
3271                        try {
3272                            media.releasePointerCapture(event.pointerId);
3273                        } catch (e) {
3274                            // Ignore pointer release errors.
3275                        }
3276                    }
3277                    event.preventDefault();
3278                };
3279
3280                media.addEventListener('pointerdown', startCompareDrag);
3281                media.addEventListener('pointermove', moveCompareDrag);
3282                media.addEventListener('pointerup', endCompareDrag);
3283                media.addEventListener('pointercancel', endCompareDrag);
3284                media.addEventListener('dragstart', (event) => event.preventDefault());
3285                media.addEventListener('lostpointercapture', () => {
3286                    isDraggingCompare = false;
3287                    activeComparePointerId = null;
3288                });
3289
3290                divider.addEventListener('keydown', (event) => {
3291                    if (event.key === 'ArrowLeft') {
3292                        setPosition(currentPct - 2);
3293                        event.preventDefault();
3294                    } else if (event.key === 'ArrowRight') {
3295                        setPosition(currentPct + 2);
3296                        event.preventDefault();
3297                    } else if (event.key === 'Home') {
3298                        setPosition(0);
3299                        event.preventDefault();
3300                    } else if (event.key === 'End') {
3301                        setPosition(100);
3302                        event.preventDefault();
3303                    }
3304                });
3305
3306                setPosition(50);
3307            });
3308
3309            const beforeAfterCarousel = document.getElementById('beforeAfterCarousel');
3310            if (beforeAfterCarousel) {
3311                const slides = Array.from(beforeAfterCarousel.querySelectorAll('.before-after-slide'));
3312                const dots = Array.from(beforeAfterCarousel.querySelectorAll('.ba-carousel-dot'));
3313                const prevButton = beforeAfterCarousel.querySelector('.ba-carousel-prev');
3314                const nextButton = beforeAfterCarousel.querySelector('.ba-carousel-next');
3315                let activeSlideIndex = slides.findIndex((slide) => slide.classList.contains('is-active'));
3316                if (activeSlideIndex < 0) {
3317                    activeSlideIndex = 0;
3318                }
3319
3320                const setActiveSlide = (index) => {
3321                    if (!slides.length) {
3322                        return;
3323                    }
3324                    const normalizedIndex = (index + slides.length) % slides.length;
3325                    activeSlideIndex = normalizedIndex;
3326                    slides.forEach((slide, slideIndex) => {
3327                        slide.classList.toggle('is-active', slideIndex === normalizedIndex);
3328                    });
3329                    dots.forEach((dot, dotIndex) => {
3330                        const isActive = dotIndex === normalizedIndex;
3331                        dot.classList.toggle('is-active', isActive);
3332                        dot.setAttribute('aria-selected', isActive ? 'true' : 'false');
3333                    });
3334                };
3335
3336                if (prevButton) {
3337                    prevButton.addEventListener('click', () => {
3338                        setActiveSlide(activeSlideIndex - 1);
3339                    });
3340                }
3341                if (nextButton) {
3342                    nextButton.addEventListener('click', () => {
3343                        setActiveSlide(activeSlideIndex + 1);
3344                    });
3345                }
3346                dots.forEach((dot) => {
3347                    dot.addEventListener('click', () => {
3348                        const targetIndex = Number(dot.getAttribute('data-slide-target'));
3349                        if (Number.isFinite(targetIndex)) {
3350                            setActiveSlide(targetIndex);
3351                        }
3352                    });
3353                });
3354
3355	                setActiveSlide(activeSlideIndex);
3356	            }
3357
3358            /* Why Us sample website carousel */
3359            const whyUsSampleCarousel = document.getElementById('whyUsSampleCarousel');
3360            if (whyUsSampleCarousel) {
3361                const sampleTrack = whyUsSampleCarousel.querySelector('.why-us-sample-carousel-track');
3362                const sampleSlides = Array.from(whyUsSampleCarousel.querySelectorAll('.why-us-sample-slide'));
3363                const samplePrev = whyUsSampleCarousel.querySelector('.why-us-sample-prev');
3364                const sampleNext = whyUsSampleCarousel.querySelector('.why-us-sample-next');
3365                const sampleTabletQuery = window.matchMedia('(max-width: 1200px)');
3366                let activeSampleIndex = 0;
3367                let isDraggingSample = false;
3368                let sampleDragStartX = 0;
3369                let sampleDragStartY = 0;
3370                let sampleDragStartScrollLeft = 0;
3371                let activeSamplePointerId = null;
3372
3373                const getSampleScrollStep = () => {
3374                    const firstSlide = sampleSlides[0];
3375                    if (!firstSlide) {
3376                        return sampleTrack ? sampleTrack.clientWidth / 2 : 0;
3377                    }
3378                    const carouselStyle = window.getComputedStyle(sampleTrack);
3379                    const gap = parseFloat(carouselStyle.columnGap || carouselStyle.gap || '0') || 0;
3380                    return firstSlide.getBoundingClientRect().width + gap;
3381                };
3382
3383                const moveSample = (direction) => {
3384                    if (sampleTabletQuery.matches && sampleTrack) {
3385                        sampleTrack.scrollBy({
3386                            left: direction * getSampleScrollStep(),
3387                            behavior: 'smooth'
3388                        });
3389                        return;
3390                    }
3391                    setActiveSample(activeSampleIndex + direction);
3392                };
3393
3394                const endSampleDrag = (event) => {
3395                    if (!isDraggingSample) {
3396                        activeSamplePointerId = null;
3397                        return;
3398                    }
3399                    isDraggingSample = false;
3400                    activeSamplePointerId = null;
3401                    if (sampleTrack) {
3402                        sampleTrack.classList.remove('is-dragging');
3403                    }
3404                    try {
3405                        sampleTrack.releasePointerCapture(event.pointerId);
3406                    } catch (e) {
3407                        // Ignore if pointer capture has already been released.
3408                    }
3409                };
3410
3411                const setActiveSample = (index) => {
3412                    if (!sampleSlides.length) {
3413                        return;
3414                    }
3415                    activeSampleIndex = (index + sampleSlides.length) % sampleSlides.length;
3416                    sampleSlides.forEach((slide, slideIndex) => {
3417                        slide.classList.toggle('is-active', slideIndex === activeSampleIndex);
3418                    });
3419                };
3420
3421                if (samplePrev) {
3422                    samplePrev.addEventListener('click', () => moveSample(-1));
3423                }
3424                if (sampleNext) {
3425                    sampleNext.addEventListener('click', () => moveSample(1));
3426                }
3427                if (sampleTrack) {
3428                sampleTrack.querySelectorAll('img').forEach((image) => {
3429                    image.addEventListener('dragstart', (event) => event.preventDefault());
3430                });
3431                sampleTrack.addEventListener('pointerdown', (event) => {
3432                    if (!sampleTabletQuery.matches || event.target.closest('.why-us-sample-arrow')) {
3433                        return;
3434                    }
3435                    if (event.pointerType === 'mouse' && event.button !== 0) {
3436                        return;
3437                    }
3438                    activeSamplePointerId = event.pointerId;
3439                    sampleDragStartX = event.clientX;
3440                    sampleDragStartY = event.clientY;
3441                    sampleDragStartScrollLeft = sampleTrack.scrollLeft;
3442                });
3443                sampleTrack.addEventListener('pointermove', (event) => {
3444                    if (event.pointerId !== activeSamplePointerId) {
3445                        return;
3446                    }
3447                    const deltaX = event.clientX - sampleDragStartX;
3448                    const deltaY = event.clientY - sampleDragStartY;
3449                    if (!isDraggingSample) {
3450                        if (Math.max(Math.abs(deltaX), Math.abs(deltaY)) < 8) {
3451                            return;
3452                        }
3453                        if (Math.abs(deltaY) > Math.abs(deltaX)) {
3454                            activeSamplePointerId = null;
3455                            return;
3456                        }
3457                        isDraggingSample = true;
3458                        sampleTrack.classList.add('is-dragging');
3459                        sampleTrack.setPointerCapture(event.pointerId);
3460                    }
3461                    event.preventDefault();
3462                    sampleTrack.scrollLeft = sampleDragStartScrollLeft - deltaX;
3463                });
3464                sampleTrack.addEventListener('pointerup', endSampleDrag);
3465                sampleTrack.addEventListener('pointercancel', endSampleDrag);
3466                sampleTrack.addEventListener('lostpointercapture', () => {
3467                    isDraggingSample = false;
3468                    activeSamplePointerId = null;
3469                    sampleTrack.classList.remove('is-dragging');
3470                });
3471                }
3472                setActiveSample(0);
3473            }
3474
3475	            /* Mobile reveal: Why Us cards */
3476	            const whyUsGrid = document.querySelector('.features-grid');
3477            const whyUsRevealBtn = document.getElementById('whyUsRevealBtn');
3478            if (whyUsGrid && whyUsRevealBtn) {
3479                const mobileQuery = window.matchMedia('(max-width: 768px)');
3480                const syncWhyUsReveal = () => {
3481                    if (!mobileQuery.matches) {
3482                        whyUsGrid.classList.remove('is-expanded');
3483                        whyUsRevealBtn.setAttribute('aria-expanded', 'false');
3484                        whyUsRevealBtn.textContent = 'Show More';
3485                    }
3486                };
3487                whyUsRevealBtn.addEventListener('click', () => {
3488                    const expanded = whyUsGrid.classList.toggle('is-expanded');
3489                    whyUsRevealBtn.setAttribute('aria-expanded', expanded ? 'true' : 'false');
3490                    whyUsRevealBtn.textContent = expanded ? 'Show Less' : 'Show More';
3491                });
3492                window.addEventListener('resize', syncWhyUsReveal);
3493                syncWhyUsReveal();
3494            }
3495
3496            /* Mobile reveal: Horizon feature list */
3497            const hFeaturesGrid = document.getElementById('featuresGrid');
3498            const hFeaturesRevealBtn = document.getElementById('hFeaturesRevealBtn');
3499            if (hFeaturesGrid && hFeaturesRevealBtn) {
3500                const mobileQuery = window.matchMedia('(max-width: 768px)');
3501                const setCollapsedHeightForFirstFive = () => {
3502                    if (!mobileQuery.matches) {
3503                        hFeaturesGrid.style.maxHeight = '';
3504                        hFeaturesGrid.classList.remove('is-mobile-expanded');
3505                        hFeaturesRevealBtn.setAttribute('aria-expanded', 'false');
3506                        hFeaturesRevealBtn.textContent = 'Show More Features';
3507                        return;
3508                    }
3509                    if (hFeaturesGrid.classList.contains('is-mobile-expanded')) {
3510                        return;
3511                    }
3512                    const items = Array.from(hFeaturesGrid.querySelectorAll('.h-list-item'));
3513                    if (items.length < 5) {
3514                        return;
3515                    }
3516                    const top = items[0].offsetTop;
3517                    const fifthBottom = items[4].offsetTop + items[4].offsetHeight;
3518                    hFeaturesGrid.style.maxHeight = `${fifthBottom - top + 8}px`;
3519                };
3520                hFeaturesRevealBtn.addEventListener('click', () => {
3521                    const expanded = hFeaturesGrid.classList.toggle('is-mobile-expanded');
3522                    hFeaturesRevealBtn.setAttribute('aria-expanded', expanded ? 'true' : 'false');
3523                    hFeaturesRevealBtn.textContent = expanded ? 'Show Fe
3523wer Features' : 'Show More Features';
3524                    if (expanded) {
3525                        hFeaturesGrid.style.maxHeight = '';
3526                    } else {
3527                        setCollapsedHeightForFirstFive();
3528                    }
3529                });
3530                window.addEventListener('resize', setCollapsedHeightForFirstFive);
3531                setCollapsedHeightForFirstFive();
3532            }
3533
3534            /* Horizon Interface Infinity Scroll */
3535            const horizonGalleryTrack = document.getElementById('horizonGalleryTrack');
3536            const horizonGalleryWrapper = document.getElementById('horizonGalleryWrapper');
3537            if (horizonGalleryTrack && !(horizonGalleryWrapper && horizonGalleryWrapper.classList.contains('is-temporarily-hidden'))) {
3538                // Hard-apply card and header styles so layout stays correct even if CSS is cached/overridden.
3539                const enforceHorizonCardStyles = () => {
3540                    horizonGalleryTrack.querySelectorAll('.horizon-gallery-item').forEach((item) => {
3541                        item.style.width = 'auto';
3542                        item.style.maxWidth = 'none';
3543                        item.style.height = 'auto';
3544                        item.style.display = 'inline-flex';
3545                        item.style.flex = '0 0 auto';
3546                        item.style.flexDirection = 'column';
3547                        item.style.overflow = 'hidden';
3548                        item.style.background = 'transparent';
3549                        item.style.border = '0';
3550                        item.style.borderRadius = '12px 12px 0 0';
3551                        item.style.boxShadow = 'none';
3552                    });
3553
3554                    horizonGalleryTrack.querySelectorAll('.horizon-browser-header').forEach((header) => {
3555                        header.style.display = 'flex';
3556                        header.style.gap = '6px';
3557                        header.style.padding = '10px 12px';
3558                        header.style.background = '#ffffff';
3559                        header.style.borderBottom = '0';
3560                    });
3561
3562                    horizonGalleryTrack.querySelectorAll('.horizon-browser-body').forEach((body) => {
3563                        body.style.flex = '0 0 auto';
3564                        body.style.width = '100%';
3565                        body.style.overflow = 'hidden';
3566                        body.style.minHeight = '0';
3567                    });
3568
3569                    horizonGalleryTrack.querySelectorAll('.horizon-browser-body img').forEach((image) => {
3570                        image.style.width = '100%';
3571                        image.style.height = 'auto';
3572                        image.style.objectFit = 'contain';
3573                        image.style.display = 'block';
3574                    });
3575
3576                    horizonGalleryTrack.querySelectorAll('.horizon-gallery-item > img').forEach((image) => {
3577                        image.style.width = 'auto';
3578                        image.style.maxWidth = 'none';
3579                        image.style.height = 'auto';
3580                        image.style.objectFit = 'contain';
3581                        image.style.display = 'block';
3582                    });
3583                };
3584
3585                enforceHorizonCardStyles();
3586                horizonGalleryTrack.innerHTML += horizonGalleryTrack.innerHTML;
3587                enforceHorizonCardStyles();
3588                let horizonScrollPos = 0;
3589                let isHorizonHovered = false;
3590                let isDragging = false;
3591                let dragStartX = 0;
3592                let dragStartScrollPos = 0;
3593                const horizonSpeed = 1.1;
3594                const resetIfNeeded = () => {
3595                    const halfWidth = horizonGalleryTrack.scrollWidth / 2;
3596                    if (horizonScrollPos < 0) {
3597                        horizonScrollPos += halfWidth;
3598                    } else if (horizonScrollPos >= halfWidth) {
3599                        horizonScrollPos -= halfWidth;
3600                    }
3601                };
3602
3603                function scrollHorizonGallery() {
3604                    if (!isHorizonHovered && !isDragging) {
3605                        horizonScrollPos += horizonSpeed;
3606                        resetIfNeeded();
3607                        horizonGalleryTrack.style.transform = `translateX(-${horizonScrollPos}px)`;
3608                    }
3609                    requestAnimationFrame(scrollHorizonGallery);
3610                }
3611
3612                horizonGalleryTrack.addEventListener('mouseenter', () => {
3613                    isHorizonHovered = true;
3614                });
3615                horizonGalleryTrack.addEventListener('mouseleave', () => {
3616                    isHorizonHovered = false;
3617                });
3618
3619                if (horizonGalleryWrapper) {
3620                    horizonGalleryWrapper.addEventListener('pointerdown', (event) => {
3621                        if (event.pointerType === 'mouse' && event.button !== 0) {
3622                            return;
3623                        }
3624                        event.preventDefault();
3625                        isDragging = true;
3626                        dragStartX = event.clientX;
3627                        dragStartScrollPos = horizonScrollPos;
3628                        horizonGalleryWrapper.classList.add('is-dragging');
3629                        horizonGalleryWrapper.setPointerCapture(event.pointerId);
3630                    });
3631
3632                    horizonGalleryWrapper.addEventListener('pointermove', (event) => {
3633                        if (!isDragging) {
3634                            return;
3635                        }
3636                        event.preventDefault();
3637                        const deltaX = event.clientX - dragStartX;
3638                        horizonScrollPos = dragStartScrollPos - deltaX;
3639                        resetIfNeeded();
3640                        horizonGalleryTrack.style.transform = `translateX(-${horizonScrollPos}px)`;
3641                    });
3642
3643                    const endPointerDrag = (event) => {
3644                        if (!isDragging) {
3645                            return;
3646                        }
3647                        isDragging = false;
3648                        horizonGalleryWrapper.classList.remove('is-dragging');
3649                        try {
3650                            horizonGalleryWrapper.releasePointerCapture(event.pointerId);
3651                        } catch (e) {
3652                            // Ignore if pointer capture is already released.
3653                        }
3654                    };
3655
3656                    horizonGalleryWrapper.addEventListener('pointerup', endPointerDrag);
3657                    horizonGalleryWrapper.addEventListener('pointercancel', endPointerDrag);
3658                }
3659
3660                scrollHorizonGallery();
3661            }
3662
3663            /* Mobile Reviews Carousel Arrows */
3664            const reviewsTrack = document.querySelector('.reviews-track');
3665            const reviewsPrev = document.querySelector('.reviews-arrow-prev');
3666            const reviewsNext = document.querySelector('.reviews-arrow-next');
3667            if (reviewsTrack && reviewsPrev && reviewsNext) {
3668                const mobileQuery = window.matchMedia('(max-width: 768px)');
3669                const getStep = () => {
3670                    const firstCard = reviewsTrack.querySelector('.review-card');
3671                    if (!firstCard) {
3672                        return 280;
3673                    }
3674                    const cardWidth = firstCard.getBoundingClientRect().width;
3675                    const gap = parseFloat(window.getComputedStyle(reviewsTrack).columnGap || window.getComputedStyle(reviewsTrack).gap || '14') || 14;
3676                    return cardWidth + gap;
3677                };
3678                const updateArrows = () => {
3679                    if (!mobileQuery.matches) {
3680                        reviewsPrev.disabled = true;
3681                        reviewsNext.disabled = true;
3682                        return;
3683                    }
3684                    const maxScrollLeft = reviewsTrack.scrollWidth - reviewsTrack.clientWidth;
3685                    reviewsPrev.disabled = reviewsTrack.scrollLeft <= 4;
3686                    reviewsNext.disabled = reviewsTrack.scrollLeft >= (maxScrollLeft - 4);
3687                };
3688                reviewsPrev.addEventListener('click', () => {
3689                    reviewsTrack.scrollBy({ left: -getStep(), behavior: 'smooth' });
3690                });
3691                reviewsNext.addEventListener('click', () => {
3692                    reviewsTrack.scrollBy({ left: getStep(), behavior: 'smooth' });
3693                });
3694                reviewsTrack.addEventListener('scroll', updateArrows, { passive: true });
3695                window.addEventListener('resize', updateArrows);
3696                updateArrows();
3697            }
3698        });
3699    </script>
3699
3700	
3701	
3702	
3703	
3704	

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.