<!doctype html>
<html class="no-js supports-no-cookies" lang="en">
<head>
    
    <script>
    (function(){
      try {
        var current = "en";
        var currentRoot = "\/";
        var isDefault = (currentRoot === '/');

        // Track the default locale (no URL prefix) so we can build correct
        // redirect URLs. The default locale has root_url === '/'.
        if (isDefault) {
          document.cookie = 'tmi_default_locale=' + current + ';path=/;max-age=31536000;SameSite=Lax';
        }

        // If a ?lang= param is present, treat it as an explicit locale choice:
        // update the cookie and strip the param from the URL.
        var params = new URLSearchParams(window.location.search);
        var langParam = params.get('lang');
        if (langParam) {
          document.cookie = 'tmi_locale=' + langParam + ';path=/;max-age=31536000;SameSite=Lax';
          try { localStorage.setItem('tmi_locale', langParam); } catch(ex) {}
          params.delete('lang');
          var cleanSearch = params.toString() ? '?' + params.toString() : '';
          if (langParam === current) {
            window.location.replace(window.location.pathname + cleanSearch + window.location.hash);
            return;
          }
        }

        // If the URL has a locale prefix (e.g. /es/...), the user explicitly
        // navigated here — sync the cookie to match instead of redirecting away.
        if (!isDefault) {
          document.cookie = 'tmi_locale=' + current + ';path=/;max-age=31536000;SameSite=Lax';
          try { localStorage.setItem('tmi_locale', current); } catch(ex) {}
          return;
        }

        // Only redirect when on the default (unprefixed) locale and the cookie
        // says the user prefers a different language.
        var c = document.cookie.match(/(?:^|;\s*)tmi_locale=([^;]*)/);
        if (!c) return;
        var stored = c[1];
        if (stored === current) return;

        var target = '/' + stored + window.location.pathname;
        target = target.replace(/\/\//g, '/');

        if (target !== window.location.pathname) {
          window.location.replace(target + window.location.search + window.location.hash);
        }
      } catch(e){}
    })();
    </script>
    
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-NN2TVHHH');</script>
    <!-- End Google Tag Manager --><title>Experiential Expanded Consciousness Meditation Programs and Research
&ndash; The Monroe Institute</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="description" content="The world&#39;s premiere organization for the study of human consciousness. Offering residential mediation retreats, online courses and research programs for the study of expanded states of consciousness using audio supported guided meditations. Access expanded states of conscious with Robert Monroe&#39;s Gateway Experience."><link rel="shortcut icon" href="/cdn/shop/t/65/assets/img-logo-favicon.png?v=173615336111055838491778253695" type="image/png">
    <link rel="canonical" href="https://www.monroeinstitute.org/">

    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">



    



<meta property="og:site_name" content="The Monroe Institute">
<meta property="og:url" content="https://www.monroeinstitute.org/">
<meta property="og:title" content="Experiential Expanded Consciousness Meditation Programs and Research">
<meta property="og:type" content="website">
<meta property="og:description" content="The world&#39;s premiere organization for the study of human consciousness. Offering residential mediation retreats, online courses and research programs for the study of expanded states of consciousness using audio supported guided meditations. Access expanded states of conscious with Robert Monroe&#39;s Gateway Experience.">

<meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Experiential Expanded Consciousness Meditation Programs and Research">
<meta name="twitter:description" content="The world&#39;s premiere organization for the study of human consciousness. Offering residential mediation retreats, online courses and research programs for the study of expanded states of consciousness using audio supported guided meditations. Access expanded states of conscious with Robert Monroe&#39;s Gateway Experience.">


    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/plugins/rias/ls.rias.min.js"></script>
    
    <script src="https://unpkg.com/deque-pattern-library/dist/js/pattern-library.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/deque-pattern-library/dist/css/pattern-library.min.css"/>
    
    <script src="https://api.bloomerang.co/v1/WebsiteVisit?ApiKey=pub_451104c0-d671-11ea-8800-06cecd8bd12e"
            type="text/javascript"></script>

    <script src="https://player.vimeo.com/api/player.js"></script>

    <script src="/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>

    <link href="/cdn/shop/t/65/assets/application.css?v=179617837489948937011778253695" rel="stylesheet" type="text/css" media="all" />
    
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="3rt9iPDz-EQmrnkgPD-WO1KqDWTJSFa963IO6b2UnCs">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26359267437/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="6045f18bdc28e31fe4702d32144cf941">
<meta id="in-context-paypal-metadata" data-shop-id="26359267437" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" hreflang="x-default" href="https://www.monroeinstitute.org/">
<link rel="alternate" hreflang="en" href="https://www.monroeinstitute.org/">
<link rel="alternate" hreflang="nl" href="https://www.monroeinstitute.org/nl">
<link rel="alternate" hreflang="it" href="https://www.monroeinstitute.org/it">
<link rel="alternate" hreflang="bg" href="https://www.monroeinstitute.org/bg">
<link rel="alternate" hreflang="tr" href="https://www.monroeinstitute.org/tr">
<link rel="alternate" hreflang="el" href="https://www.monroeinstitute.org/el">
<link rel="alternate" hreflang="lt" href="https://www.monroeinstitute.org/lt">
<link rel="alternate" hreflang="da" href="https://www.monroeinstitute.org/da">
<link rel="alternate" hreflang="fr" href="https://www.monroeinstitute.org/fr">
<link rel="alternate" hreflang="de" href="https://www.monroeinstitute.org/de">
<link rel="alternate" hreflang="ro" href="https://www.monroeinstitute.org/ro">
<link rel="alternate" hreflang="es" href="https://www.monroeinstitute.org/es">
<link rel="alternate" hreflang="ur" href="https://www.monroeinstitute.org/ur">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=26359267437" crossorigin="anonymous"></script>
<script id="shopify-features" type="application/json">{"accessToken":"6045f18bdc28e31fe4702d32144cf941","betas":["rich-media-storefront-analytics"],"domain":"the-monroe-institute.myshopify.com","predictiveSearch":true,"shopId":26359267437,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "the-monroe-institute.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Development (e4be1d-bca130fbf672)","id":190160404850,"schema_name":"TMI Shopify 3.0 Theme","schema_version":"0.0.0","theme_store_id":null,"role":"development"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "the-monroe-institute.myshopify.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.previewMode = true;
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = "pending";
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/cdn.shopify.com\/proxy\/822e9e1606ef9424ec7eaee72fc3907a60313dbd0fae83a97c125d1a44df101f\/api.goaffpro.com\/loader.js?shop=the-monroe-institute.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="hot-reload-client" src="/cdn/shopifycloud/theme-hot-reload/theme-hot-reload.js" defer crossorigin></script>
<script id="__st">var __st={"a":26359267437,"offset":-14400,"reqid":"0df5e1fc-7e40-4ee6-9836-641d5c3567e3-1778256445","pageurl":"the-monroe-institute.myshopify.com\/?_fd=0\u0026pb=0","u":"fda9f7c2acba","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 26359267437,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 26359267437,storefrontBaseUrl: "https://www.monroeinstitute.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","5acaffe6"],webPixelsConfigList: [{"id":"862880114","configuration":"{\"shop\":\"the-monroe-institute.myshopify.com\",\"cookie_duration\":\"31536000\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a2e7513c3708f34b1f617d7ce88f9697","type":"APP","apiClientId":2744533,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"722272573","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-HWPDMPPSS5\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-HWPDMPPSS5\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-HWPDMPPSS5\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-HWPDMPPSS5\\\",\\\"MC-PYNC1XSJQL\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-HWPDMPPSS5\\\",\\\"MC-PYNC1XSJQL\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-HWPDMPPSS5\\\",\\\"MC-PYNC1XSJQL\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-HWPDMPPSS5\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-HWPDMPPSS5\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8f0caa21e308b775e2992043faee5004","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"372670781","configuration":"{\"pixel_id\":\"182934626995200\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"d72ab942028ee4f6bccc581083be605e","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: true,initData: {"shop":{"name":"The Monroe Institute","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"the-monroe-institute.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.monroeinstitute.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://the-monroe-institute.myshopify.com/cdn","03acfcf2w0af7eda4pd1156192m56eba1ce",{"modern":"","legacy":""},{"trekkieShim":true,"pageType":"home","shopId":"26359267437","storefrontBaseUrl":"https:\/\/www.monroeinstitute.org","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"5acaffe6\"]","isMerchantRequest":"true","hashVersion":"03acfcf2w0af7eda4pd1156192m56eba1ce","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"0df5e1fc-7e40-4ee6-9836-641d5c3567e3-1778256445"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 26359267437,
      theme_id: 190160404850,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "/cdn/s/trekkie.storefront.82900183b05ff23f8455639d7eb513d638b0a722.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '/cdn/s/trekkie.storefront.82900183b05ff23f8455639d7eb513d638b0a722.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '/cdn/s/trekkie.storefront.82900183b05ff23f8455639d7eb513d638b0a722.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26359267437,"isMerchantRequest":null,"themeId":190160404850,"themeCityHash":"1129037244184110314","contentLanguage":"en","currency":"USD","eventMetadataId":"eaf8fd86-18b5-4379-ac67-d31aecb16799"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bdb960ec","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"0df5e1fc-7e40-4ee6-9836-641d5c3567e3-1778256445","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="26359267437"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="190160404850"
  data-theme-name="TMI Shopify 3.0 Theme"
  data-theme-version="0.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="/api/collect"
></script>
</head>
<body class="template-index">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NN2TVHHH"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<style>
  /* ── State transitions (JS-toggled classes) ── */

  /* Header hide on scroll down (nav-hidden toggled by theme.js) */
  .global-header {
    transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out, transform 300ms ease-in-out;
  }
  /* Homepage only: fade in header after 1s delay */
  .template-index .global-header {
    opacity: 0;
    animation: global-header-fade-in 1s ease 2s forwards;
  }
  @keyframes global-header-fade-in {
    to { opacity: 1; }
  }
  .global-header-nav-wrapper {
    transition: background 0.3s ease, box-shadow 0.3s ease;
  }
  /* Desktop: one container holds main header bar; blur via ::before so backdrop is page content */
  .global-header-desktop-container {
    position: relative;
    background: transparent;
    transition: background 0.5s ease;
  }
  .global-header-desktop-container::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
    pointer-events: none;
    transition: background 0.5s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
  .global-header-desktop-container > * {
    position: relative;
    z-index: 1;
  }
  /* White header: top bar links gray, light gray on hover; active = green; bold */
  .global-header .global-header-desktop-links .js_parent-nav-link,
  .global-header .global-header-desktop-links a:not(.js_parent-nav-link) {
    font-weight: 700;
  }
  .global-header .global-header-desktop-links .js_parent-nav-link {
    color: #4b5563;
  }
  .global-header .global-header-desktop-links .js_parent-nav-link:hover {
    color: #9ca3af;
  }
  .global-header .global-header-desktop-links .js_parent-nav-link.active {
    color: var(--palette-green) !important;
  }
  /* Links without submenus: same gray, light gray on hover */
  .global-header .global-header-desktop-links a:not(.js_parent-nav-link) {
    color: #4b5563;
  }
  .global-header .global-header-desktop-links a:not(.js_parent-nav-link):hover {
    color: #9ca3af;
  }

  /* Dark header only when hero is in view (header-over-hero toggled by theme.js) */
  .global-header.header-over-hero .global-header-desktop-container::before {
    background: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
  }
  /* (dropdown is now a floating panel — no header bg switch needed) */
  .global-header.header-over-hero .global-header-nav-mobile .global-header-nav-wrapper {
    background: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
    box-shadow: none !important;
  }
  /* Over hero: top bar links white, gray on hover, active = green (desktop only) */
  .global-header.header-over-hero .global-header-nav-desktop .js_parent-nav-link,
  .global-header.header-over-hero .global-header-desktop-links a:not(.js_parent-nav-link) {
    color: #fff !important;
  }
  .global-header.header-over-hero .global-header-nav-desktop .js_parent-nav-link:hover,
  .global-header.header-over-hero .global-header-desktop-links a:not(.js_parent-nav-link):hover {
    color: #9ca3af !important;
  }
  .global-header.header-over-hero .global-header-nav-desktop .js_parent-nav-link.active,
  .global-header.header-over-hero .global-header-desktop-links .js_parent-nav-link.active {
    color: var(--palette-green) !important;
  }
  .global-header.header-over-hero .logo,
  .global-header.header-over-hero img.logo {
    filter: brightness(0) invert(1);
  }
  .global-header.header-over-hero .global-header-nav-mobile .wrapper img:not(.logo),
  .global-header.header-over-hero .global-header-nav-desktop .row img:not(.logo),
  .global-header.header-over-hero .global-header-desktop-links a img[alt='chevron down'],
  .global-header.header-over-hero .global-header-search--desktop .global-header-search__btn img,
  .global-header.header-over-hero .nav-actions .cart-icon img {
    filter: brightness(0) invert(1);
  }
  .global-header.header-over-hero .language-switcher__icon {
    color: #fff;
  }
  /* Over hero: chevron matches link color – light gray on hover (same as text) */
  .global-header.header-over-hero .global-header-desktop-links .js_parent-nav-link:hover img[alt='chevron down'] {
    filter: brightness(0) invert(1);
    opacity: 0.65;
  }
  .global-header.header-over-hero .global-header-desktop-links .js_parent-nav-link.active img[alt='chevron down'] {
    filter: brightness(0) invert(1);
  }
  .global-header.header-over-hero .global-header-nav-desktop .donate-btn {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
  }
  .global-header.header-over-hero .global-header-nav-desktop .donate-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: #fff;
  }
  .global-header.header-over-hero .global-header-nav-desktop .nav-login {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.6);
  }
  .global-header.header-over-hero .global-header-nav-desktop .nav-login:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff !important;
    border-color: #fff;
  }
  /* Over hero: transition link/logo/icons when dropdown opens or closes */
  .global-header.header-over-hero .global-header-desktop-links .js_parent-nav-link {
    transition: color 0.5s ease;
  }
  .global-header.header-over-hero .logo,
  .global-header.header-over-hero img.logo {
    transition: filter 0.5s ease;
  }
  .global-header.header-over-hero .global-header-nav-desktop .row img:not(.logo),
  .global-header.header-over-hero .global-header-desktop-links a img[alt='chevron down'],
  .global-header.header-over-hero .global-header-search--desktop .global-header-search__btn img,
  .global-header.header-over-hero .nav-actions .cart-icon img {
    transition: filter 0.5s ease;
  }
  .global-header.header-over-hero .language-switcher__icon {
    transition: color 0.5s ease;
  }
  .global-header.header-over-hero .global-header-search--desktop .global-header-search__input,
  .global-header.header-over-hero .global-header-search--desktop .global-header-search__input::placeholder {
    transition: color 0.5s ease;
  }
  .global-header.header-over-hero .global-header-search--desktop .global-header-search__input {
    color: #fff;
  }
  .global-header.header-over-hero .global-header-search--desktop.is-active .global-header-search__input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
  .global-header.header-over-hero .global-header-search--desktop.is-active .global-header-search__wrap {
    border-color: rgba(255, 255, 255, 0.4);
  }
  .global-header.header-over-hero .global-header-nav-desktop .donate-btn,
  .global-header.header-over-hero .global-header-nav-desktop .nav-login {
    transition: background 0.5s ease, color 0.5s ease, border-color 0.5s ease;
  }
  .global-header.nav-hidden {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .global-header-discover.nav-hidden {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  /* Header spacer: hidden on homepage where header overlays hero */
  .template-index .global-header-spacer {
    display: none;
  }
  /* ── Mobile slide-out drawer ── */
  .global-header-mobile-links {
    transform: translateX(100%);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .global-header-mobile-links.open {
    transform: translateX(0);
  }
  /* Mobile accordion submenus */
  .global-header-mobile-links .nav-menu {
    overflow: hidden;
    max-height: 0;
    transition: max-height 300ms ease;
  }
  .global-header-mobile-links .nav-menu.open {
    max-height: 1000px;
  }
  /* Rotate chevron when submenu is open */
  .global-header-mobile-links .js_parent-nav-link .mobile-chevron {
    transition: transform 200ms ease;
  }
  .global-header-mobile-links .nav-menu.open ~ .js_parent-nav-link .mobile-chevron,
  .global-header-mobile-links .js_parent-nav-link.active .mobile-chevron {
    transform: rotate(180deg);
  }

  /* ── Desktop search expansion (.is-active toggled by JS) ── */
  .global-header-search * {
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .global-header-search__input {
    transition: all 400ms;
  }
  .global-header-search--desktop .global-header-search__wrap {
    border: none;
    width: 40px;
    height: 40px;
    min-width: 0;
    overflow: hidden;
    transition: all 400ms;
  }
  .global-header-search--desktop.is-active .global-header-search__wrap {
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    min-width: 200px;
    padding: 4px 12px;
  }
  .global-header-search--desktop .global-header-search__input {
    background: transparent !important;
    padding: 0;
    width: 0;
    border: none !important;
    outline: none !important;
    transition: all 400ms;
    color: #374151;
  }
  .global-header-search--desktop.is-active .global-header-search__input {
    width: 100%;
    padding-left: 6px;
    border: none;
  }
  .global-header-search--desktop.is-active .global-header-search__wrap:has(.global-header-search__input:focus) {
    outline: none;
    border-color: var(--palette-green);
  }
  .global-header-search--desktop .global-header-search__input::placeholder {
    color: transparent;
  }
  .global-header-search--desktop.is-active .global-header-search__input::placeholder {
    color: #6b7280;
  }
  /* Close button: hidden until search is expanded */
  .global-header-search--desktop .close-search-button {
    transition: opacity 400ms;
    width: 0;
    opacity: 0;
  }
  .global-header-search--desktop.is-active .close-search-button {
    opacity: 1;
    width: 20px;
    transition: opacity 400ms;
    transition-delay: 400ms;
  }

  /* Desktop: nav-wrapper is transparent so container provides bg */
  .global-header-nav-desktop .global-header-nav-wrapper {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* ── Desktop compact dropdown panels ── */
  .global-header-nav-desktop .nav-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 240px;
    padding: 20px 24px;
    padding-top: 28px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: none;
    flex-direction: column;
    align-items: flex-start;
    z-index: 10;
    color: #374151;
  }
  .global-header-nav-desktop .nav-menu.open {
    display: flex;
  }
  .global-header-nav-desktop .nav-menu a {
    color: #4b5563;
    text-align: left;
    margin-bottom: 4px;
    transition: color 0.2s ease;
  }
  .global-header-nav-desktop .nav-menu a:hover {
    color: var(--palette-green);
  }
  .global-header-nav-desktop .nav-menu p {
    color: #374151;
  }
  /* Dark mode dropdown (header over hero) */
  .global-header.header-over-hero .global-header-nav-desktop .nav-menu {
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .global-header.header-over-hero .global-header-nav-desktop .nav-menu a {
    color: rgba(255, 255, 255, 0.9);
  }
  .global-header.header-over-hero .global-header-nav-desktop .nav-menu a:hover {
    color: var(--palette-green);
  }
  .global-header.header-over-hero .global-header-nav-desktop .nav-menu p {
    color: rgba(255, 255, 255, 0.7);
  }

  /* ── Underlay: behind header content (z-index 1) so it blurs page background only, not submenu ── */
  .global-header-nav-desktop,
  .global-header-nav-mobile {
    position: relative;
    z-index: 2;
  }
  .global-header-underlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    backdrop-filter: blur(3.8px);
    -webkit-backdrop-filter: blur(3.8px);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
  .global-header-underlay.open {
    display: block;
    background: rgba(0, 0, 0, 0.1);
  }

  /* ── Desktop nav link: green when active (dropdown open for this link) ── */
  .global-header-desktop-links .js_parent-nav-link.active {
    color: var(--palette-green) !important;
  }

  /* ── Shared nav link children ── */
  .global-header-nav-desktop .nav-menu .child-links.has-grouped-links,
  .global-header-mobile-links .child-links.has-grouped-links {
    flex-direction: row;
    gap: 24px;
  }
  .global-header-nav-desktop .nav-menu.programs .child-links,
  .global-header-mobile-links .programs .child-links {
    flex-direction: row;
    gap: 24px;
  }
  .global-header-mobile-links .child-links.has-grouped-links {
    max-height: initial;
  }

  /* Desktop compact dropdown sections */
  .global-header-nav-desktop .nav-menu .nav-menu-sections {
    display: flex;
    width: 100%;
  }
  .global-header-nav-desktop .nav-menu .nav-menu-sections section.child-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* ── Donate button gradient (cannot be Tailwind easily) ── */
  .global-header-nav-desktop .donate-btn {
    background: linear-gradient(90deg, #00746d 0%, #0f8b80 100%);
  }
  .global-header-nav-desktop .donate-btn:hover {
    background: linear-gradient(90deg, #0a8f85 0%, #0fb19f 100%);
  }

  /* Login button hover */
  .global-header-nav-desktop .nav-login:hover {
    background: rgba(0, 118, 116, 0.08);
    color: var(--palette-green) !important;
    border-color: var(--palette-green);
  }

  /* ── Chevrons: same color as link text (gray on white header) ── */
  .global-header-desktop-links a img[alt='chevron down'],
  .global-header-nav-mobile .js_parent-nav-link img[alt='chevron down'],
  .global-header-nav-desktop .js_parent-nav-link img[alt='chevron down'],
  .global-header-mobile-links .js_parent-nav-link img[alt='chevron down'] {
    filter: brightness(0);
    opacity: 0.7;
    transition: filter 0.2s ease, opacity 0.2s ease;
  }
  /* Light gray on hover to match link hover color (#9ca3af) */
  .global-header-desktop-links .js_parent-nav-link:hover img[alt='chevron down'] {
    filter: brightness(0) invert(1);
    opacity: 0.65;
  }
  .global-header-desktop-links .js_parent-nav-link.active img[alt='chevron down'] {
    opacity: 1;
  }

  /* ── Search button image filters ── */
  .global-header-search--desktop .global-header-search__btn.search-button img {
    filter: brightness(0);
  }
  .global-header-search--desktop .global-header-search__btn.close-search-button img {
    width: 14px !important;
    height: 14px !important;
    filter: brightness(0);
  }

  /* ── Mobile search bar ── */
  .global-header-search--mobile .global-header-search__input {
    width: 100%;
    opacity: 1;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .global-header-search--mobile .global-header-search__btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* ── Nav actions resets ── */
  .nav-actions > * {
    margin: 0 !important;
  }
  /* White header: cart icon dark, language switcher inherits color */
  .nav-actions .cart-icon img {
    filter: brightness(0);
  }
  .nav-actions .language-switcher__icon {
    color: #374151;
  }
  .global-header-nav-mobile .global-header-nav-wrapper img:not(.logo) {
    filter: brightness(0);
  }
  .global-header-nav-mobile .language-switcher__icon {
    color: #374151;
  }

  /* ── Mobile link base styles ── */
  .global-header-mobile-links a {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    text-decoration: none;
  }

  /* ── Shared link wrapper display ── */
  .global-header-nav-desktop .nav-menu .links-group-wrapper a,
  .global-header-mobile-links .links-group-wrapper a {
    display: block;
  }

  /* ── Nav actions icon sizing ── */
  .nav-actions img,
  .nav-actions svg {
    width: 20px;
    height: 20px;
    display: block;
  }
  .nav-actions .cart-link {
    margin: 0 !important;
  }

  /* Desktop row first-child resets */
  .global-header-nav-desktop .row:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex-shrink: 0;
  }
  .global-header-nav-desktop .row:first-child .links {
    flex: 1;
  }
  .global-header-nav-desktop .row:last-child {
    margin-right: 0 !important;
    flex-shrink: 0;
  }

  /* Desktop nav link span spacing */
  .global-header-desktop-links a span,
  .global-header-mobile-links a span {
    padding-right: 8px;
  }


</style>

<!-- Container for the expand notice (fixed on homepage so it overlays with header) -->












<!-- Actual HTML for the expandable notice -->










<!-- Header for the main menu -->
<header class="global-header fixed inset-x-0 w-full z-[1000] transition-[opacity,visibility] duration-300 ease-in-out">
  <!-- Underlay: behind header content, blurs page background when dropdown open -->
  <div class='underlay global-header-underlay'></div>
  <!-- Mobile navigation bar -->
  <div class='nav mobile global-header-nav-mobile block xl:hidden w-full h-16'>
    <div class='wrapper global-header-nav-wrapper h-full px-5 flex items-center justify-between relative z-[2] shadow-[0px_10px_10px_0px_#0000001a] border-b-0 bg-white/60 backdrop-blur-[3.8px]'>
      <!-- Left group: language switcher + cart -->
      <div class='flex items-center gap-3'>
        


  <style>
    /* Dark dropdown when header is over hero (matches nav dropdown behavior) */
    @media (min-width: 1280px) {
      .global-header.header-over-hero [data-language-dropdown] {
        background: rgba(0, 0, 0, 0.35) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
      }
      .global-header.header-over-hero [data-language-code] {
        color: rgba(255, 255, 255, 0.9) !important;
      }
      .global-header.header-over-hero [data-language-code]:hover {
        background: rgba(255, 255, 255, 0.1) !important;
      }
    }
  </style>
  <div class="relative inline-flex items-center xl:h-full" data-language-switcher>
    <button
      type="button"
      class="flex items-center justify-center p-1.5 m-0 leading-none cursor-pointer !bg-transparent !border-0 !outline-none !shadow-none appearance-none hover:!bg-transparent focus:!bg-transparent focus:!outline-none focus-visible:!outline-none"
      style="border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;"
      data-language-trigger
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Change language"
    >
      <svg class="language-switcher__icon w-5 h-5 block" 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>
        <line x1="2" y1="12" x2="22" y2="12"></line>
        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
      </svg>
    </button>

    <div
      class="hidden absolute top-full left-0 z-[1000] overflow-hidden
        mt-1 min-w-[200px] rounded-lg bg-white/60 backdrop-blur-[3.8px] shadow-[0_4px_12px_rgba(0,0,0,0.15)] py-1
        xl:mt-0 xl:left-1/2 xl:-translate-x-1/2 xl:min-w-[220px] xl:rounded-t-none xl:rounded-b-xl xl:bg-white/85 xl:backdrop-blur-[12px] xl:shadow-[0_8px_32px_rgba(0,0,0,0.12)] xl:py-3"
      data-language-dropdown
    >
      <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?_fd=0&pb=0" />
        <input type="hidden" name="locale_code" value="en" data-language-input>
        <input type="hidden" name="_return_to" value="/">
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left font-semibold"
            data-language-code="en"
          >
            <span class="text-base leading-none">🇺🇸</span>
            <span translate="no" class="notranslate">English</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="nl"
          >
            <span class="text-base leading-none">🇳🇱</span>
            <span translate="no" class="notranslate">Nederlands</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="it"
          >
            <span class="text-base leading-none">🇮🇹</span>
            <span translate="no" class="notranslate">Italiano</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="bg"
          >
            <span class="text-base leading-none">🇧🇬</span>
            <span translate="no" class="notranslate">български</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="tr"
          >
            <span class="text-base leading-none">🇹🇷</span>
            <span translate="no" class="notranslate">Türkçe</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="el"
          >
            <span class="text-base leading-none">🇬🇷</span>
            <span translate="no" class="notranslate">Ελληνικά</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="lt"
          >
            <span class="text-base leading-none">🇱🇹</span>
            <span translate="no" class="notranslate">lietuvių</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="da"
          >
            <span class="text-base leading-none">🇩🇰</span>
            <span translate="no" class="notranslate">Dansk</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="fr"
          >
            <span class="text-base leading-none">🇫🇷</span>
            <span translate="no" class="notranslate">français</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="de"
          >
            <span class="text-base leading-none">🇩🇪</span>
            <span translate="no" class="notranslate">Deutsch</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="ro"
          >
            <span class="text-base leading-none">🇷🇴</span>
            <span translate="no" class="notranslate">română</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="es"
          >
            <span class="text-base leading-none">🇪🇸</span>
            <span translate="no" class="notranslate">Español</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="ur"
          >
            <span class="text-base leading-none">🌐</span>
            <span translate="no" class="notranslate">اردو</span>
          </button>
        
      </form>
    </div>
  </div>

  <script>
  (function() {
    if (window.__languageSwitcherInit) return;
    window.__languageSwitcherInit = true;

    document.addEventListener('click', function(e) {
      var trigger = e.target.closest('[data-language-trigger]');
      if (trigger) {
        var switcher = trigger.closest('[data-language-switcher]');
        var dropdown = switcher.querySelector('[data-language-dropdown]');
        var isOpen = !dropdown.classList.contains('hidden');

        // Close all dropdowns first
        document.querySelectorAll('[data-language-dropdown]').forEach(function(d) {
          d.classList.add('hidden');
        });
        document.querySelectorAll('[data-language-trigger]').forEach(function(t) {
          t.setAttribute('aria-expanded', 'false');
        });

        // Toggle clicked dropdown
        if (!isOpen) {
          dropdown.classList.remove('hidden');
          trigger.setAttribute('aria-expanded', 'true');
        }
        return;
      }

      // Handle language selection
      var langBtn = e.target.closest('[data-language-code]');
      if (langBtn) {
        e.preventDefault();
        var switcher = langBtn.closest('[data-language-switcher]');
        var input = switcher.querySelector('[data-language-input]');
        var form = switcher.querySelector('form');
        var selectedLocale = langBtn.getAttribute('data-language-code');
        input.value = selectedLocale;

        // Persist in cookie (for early <head> redirect) and localStorage (backup)
        document.cookie = 'tmi_locale=' + selectedLocale + ';path=/;max-age=31536000;SameSite=Lax';
        try { localStorage.setItem('tmi_locale', selectedLocale); } catch(ex) {}

        // Use fetch to POST, then redirect — more reliable than form.submit()
        var formData = new FormData(form);
        fetch(form.action, {
          method: 'POST',
          body: formData
        }).then(function(response) {
          if (response.redirected) {
            window.location.href = response.url;
          } else {
            window.location.reload();
          }
        }).catch(function() {
          // Fallback: native form submit
          form.submit();
        });
        return;
      }

      // Close all dropdowns on outside click
      document.querySelectorAll('[data-language-dropdown]').forEach(function(d) {
        d.classList.add('hidden');
      });
      document.querySelectorAll('[data-language-trigger]').forEach(function(t) {
        t.setAttribute('aria-expanded', 'false');
      });
    });
  })();
  </script>


        <a href='/cart'>
          <img
            alt="cart"
            src='/cdn/shop/t/65/assets/icon-cart.svg?v=95514856439074893721778253695'
            width='20'
            height='20'
          >
        </a>
      </div>
      <!-- Logo link -->
      <a href='/'>
        <img
          alt="logo"
          class='logo'
          src='/cdn/shop/t/65/assets/img-logo.svg?v=90600363761461875301778253695'
          height='55'
          width='184'
        >
      </a>
      <!-- Menu icon link -->
      <a class='open-menu'>
        <img
          alt="menu"
          class='menu-icon h-[17px]'
          src='/cdn/shop/t/65/assets/icon-menu.svg?v=119760642456513092241778253694'
          width='20'
          height='20'
        >
      </a>
    </div>
    <!-- Mobile drawer menu -->
    <div class='links global-header-mobile-links fixed inset-y-0 right-0 w-[320px] max-w-[85vw] z-[100] bg-white shadow-[-4px_0_24px_rgba(0,0,0,0.12)] flex flex-col'>

      <!-- Drawer header: logo + close button -->
      <div class='flex items-center justify-between px-6 py-4 border-b border-gray-100'>
        <a href='/'>
          <img alt="logo" src='/cdn/shop/t/65/assets/img-logo.svg?v=90600363761461875301778253695' height='36' width='120' class='h-9 w-auto'>
        </a>
        <a class='close-menu cursor-pointer p-2 -mr-2 rounded-lg hover:bg-gray-50 transition-colors'>
          <svg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='#374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>
            <line x1='18' y1='6' x2='6' y2='18'></line>
            <line x1='6' y1='6' x2='18' y2='18'></line>
          </svg>
        </a>
      </div>

      <!-- Search bar -->
      <div class='px-5 py-3 border-b border-gray-100'>
        <form class='global-header-search global-header-search--mobile search is-always-active m-0' action='/search'>
          <div class='global-header-search__wrap flex items-center bg-gray-50 rounded-full px-4 py-2.5'>
            <button class='global-header-search__btn search-button-mobile p-0 m-0 mr-2.5 cursor-pointer flex items-center justify-center bg-transparent shrink-0' type='submit' value="Search">
              <img alt="search" src='/cdn/shop/t/65/assets/icon-magnify.svg?v=97725858344994063321778253694' width='16' height='16' class='opacity-40'>
            </button>
            <input class='global-header-search__input w-full bg-transparent text-sm text-gray-700 placeholder-gray-400 outline-none border-none' type='text' placeholder="Search programs, courses..." name='q' value=''>
          </div>
        </form>
      </div>

      <!-- Scrollable nav links -->
      <div class='flex-1 overflow-y-auto overscroll-contain'>
        
          
          
            <a class='js_parent-nav-link flex items-center justify-between px-6 py-4 text-gray-700 font-gotham font-medium text-[15px] border-b border-gray-100 hover:bg-gray-50 transition-colors' href='/collections/all' data-menu='programs'>
              <span>Programs</span>
              <img alt='chevron down' src='/cdn/shop/t/65/assets/icon-chevron-down.svg?v=97845240229677213351778253695' width='10' height='8' class='mobile-chevron opacity-40 ml-2'>
            </a>
            
            
            
            
            <div class='nav-menu programs'>
              <div class='nav-menu-sections'>
                <section class='child-links py-3 px-6 bg-gray-50/60  has-see-all'>
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/beginner'>
                          Entry Level Programs
                        </a>
                      
                    
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/returning'>
                          Advanced Programs
                        </a>
                      
                    
                  
                    
                    
                      
                    
                  
                  
                    <a href='/collections/current-programs' class='see-all inline-block mt-2 text-sm font-semibold text-[var(--palette-green)] hover:underline'>
                      See All Programs &rarr;
                    </a>
                  
                </section>
              </div>
              
            </div>
          
        
          
          
            <a class='parent-nav-link flex items-center px-6 py-4 text-gray-700 font-gotham font-medium text-[15px] border-b border-gray-100 hover:bg-gray-50 transition-colors' href='/pages/our-purpose'>
              <span>About</span>
            </a>
          
        
          
          
            <a class='js_parent-nav-link flex items-center justify-between px-6 py-4 text-gray-700 font-gotham font-medium text-[15px] border-b border-gray-100 hover:bg-gray-50 transition-colors' href='/pages/engage-home' data-menu='work-with-us'>
              <span>Work With Us</span>
              <img alt='chevron down' src='/cdn/shop/t/65/assets/icon-chevron-down.svg?v=97845240229677213351778253695' width='10' height='8' class='mobile-chevron opacity-40 ml-2'>
            </a>
            
            
            
            
            <div class='nav-menu work-with-us'>
              <div class='nav-menu-sections'>
                <section class='child-links py-3 px-6 bg-gray-50/60  has-see-all'>
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/monroe-community-groups'>
                          Join a Community Group
                        </a>
                      
                    
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/outreach-trainers'>
                           Become a Certified Trainer
                        </a>
                      
                    
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/professional-division'>
                          Contribute to Consciousness Research
                        </a>
                      
                    
                  
                    
                    
                      
                        <a class='block py-2.5 text-sm text-gray-600 hover:text-[var(--palette-green)] transition-colors' href='/pages/dolphin-energy-club'>
                          Learn about Distant Healing (DEC)
                        </a>
                      
                    
                  
                  
                </section>
              </div>
              
            </div>
          
        
          
          
            <a class='parent-nav-link flex items-center px-6 py-4 text-gray-700 font-gotham font-medium text-[15px] border-b border-gray-100 hover:bg-gray-50 transition-colors' href='/collections/our-store'>
              <span>Store</span>
            </a>
          
        
      </div>

      <!-- Bottom action bar -->
      <div class='mt-auto border-t border-gray-100'>
        <!-- Two-column row: Account + Cart -->
        <div class='grid grid-cols-2 divide-x divide-gray-100'>
          
            <a href='https://my.monroeinstitute.org/login?lang=en' class='flex items-center justify-center gap-2 px-4 py-3.5 text-sm font-medium text-gray-600 hover:bg-gray-50 transition-colors'>
              <svg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'>
                <path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path>
                <circle cx='12' cy='7' r='4'></circle>
              </svg>
              Log In
            </a>
          
          <a href='/cart' class='cart-link flex items-center justify-center gap-2 px-4 py-3.5 text-sm font-medium text-gray-600 hover:bg-gray-50 transition-colors'>
            <img alt="cart" src='/cdn/shop/t/65/assets/icon-cart.svg?v=95514856439074893721778253695' width='18' height='18' class='opacity-60'>
            Cart
          </a>
        </div>
        <!-- Donate button -->
        <div class='px-5 pb-5 pt-3'>










<a href="/pages/give" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-link-green text-white w-full ">
  Donate
</a>

        </div>
      </div>
    </div>
  </div>

  <!-- Desktop navigation bar: one container with main header + inline compact dropdowns -->
  <div class='nav desktop global-header-nav-desktop hidden xl:block w-full'>
    <div class='global-header-desktop-container flex flex-col w-full'>
      <!-- Main header row -->
      <div class='wrapper global-header-nav-wrapper h-20 flex-shrink-0 px-5 flex items-center justify-between relative z-[2]'>
        <div class='row flex items-center w-full h-full gap-x-[55px]'>
          <!-- Desktop logo link -->
          <a href='/' class='flex items-center shrink-0 !ml-0 !pl-0'>
            <img
              alt="logo"
              class='logo !ml-0 !pl-0'
              src='/cdn/shop/t/65/assets/img-logo.svg?v=90600363761461875301778253695'
              height='70'
              width='184'
            >
          </a>
          <div class='links global-header-desktop-links flex items-center h-full gap-x-[10%] whitespace-nowrap'>
            
              
              
                <div class='relative h-full flex items-center'>
                  <a class='js_parent-nav-link flex flex-row text-center font-gotham font-normal text-base leading-5 tracking-normal align-middle text-gray-600 hover:text-[var(--palette-green)]' href='/collections/all' data-menu='programs'>
                    <span class='pr-2'>Programs</span>
                    <img alt='chevron down' src='/cdn/shop/t/65/assets/icon-chevron-down.svg?v=97845240229677213351778253695' width='12' height='10'>
                  </a>
                  
                  
                  
                  <div class='nav-menu programs' data-menu='programs'>
                    <div class='nav-menu-sections flex w-full'>
                      <section class='child-links '>
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/beginner'><span class='text-sm font-semibold'>Entry Level Programs</span></a>
                          
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/returning'><span class='text-sm font-semibold'>Advanced Programs</span></a>
                          
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/collections/current-programs'><span class='text-sm font-semibold'>See All Programs</span></a>
                          
                        
                      </section>
                    </div>
                  </div>
                </div>
              
            
              
              
                <a class='flex flex-row text-center font-gotham font-normal text-base leading-5 tracking-normal align-middle text-gray-600 hover:text-[var(--palette-green)]' href='/pages/our-purpose'>
                  <span class='pr-2'>About</span>
                </a>
              
            
              
              
                <div class='relative h-full flex items-center'>
                  <a class='js_parent-nav-link flex flex-row text-center font-gotham font-normal text-base leading-5 tracking-normal align-middle text-gray-600 hover:text-[var(--palette-green)]' href='/pages/engage-home' data-menu='work-with-us'>
                    <span class='pr-2'>Work With Us</span>
                    <img alt='chevron down' src='/cdn/shop/t/65/assets/icon-chevron-down.svg?v=97845240229677213351778253695' width='12' height='10'>
                  </a>
                  
                  
                  
                  <div class='nav-menu work-with-us' data-menu='work-with-us'>
                    <div class='nav-menu-sections flex w-full'>
                      <section class='child-links '>
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/monroe-community-groups'><span class='text-sm font-semibold'>Join a Community Group</span></a>
                          
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/outreach-trainers'><span class='text-sm font-semibold'> Become a Certified Trainer</span></a>
                          
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/professional-division'><span class='text-sm font-semibold'>Contribute to Consciousness Research</span></a>
                          
                        
                          
                          
                            <a class='is-anchor-with-spacing mb-2' href='/pages/dolphin-energy-club'><span class='text-sm font-semibold'>Learn about Distant Healing (DEC)</span></a>
                          
                        
                      </section>
                    </div>
                  </div>
                </div>
              
            
              
              
                <a class='flex flex-row text-center font-gotham font-normal text-base leading-5 tracking-normal align-middle text-gray-600 hover:text-[var(--palette-green)]' href='/collections/our-store'>
                  <span class='pr-2'>Store</span>
                </a>
              
            
          </div>
          <!-- Icon group: search, language, cart -->
          <div class='nav-actions flex items-center gap-x-2.5 justify-end flex-1 h-full whitespace-nowrap'>
            <!-- Search (desktop) -->
            <form class='global-header-search global-header-search--desktop search desktop-search flex justify-end m-0' action='/search'>
              <div class='global-header-search__wrap flex items-center px-3 rounded-full'>
                <button class='global-header-search__btn search-button p-0 m-0 cursor-pointer flex items-center justify-center bg-transparent' type='submit' value="Search">
                  <img alt="search" src='/cdn/shop/t/65/assets/icon-magnify.svg?v=97725858344994063321778253694' width='18' height='18' class='block w-[18px] h-[18px] min-w-[18px] min-h-[18px]'>
                  </button>
                  <input class='global-header-search__input' type='text' placeholder="Search programs, courses..." name='q' value=''>
                  <button class='global-header-search__btn close-search-button p-0 m-0 cursor-pointer flex items-center justify-center bg-transparent' type='button' value="Search">
                    <img alt="close search" src='/cdn/shop/t/65/assets/icon-close.svg?v=135774478844824084571778253695' width='14' height='14'>
                    </button>
              </div>
            </form>
            <!-- Language switcher for desktop -->
            


  <style>
    /* Dark dropdown when header is over hero (matches nav dropdown behavior) */
    @media (min-width: 1280px) {
      .global-header.header-over-hero [data-language-dropdown] {
        background: rgba(0, 0, 0, 0.35) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
      }
      .global-header.header-over-hero [data-language-code] {
        color: rgba(255, 255, 255, 0.9) !important;
      }
      .global-header.header-over-hero [data-language-code]:hover {
        background: rgba(255, 255, 255, 0.1) !important;
      }
    }
  </style>
  <div class="relative inline-flex items-center xl:h-full" data-language-switcher>
    <button
      type="button"
      class="flex items-center justify-center p-1.5 m-0 leading-none cursor-pointer !bg-transparent !border-0 !outline-none !shadow-none appearance-none hover:!bg-transparent focus:!bg-transparent focus:!outline-none focus-visible:!outline-none"
      style="border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;"
      data-language-trigger
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Change language"
    >
      <svg class="language-switcher__icon w-5 h-5 block" 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>
        <line x1="2" y1="12" x2="22" y2="12"></line>
        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
      </svg>
    </button>

    <div
      class="hidden absolute top-full left-0 z-[1000] overflow-hidden
        mt-1 min-w-[200px] rounded-lg bg-white/60 backdrop-blur-[3.8px] shadow-[0_4px_12px_rgba(0,0,0,0.15)] py-1
        xl:mt-0 xl:left-1/2 xl:-translate-x-1/2 xl:min-w-[220px] xl:rounded-t-none xl:rounded-b-xl xl:bg-white/85 xl:backdrop-blur-[12px] xl:shadow-[0_8px_32px_rgba(0,0,0,0.12)] xl:py-3"
      data-language-dropdown
    >
      <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?_fd=0&pb=0" />
        <input type="hidden" name="locale_code" value="en" data-language-input>
        <input type="hidden" name="_return_to" value="/">
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left font-semibold"
            data-language-code="en"
          >
            <span class="text-base leading-none">🇺🇸</span>
            <span translate="no" class="notranslate">English</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="nl"
          >
            <span class="text-base leading-none">🇳🇱</span>
            <span translate="no" class="notranslate">Nederlands</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="it"
          >
            <span class="text-base leading-none">🇮🇹</span>
            <span translate="no" class="notranslate">Italiano</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="bg"
          >
            <span class="text-base leading-none">🇧🇬</span>
            <span translate="no" class="notranslate">български</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="tr"
          >
            <span class="text-base leading-none">🇹🇷</span>
            <span translate="no" class="notranslate">Türkçe</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="el"
          >
            <span class="text-base leading-none">🇬🇷</span>
            <span translate="no" class="notranslate">Ελληνικά</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="lt"
          >
            <span class="text-base leading-none">🇱🇹</span>
            <span translate="no" class="notranslate">lietuvių</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="da"
          >
            <span class="text-base leading-none">🇩🇰</span>
            <span translate="no" class="notranslate">Dansk</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="fr"
          >
            <span class="text-base leading-none">🇫🇷</span>
            <span translate="no" class="notranslate">français</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="de"
          >
            <span class="text-base leading-none">🇩🇪</span>
            <span translate="no" class="notranslate">Deutsch</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="ro"
          >
            <span class="text-base leading-none">🇷🇴</span>
            <span translate="no" class="notranslate">română</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="es"
          >
            <span class="text-base leading-none">🇪🇸</span>
            <span translate="no" class="notranslate">Español</span>
          </button>
        
          <button
            type="button"
            class="flex items-center gap-3 w-full px-4 py-2 text-sm text-[#22434f] hover:bg-white/40 transition-colors cursor-pointer bg-transparent border-none text-left"
            data-language-code="ur"
          >
            <span class="text-base leading-none">🌐</span>
            <span translate="no" class="notranslate">اردو</span>
          </button>
        
      </form>
    </div>
  </div>

  <script>
  (function() {
    if (window.__languageSwitcherInit) return;
    window.__languageSwitcherInit = true;

    document.addEventListener('click', function(e) {
      var trigger = e.target.closest('[data-language-trigger]');
      if (trigger) {
        var switcher = trigger.closest('[data-language-switcher]');
        var dropdown = switcher.querySelector('[data-language-dropdown]');
        var isOpen = !dropdown.classList.contains('hidden');

        // Close all dropdowns first
        document.querySelectorAll('[data-language-dropdown]').forEach(function(d) {
          d.classList.add('hidden');
        });
        document.querySelectorAll('[data-language-trigger]').forEach(function(t) {
          t.setAttribute('aria-expanded', 'false');
        });

        // Toggle clicked dropdown
        if (!isOpen) {
          dropdown.classList.remove('hidden');
          trigger.setAttribute('aria-expanded', 'true');
        }
        return;
      }

      // Handle language selection
      var langBtn = e.target.closest('[data-language-code]');
      if (langBtn) {
        e.preventDefault();
        var switcher = langBtn.closest('[data-language-switcher]');
        var input = switcher.querySelector('[data-language-input]');
        var form = switcher.querySelector('form');
        var selectedLocale = langBtn.getAttribute('data-language-code');
        input.value = selectedLocale;

        // Persist in cookie (for early <head> redirect) and localStorage (backup)
        document.cookie = 'tmi_locale=' + selectedLocale + ';path=/;max-age=31536000;SameSite=Lax';
        try { localStorage.setItem('tmi_locale', selectedLocale); } catch(ex) {}

        // Use fetch to POST, then redirect — more reliable than form.submit()
        var formData = new FormData(form);
        fetch(form.action, {
          method: 'POST',
          body: formData
        }).then(function(response) {
          if (response.redirected) {
            window.location.href = response.url;
          } else {
            window.location.reload();
          }
        }).catch(function() {
          // Fallback: native form submit
          form.submit();
        });
        return;
      }

      // Close all dropdowns on outside click
      document.querySelectorAll('[data-language-dropdown]').forEach(function(d) {
        d.classList.add('hidden');
      });
      document.querySelectorAll('[data-language-trigger]').forEach(function(t) {
        t.setAttribute('aria-expanded', 'false');
      });
    });
  })();
  </script>


            <!-- Cart link -->
            <a
              class='cart-link !mr-0 !min-w-0'
              href='/cart'
            >
              <div class='cart-icon flex items-center justify-center p-1.5'>
                <img
                  alt="cart"
                  src='/cdn/shop/t/65/assets/icon-cart.svg?v=95514856439074893721778253695'
                  width='20'
                  height='20'
                >
              </div>
            </a>

          <!-- Give button -->










<a href="/pages/give" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 text-white w-auto donate-btn min-w-0">
  Donate
</a>


          <!-- Account links based on customer login status -->
          

            










<a href="https://my.monroeinstitute.org/login?lang=en" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-transparent text-gray-600 border border-gray-400 w-auto nav-login min-w-0">
  Login
</a>

          
        </div>
        </div>
      </div>
      <!-- Submenu area removed: dropdowns are now inline with their parent nav links -->
    </div>
  </div>
</header>


<div class="global-header-spacer h-[80px] shrink-0" aria-hidden="true"></div>


<div class="homepage-scroll-wrapper" id="homepage-scroll-wrapper">


<main role="main">
    <section id="shopify-section-template--27595317805426__homepage-hero" class="shopify-section">



<section
  data-section-type='homepage-hero'
  class='homepage-section homepage-hero relative w-full h-full flex items-center justify-center overflow-hidden bg-gradient-to-b from-black via-[#01151c] to-[#022e3a]'
><div
    class='homepage-hero__loading absolute inset-0 z-10 flex items-center justify-center bg-gradient-to-b from-black via-[#01151c] to-[#022e3a] transition-[opacity,visibility] duration-500 ease-in-out'
    id='hero-loading'
    aria-hidden='true'
  >
    <div class='flex flex-col items-center gap-5'></div>
  </div>
    <video
      class='absolute top-1/2 left-1/2 min-w-full min-h-full w-auto h-auto -translate-x-1/2 -translate-y-1/2 object-cover z-0'
      autoplay
      muted
      loop
      playsinline
      
      data-hero-media
    >
      <source src='https://d1dnadzyqwn35c.cloudfront.net/videos/Website_Homepage.mp4' type='video/mp4'>
    </video>
  
<div
    class='absolute inset-0 z-[1] w-full flex flex-col items-start justify-center gap-y-8 px-6 py-20 md:px-16 md:py-20 text-white'
    id='hero-overlay-template--27595317805426__homepage-hero'
  >
    
      <div class='flex flex-col items-start justify-start gap-y-4 z-[3]'>
        
          <div class='homepage-hero__headline--large uppercase font-extrabold text-left text-[2.5rem] leading-[2.5rem] md:text-[3rem] md:leading-[3rem] text-white [text-shadow:0_2px_4px_rgba(0,0,0,0.25),0_4px_12px_rgba(0,0,0,0.2),0_0_24px_rgba(0,0,0,0.15)]'>
            YOU ARE FAR MORE
          </div>
        
        
          <div class='homepage-hero__headline--small uppercase font-bold text-left text-[1.5rem] md:text-[2rem] text-white [text-shadow:0_2px_4px_rgba(0,0,0,0.25),0_4px_12px_rgba(0,0,0,0.2),0_0_24px_rgba(0,0,0,0.15)]'>
            THAN YOU IMAGINED
          </div>
        
      </div>
    

    
      <div>
        
        
          <p class='homepage-hero__description w-full max-w-[510px] text-left text-[1.15rem] leading-[1.85rem] md:text-[1.4rem] md:leading-[2.25rem] font-semibold text-white [text-shadow:0_2px_4px_rgba(0,0,0,0.25),0_4px_12px_rgba(0,0,0,0.2),0_0_24px_rgba(0,0,0,0.15)] [&_p]:mb-4 [&_p:last-child]:mb-0'>
            Access states of expanded awareness through our life-changing programs and unlock greater meaning and purpose in life.
          </p>
        
      </div>
    

    
      <div class='homepage-hero__cta max-md:w-[300px] max-md:h-14'>
        










<a href="/pages/beginner" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-lg py-3.5 px-12 bg-link-green text-white w-auto shadow-[0_1px_1px_rgba(0,0,0,0.004),0_2px_2px_rgba(0,0,0,0.01),0_4px_4px_rgba(0,0,0,0.024),0_6px_6px_rgba(0,0,0,0.04),0_11px_11px_rgba(0,0,0,0.07),0_20px_20px_rgba(0,0,0,0.12),0_40px_40px_rgba(0,0,0,0.12)] hover:-translate-y-1 transition-transform duration-150 ease-out">
  Start Your Journey
</a>

      </div>
    
  </div>
</section>

<style>
  /* Staggered fade-in: elements start hidden and slide in when .is-text-visible is added */
  .homepage-hero__headline--large,
  .homepage-hero__headline--small,
  .homepage-hero__description,
  .homepage-hero__cta {
    opacity: 0;
    transform: translateY(-24px);
    transition: opacity 1s ease-out, transform 1s ease-out;
  }
  .homepage-hero.is-text-visible .homepage-hero__headline--large {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
  }
  .homepage-hero.is-text-visible .homepage-hero__headline--small {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.75s;
  }
  .homepage-hero.is-text-visible .homepage-hero__description {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
  }
  .homepage-hero.is-text-visible .homepage-hero__cta {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1s ease-out 1.25s, transform 1s ease-out 1.25s;
  }

  /* Loading overlay hide state */
  .homepage-hero__loading.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
</style>

<script>
  ;(function () {
    var section = document.querySelector('[data-section-type="homepage-hero"]')
    if (!section) return
    var loader = document.getElementById('hero-loading')
    if (!loader) return
    var media = section.querySelector('[data-hero-media]')
    var maxWait = 2200

    function hideLoader() {
      if (loader && !loader.classList.contains('is-hidden')) {
        loader.classList.add('is-hidden')
        setTimeout(function () {
          if (section) section.classList.add('is-text-visible')
        }, 280)
      }
    }

    if (media && media.tagName === 'VIDEO') {
      if (media.readyState >= 3) {
        hideLoader()
      } else {
        media.addEventListener('canplay', hideLoader, { once: true })
        media.addEventListener('loadeddata', hideLoader, { once: true })
      }
      setTimeout(hideLoader, maxWait)
    } else if (media) {
      var img = media.querySelector('.homepage-hero__preload-img')
      if (img) {
        if (img.complete && img.naturalWidth) {
          hideLoader()
        } else {
          img.addEventListener('load', hideLoader, { once: true })
        }
        setTimeout(hideLoader, maxWait)
      } else {
        setTimeout(hideLoader, 800)
      }
    } else {
      setTimeout(hideLoader, 800)
    }
  })()
</script>


</section><section id="shopify-section-template--27595317805426__homepage-expanded-consciousness" class="shopify-section homepage-expanded-consciousness-section">

<section data-section-type="homepage-expanded-consciousness" class="homepage-section homepage-expanded-consciousness">
  <div class="homepage-expanded-consciousness__slide-over" style="transform: translateY(calc(-1 * var(--ec-overlap-y, 0)));">
  <div class="homepage-expanded-consciousness__container max-w-container-xl mx-auto px-10">
    <div class="homepage-expanded-consciousness__header">
      
        <h3 class="homepage-expanded-consciousness__subheadline">TRANSFORMING MILLIONS OF LIVES THROUGH</h3>
      
      <h2 class="homepage-expanded-consciousness__headline">
        EXPANDED CONSCIOUSNESS
      </h2>
      
        <p class="homepage-expanded-consciousness__description">Through our neural entrainment technology and programming, we empower people to awaken higher states of consciousness and realize their highest potential.</p>
      
    </div>

    
      <div class="homepage-expanded-consciousness__stats">
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
            <div class="homepage-expanded-consciousness__stat" >
              
                <div class="homepage-expanded-consciousness__stat-number">50,000+</div>
              
              
                <div class="homepage-expanded-consciousness__stat-label">
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Monroe Program</div>
                  
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Attendees</div>
                  
                </div>
              
            </div>
          
        
          
            <div class="homepage-expanded-consciousness__stat" >
              
                <div class="homepage-expanded-consciousness__stat-number">50+</div>
              
              
                <div class="homepage-expanded-consciousness__stat-label">
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Years of</div>
                  
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Research</div>
                  
                </div>
              
            </div>
          
        
          
            <div class="homepage-expanded-consciousness__stat" >
              
                <div class="homepage-expanded-consciousness__stat-number">1M</div>
              
              
                <div class="homepage-expanded-consciousness__stat-label">
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Global</div>
                  
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Community</div>
                  
                </div>
              
            </div>
          
        
          
            <div class="homepage-expanded-consciousness__stat" >
              
                <div class="homepage-expanded-consciousness__stat-number">100+</div>
              
              
                <div class="homepage-expanded-consciousness__stat-label">
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Countries</div>
                  
                  
                    <div class="homepage-expanded-consciousness__stat-label-line">Worldwide</div>
                  
                </div>
              
            </div>
          
        
      </div>
    

    
      
      
        <div class="homepage-expanded-consciousness__logos">
          <div class="homepage-expanded-consciousness__logos-block homepage-expanded-consciousness__logos-block--left">
            
              
            
              
            
              
            
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/yale_200x.png?v=1767666841" 
                      alt=""
                      loading="lazy"
                      width="200"
                      height="200"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/gaia_200x.png?v=1767667650" 
                      alt=""
                      loading="lazy"
                      width="200"
                      height="200"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/vige_200x.png?v=1767681227" 
                      alt=""
                      loading="lazy"
                      width="200"
                      height="200"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/topping_200x.png?v=1767681199" 
                      alt=""
                      loading="lazy"
                      width="200"
                      height="200"
                    >
                    
                  
                </div>
              
            
          </div>
          <div class="homepage-expanded-consciousness__logos-block homepage-expanded-consciousness__logos-block--right">
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/university_200x.png?v=1767681285" 
                      alt=""
                      width="200"
                      height="200"
                      loading="lazy"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/ions_200x.png?v=1767681338" 
                      alt=""
                      width="200"
                      height="200"
                      loading="lazy"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/mindvalley_200x.png?v=1767681366" 
                      alt=""
                      width="200"
                      height="200"
                      loading="lazy"
                    >
                    
                  
                </div>
              
            
              
                <div class="homepage-expanded-consciousness__logo" >
                  
                    
                    <img 
                      src="/cdn/shop/files/heartMath_200x.png?v=1767681398" 
                      alt=""
                      width="200"
                      height="200"
                      loading="lazy"
                    >
                    
                  
                </div>
              
            
              
            
              
            
              
            
              
            
          </div>
        </div>
      
    
  </div>
  </div>
</section>

<style>
  /* Section in normal flow below hero; inner content slides up over hero on scroll via --ec-overlap-y */
  .homepage-expanded-consciousness {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 100vh;
    display: flex;
    overflow: visible;
  }
  .homepage-expanded-consciousness__slide-over {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #0C433F;
    justify-content: center;
    padding: 3rem 0;
    will-change: transform;
  }

  .homepage-expanded-consciousness__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
  }

  .homepage-expanded-consciousness__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    gap:1rem;
  }

  /* Scroll-driven: opacity and translateY from --ec-progress-* (0–1) */
  .homepage-expanded-consciousness__subheadline {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    opacity: var(--ec-progress-subheadline, 0);
    transform: translateY(calc(12px * (1 - var(--ec-progress-subheadline, 0))));
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    will-change: opacity, transform;
  }

  .homepage-expanded-consciousness__headline {
    font-family: 'Gotham Bold', 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 1.5;
    letter-spacing: var(--ec-headline-letter-spacing, 0.11em);
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin: 0;
    /* Gradient text effect */
    background: linear-gradient(90deg, #18AFEB 0%, #FFFFFF 47.6%, #00B7AC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: var(--ec-progress-headline, 0);
    transform: translateY(calc(12px * (1 - var(--ec-progress-headline, 0))));
    transition: opacity 0.4s ease-out, transform 0.4s ease-out, letter-spacing 0.4s ease-out;
    will-change: opacity, transform;
  }

  .homepage-expanded-consciousness__description {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-top:1rem;
    line-height: 1.6;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    max-width: 650px;
    opacity: var(--ec-progress-description, 0);
    transform: translateY(calc(12px * (1 - var(--ec-progress-description, 0))));
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    will-change: opacity, transform;
  }

  .homepage-expanded-consciousness__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    max-width: 650px;
  }

  .homepage-expanded-consciousness__stat {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    opacity: var(--ec-progress-stats, 0);
    transform: translateY(calc(12px * (1 - var(--ec-progress-stats, 0))));
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    will-change: opacity, transform;
  }

  .homepage-expanded-consciousness__stat-number {
    font-family: 'Gotham Bold', 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    margin: 0 0 0.5rem 0;
    /* Gradient text effect */
    background: linear-gradient(90deg, #FFFFFF 0%, #75D8D2 45.19%, #33B8ED 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .homepage-expanded-consciousness__stat-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
  }

  .homepage-expanded-consciousness__stat-label-line {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
    text-align: center;
  }

  .homepage-expanded-consciousness__logos {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 3rem;
    margin-top: 2rem;
    border-top: 3px dashed rgba(255, 255, 255, 0.3);
    border-bottom: 3px dashed rgba(255, 255, 255, 0.3);
    gap: 3rem;
    opacity: var(--ec-progress-logos, 0);
    transition: opacity 0.4s ease-out;
    will-change: opacity;
  }

  .homepage-expanded-consciousness__logos-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    flex: 1;
    transition: transform 0.4s ease-out;
    will-change: transform;
  }

  /* Left block: slide in from the left toward center (--ec-progress-logos 0 → 1) */
  .homepage-expanded-consciousness__logos-block--left {
    justify-content: space-between;
    transform: translateX(calc(-80px * (1 - var(--ec-progress-logos, 0))));
  }

  /* Right block: slide in from the right toward center */
  .homepage-expanded-consciousness__logos-block--right {
    justify-content: space-between;
    transform: translateX(calc(80px * (1 - var(--ec-progress-logos, 0))));
  }

  /* Logo: opacity and scale from scroll; horizontal motion is from the block above */
  .homepage-expanded-consciousness__logo {
    --ec-logo-progress: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: calc(0.9 * var(--ec-logo-progress));
    transform: scale(calc(0.98 + 0.02 * var(--ec-logo-progress)));
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    will-change: opacity, transform;
  }

  .homepage-expanded-consciousness__logo:hover {
    opacity: 1;
  }

  .homepage-expanded-consciousness__logo img {
    max-height: 24px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: brightness(0) invert(1); /* render logos as white while keeping transparency */
  }

  .homepage-expanded-consciousness__logo a {
    display: block;
    text-decoration: none;
  }

  @media (max-width: 968px) {
    .homepage-expanded-consciousness__stats {
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
    }

    .homepage-expanded-consciousness__subheadline {
      font-size: 20px;
    }

    .homepage-expanded-consciousness__headline {
      font-size: 56px;
    }

    .homepage-expanded-consciousness__description {
      font-size: 18px;
    }

    .homepage-expanded-consciousness__stat-number {
      font-size: 48px;
    }
  }

  @media (max-width: 640px) {
    .homepage-expanded-consciousness {
      height: auto;
      min-height: auto;
    }
    .homepage-expanded-consciousness__slide-over {
      min-height: auto;
      padding: 4rem 0;
    }
    .homepage-expanded-consciousness__container {
      gap: 3rem;
      padding: 3rem 1.5rem;
    }

    .homepage-expanded-consciousness__subheadline {
      font-size: 16px;
    }

    .homepage-expanded-consciousness__headline {
      font-size: 35px;
    }

    .homepage-expanded-consciousness__description {
      font-size: 16px;
    }


    .homepage-expanded-consciousness__stat-number {
      font-size: 40px;
    }

    .homepage-expanded-consciousness__logos {
      flex-direction: column;
      gap: 2rem; 
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

    .homepage-expanded-consciousness__logos-block {
      justify-content: center !important;
      gap: 1.5rem;
    }

  }
</style>

<script>
  /**
   * Expanded Consciousness – scroll-driven animation
   *
   * MASTER PROGRESS (0–1):
   *   progress = 0 when section top hits viewport BOTTOM (animation starts as section enters).
   *   progress = 1 when section BOTTOM hits viewport top.
   *   To start even earlier: use a smaller (more negative) "start" (e.g. -rootRect.height * 1.2).
   *   To end later: use a larger "end" (e.g. sectionRect.height * 1.2).
   *
   * ELEMENT PROGRESS (lerp):
   *   lerp(progress, start, end) turns global progress into 0→1 for that element:
   *   - Before progress reaches "start" → element progress = 0 (invisible / at start).
   *   - After progress passes "end" → element progress = 1 (fully visible / at end).
   *   - Between start and end → element animates (0 to 1).
   *   Adjust "start" to when the element should BEGIN animating; "end" when it should be DONE.
   *   Smaller (end - start) = faster snap; larger = longer, smoother animation over scroll.
   *
   * HEADLINE LETTER-SPACING:
   *   Driven by pHead. Values 0.11 → 0.135 → 0.125 → 0.13 em (expand, slight contract, settle).
   *   Change the em values in the "ls" block to tweak the curve.
   *
   * LOGOS:
   *   logosStart / logosEnd = global progress range for the logo row (container uses pLogos).
   *   Each logo gets a slice of that range (logoSpan); the 0.8 makes each logo animate in 80% of its slice so they overlap slightly.
   */
  (function() {
    const section = document.querySelector('.homepage-expanded-consciousness');
    if (!section) return;

    const scrollRoot = document.getElementById('homepage-scroll-wrapper') || document.documentElement;
    const headline = section.querySelector('.homepage-expanded-consciousness__headline');
    const leftLogos = section.querySelectorAll('.homepage-expanded-consciousness__logos-block--left .homepage-expanded-consciousness__logo');
    const rightLogos = section.querySelectorAll('.homepage-expanded-consciousness__logos-block--right .homepage-expanded-consciousness__logo');
    const allLogos = Array.from(leftLogos).concat(Array.from(rightLogos));

    function clamp(v, a, b) {
      return Math.max(a, Math.min(b, v));
    }

    /** Maps global progress to 0–1 for an element: 0 until progress >= start, 1 after progress >= end */
    function lerp(progress, start, end) {
      if (progress <= start) return 0;
      if (progress >= end) return 1;
      return (progress - start) / (end - start);
    }

    function update() {
      const sectionRect = section.getBoundingClientRect();
      /* Use viewport size: wrapper’s rect when it’s the scroll root, else window (documentElement can be full page height) */
      const isWrapper = scrollRoot.id === 'homepage-scroll-wrapper';
      const rootTop = isWrapper ? scrollRoot.getBoundingClientRect().top : 0;
      const rootHeight = isWrapper ? scrollRoot.getBoundingClientRect().height : window.innerHeight;
      const scrollTop = scrollRoot.scrollTop || 0;

      /* Slide over hero: 0→100vh over first viewport of scroll so EC slides up over hero */
      /* On collapsed layouts (<=1279px), skip overlap entirely — content scrolls naturally */
      const isMobile = window.innerWidth <= 1279;
      if (!isMobile) {
        const overlapScrollRange = rootHeight*1.2;
        const overlapProgress = clamp(scrollTop / overlapScrollRange, 0, 1);
        section.style.setProperty('--ec-overlap-y', overlapProgress * 100 + 'vh');
        /* Shrink section height by overlap amount so no gap remains below (transform doesn't affect layout) */
        const overlapPx = overlapProgress * rootHeight;
        if (overlapProgress > 0) {
          const baseHeight = section.scrollHeight;
          section.style.height = Math.max(100, baseHeight - overlapPx) + 'px';
          section.style.minHeight = '0';
        } else {
          section.style.height = '';
          section.style.minHeight = '100vh';
        }
      } else {
        section.style.setProperty('--ec-overlap-y', '0');
        section.style.height = '';
        section.style.minHeight = '';
      }

      const d = rootTop - sectionRect.top;
      const start = -rootHeight*0.8;
      const end = sectionRect.height*.5;
      const range = end - start;
      const raw = range > 0 ? (d - start) / range : 0;
      const progress = clamp(raw, 0, 1);

      /* Element ranges: (start, end) in global progress – end before section fully in view */
      const pSub = lerp(progress, 0, 0.06);      /* subheadline */
      const pHead = lerp(progress, 0.02, 0.12); /* headline */
      const pDesc = lerp(progress, 0.06, 0.18); /* description */
      const pStats = lerp(progress, 0.12, 0.24); /* stats */
      const pLogos = lerp(progress, 0.18, 0.30); /* logos – all fade-in done by progress 0.30 */

      /* Progress driven by scroll in both directions: scroll down = fade in, scroll up = fade out (reverse order) */
      section.style.setProperty('--ec-progress-subheadline', String(pSub));
      section.style.setProperty('--ec-progress-headline', String(pHead));
      section.style.setProperty('--ec-progress-description', String(pDesc));
      section.style.setProperty('--ec-progress-stats', String(pStats));
      section.style.setProperty('--ec-progress-logos', String(pLogos));

      if (headline && pHead > 0) {
        var ls = 0.11;
        if (pHead < 0.55) ls = 0.11 + (0.135 - 0.11) * (pHead / 0.55);
        else if (pHead < 0.75) ls = 0.135 + (0.125 - 0.135) * ((pHead - 0.55) / 0.2);
        else ls = 0.125 + (0.13 - 0.125) * ((pHead - 0.75) / 0.25);
        section.style.setProperty('--ec-headline-letter-spacing', ls.toFixed(3) + 'em');
      } else if (headline) {
        section.style.setProperty('--ec-headline-letter-spacing', '0.11em');
      }

      /* All icons appear at once (same progress as logos container); fade out together on scroll up */
      allLogos.forEach(function(logo) {
        logo.style.setProperty('--ec-logo-progress', String(pLogos));
      });
    }

    var ticking = false;
    function onScroll() {
      if (!ticking) {
        requestAnimationFrame(function() {
          update();
          ticking = false;
        });
        ticking = true;
      }
    }

    var scrollTarget = scrollRoot === document.documentElement ? window : scrollRoot;
    scrollTarget.addEventListener('scroll', onScroll, { passive: true });
    window.addEventListener('resize', onScroll);
    update();
  })();
</script>



</section><section id="shopify-section-template--27595317805426__homepage_proven_method_7fcC8P" class="shopify-section homepage-section-proven-method">

<style>
  /* Styles that cannot be expressed as Tailwind utility classes */
  .homepage-proven-method__pin-wrapper {
    /* Tall wrapper: section stays sticky for PIN_SCROLL_VH of scroll while SVG animates */
    height: calc(100vh + 20vh);
    position: relative;
  }
  .homepage-proven-method {
    position: sticky;
    top: 0;
    min-height: 100vh;
    height: auto !important;
    overflow: visible !important;
  }
  .homepage-proven-method__mask-wrapper {
    mask: none !important;
    -webkit-mask: none !important;
  }
  .homepage-proven-method__headline {
    font-size: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  }
  .homepage-proven-method__subheadline {
    font-size: clamp(1rem, 0.875rem + 0.5vw, 1.5rem);
  }
  .homepage-proven-method__description {
    font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
  }
  .homepage-proven-method__feature-title {
    font-size: clamp(1.5rem, 1.25rem + 0.625vw, 2rem);
  }
  .homepage-proven-method__feature-description {
    font-size: clamp(1rem, 0.875rem + 0.3125vw, 1.125rem);
  }
  /* Full-bleed: break out of container so lines reach the edge of the page */
  .homepage-proven-method__visual {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    box-sizing: content-box;
    overflow: visible;
  }
  .homepage-proven-method__brainwaves-wrap {
    width: 100%;
    overflow: visible;
  }
  .homepage-proven-method__brainwaves-svg {
    fill: none;
    stroke: #8b97a8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    width: 100%;
    display: block;
    transform: rotate(180deg);
    transition: opacity 0.3s ease-out;
  }
  .homepage-proven-method__brainwaves-svg path {
    opacity: var(--pm-path-opacity, 0.5);
  }
  @media (max-width: 1279px) {
    .homepage-proven-method__pin-wrapper {
      height: auto;
    }
    .homepage-proven-method {
      position: relative;
      min-height: auto !important;
      padding: 3rem 0;
    }
    .homepage-proven-method__header {
      text-align: left !important;
    }
    .homepage-proven-method__features {
      text-align: left !important;
    }
  }

  /* Feature columns: fade up on viewport entry */
  .homepage-proven-method__feature {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .homepage-proven-method__feature:nth-child(2) {
    transition-delay: 0.15s;
  }
  .homepage-proven-method__feature.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
</style>

<div class='homepage-proven-method__pin-wrapper'>
  <section
    data-section-type='homepage-proven-method'
    class='homepage-proven-method flex xl:items-center xl:justify-center box-border xl:min-h-screen'
  >
    <div class='homepage-proven-method__mask-wrapper w-full relative'>
      <div class='homepage-proven-method__container w-full flex flex-col'><div class='homepage-proven-method__header max-w-container-lg flex flex-col mx-auto px-6 xl:px-10'>
          <div class='flex flex-col gap-4'>
            
              <div class='homepage-proven-method__headline grow shrink-0 font-gotham font-bold leading-[1] tracking-[0.02em] text-mi-green uppercase'>
                A PROVEN METHOD
              </div>
            
            
              <p class='homepage-proven-method__subheadline font-gotham font-medium text-left leading-[1.4] tracking-[0.05em] text-mi-green uppercase'>
                TO ACCESS ALTERED STATES SAFELY AND RELIABLY
              </p>
            
          </div>
          
            <div class='homepage-proven-method__description pt-4 leading-[1.6] text-mi-black'>
              <p>For over five decades, the Monroe Institute has refined a proven method for expanding human consciousness, combining precise audio technology with a structured, research-based process for personal transformation.</p>
            </div>
          
        </div><div class='homepage-proven-method__visual pt-8 pb-12 xl:pb-0 relative w-full flex items-center justify-center'>
          <div class='homepage-proven-method__brainwaves-wrap sticky w-full overflow-visible'>
            <svg
              class='homepage-proven-method__brainwaves-svg overflow-visible'
              xmlns='http://www.w3.org/2000/svg'
              viewBox='0 0 2016 307.3'
              preserveAspectRatio='xMidYMid meet'
            >
              <path id="scrollPath" class="st0" d="M0,203.5h501.3l112.1-1.2h13.7c.6,0,1.2.4,1.5,1l7.6,15.5c.8,1.5,2.8,1.2,3.1-.5l5-23.4c.4-1.8,3-1.8,3.3.1l.7,4.9,4.4,29.7c.3,2,3.1,1.9,3.4,0l.7-5.9c0-.1,7.2-44.8,7.2-44.8v-.5.5l1.2,4.5v.3l6.2,24.6c.4,1.8,2.6,1.9,3.2.2l3.7-10.9c.5-1.5,2.6-1.5,3.1,0l5.8,16.5c0,.2,0,.3,0,.5l1,9.2,6.3-58.9c0-.1.5-8.6.5-8.6,0-2.1,3.2-2.1,3.4,0l4.6,69.9.6,15.5c0,2.2,3.3,2.2,3.4,0l.2-3.7,4.5-50.2c.2-2.1,3.2-2.1,3.4,0l.6,7.6v.2l4.2,23.4v.2l.6,6.4c.2,2,3.1,2.1,3.4,0l4.5-41.8v-.4c0-2.1,3.3-2.1,3.4,0l1.3,35.7,4,80.5c0,2.2,3.3,2.1,3.4,0l.6-14.4,6.4-87.3,6.3-80.2.4-7.8c0-2.2,3.3-2.2,3.4,0l2.1,47.9,3.1,69.3c0,2.1,3.3,2.2,3.4,0l.3-5.5v-.2l4.2-28.1c0-.1.2-2.8.2-2.8.2-2.1,3.2-2.1,3.4,0l.5,7.5v.2l3,44.3,3.2-15.2c0-.2,0,.2,0,0l2.5-22.2v-.3l4.1-42.3v-1.3c.2-2.1,3.4-2.1,3.5,0l1.6,38.9,3.3,42.5c0,.1.4,12.9.4,12.9,0,2.1,3.1,2.2,3.4.1l5.8-53v-.2c0-2.2,2.7-2.7,3.3-.6l5.1,17.3,1.1-4.7,4.4-19.5c.4-1.8,3-1.7,3.3.1l.8,5.2,4.4,29.7c.3,2,3.1,1.9,3.4,0l.7-6,4.8-42.6c.2-2,3.1-2,3.4,0l.3,2.4v.2l6.1,24.9c.4,1.8,2.6,1.9,3.2.2l5.5-15.4c.5-1.4,2.1-1.6,2.9-.4l5.5,8.4c1.2,1.8,2.6,3.5,4.2,4.9s1.5,1.3,2.7,2.1,1.7,1.3,2.5,1.9,2.5,1.5,3.9,1.8l1.3.3c2.6.6,5.2,0,7.5-1.4,3.7-2.3,7.8-.8,9.9,14.2l2.3,12.1c.7,3.4,1.8,6.8,3.4,9.9,2.9,5.5,6.4,11.3,9.7,15.8,3.5,4.8,4.9,4,14.8,12.7l6.5,4.6c1.9,1.4,4,2.4,6.3,3.2,11.8,3.9,15.2,2.9,25.7,1.3s4.6-.9,6.9-1.6h0c4.6-1.4,8.7-4.1,11.8-7.8h0c0-.1,7.5-6.4,7.5-6.4,6.8-11.3,8-13.5,9.7-23.7,0-.7.2-1.3.3-2,3-19,3.5-38.2,3.2-57.5,0-3.4-.9-6.6-1.3-10-.5-4.7-3-5.9-8.3-6.1-8.3-.3-15.8,1.2-21.5,8-4.3,5.1-4.4,10.8,0,16.1,4.2,5.1,10.4,7.6,15.2,11.8,1.3,1.1,2.3,2.1,2.9,3.6.4,1.2.7,2.1-.5,3.1s-1.7-.1-2.5-.5c-6.9-3-12.4-8-18.9-11.8-3.6-2.1-4-7.3-4.1-11.5,0-5.3,0-10.6,0-15.8s-1.8-9.8-3.6-14.5c-.5-1.4-1.2-2.7-2.5-3.5-2-1.3-3.7-2.1-4,1.5-.5,5.4-2.9,9.8-6.2,14.2-2.6,3.4-3.2,8.3-1.2,12.8l-2.5-4c-3.1-7.6-3.1-15.1.9-22.6,2.4-4.5,3.6-9.7,6.6-13.9,4.1-6,7-5.8,11,.5,2.5,3.8,4.1,8,5.2,12.1,1.5,5.4,5.3,7.3,9.7,8.3,5.6,1.3,11.3,2.2,17,3,2.5.3,6,1.5,7.5-2.4,1.4-3.6-.3-8.1-4-9.4-2.4-.9-2.6-.9-1.1-3.2,2-3.1,6.4-5.1,5.2-9.9-1.5-5.9-1.4-12.3-4.1-17.9-1.7-3.5-.8-6.5.6-9.5,4.2-9.2,2.7-17.6-2.4-26.1-3.3-5.4-8.1-6.4-13.6-5.9-2.5.3-12,15.1-12.6,12.4-1.2-5.3,4.2-15.4,4.9-21.2.5-3.7-2.4-13.2-6.1-17-8.8-8.9,5.8-25.7,7.4-26.2,2.2-.6-3.8,9.5-.9,17.6,1.8,5.1,1.8,13.1,4.8,15.2,4.8,3.3,8.4.4,9.9,2.7,1.9,3,3,12.5,5.1,14.9.9,1,2,2,2.9,1.8.8-.2,1.4-1.4,1.6-3.3.8-7,1.2-14,1-21-.3-9-1.1-18.1-2.5-27-.7-4.6-.9-9.3-1-14,0,.2.4-12-3.5-13.5-3.5-1.4-11.6-.9-15.8,1-4.9,2.5-9.9,4.4-13.2,8.5-5.7,7-11.6,13.5-20,17.6-4.3,2.1-7.6,6.1-10,10.4-1,1.7-1.5,4.3,0,5.9,1.8,2,2.9-.9,4.4-1.5,4.8-1.7,9.2-4.8,14.6-1,4.8,3.5,5.7,7,2.5,12.1-2.8,4.5-6.1,8.3-6.3,14.5-.2,6.6-5.2,8.3-11.7,5.6-.7-.3-1.7-1.1-1.9-1-1.9.8-3.6-2.5-4.9-.5-1.2,1.7,1,3.1,2,4.4,1.2,1.5,2.6,2.9,3.4,4.6,1,2.4,1.7,5.6-1,6.8-4.1,1.9-6.8,5.4-10.4,7.8-2.1,1.4-3.5.9-5-.2-4.5-3.1-5.6-8-4.1-13.5,2.4-8.8,9.4-13.8,15.6-19.5.6-.5,1.3-1,1.9-1.5,2.1-1.9,4.3-3.5,6.9-4.6l2.2-1c-5.3,2.2-11,3.5-16.2,5.9-.9.4-1.6,1-2.3,1.6,1.4-3.6,2.8-7.3,5-10.5.6-.8,1.6-1.4.5-2.5-1.1-1.1-1.7-.1-2.5.5-7.3,5.6-11.7,13.2-15,21.5-.9,2.4-1.3,4.9-1,7.5.6,5.2-1,9.5-5,13-3.9,3.4-5.1,8.2-6,13-.2,1.3-.3,2.7.4,3.8.3.5.6,1.1.7,1.8l.6,3.9c.5,3.4,3.9,5.5,7.1,4.5.2,0,.3-.4.5-.5,8.3-4.5,8.1-4.4,11.6,5,2.1,5.7,3.7,11.6,7.8,16.6,5.3,6.4,10.2,6.6,15.2,0,2-2.6,3.2-5.6,5.4-8.1,2.7-2.9.4-4.4-2-4.8-1.7-.3-3.1-.6-5.5.8-.4.3-.8,0-1.3-.2-.9-.5-1.3-1.7-.7-2.5h0c4.6-5,10-9,16-12,1.6-.8,4.3-.8,6.4.3,6.5,3.4,12.9,7.2,20,9.5l-2.5-1.6c-1-.7-2-1.4-2.9-2.3-5.1-5.1-9.9-10.6-18.1-10.1-4.4.2-7.7,3.2-11.9,4.2-4.4,1.1-6.6.4-9.2-3.2-2.4-3.3-3.9-7.2-6.8-10.1-1.9-1.9-3.2-2.8-5.6-.5-4.4,4.1-6.6,3.9-10.9,0-3.4-3.1-4.7-3.4-6.8-1-1.1,1.3-1.9,2.8-2.5,4.4l-4.5,11.8c-.4,1-.8,1.9-1.4,2.7-2.9,4.5-3.7,9.9-6.1,14.6-1.4,2.7,1.2,5.9,1.9,8.9,1.2,5,1.5,9.6-.9,14.6-1.6,3.5-3.4,7.5-2.2,11.9,1.3,4.8,3.9,6.1,7.5,2.9,3.2-2.8,5.9-6.1,9.1-8.9,1.4-1.1,3-2.4,5.5-.8,2.7,1.7,5.8,2.8,6.9,6.2s-.5,2-1.4,1.4c-.7-.4-1.4-.4-2.1-.8-6.9-4.3-7-4.3-12.5,1.4-6.2,6.6-10.5,13.9-9,23.5.5,3.3.7,6.6,4.5,8,3.5,1.3,4.9,4,4.5,7.5s2.1,3.5,4,2.9c2.5-.9,5.1-1.7,7.5-2.9,4.3-2.1,8.2-.8,12,1.1,3.2,1.6,1.2,3.6,0,5.4-.3-1-1.1-1.9-2-2.3-5.2-2.3-9.9-1.3-13.5,2.8-1.3,1.5-1.5,2.7,0,4,3.7,3.1,5.6,7.4,8.1,11.5,1.8,3,4.3,5.4,7.4,7.1,6,3.2,10.4,1.6,11.2-5.6.8-7,1.7-14.1.6-21.5-.8-5.3-3.4-8.4-7-10.8-4.6-3.2-7.7-7.2-9-12.3-.4-1.4-1.3-2.6-2.7-3.2h-.2c3-.1,6,.3,9-1,1.6-.7,3.5-1.1,5.4-1.3,2.1-.2,4.5-.9,5.4,1.2,1.2,2.8-2,3.1-3.4,3.8-5.9,2.9-7.1,5.6-2.3,9.4,5.2,4.1,8,7.6,7.7,14.7-.2,5.5,4.6,7,8.4,2.8,4.3-4.6,8.4-5.5,13.7-2.9-3.7,0-7.3,1.3-10.1,3.7-2.5,2.1-4.6,4.5-6.8,6.9-2.1,2.2-1.2,4.2,2,4.4,2.8.1,5.5.3,8.1-1.9,3.7-3,7.9-5.3,12.4-7.1,5.8-2.3,7.6-1.1,7,5.1,0,1.4.7,2.9,1.2,3.9,2.6,5.8.5,9.7,1.9,15.9-.8-1.5-3.8-7.9-5.2-8.8-2.4-1.6-6.2,2.5-7.4.2-1.6-3.1-.5-7.1-3.3-5.6-5,2.6-3.4,7.3-8.8,8.2-6,1-9.4,6.8-15.5,7.4-1.4.1-1.4,1.8,0,2.9,5.7,4.3,3.8,20,10,23.7,1.8,1.1,13.2-4.9,13-12.6s7.3-3.7,12.5-6.8c2.1-1.3,5.5-.6,8.5.1s6.9-1.3,7.7-4.7-3.6-17.1-1.8-20.6"/>
              <path id="scrollPath2" class="st0" d="M2016,206.6h-502.2l-85.1-.2h-41.3c-.6-.1-1.2.2-1.5.8l-7.9,15c-.8,1.5-2.9,1.2-3.3-.5l-5.2-22.6c-.4-1.9-3.2-1.8-3.5.1l-.8,4.8-4.6,28.7c-.3,2-3.2,2-3.5,0l-.7-5.8c0-.1-7.6-43.3-7.6-43.3v-.5.5l-1.2,4.4v.2l-6.5,23.8c-.5,1.7-2.8,1.8-3.3.1l-3.8-10.6c-.5-1.5-2.7-1.6-3.3,0l-6.1,16c0,.1,0,.3,0,.5l-1.1,8.9-6.6-57c0-.1-.5-8.3-.5-8.3,0-2.2-3.4-2.2-3.5,0l-4.8,67.6-.6,15c0,2.2-3.4,2.3-3.5,0l-.2-3.6-4.7-48.6c-.2-2.1-3.3-2.1-3.5,0l-.6,7.4v.2l-4.4,22.6v.2l-.6,6.2c-.2,2.1-3.3,2.1-3.5,0l-4.7-40.5v-.4c0-2.2-3.4-2.2-3.5,0l-1.4,34.5-4.2,77.9c0,2.2-3.4,2.2-3.5,0l-.6-13.9-6.7-84.4-6.5-77.6-.4-7.5c0-2.2-3.4-2.2-3.5,0l-2.2,46.3-3.3,67c0,2.2-3.4,2.2-3.5,0l-.3-5.3v-.2l-4.4-27.2c0-.1-.2-2.7-.2-2.7-.2-2.2-3.4-2.1-3.5,0l-.5,7.3v.2l-3.1,42.9-3.3-14.7c0-.2,0,.2,0,0l-2.6-21.5v-.3l-4.3-40.9v-1.2c-.2-2.2-3.5-2.2-3.6,0l-1.7,37.6-3.5,41.1c0,.1-.4,12.5-.4,12.5,0,2.2-3.3,2.3-3.5.1l-6-51.3v-.2c0-2.1-2.8-2.6-3.4-.6l-5.4,16.7-1.1-4.6-4.5-18.8c-.5-1.9-3.2-1.8-3.5.1l-.8,5-4.6,28.7c-.3,2-3.2,2-3.5,0l-.7-5.8-5-41.2c-.2-2.1-3.2-2.1-3.5,0l-.3,2.3v.2l-6.4,24.1c-.4,1.6-2.7,1.8-3.3.2l-5.8-14.8c-.5-1.3-2.2-1.6-3-.4l-7.5,10.6c-.3.5-.8.8-1.4.8h-14.9c-9.7,0-.7,25.8-17.1,51l-2.4,3.1c-4.8,6-10.2,11.4-16.4,15.9-1.2.9-2.2,1.6-2.9,1.9-19.5,10.5-32.7,8.2-44.3-.7l-.3-.2c-3.7-2.6-6.6-6.2-9-10-4.7-7.4-7.1-13.8-9.8-22.4-1.3-4.2-2.3-8.6-3-13-1-6.1-3.9-12.4.4-18.5.3-.5,0-1.6-.4-2.5-2.5-6.1-2.9-12.5-2.6-19,.2-4.9,1.7-6.5,6.5-6.5s4.7-.3,7,0c4.8.8,7.8-.8,10.7-4.9,2.2-3.1,1.7-5.9,3.7-8.9,1.2-1.8,3.1-4.7,4.1-6.6l.2-.4c-3.5-.2-6.9,1.2-9.3,3.7-.8.8-1.5,1.5-2.2,2.2-2.3,2.2-5.2,3.7-8.4,4.2-3.3.5-6.7-.6-9.1-3-1.1-1.1-1.5-2.6-1.2-4.1,1-4.7,2.8-9.2,5.2-13.3l1.1-1.8v-.2c2.4-4.1,3.8-8.6,4.3-13.3,0-1.1.3-2.1.5-3.2l.2-.8c.9-4.4.5-8.9-1.1-13.1-3.1,0-5.9,1.8-7.2,4.6-.4.8-.5,1.7-.2,2.6l.4,1.4c.6,2.1.3,4.4-.7,6.4-1.2,1.2,3.5,4.4,1.7,5.4-1.2,2.6-2.5,6.8-3.2,7.9l-.6,1.3-1.2,3.4c-2-2.5-.8-15.4-1-16.6-.9-4-1-7.9-1-12,0-14,0-14.1,13.1-19.9,1.1-.5,2.2-.4,1.5-2.1-.5-1.2-1.6-1.2-2.5-1-2.7.6-5,2.1-7.5,3.1-3.2,1.3-4.7,1.1-5.6-2.6-2.2-9.3-2.5-18.6-1.4-28,.3-2.5.6-5.1,1.5-7.5,1.7-4.1,3.2-4.1,8-3.2,4.4.9,8.1,3.5,12.5,4.2,1,0,2.5,1,2.4-.5-.4-5.4,1.1-10.4,2.1-15.5.2-1,8-18.9,7.3-22.5-4.2-1.1-5.8,6.5-8.4,11.3-1.7,3.2-3.9,15.9-3.9,18.7s-.8,3.4-1.9,2.4c-3.5-3.5-7.5-1.5-11.1-1.8-5.1-.4-7.8-2.1-7.9-7.1-.2-7.4-.7-14.8.6-22.1.5-2.6.4-5.3,0-7.9-.9-4.5-1.8-9-2-13.5-.3-8.4,4.6-11.4,11.9-8.6,5.2,2,10.3,4.4,15.9,5.7,9.5,2.3,15.2,9.7,20.1,17.8,1.8,3,0,3.2-2,5.8l-8.1,16.7c-.6,8.1,7.7-6.3,11.8-12.6s3.4-3,5.6-2.7,2.4.9,3.1,2.7c1.5,4.2,5.2,6.1,8.5,8.6,2.2,1.7,5.2,2.3,7,4.5.7.8,2.5,1.3,1,3-1.4,1.6-2.3-.2-3-.6-4.2-2.7-8.9-4.3-13.6-5.8-5.5-1.8-10,2-10,7.9s1.6,6.6,1,10l-6.5,5c7.8-5.3,16.1-9.4,26-9,6.1.2,11.2,1.9,13.4,8.1.9,2.5,2.1,4.4,4.6,4.9,1.9.3,3.4,1.1,3.3,2.6,0,1.4-1.5,2.6-3.3,3.1-2.2.7-4.3.4-6.5,0-7.1-1.5-14.2-1.8-21.5-1.7-5.2,0-7.5,2.9-10,6.2-2.4,3.1-2.3,6.1.5,9,1.5,1.5,2.8,3.4,4.6,4.4,1.9,1,4.5,3.2,3.7,3.9-1.8,1.5-4.1,0-5.8-1.7-1.7-1.7-4-2.5-5.5-4.5-1.1-1.4-2.9-1.8-4.5-2.5-4.8-2.1-6.4-1.1-6.5,4,0,1.7.5,3.5-1.9,4.6-2,1-1.7,3.2,0,4.8,3.2,3.3,6.1,6.7,8.1,10.9,2.2,4.7,7,3,10.9,3,9.6,0,13.6-2.8,17-11.9,1.8-4.8,3.5-9.7,2.5-15l-4.5-5c.7.7,1.4,1.3,2,2,3.6,4,6.5,4.3,10,1,2.3-2.2,5-3,8-3s5.4.3,8,0c3.1-.4,5.4.7,7,3.1,4.6,7.1,7.3,14.8,6.6,23.4v2.1c.2,1.2.1,2.4-.2,3.6-1.4,4.8-1.9,9.9-4.4,14.4-3.4,6-3.2,6-9.6,3.5-7.3-2.9-14.8-5.2-22.5-7.1-1.5-.4-3.2-.7-4.5-1.6-1.5-1-3.2-2.5-2.9-4.4.3-1.6,1.9-2.4,3.8-3.2,4.6-1.8,8.3-5.3,12.6-7.8,5.1-3,21-3.9,26,1,.7.7,1.5,1.9,2.5,3.5l.5.5c3.7,8.4,1.7,17.3,1.7,26s-1.3,4.8-2.5,7.1c-1.6,3.2-4.5,4.1-6.7,3.7-7.3-1.6-15.2-1.7-21-7.3-2.7-2.6-6-4.6-8.6-7.4-3.4-3.7-7.6-5.6-13-5.1-6,.4-11.8,1.5-17.5,3.2-2.3.7-4.5,1.8-6.5-.1-2.1-1.9-1.6-5.1-.8-6.9,1.3-2.8.4-5.4.7-8.1,0-1.1-1-2.5-2.4-1-2.3,2.6-4.3,5.4-6,8.5-5.6,9.7.2,8.2-4.5,18.2-.9,1.8-1.9,6.4.2,7.8.7.4,4,2.3,6.3,1.9,1.7-.3,3.1-5.3,3-6.6-1.1-9.3-5.4-1.7-1.9-9.2.9-2,2.5-1.8,4-.5,5.2,4.6,10.2,3.6,15-.5,2.4-2.1,5.3-2.2,8-1.9,8.6,1.1,14.7,6.2,19.4,13,1.9,2.7,4.4,3.8,7.1,4.3,5.8,1.1,11.6,2.1,17.5,2,3.8,0,5.3,1.9,4.4,5-2.5,8.6-4.2,17.5-8.4,25.5-1.5,3-3.6,5.2-7,5.5-3.8.3-5-2.8-6.5-5.4-4.9-8.5-7.3-9.2-16.5-6.1-3.7,1.3-7.3,2.8-11,4-7.3,2.4-10.7-2.2-10.5-7.5,0-2.8-.2-5.5-.8-8.3l-1,1c-2.8,2.4-.9,5.5-1.1,8.3-.3,4.8,1.7,9.3,2,14,0,.6.6,1.4,1,1.9,3,4.2,2.7,5.9-2.1,8-3.2,1.4-6.6,2.2-10,2.9-1.2.3-1.7,1-2.5,1.6.8.7.5,2,1.9,2.6,2.2,1,4.4,2.4,6.1,4.4.5.6,2.2,2.2,2.5,3.1,3,8.5-1.9,5.6-4.5,3.9-1.3-.9-3.1-5.6-4-7-.8-1.2-5.6-2.3-6.4-2.3l4.6,10.8c-4.8-2-8.7-7.1-10.6-13-1.9-6.5-4.5-14.7-7-12.6-2.7,2.2,5,18.6,5.9,20.6,2.1,4.5,6.1,7.4,10.1,8.8,3.2,1.1,5.4,3.6,5.7,11s5-9.3,7.6-10.6c2.4-1.2,4.2-3.2,6-7.8,1.6-4.1,3.6-8.1,4.7-12.4.6-2.2,1.7-4.1.9-6.6-.6-2,.3-3.7,2.4-4.5,2.4-.9,4.5-2.3,7-3.1,11.4-3.6-.4,6.4,0,15.8,0,2.3-7.7,12.4-8.1,14.8-2,11.5-.2,22.3,8.8,3.7s5.8-12.6,6-13c1.8-3.5,3.5-6.8,4.6-8.7,3.3-5.8,5-8.7,6.4-8.8,3.7-.3,7.1,9.5,7.4,10.6-3.6,3.7-4,6-4.8,10.8-1.3,7.8,1.1,8.5,0,13.8-1.1,5.5-3.7,7.7-4.7,8.4-.3.2-.3.2-.8.6-4,2.6-6.3,6.1-7.9,8.4-1.4,2-2.6,3.5-5.2,6.5-.3.3-.6.6-1,.7-1.8.4-4.1-3.1-5.9-6.4-1.2-2.1-3.9-2.6-5.8-1.2-3.3,2.6-8,6.3-10.5,8.6-5.2,4.6-2.6,7.5-8.8,7.9-1.9.1-5,.6-8.6-3.6-1.9-2.2,3-7.3-.3-12.8-2.8-4.8-3.6-5.4-5.8-8.7-1.3-2-5.4-4-5.9-6.7-.4-1.9-1.6-4.5-.3-9"/>
            </svg>
          </div>
        </div>
        
        <div class='w-full mx-auto max-w-[1000px] xl:-mt-10 px-6 xl:px-10'>
          <div class='homepage-proven-method__features flex flex-col xl:flex-row xl:justify-between gap-10 items-center'>
            
            
              
              

              <div class='homepage-proven-method__feature flex flex-col gap-4 max-w-[420px] text-center' >
                
                  <div class='homepage-proven-method__feature-title w-full leading-[1.3] text-mi-green m-0'>
                    Neural Entrainment
                  </div>
                
                
                  
                  
                  <div class='homepage-proven-method__feature-description leading-[1.6] text-mi-black m-0 space-y-2'>
                    
                      
                      
                        <p class='m-0'>Our proprietary Monroe Sound Science uses binaural and multi-layered frequencies to gently synchronize brainwaves, guiding you into deeper, expanded states of awareness.</p>
                      
                    
                  </div>
                
              </div>
            
              
              

              <div class='homepage-proven-method__feature flex flex-col gap-4 max-w-[420px] text-center' >
                
                  <div class='homepage-proven-method__feature-title w-full leading-[1.3] text-mi-green m-0'>
                    Time-tested protocols
                  </div>
                
                
                  
                  
                  <div class='homepage-proven-method__feature-description leading-[1.6] text-mi-black m-0 space-y-2'>
                    
                      
                      
                        <p class='m-0'>Rooted in over fifty years of research, each program builds upon the last, deepening awareness through a proven, progressive framework for lasting personal transformation.</p>
                      
                    
                  </div>
                
              </div>
            
          </div>
        </div>
      </div>
    </div>
  </section>
</div>

<script>
  // Section pins in view; SVG animation runs 0→1 over the pin zone, then scroll continues
  ;(function () {
    const section = document.querySelector('.homepage-proven-method')
    const pinWrapper = document.querySelector('.homepage-proven-method__pin-wrapper')
    if (!section || !pinWrapper) return

    const visual = document.querySelector('.homepage-proven-method__visual')
    const svg = document.querySelector('.homepage-proven-method__brainwaves-svg')
    const sectionEl = section
    let path, path2, pathLength, pathLength2

    const scrollRoot = document.getElementById('homepage-scroll-wrapper') || document.documentElement
    const PIN_SCROLL_VH = 20

    function initPaths() {
      path = sectionEl.querySelector('#scrollPath') || document.getElementById('scrollPath')
      path2 = sectionEl.querySelector('#scrollPath2') || document.getElementById('scrollPath2')
      if (!path || !path2) return false
      pathLength = path.getTotalLength()
      pathLength2 = path2.getTotalLength()
      if (!pathLength || !pathLength2) return false
      path.style.strokeDasharray = pathLength + 'px'
      path2.style.strokeDasharray = pathLength2 + 'px'
      return true
    }

    function easeInOutCubic(t) {
      return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2
    }

    function update(progress) {
      progress = Math.max(0, Math.min(1, progress))
      const eased = easeInOutCubic(progress)

      if (path && path2 && pathLength && pathLength2) {
        /* Edges → center: reveal from each path’s start. Path 1 = left to center, path 2 = right to center (same as original demo). */
        const offset1 = pathLength * (1 - eased)
        const offset2 = pathLength2 * (1 - eased)
        path.style.strokeDashoffset = offset1 + 'px'
        path2.style.strokeDashoffset = offset2 + 'px'
        /* 0.5 during draw; fade to 0.25 at the very end (last 15% of progress). */
        const fadeStart = 1.75
        const pathOpacity = eased < fadeStart ? 0.5 : 0.5 + ((0.25 - 0.5) * (eased - fadeStart)) / (1 - fadeStart)
        if (svg) svg.style.setProperty('--pm-path-opacity', String(pathOpacity))
      }

      if (svg) {
        svg.style.opacity = '1'
      }
    }

    function onScroll() {
      const isWrapper = scrollRoot.id === 'homepage-scroll-wrapper'
      const rootHeight = isWrapper ? scrollRoot.getBoundingClientRect().height : window.innerHeight

      /* On smaller screens (<1280px), no pin — use simple viewport-based progress on the SVG visual */
      if (window.innerWidth < 1280) {
        const svgEl = document.querySelector('.homepage-proven-method__visual')
        if (svgEl) {
          const svgRect = svgEl.getBoundingClientRect()
          const raw = (rootHeight - svgRect.top) / (rootHeight + svgRect.height)
          update(Math.max(0, Math.min(1, raw)))
        }
        return
      }

      const wrapperRect = pinWrapper.getBoundingClientRect()
      const pinScrollPx = (PIN_SCROLL_VH / 100) * rootHeight
      /* SVG progress: 0 when section enters view (wrapper top=rootHeight), 1 at end of pin (wrapper top=-pinScrollPx) */
      const svgScrollRange = rootHeight + pinScrollPx
      const raw = (rootHeight - wrapperRect.top) / svgScrollRange
      const progress = Math.max(0, Math.min(1, raw))
      update(progress)
    }

    let ticking = false
    function requestTick() {
      if (!ticking) {
        requestAnimationFrame(function () {
          onScroll()
          ticking = false
        })
        ticking = true
      }
    }

    const scrollTarget = scrollRoot === document.documentElement ? window : scrollRoot
    scrollTarget.addEventListener('scroll', requestTick, { passive: true })
    window.addEventListener('resize', requestTick)

    function setupAnimation() {
      const pathCheck = document.getElementById('scrollPath')
      const path2Check = document.getElementById('scrollPath2')
      if (!pathCheck || !path2Check) {
        setTimeout(setupAnimation, 100)
        return
      }
      initPaths()
      onScroll()
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', function () {
        setTimeout(setupAnimation, 200)
      })
    } else {
      setTimeout(setupAnimation, 200)
    }

    /* Feature columns: fade up on viewport entry */
    var featureEls = section.querySelectorAll('.homepage-proven-method__feature')
    if (featureEls.length && 'IntersectionObserver' in window) {
      var featureObs = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-visible')
            featureObs.unobserve(entry.target)
          }
        })
      }, { threshold: 0.2 })
      featureEls.forEach(function (el) { featureObs.observe(el) })
    }
  })()
</script>


</section><section id="shopify-section-template--27595317805426__homepage_gateway_voyage_nMRjnc" class="shopify-section gv">

<section data-section-type="homepage-gateway-voyage" class="homepage-section gv gv--inner">
  <div class="gv__container"><div class="gv__visual">
      
        
        <div class='gv__image' style="background-image: url('/cdn/shop/files/gateway_588349e3-d22a-4bb2-a0e2-fc535613fa11.png?v=1767837350');"></div>
      
      <div class='gv__content-overlay'>
        <div class='gv__overlay-strip'><div class='gv-content-wrapper gv-content-wrapper--secondary'>
            <div class='gv__text-wrapper'>
              
                <div class='gv__description gv__description--split'>
                  
                    <p class='gv__description-regular'>Deepen self-awareness</p>
                  
                  
                    <p class='gv__description-emphasis'>and experience your multidimensional nature.</p>
                  
                </div>
              
            </div>
          </div><div class='gv-content-wrapper gv-content-wrapper--third'>
            <div class='gv__text-wrapper'>
              
                <div class='gv__description gv__description--split'>
                  
                    <p class='gv__description-regular'>Maintain full consciousness in expanded states, bringing back</p>
                  
                  
                    <p class='gv__description-emphasis'>insights and guidance.</p>
                  
                </div>
              
            </div>
          </div><div class='gv-content-wrapper gv-content-wrapper--fourth'>
            <div class='gv__text-wrapper'>
              <div class='gv__description gv__description--split-three'>
                <p class='gv__description-regular'>Strengthen your</p>
                <p class='gv__description-emphasis'>intuitive and perceptual abilities</p>
                <p class='gv__description-regular'>to navigate life with greater clarity.</p>
              </div>
            </div>
          </div><div class='gv-content-wrapper gv-content-wrapper--fifth'>
            <div class='gv__text-wrapper'>
              <div class='gv__description gv__description--split-three'>
                <p class='gv__description-regular'>Reclaim a sense of</p>
                <p class='gv__description-emphasis'>purpose and presence</p>
                <p class='gv__description-regular'>that permeates your everyday reality.</p>
              </div>
            </div>
          </div>
        </div><button type="button" class="gv__overlay-arrow gv__overlay-arrow--prev" aria-label="Previous slide">
          <img width="24" height="30" src="/cdn/shop/t/65/assets/icon-chevron-down-white.svg?v=154747305183069692451778253695" alt="Previous slide">
        </button>
        <button type="button" class="gv__overlay-arrow gv__overlay-arrow--next" aria-label="Next slide">
          <img width="24" height="30" src="/cdn/shop/t/65/assets/icon-chevron-down-white.svg?v=154747305183069692451778253695" alt="Next slide">
        </button><div class='gv__progress'>
          <div class='gv__progress-bar'></div>
        </div>
      </div>
    </div><div class='gv__content'>
      <div class='gv__content-content'>
        <div class='gv__text-wrapper'>
          
<div class="section-heading text-left " data-section-heading-animate data-animate-scope=".gv">
  

  
    <h2 class="gv__headline font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4 section-heading__anim">
      GATEWAY VOYAGE
    </h2>
  

  
    <div class="gv__subheadline text-base md:text-lg lg:text-xl leading-relaxed m-0 [&>p]:m-0 [&>p]:text-inherit section-heading__anim">
      YOUR JOURNEY BEYOND THE PHYSICAL BEGINS HERE
    </div>
  

  
    <div class="gv__description text-base md:text-lg leading-relaxed mt-4 [&>p]:m-0 [&>p]:text-inherit section-heading__anim">
      <p>Gateway Voyage Virtual is the most accessible way to experience Monroe's proven methods, guided by the voice of our founder, Robert A. Monroe. This immersive program introduces expanded states of consciousness through Monroe Sound Science — helping you move beyond the five senses while staying fully aware and grounded.</p>
    </div>
  
</div>

        </div><div class='gv__ctas'>
          
            










<a href="/products/gateway-voyage" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-white text-link-green w-auto gv__cta flex-1 min-w-[180px] max-w-[200px]">
  In-Person
</a>

          

          
            










<a href="/products/gateway-voyage-online" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-link-green text-white w-auto gv__cta flex-1 min-w-[180px] max-w-[200px]">
  Online
</a>

          
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .gv {
    background: #e8edee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
  }

  .gv__container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ===== LEFT SECTION: COSMIC VISUAL ===== */
  .gv__visual {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .gv__image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  /* Overlay: contains the slide strip + arrows + progress */
  .gv__content-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
  }

  /* Strip holds all slides stacked vertically; translateY drives transitions */
  .gv__overlay-strip {
    will-change: transform;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
  }

  /* Each slide — height is 50% of the overlay container, not viewport */
  .gv__content-overlay .gv-content-wrapper {
    position: relative;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: opacity 0.5s ease-out;
    transform: none;
  }

  /* Active slide: fully visible */
  .gv__content-overlay .gv-content-wrapper.is-active-slide {
    opacity: 1 !important;
  }
  /* Non-active slides: dimmed */
  .gv__content-overlay .gv-content-wrapper {
    opacity: 0.25;
  }

  /* ===== ARROWS: Left/Right ===== */
  .gv__overlay-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    padding: 8px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    transition: background 0.2s ease, opacity 0.2s ease;
  }
  .gv__overlay-arrow:hover {
    background: rgba(0, 0, 0, 0.35);
  }
  .gv__overlay-arrow:disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none;
  }
  .gv__overlay-arrow--prev {
    left: 16px;
  }
  .gv__overlay-arrow--prev img {
    transform: rotate(90deg);
  }
  .gv__overlay-arrow--next {
    right: 16px;
  }
  .gv__overlay-arrow--next img {
    transform: rotate(-90deg);
  }

  /* ===== PROGRESS BAR ===== */
  .gv__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.15);
    z-index: 2;
    pointer-events: none;
  }
  .gv__progress-bar {
    height: 100%;
    width: 0%;
    background: rgba(255, 255, 255, 0.6);
    transition: none;
  }
  .gv__progress-bar.is-animating {
    transition: width linear;
  }
  .gv__progress-bar.is-reset {
    transition: none;
    width: 0%;
  }

  /* ===== RIGHT SECTION: CONTENT ===== */
  .gv__content {
    flex: 1;
    background: #e8edee;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 100vh;
  }

  .gv-content-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    position: absolute;
    transition: transform .5s ease-out 0s, filter 1s ease-out 0s;
    opacity: 1;
    pointer-events: auto;
  }

  .gv-content-wrapper--secondary,
  .gv-content-wrapper--third,
  .gv-content-wrapper--fourth,
  .gv-content-wrapper--fifth {
    max-width: 311px;
    left: auto;
    right: auto;
    margin-left: calc((100% - 311px) / 2);
    margin-right: calc((100% - 311px) / 2);
  }

  .gv__text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 2rem;
  }

  .gv__headline {
    color: #0d4340;
  }

  .gv__subheadline {
    color: #0d4340;
  }

  .gv-content-wrapper--original .gv__subheadline {
    margin-bottom: 40px;
  }

  /* ===== OVERLAY SLIDE TEXT STYLES ===== */
  .gv-content-wrapper--secondary .gv__text-wrapper {
    align-items: center;
    text-align: center;
    gap: 0;
  }

  .gv-content-wrapper--secondary .gv__headline {
    font-weight: 350;
    font-size: 24px;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    margin: 0;
  }

  .gv-content-wrapper--secondary .gv__subheadline {
    font-weight: 325;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    margin: 0;
  }

  .gv-content-wrapper--secondary .gv__description {
    margin: 0;
  }

  .gv-content-wrapper--third .gv__text-wrapper,
  .gv-content-wrapper--fourth .gv__text-wrapper,
  .gv-content-wrapper--fifth .gv__text-wrapper {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0;
  }

  .gv__description--split,
  .gv__description--split-three {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 0;
    text-align: center;
  }

  .gv-content-wrapper--third .gv__description-regular,
  .gv-content-wrapper--fourth .gv__description-regular,
  .gv-content-wrapper--fifth .gv__description-regular,
  .gv__description--split .gv__description-regular,
  .gv__description--split-three .gv__description-regular {
    font-family: 'Gotham', var(--font-primary), sans-serif !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: white !important;
    margin: 0 !important;
  }

  .gv-content-wrapper--third .gv__description-emphasis,
  .gv-content-wrapper--fourth .gv__description-emphasis,
  .gv-content-wrapper--fifth .gv__description-emphasis,
  .gv__description--split .gv__description-emphasis,
  .gv__description--split-three .gv__description-emphasis {
    font-weight: 900 !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    color: white !important;
    margin: 0 !important;
  }

  .gv__description {
    color: #0d4340;
  }

  .gv__description p {
    color: #0d4340;
    margin: 0;
  }

  /* ===== CTA BUTTONS ===== */
  .gv__ctas {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .gv__cta {
    transition: all 0.3s ease;
  }

  .gv__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 116, 109, 0.3);
  }

  /* ===== ENTRANCE ANIMATIONS ===== */
  .gv__content-content {
    padding: 7rem;
  }

  .gv__content .gv__ctas {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.36s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.36s;
  }

  .gv.is-active .gv__content .gv__ctas {
    opacity: 1;
    transform: translateY(0);
  }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 1280px) {
    .gv-content-wrapper--secondary .gv__headline {
    }
    .gv-content-wrapper--secondary .gv__subheadline {
    }
    .gv__description p {
    }
  }

  @media (max-width: 1279px) {
    .gv,
    .gv__container {
      height: auto;
      min-height: auto;
    }
    .gv__container {
      flex-direction: column;
    }
    .gv__visual {
      flex: none;
      height: 60vh;
      min-height: 400px;
    }
    .gv__content {
      height: auto;
    }
    .gv__content-content {
      padding: 3rem 2rem;
    }
    .gv__text-wrapper {
      gap: 20px;
      margin-bottom: 50px;
    }
    .gv-content-wrapper--secondary .gv__headline {
      font-size: 20px;
    }
    /* Smaller overlay slide text on tablet/mobile */
    .gv__description--split .gv__description-regular,
    .gv__description--split-three .gv__description-regular {
      font-size: 13px !important;
    }
    .gv__description--split .gv__description-emphasis,
    .gv__description--split-three .gv__description-emphasis {
      font-size: 16px !important;
    }
  }

  @media (max-width: 768px) {
    .gv-content-wrapper {
      margin-left: 0px;
      margin-right: 0px;
    }
    .gv__text-wrapper {
      gap: 16px;
    }
    .gv__description p {
      font-size: 13px;
      line-height: 1.6;
    }
    .gv__ctas {
      flex-direction: column;
      gap: 16px;
    }
    .gv__cta {
      width: 100%;
      max-width: none;
    }
  }

  @media (max-width: 480px) {
    .gv__text-wrapper {
      gap: 12px;
      margin-bottom: 32px;
    }
    .gv__description p {
      font-size: 12px;
      line-height: 1.6;
    }
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    var section = document.querySelector('.gv--inner')
    if (!section) return

    var strip = section.querySelector('.gv__overlay-strip')
    var arrowPrev = section.querySelector('.gv__overlay-arrow--prev')
    var arrowNext = section.querySelector('.gv__overlay-arrow--next')
    var progressBar = section.querySelector('.gv__progress-bar')
    var visualPanel = section.querySelector('.gv__visual')
    if (!strip) return

    var slides = strip.querySelectorAll('.gv-content-wrapper')
    var slideCount = slides.length
    var currentIndex = 0
    var AUTO_INTERVAL = 3000
    var autoTimer = null
    var isPaused = false

    // Set slide heights relative to the overlay container (50% each)
    var overlay = section.querySelector('.gv__content-overlay')
    function setSlideSizes() {
      var h = overlay.offsetHeight * 0.5
      slides.forEach(function (slide) {
        slide.style.height = h + 'px'
        slide.style.minHeight = h + 'px'
      })
    }
    setSlideSizes()

    /* ===== Slide Navigation ===== */
    function goToSlide(index) {
      if (index < 0 || index >= slideCount) return
      currentIndex = index

      var slideHeight = slides[0].offsetHeight
      var overlayHeight = overlay.offsetHeight
      // Position active slide above center of the overlay
      // Mobile gets closer to center (42%), desktop/tablet higher up (35%)
      var positionPct = 0.35
      var targetTop = overlayHeight * positionPct - slideHeight / 2
      var offset = -(currentIndex * slideHeight) + targetTop
      strip.style.transform = 'translateY(' + offset + 'px)'

      // Active slide full opacity, others dimmed (default is 0.25)
      slides.forEach(function (slide, i) {
        if (i === currentIndex) {
          slide.classList.add('is-active-slide')
        } else {
          slide.classList.remove('is-active-slide')
        }
      })

      // Update arrows
      if (arrowPrev) arrowPrev.disabled = currentIndex <= 0
      if (arrowNext) arrowNext.disabled = currentIndex >= slideCount - 1

      // Restart progress
      startProgress()
    }

    function nextSlide() {
      if (currentIndex < slideCount - 1) {
        goToSlide(currentIndex + 1)
      } else {
        goToSlide(0)
      }
    }

    function prevSlide() {
      if (currentIndex > 0) {
        goToSlide(currentIndex - 1)
      }
    }

    /* ===== Progress Bar ===== */
    function startProgress() {
      if (!progressBar) return
      // Reset instantly
      progressBar.classList.remove('is-animating')
      progressBar.style.width = '0%'

      // Force reflow so the reset takes effect before animating
      void progressBar.offsetWidth

      // Animate to full over the interval duration
      progressBar.classList.add('is-animating')
      progressBar.style.transitionDuration = AUTO_INTERVAL + 'ms'
      progressBar.style.width = '100%'
    }

    /* ===== Auto-Advance ===== */
    function startAutoAdvance() {
      stopAutoAdvance()
      autoTimer = setInterval(function () {
        if (!isPaused) nextSlide()
      }, AUTO_INTERVAL)
    }

    function stopAutoAdvance() {
      if (autoTimer) {
        clearInterval(autoTimer)
        autoTimer = null
      }
    }

    /* ===== Pause on Hover ===== */
    if (visualPanel) {
      visualPanel.addEventListener('mouseenter', function () {
        isPaused = true
        if (progressBar) {
          // Pause the progress bar at current position
          var computed = getComputedStyle(progressBar)
          var currentWidth = computed.width
          progressBar.classList.remove('is-animating')
          progressBar.style.width = currentWidth
        }
      })
      visualPanel.addEventListener('mouseleave', function () {
        isPaused = false
        // Resume progress from current position
        if (progressBar) {
          var currentPct = parseFloat(progressBar.style.width) || 0
          var overlayWidth = progressBar.parentElement.offsetWidth
          if (overlayWidth > 0) {
            currentPct = (parseFloat(getComputedStyle(progressBar).width) / overlayWidth) * 100
          }
          var remainingTime = AUTO_INTERVAL * (1 - currentPct / 100)
          progressBar.classList.add('is-animating')
          progressBar.style.transitionDuration = Math.max(0, remainingTime) + 'ms'
          progressBar.style.width = '100%'
        }
      })
    }

    /* ===== Arrow Clicks ===== */
    if (arrowPrev) {
      arrowPrev.addEventListener('click', function () {
        prevSlide()
        startAutoAdvance()
      })
    }
    if (arrowNext) {
      arrowNext.addEventListener('click', function () {
        nextSlide()
        startAutoAdvance()
      })
    }

    /* ===== Entrance Animation (IntersectionObserver) ===== */
    var gatewayScrollRoot = document.getElementById('homepage-scroll-wrapper') || null
    var sectionObserver = new IntersectionObserver(
      function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            sectionObserver.unobserve(entry.target)
            requestAnimationFrame(function () {
              requestAnimationFrame(function () {
                section.classList.add('is-active')
              })
            })
            // Start slideshow when section enters view
            goToSlide(0)
            startAutoAdvance()
          }
        })
      },
      { root: gatewayScrollRoot, rootMargin: '0px', threshold: 0.2 }
    )
    sectionObserver.observe(section)

    /* ===== Resize Handler ===== */
    window.addEventListener('resize', function () {
      setSlideSizes()
      goToSlide(currentIndex)
    })

    // Initial state: show first slide (without auto-advance until in view)
    goToSlide(0)
  })
</script>


</section><section id="shopify-section-template--27595317805426__homepage_retreats_courses-paradigm-shift" class="shopify-section homepage-section-retreats-courses">

<style>
  .rc-header__title {
    opacity: var(--rc-progress-header-title, 0);
    transform: translateY(calc(64px * (1 - var(--rc-progress-header-title, 0))));
    transition: none;
  }
  .rc-header__subtitle {
    opacity: var(--rc-progress-header-subtitle, 0);
    transform: translateY(calc(48px * (1 - var(--rc-progress-header-subtitle, 0))));
    transition: none;
  }
  .rc-header__paragraph {
    opacity: var(--rc-progress-header-paragraph, 0);
    transform: translateY(calc(36px * (1 - var(--rc-progress-header-paragraph, 0))));
    transition: none;
  }
  .rc-card {
    opacity: var(--rc-progress-cards, 0);
    transform: translateY(calc(28px * (1 - var(--rc-progress-cards, 0))));
    transition: none;
  }
  .rc-card-button:hover {
    background-color: #005e58;
    transform: translateY(-0.125rem);
  }
  .rc-card-description p { margin: 0; }
  .rc-card-image-placeholder {
    background: linear-gradient(to bottom right, #1a3a4a, #0a1628);
  }
  .homepage-retreats-courses { overflow: visible; }
  .homepage-retreats-courses__container {
    position: sticky;
    top: 0;
    z-index: 0;
    min-height: 100vh;
    width: 100%;
    background-color: #f5f7f7;
  }
  .homepage-retreats-courses__container .rc-content {
    position: relative;
    z-index: 0;
  }
  @media (max-width: 1279px) {
    .homepage-retreats-courses__container {
      position: relative;
      min-height: auto;
      padding: 3rem 1.5rem;
    }
    .rc-header__title,
    .rc-header__subtitle,
    .rc-header__paragraph,
    .rc-card {
      opacity: 1 !important;
      transform: none !important;
    }
  }
  @media (max-width: 640px) {
    .homepage-retreats-courses__container {
      padding: 2.5rem 1rem;
    }
  }
</style>

<section data-section-type="homepage-retreats-courses" class="homepage-section homepage-retreats-courses">
  <div class="homepage-retreats-courses__container w-full flex flex-col items-center justify-center">
    <div class="rc-content max-w-[800px] mx-auto box-border flex flex-col gap-4 h-full justify-center w-full">
      <div class="rc-header">
        
<div class="section-heading text-left ">
  

  
    <h2 class="rc-header__title text-mi-green font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      Retreats & Courses
    </h2>
  

  
    <div class="rc-header__subtitle text-mi-green text-base md:text-lg lg:text-xl leading-relaxed m-0 [&>p]:m-0 [&>p]:text-inherit">
      Immersive Programs Intentionally Designed For Transformation
    </div>
  

  
    <div class="rc-header__paragraph text-mi-black text-base md:text-lg leading-relaxed mt-4 [&>p]:m-0 [&>p]:text-inherit">
      <p>Experience transformation your way — visit our legendary Virginia campus, join a life-changing program at extraordinary locations across the globe, or access our offerings from the comfort of your home.</p>
    </div>
  
</div>

      </div>
      
        <div class="flex flex-col md:flex-row gap-8">
          
            
              <div class="rc-card flex flex-col gap-4" >
                
                  <div class="w-full aspect-[16/9] rounded-xl overflow-hidden">
                    <img class="w-full h-full object-cover" src="/cdn/shop/files/66abaeb8575b1dc7d511ef17aaa152ec70dac9db_39908b3e-f790-435f-8ef7-d2f8f42f21cd.jpg?crop=center&height=360&v=1770241947&width=640" alt="Online Courses" width="640" height="360" loading="lazy">
                  </div>
                
                <div class="flex flex-col gap-2">
                  
                    <div class="font-gotham font-semibold text-[1.125rem] leading-snug text-mi-green">Online Courses</div>
                  
                  
                    <div class="rc-card-description font-gotham text-sm leading-relaxed text-mi-black"><p>Self-directed or facilitated journeys you can take from anywhere. Access the same proven techniques from the comfort of your home.</p></div>
                  
                  
                    










<a href="/products/gateway-voyage-online" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-link-green text-white w-full rc-card-button mt-2">
  Online Courses
</a>

                  
                </div>
              </div>
            
          
            
              <div class="rc-card flex flex-col gap-4" >
                
                  <div class="w-full aspect-[16/9] rounded-xl overflow-hidden">
                    <img class="w-full h-full object-cover" src="/cdn/shop/files/a96720e1869ea57605d13b7a1c095a72690087c1.png?crop=center&height=360&v=1770240419&width=640" alt="In-Person and Virtual Retreats" width="640" height="360" loading="lazy">
                  </div>
                
                <div class="flex flex-col gap-2">
                  
                    <div class="font-gotham font-semibold text-[1.125rem] leading-snug text-mi-green">In-Person and Virtual Retreats</div>
                  
                  
                    <div class="rc-card-description font-gotham text-sm leading-relaxed text-mi-black"><p>Life-changing, immersive group experiences in Virginia or around the world. Connect with like-minded explorers in our sacred spaces.</p></div>
                  
                  
                    










<a href="/collections/current-programs" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-link-green text-white w-full rc-card-button mt-2">
  Retreats - In-Person and Virtual
</a>

                  
                </div>
              </div>
            
          
        </div>
      
    </div>
  </div>
</section>

<script>
  (function () {
    const sectionRoot = document.querySelector('.homepage-retreats-courses');
    const retreatsContainer = sectionRoot ? sectionRoot.querySelector('.homepage-retreats-courses__container') : null;
    const scrollRoot = document.getElementById('homepage-scroll-wrapper') || document.documentElement;
    if (!sectionRoot) return;

    function clamp(v, a, b) { return Math.max(a, Math.min(b, v)); }
    function lerp(progress, start, end) {
      if (progress <= start) return 0;
      if (progress >= end) return 1;
      return (progress - start) / (end - start);
    }

    var ticking = false;
    function update() {
      ticking = false;
      const isWrapper = scrollRoot.id === 'homepage-scroll-wrapper';
      const rootTop = isWrapper ? scrollRoot.getBoundingClientRect().top : 0;
      const rootHeight = isWrapper ? scrollRoot.getBoundingClientRect().height : window.innerHeight;

      if (retreatsContainer) {
        const rect = retreatsContainer.getBoundingClientRect();
        const d = rootTop - rect.top;
        const start = -rootHeight * 1.2;
        const end = rect.height;
        const range = end - start;
        const progress = range > 0 ? clamp((d - start) / range, 0, 1) : 0;
        retreatsContainer.style.setProperty('--rc-progress-header-title', String(lerp(progress, 0, 0.18)));
        retreatsContainer.style.setProperty('--rc-progress-header-subtitle', String(lerp(progress, 0.1, 0.28)));
        retreatsContainer.style.setProperty('--rc-progress-header-paragraph', String(lerp(progress, 0.18, 0.36)));
        retreatsContainer.style.setProperty('--rc-progress-cards', String(lerp(progress, 0.22, 0.42)));
      }
    }

    function onScroll() {
      if (!ticking) { ticking = true; requestAnimationFrame(update); }
    }
    scrollRoot.addEventListener('scroll', onScroll, { passive: true });
    update();
  })();
</script>

</section><section id="shopify-section-template--27595317805426__homepage_paradigm_shift" class="shopify-section homepage-paradigm-shift-section">

<style>
  .homepage-paradigm-shift {
    position: relative;
    z-index: 1;
    min-height: unset;
  }
  .homepage-paradigm-shift .ps-transform-wrapper {
    margin-top: -20px;
    transform: translateY(var(--ps-section-y, 80px));
    will-change: transform;
  }
  .homepage-paradigm-shift .ps-content {
    position: relative;
    z-index: 1;
    min-height: 28vh;
  }
  .homepage-paradigm-shift__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
    z-index: 0;
    pointer-events: none;
  }
  .homepage-paradigm-shift__image img {
    opacity: calc(0.2 * var(--ps-image, 0));
    transform: translateY(calc(50% + 40px * (1 - var(--ps-image, 0))));
    transition: none;
  }
  .homepage-paradigm-shift__button--outline-light:hover {
    background: #fff;
    color: #0c433f;
  }
  .homepage-paradigm-shift__button--solid-light:hover {
    background: transparent;
    color: #fff;
  }
  .homepage-paradigm-shift__button--solid-primary:hover {
    background: #005e58;
    border-color: #005e58;
  }
  .ps-description p {
    margin: 0;
    color: white;
  }
  .ps-image-placeholder {
    background: rgba(255, 255, 255, 0.1);
  }
  @media (max-width: 1279px) {
    .homepage-paradigm-shift .ps-transform-wrapper {
      transform: none !important;
      margin-top: 0;
    }
  }
</style>

<section
  data-section-type='homepage-paradigm-shift'
  class='homepage-section homepage-paradigm-shift w-full text-white  bg-[#f5f7f7]'
>
  <div class='ps-transform-wrapper w-full bg-mi-green-dark'><div class='ps-content ps-content--desktop hidden xl:block overflow-hidden h-[60vh] relative'>
      <div class='homepage-paradigm-shift__image'>
        
          <img
            class='w-full max-w-full h-auto object-contain block'
            src='/cdn/shop/files/world.png?v=1771598258&width=2000'
            alt='Image'
            width='100%'
            height='auto'
            loading='lazy'
          >
        
      </div>
      <div class='flex flex-row items-center justify-center w-full h-full relative z-10'>
        <div class='max-w-container-lg flex-1 flex flex-row justify-center align-center gap-20 relative z-10'>
          <div class='flex flex-1 flex-col gap-5 items-end justify-start pointer-events-none'>
            
              <div class='flex justify-end items-end'>
                
<div class="section-heading text-left ">
  

  
    <h2 class="text-white font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      JOIN THE GLOBAL PARADIGM SHIFT
    </h2>
  

  

  
</div>

              </div>
            
          </div>
          <div class='flex-1 flex flex-col h-full items-center justify-center gap-6'>
            
              <div class='homepage-paradigm-shift__tagline text-white text-[1.5rem] font-bold leading-snug pointer-events-none'>
                We're witnessing an unprecedented awakening in human consciousness.
              </div>
            
            
              <div class='homepage-paradigm-shift__description ps-description leading-snug text-white pointer-events-none'>
                <p>Help support our mission of reaching 1% of the global population by 2032 - moving us toward a world rooted in cooperation, and higher consciousness.</p>
              </div>
            
            
              
                  










<a href="/pages/donate" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-white text-link-green w-auto homepage-paradigm-shift__button homepage-paradigm-shift__button--solid-light self-start border-2 border-white">
  Donate
</a>

              
            
          </div>
        </div>
      </div>
    </div><div class='ps-content ps-content--mobile xl:hidden px-6 py-12 md:py-16'>
      <div class='max-w-container-lg mx-auto flex flex-col gap-6'>
        
<div class="section-heading text-left ">
  

  
    <h2 class="text-white font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      JOIN THE GLOBAL PARADIGM SHIFT
    </h2>
  

  
    <div class="text-white/90 text-base md:text-lg lg:text-xl leading-relaxed m-0 [&>p]:m-0 [&>p]:text-inherit">
      We're witnessing an unprecedented awakening in human consciousness.
    </div>
  

  
    <div class="ps-description text-white/80 text-base md:text-lg leading-relaxed mt-4 [&>p]:m-0 [&>p]:text-inherit">
      <p>Help support our mission of reaching 1% of the global population by 2032 - moving us toward a world rooted in cooperation, and higher consciousness.</p>
    </div>
  
</div>

        
          <div>
            
                










<a href="/pages/donate" class="inline-flex items-center justify-center font-gotham font-semibold leading-5 tracking-normal rounded-full box-border no-underline text-base py-2.5 px-10 bg-white text-link-green w-auto homepage-paradigm-shift__button homepage-paradigm-shift__button--solid-light border-2 border-white">
  Donate
</a>

            
          </div>
        
      </div>
    </div>

  </div>
</section>

<script>
  ;(function () {
    const section = document.querySelector('.homepage-paradigm-shift')
    if (!section) return
    const scrollRoot = document.getElementById('homepage-scroll-wrapper') || document.documentElement

    const SPEED_IMAGE = 0.6
    const SPEED_SECTION_Y = 65

    function clamp(v, a, b) {
      return Math.max(a, Math.min(b, v))
    }
    function lerp(progress, start, end) {
      if (progress <= start) return 0
      if (progress >= end) return 1
      return (progress - start) / (end - start)
    }

    let currentImage = 0
    let currentSectionY = 80
    let lastTime = 0

    function getScrollProgress() {
      const isWrapper = scrollRoot.id === 'homepage-scroll-wrapper'
      const rootTop = isWrapper ? scrollRoot.getBoundingClientRect().top : 0
      const rootHeight = isWrapper ? scrollRoot.getBoundingClientRect().height : window.innerHeight
      const rect = section.getBoundingClientRect()
      const d = rootTop - rect.top
      const start = -rootHeight * 1.2
      const end = rect.height
      const range = end - start
      return range > 0 ? clamp((d - start) / range, 0, 1) : 0
    }

    function tick(timestamp) {
      const dt = Math.min((timestamp - lastTime) / 1000, 0.2)
      lastTime = timestamp

      const progress = getScrollProgress()
      const targetImage = lerp(progress, 0.05, 0.55)
      const targetSectionY = 80 * (1 - progress)

      const maxMoveImage = SPEED_IMAGE * dt
      const maxMoveY = SPEED_SECTION_Y * dt
      currentImage += clamp(targetImage - currentImage, -maxMoveImage, maxMoveImage)
      currentSectionY += clamp(targetSectionY - currentSectionY, -maxMoveY, maxMoveY)

      currentImage = clamp(currentImage, 0, 1)
      currentSectionY = clamp(currentSectionY, 0, 80)

      section.style.setProperty('--ps-image', String(currentImage))
      section.style.setProperty('--ps-section-y', Math.round(currentSectionY*1.2) + 'px')

      requestAnimationFrame(tick)
    }
    requestAnimationFrame(tick)
  })()
</script>

</section><section id="shopify-section-template--27595317805426__homepage_get_involved" class="shopify-section homepage-section-get-involved">



<section data-section-type="homepage-get-involved" class="homepage-section homepage-get-involved" style="background-color: #ffffff;">
  <div class="homepage-get-involved__container"><div class="homepage-get-involved__header">
      
<div class="section-heading text-left ">
  

  
    <h2 class="text-mi-green font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      OTHER WAYS TO GET INVOLVED
    </h2>
  

  
    <div class="text-mi-green text-base md:text-lg lg:text-xl leading-relaxed m-0 [&>p]:m-0 [&>p]:text-inherit">
      Join a Community of Explorers Dedicated to Expanding Awareness
    </div>
  

  
</div>

    </div>
      <div class="homepage-get-involved__cards">
        
          
            
              <a href="/pages/chapters" class="homepage-get-involved__card homepage-get-involved__card--linked" >
            

                <div class="homepage-get-involved__card-image">
                  <img
                    src="/cdn/shop/files/DSC_4724_web_b88f2c0e-e3fc-4898-9560-83cf1ab6e7be.png?crop=center&height=600&v=1770239937&width=600"
                    alt="Community Groups"
                    width="600"
                    height="600"
                    loading="lazy"
                  />
                  
                    <div class="homepage-get-involved__card-overlay">
                      <h3 class="homepage-get-involved__card-overlay-title">
                        Community Groups
                      </h3>
                    </div>
                  
                </div>
              
<div class="homepage-get-involved__card-content">
                
                  <h3 class="homepage-get-involved__card-title" style="color: #00746d;">
                    Community Groups
                  </h3>
                

                
                  <div class="homepage-get-involved__card-description" style="color: #22434f;">
                    <p>Join one of our 400 Community Groups around the world and connect with fellow explorers either in person or remotely.</p>
                  </div>
                
              </div>

            
              </a>
            
          
        
          
            
              <a href="/pages/dolphin-energy-club" class="homepage-get-involved__card homepage-get-involved__card--linked" >
            

                <div class="homepage-get-involved__card-image">
                  <img
                    src="/cdn/shop/files/istockphoto-1456029277-612x612.jpg?crop=center&height=600&v=1770239297&width=600"
                    alt="Participate in Distant Healing"
                    width="600"
                    height="600"
                    loading="lazy"
                  />
                  
                    <div class="homepage-get-involved__card-overlay">
                      <h3 class="homepage-get-involved__card-overlay-title">
                        Participate in Distant Healing
                      </h3>
                    </div>
                  
                </div>
              
<div class="homepage-get-involved__card-content">
                
                  <h3 class="homepage-get-involved__card-title" style="color: #00746d;">
                    Participate in Distant Healing
                  </h3>
                

                
                  <div class="homepage-get-involved__card-description" style="color: #22434f;">
                    <p>Join the Dolphin Energy Club and request or offer distant healing to people who need it</p>
                  </div>
                
              </div>

            
              </a>
            
          
        
          
            
              <a href="/pages/professional-division" class="homepage-get-involved__card homepage-get-involved__card--linked" >
            

                <div class="homepage-get-involved__card-image">
                  <img
                    src="/cdn/shop/files/research_ecb83be9-c9fb-44d5-802c-c73e624b1be2.png?crop=center&height=600&v=1770244185&width=600"
                    alt="Person sitting at a desk looking at a laptop screen with various graphs and images."
                    width="600"
                    height="600"
                    loading="lazy"
                  />
                  
                    <div class="homepage-get-involved__card-overlay">
                      <h3 class="homepage-get-involved__card-overlay-title">
                        Contribute to Consciousness Research
                      </h3>
                    </div>
                  
                </div>
              
<div class="homepage-get-involved__card-content">
                
                  <h3 class="homepage-get-involved__card-title" style="color: #00746d;">
                    Contribute to Consciousness Research
                  </h3>
                

                
                  <div class="homepage-get-involved__card-description" style="color: #22434f;">
                    <p>Whether you are a practitioner or an academic researcher, access Monroe Sound Science and create your own consciousness study.</p>
                  </div>
                
              </div>

            
              </a>
            
          
        
      </div>
    

  </div>
</section>

<style>
  .homepage-get-involved {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .homepage-get-involved__container {
    max-width: var(--container-lg);
    margin: 0 auto;
    padding-bottom: 28px;
  }

  @media (max-width: 1279px) {
    .homepage-get-involved {
      padding: 4rem 0;
    }
  }

  /* Header */
  .homepage-get-involved__header {
    margin-bottom: 32px;
  }

  .homepage-get-involved__title {
    margin: 0;
  }

  .homepage-get-involved__subtitle {
    margin: 0;
  }

  /* Cards Grid */
  .homepage-get-involved__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }

  .homepage-get-involved__card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-decoration: none;
  }

  .homepage-get-involved__card--linked {
    transition: transform 0.3s ease;
  }

  .homepage-get-involved__card--linked:hover {
    transform: translateY(-4px);
  }

  /* Card Image */
  .homepage-get-involved__card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }

  .homepage-get-involved__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Card Overlay – mouseover: slides up to reveal title */
  .homepage-get-involved__card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 116, 109, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.65, 0.1, 0.66, 0.96);
    border-radius: 8px;
  }

  .homepage-get-involved__card:hover .homepage-get-involved__card-overlay,
  .homepage-get-involved__card--linked:hover .homepage-get-involved__card-overlay {
    transform: translateY(0);
  }

  .homepage-get-involved__card-overlay-title {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    text-align: center;
    padding: 12px;
    color: white;
  }

  .homepage-get-involved__card-image--placeholder {
    background: linear-gradient(135deg, #e8edee 0%, #d0d8da 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
  }

  /* Card Content */
  .homepage-get-involved__card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .homepage-get-involved__card-title {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
  }

  .homepage-get-involved__card-description {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
  }

  .homepage-get-involved__card-description p {
    margin: 0;
    color: inherit;
  }

  .homepage-get-involved__card-description,
  .homepage-get-involved__card-description * {
    color: inherit;
  }

  /* Responsive */
  @media (max-width: 1279px) {
    .homepage-get-involved__container {
      padding: 0 24px;
    }

    .homepage-get-involved__cards {
      gap: 1.5rem;
    }
  }

  @media (max-width: 768px) {
    .homepage-get-involved {
      padding: 40px 0;
    }

    .homepage-get-involved__container {
      padding: 0 20px;
    }

    .homepage-get-involved__header {
      margin-bottom: 24px;
    }

    .homepage-get-involved__cards {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .homepage-get-involved__card-image {
      aspect-ratio: 4 / 3;
    }
  }

  @media (max-width: 480px) {
    .homepage-get-involved__container {
      padding: 0 16px;
    }
  }
</style>


</section><section id="shopify-section-template--27595317805426__homepage_testimonials" class="shopify-section section-testimonials-slider">
<section data-section-type="testimonials-slider"
  class="font-gotham py-16 md:py-20 overflow-hidden"
  style="background-color: #f5f7f7;"
  data-section-id="template--27595317805426__homepage_testimonials"
>
  <div class="max-w-[1400px] mx-auto px-4 md:px-6 lg:px-10"><div class="mb-10 md:mb-12">
      
<div class="section-heading text-left ">
  

  
    <h2 class="text-mi-green font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      SUCCESS STORIES
    </h2>
  

  
    <div class="text-mi-black text-base md:text-lg lg:text-xl leading-relaxed m-0 [&>p]:m-0 [&>p]:text-inherit">
      Discover how Monroe has helped inspire transformation across the globe.
    </div>
  

  
</div>

    </div><div class="relative">
        <div
          class="overflow-x-auto snap-x snap-mandatory pb-4"
          data-testimonial-scroll
        >
          <div class="flex gap-6" data-testimonial-track><div
                    class="flex-shrink-0 w-[280px] md:w-[320px] lg:w-[340px] bg-white rounded-xl p-6 md:p-7 flex flex-col gap-5 shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300 snap-start"
                    
                    data-testimonial-card
                  ><blockquote class="text-sm md:text-base leading-relaxed flex-grow m-0" style="color: #22434f;">
                      "A perfect environment where one can attend in a sacred space, and achieve personal transformation. Monroe Institute is unlike any other personal development organization. It is unique and helps change the lives of those that attend."
                    </blockquote>

                    <div class="w-full h-px bg-gray-200"></div>

                    <div class="flex items-center gap-4"><div class="flex flex-col gap-1"><p class="font-semibold text-sm m-0" style="color: #22434f;">Amy F.</p></div>
                    </div>
                  </div><div
                    class="flex-shrink-0 w-[280px] md:w-[320px] lg:w-[340px] bg-white rounded-xl p-6 md:p-7 flex flex-col gap-5 shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300 snap-start"
                    
                    data-testimonial-card
                  ><blockquote class="text-sm md:text-base leading-relaxed flex-grow m-0" style="color: #22434f;">
                      "This experience changed my life in ways I never expected."
                    </blockquote>

                    <div class="w-full h-px bg-gray-200"></div>

                    <div class="flex items-center gap-4"><div class="flex flex-col gap-1"><p class="font-semibold text-sm m-0" style="color: #22434f;">Sarah M.</p></div>
                    </div>
                  </div><div
                    class="flex-shrink-0 w-[280px] md:w-[320px] lg:w-[340px] bg-white rounded-xl p-6 md:p-7 flex flex-col gap-5 shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300 snap-start"
                    
                    data-testimonial-card
                  ><blockquote class="text-sm md:text-base leading-relaxed flex-grow m-0" style="color: #22434f;">
                      "My whole life has changed with everything I learned at TMI. Thank you!"
                    </blockquote>

                    <div class="w-full h-px bg-gray-200"></div>

                    <div class="flex items-center gap-4"><div class="flex flex-col gap-1"><p class="font-semibold text-sm m-0" style="color: #22434f;">Anna L</p></div>
                    </div>
                  </div><div
                    class="flex-shrink-0 w-[280px] md:w-[320px] lg:w-[340px] bg-white rounded-xl p-6 md:p-7 flex flex-col gap-5 shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300 snap-start"
                    
                    data-testimonial-card
                  ><blockquote class="text-sm md:text-base leading-relaxed flex-grow m-0" style="color: #22434f;">
                      "This was a fantastic experience! I received tremendous healing and unleashed creativity in surprising and unexpected ways! Two thumbs up!"
                    </blockquote>

                    <div class="w-full h-px bg-gray-200"></div>

                    <div class="flex items-center gap-4"><div class="flex flex-col gap-1"><p class="font-semibold text-sm m-0" style="color: #22434f;">C.R.</p></div>
                    </div>
                  </div></div>
        </div>
      </div><div class="flex justify-center gap-4 mt-8">
          <button
            class="w-12 h-12 flex items-center justify-center bg-transparent border-none cursor-pointer transition-opacity duration-300 hover:opacity-60 disabled:opacity-30 disabled:cursor-not-allowed"
            style="color: #22434f;"
            data-testimonial-prev
            aria-label="Previous testimonial"
          >
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <polyline points="15 18 9 12 15 6"></polyline>
            </svg>
          </button>
          <button
            class="w-12 h-12 flex items-center justify-center bg-transparent border-none cursor-pointer transition-opacity duration-300 hover:opacity-60 disabled:opacity-30 disabled:cursor-not-allowed"
            style="color: #22434f;"
            data-testimonial-next
            aria-label="Next testimonial"
          >
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <polyline points="9 18 15 12 9 6"></polyline>
            </svg>
          </button>
        </div></div>
</section>

<style>
  [data-section-id="template--27595317805426__homepage_testimonials"] [data-testimonial-scroll] {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  [data-section-id="template--27595317805426__homepage_testimonials"] [data-testimonial-scroll]::-webkit-scrollbar {
    display: none;
  }
</style>

<script>
  (function () {
    var section = document.querySelector('[data-section-id="template--27595317805426__homepage_testimonials"]');
    if (!section) return;

    var scroll = section.querySelector('[data-testimonial-scroll]');
    var prevBtn = section.querySelector('[data-testimonial-prev]');
    var nextBtn = section.querySelector('[data-testimonial-next]');

    if (!scroll) return;

    var card = section.querySelector('[data-testimonial-card]');
    var scrollAmount = card ? card.offsetWidth + 24 : 340;

    function updateButtons() {
      if (prevBtn) prevBtn.disabled = scroll.scrollLeft <= 0;
      if (nextBtn) nextBtn.disabled = scroll.scrollLeft + scroll.clientWidth >= scroll.scrollWidth - 2;
    }

    if (prevBtn) {
      prevBtn.addEventListener('click', function () {
        scroll.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
      });
    }

    if (nextBtn) {
      nextBtn.addEventListener('click', function () {
        scroll.scrollBy({ left: scrollAmount, behavior: 'smooth' });
      });
    }

    scroll.addEventListener('scroll', updateButtons);
    updateButtons();
  })();
</script>


</section><section id="shopify-section-template--27595317805426__homepage_quote_banner" class="shopify-section section-quote-banner">
<section data-section-type="quote-banner" class="quote-banner">
    <div class="quote-banner__background">
      <img
        src="/cdn/shop/files/6eab7085b7d1e77fc09aaa07d75fc8827fc18814_2000x.jpg?v=1775154982"
        alt="Quote background"
        loading="lazy"
        width="2000"
        height="1000"
      />
    </div>
  

<div class="quote-banner__container quote-banner__container--right">
    <div class="quote-banner__content">

      
        <blockquote class="quote-banner__quote">
          "Gateway participants can reach meditation states in one week that took me years of sitting"
        </blockquote>
      

      
        <p class="quote-banner__attribution">
          – 91-year-old head of a Buddhist temple, 1994
        </p>
      

      
        <div class="quote-banner__source">
          <img
            src="/cdn/shop/files/img-wall-street-journal_300x.png?v=1771196488"
            alt="Source"
            loading="lazy"
            width="300"
            height="300"
          />
        </div>
      

    </div>
  </div>
</section>

<style>
  .quote-banner {
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  /* Background */
  .quote-banner__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .quote-banner__background img {
    width: 100%;
    height: 100%;
    min-height:600px;
    object-fit: cover;
    object-position: center;
  }

  .quote-banner__background--placeholder {
    background: linear-gradient(135deg, #1a3a4a 0%, #2d5a6a 50%, #4a7a8a 100%);
  }

  /* Overlay */
  .quote-banner__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1;
  }

  /* Container */
  .quote-banner__container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 60px 180px 60px;
    display: flex;
  }

  .quote-banner__container--left {
    justify-content: flex-start;
  }

  .quote-banner__container--center {
    justify-content: center;
  }

  .quote-banner__container--right {
    justify-content: flex-end;
  }

  /* Content */
  .quote-banner__content {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .quote-banner__container--left .quote-banner__content {
    text-align: left;
    align-items: flex-start;
  }

  .quote-banner__container--center .quote-banner__content {
    text-align: center;
    align-items: center;
  }

  .quote-banner__container--right .quote-banner__content {
    text-align: center;
    align-items: center;
  }

  /* Quote */
  .quote-banner__quote {
    font-weight: 600;
    font-size: 28px;
    line-height: 1.4;
    color: #082730;
    margin: 0;
/*     text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 */  }

  /* Attribution */
  .quote-banner__attribution {
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: #082730;
    margin: 0;
    opacity: 0.9;
/*     text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 */  }

  /* Source Logo */
  .quote-banner__source {
    margin-top: 8px;
  }

  .quote-banner__source img {
    max-width: 200px;
    height: auto;
  }

  .quote-banner__source-text {
    font-family: 'Gotham', var(--font-primary), sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }

  /* Responsive */
  @media (max-width: 1024px) {
    .quote-banner {
      min-height: 400px;
    }

    .quote-banner__container {
      padding: 60px 40px;
    }

    .quote-banner__quote {
      font-size: 30px;
    }

    .quote-banner__attribution {
      font-size: 18px;
    }
  }

  @media (max-width: 768px) {
    .quote-banner {
      min-height: 350px;
    }

    .quote-banner__container {
      padding: 48px 24px;
      justify-content: center !important;
    }

    .quote-banner__content {
      text-align: center !important;
      align-items: center !important;
      max-width: 100%;
    }

    .quote-banner__quote {
      font-size: 24px;
    }

    .quote-banner__attribution {
      font-size: 16px;
    }

    .quote-banner__source img {
      max-width: 160px;
    }
  }

  @media (max-width: 480px) {
    .quote-banner {
      min-height: 300px;
    }

    .quote-banner__container {
      padding: 40px 16px;
    }

    .quote-banner__quote {
      font-size: 20px;
    }

    .quote-banner__attribution {
      font-size: 14px;
    }

    .quote-banner__source img {
      max-width: 140px;
    }
  }
</style>


</section><section id="shopify-section-template--27595317805426__homepage_faq" class="shopify-section section-faq-accordion">
<section data-section-type="faq-accordion"
  class="faq-accordion font-gotham bg-white py-12 md:py-16 lg:py-20"
  data-section-id="template--27595317805426__homepage_faq"
  data-layout="side-by-side"
>
  
<div class="max-w-container-xl mx-auto px-4 md:px-6 lg:px-10 grid grid-cols-1 gap-10 lg:grid-cols-[1fr_1.5fr] lg:gap-20 items-start">

      <div class="lg:sticky lg:top-[120px]">
        
<div class="section-heading text-left ">
  

  
    <h2 class="text-mi-green font-black text-2xl md:text-[28px] lg:text-4xl xl:text-[42px] leading-[1.1] tracking-wide uppercase mb-4">
      FREQUENTLY ASKED QUESTIONS
    </h2>
  

  

  
    <div class="text-mi-black text-base md:text-lg leading-relaxed mt-4 [&>p]:m-0 [&>p]:text-inherit">
      <p>Get answers to the most common questions about our programs and experiences.</p>
    </div>
  
</div>

      </div>

      <div class="flex flex-col">
        
          
            <div
              class="faq-accordion__item border-b border-gray-200 border-t"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_1"
              >
                <span class="flex-1">Do I need prior experience?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_1"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>No prior experience is needed. Our programs are designed to guide you step by step, whether you're completely new to consciousness exploration or have years of practice.</p>
                </div>
              </div>
            </div>
          
        
          
            <div
              class="faq-accordion__item border-b border-gray-200"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_2"
              >
                <span class="flex-1">Is this safe?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_2"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>Yes, our methods are completely safe. You remain in control throughout the entire experience and can stop at any time. Our techniques have been refined over 50+ years with thousands of participants.</p>
                </div>
              </div>
            </div>
          
        
          
            <div
              class="faq-accordion__item border-b border-gray-200"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_3"
              >
                <span class="flex-1">How does this compare to taking psychedelics?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_3"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>Unlike psychedelics, our methods allow you to achieve expanded states of consciousness while remaining completely sober, in control, and fully aware. Many participants report similar depth of experience without any substances.</p>
                </div>
              </div>
            </div>
          
        
          
            <div
              class="faq-accordion__item border-b border-gray-200"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_4"
              >
                <span class="flex-1">Is this like meditation or breathwork?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_4"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>While there are similarities, our approach uses proprietary audio technology (Monroe Sound Science) that helps guide your brain into specific states more quickly and reliably than traditional meditation or breathwork alone.</p>
                </div>
              </div>
            </div>
          
        
          
            <div
              class="faq-accordion__item border-b border-gray-200"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_5"
              >
                <span class="flex-1">What is Monroe Sound Science?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_5"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>A sound technology developed by the Monroe Institute that uses advanced neural entrainment techniques to synchronize brainwave activity and induce altered states safely and reliably.</p>
                </div>
              </div>
            </div>
          
        
          
            <div
              class="faq-accordion__item border-b border-gray-200"
              data-faq-item
              
            >
              <button
                class="text-mi-green w-full flex justify-between items-center gap-4 md:gap-6 py-5 md:py-6 bg-transparent border-none cursor-pointer text-left font-semibold text-[15px] md:text-base lg:text-[17px] xl:text-lg leading-snug transition-opacity duration-300 hover:opacity-70"
                data-faq-toggle
                aria-expanded="false"
                aria-controls="faq-answer-faq_6"
              >
                <span class="flex-1">Are there any religious requirements?</span>
                <span class="faq-accordion__icon flex-shrink-0 w-5 h-5 relative" aria-hidden="true">
                  <svg class="faq-accordion__icon-plus absolute inset-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="10" y1="4" x2="10" y2="16"></line>
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                  <svg class="faq-accordion__icon-minus absolute inset-0 opacity-0 transition-all duration-300" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="4" y1="10" x2="16" y2="10"></line>
                  </svg>
                </span>
              </button>
              <div
                class="faq-accordion__answer overflow-hidden"
                id="faq-answer-faq_6"
                data-faq-answer
                aria-hidden="true"
              >
                <div class="text-mi-black pb-5 md:pb-6 text-[15px] md:text-base leading-relaxed [&>p]:mb-4 [&>p]:text-inherit [&>p:last-child]:mb-0">
                  <p>No. The Monroe Institute is completely non-denominational and non-dogmatic. Our programs welcome people of all faiths and belief systems, as well as those with no religious affiliation.</p>
                </div>
              </div>
            </div>
          
        

        
      </div>

    </div>

  
</section>

<style>
  /* Accordion animation — max-height trick can't be done with Tailwind alone */
  .faq-accordion__answer {
    max-height: 0;
    transition: max-height 0.4s ease;
  }

  .faq-accordion__item.is-open .faq-accordion__answer {
    max-height: 1000px;
  }

  .faq-accordion__item.is-open .faq-accordion__icon-plus {
    opacity: 0;
    transform: rotate(90deg);
  }

  .faq-accordion__item.is-open .faq-accordion__icon-minus {
    opacity: 1;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    var section = document.querySelector('[data-section-id="template--27595317805426__homepage_faq"]');
    if (!section) return;

    /* Accordion toggle */
    section.querySelectorAll('[data-faq-item]').forEach(function (item) {
      var toggle = item.querySelector('[data-faq-toggle]');
      var answer = item.querySelector('[data-faq-answer]');
      if (!toggle || !answer) return;

      toggle.addEventListener('click', function () {
        var isOpen = item.classList.contains('is-open');
        if (isOpen) {
          item.classList.remove('is-open');
          toggle.setAttribute('aria-expanded', 'false');
          answer.setAttribute('aria-hidden', 'true');
        } else {
          item.classList.add('is-open');
          toggle.setAttribute('aria-expanded', 'true');
          answer.setAttribute('aria-hidden', 'false');
        }
      });
    });

    /* Load More */
    var loadMoreBtn = section.querySelector('[data-faq-load-more]');
    if (loadMoreBtn) {
      loadMoreBtn.addEventListener('click', function () {
        section.querySelectorAll('[data-faq-item].hidden').forEach(function (item) {
          item.classList.remove('hidden');
        });
        loadMoreBtn.remove();
      });
    }
  });
</script>


</section><section id="shopify-section-template--27595317805426__homepage_app_promo" class="shopify-section section-app-promo">
<style>
  .app-promo__image {
    max-width: 100%;
    height: auto;
    display: block;
    transform: translateX(1rem);
  }
  @media (min-width: 640px) {
    .app-promo__image { transform: translateX(1.5rem); }
  }
  @media (min-width: 1024px) {
    .app-promo__image { transform: translateX(2.5rem); }
  }
  @media (min-width: 1280px) {
    .app-promo__image { transform: translateX(60px); }
  }
</style>

<section data-section-type="app-promo" class="font-gotham pb-16 lg:pb-20" style="background-color: #ffffff;">
  <div class="max-w-container-2xl mx-auto px-4 sm:px-6 lg:px-10 xl:px-[60px] grid grid-cols-1 lg:grid-cols-[1fr_1.2fr] gap-10 xl:gap-[60px] items-center"><div class="flex flex-col gap-3 order-1 lg:order-none">

      
        <p class="font-medium text-xs sm:text-sm tracking-widest uppercase m-0" style="color: #22434f;">
          WELCOME TO
        </p>
      

      
        <img
        class="max-w-[200px] lg:max-w-[220px] xl:max-w-[280px] h-auto"
        src='/cdn/shop/t/65/assets/img-expand.svg?v=29376486023339350551778253695'

        alt="Monroe Institute app logo"
        loading="lazy"
        width="400"
        height="400"
      />
      

      
        <p class="text-lg sm:text-lg xl:text-lg leading-relaxed [&_p]:m-0" style="color: #22434f;">
          <p>From The Monroe Institute, A Meditation App Unlike Any You've Ever Experienced —</p>
        </p>
      

      
        <p class="italic font-medium text-base sm:text-lg lg:text-xl xl:text-[22px] leading-normal mt-2" style="color: #00746d;">
          Relax, De-Stress, Improve Your Sleep, And Rediscover Feelings Of Joy That Are Buried Deep Inside.
        </p>
      

        <div class="flex flex-col sm:flex-row gap-3 sm:gap-4 mt-4 flex-wrap">
          
            <a href="https://play.google.com/store/apps/details?id=org.monroeinstitute.expand" class="block transition-all duration-300 hover:-translate-y-0.5 hover:opacity-90" target="_blank" rel="noopener" aria-label="Get it on Google Play">
              
                <img width="200" height="60" class="h-10 sm:h-11 xl:h-12 w-auto" src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" loading="lazy" />
              
            </a>
          

          
            <a href="https://apps.apple.com/us/app/expand-beyond-meditation/id1552705313" class="block transition-all duration-300 hover:-translate-y-0.5 hover:opacity-90" target="_blank" rel="noopener" aria-label="Download on the App Store">
              
                <img width="200" height="60" class="h-10 sm:h-11 xl:h-12 w-auto" src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg" alt="Download on the App Store" loading="lazy" />
              
            </a>
          
        </div>
      

    </div><div class="flex justify-end items-center order-2 lg:order-none min-w-0">
      
        <img
          class="app-promo__image"
          src="/cdn/shop/files/363ed6abdbd5d6700fd91a6efe30c255584559f3_1000x.jpg?v=1770240419"
          alt="App preview"
          loading="lazy"
          width="1000"
          height="1000"
        />
      
    </div>

  </div>
</section>


</section>
</main>




<link href="/cdn/shop/t/65/assets/css-snippet-global-footer.css?v=135425666747488304181778253695" rel="stylesheet" type="text/css" media="all" />
<section class='footer-newsletter' style='background-color: #00746D;'>
  <div class='footer-newsletter__container'>
    <h2 class='footer-newsletter__title'>STAY CONNECTED</h2>
    <p class='footer-newsletter__description'>
      Get the latest insights, program updates, and consciousness exploration tips delivered to your inbox.
    </p>

    <div class='footer-newsletter__form'><div class='footer-newsletter__form-wrapper' id='footer-newsletter-form'>
        <script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2-legacy.js'></script>
        <script charset='utf-8' type='text/javascript' src='//js.hsforms.net/forms/v2.js'></script>
        <script>
          var footerTranslations = {
            emailPlaceholder: "Enter your Email Address",
            subscribe: "Subscribe"
          };
          hbspt.forms.create({
            region: 'na1',
            portalId: '2517122',
            formId: '6b5fd6df-bc72-451d-b0fd-6ca640335319',
            onFormReady: function ($form) {
              // Add custom styling classes after form loads
              const emailInput = $form.find('input[type="email"]')
              if (emailInput.length) {
                emailInput.attr('placeholder', footerTranslations.emailPlaceholder)
              }
              const submitBtn = $form.find('input[type="submit"]')
              if (submitBtn.length) {
                submitBtn.val(footerTranslations.subscribe)
              }
            },
          })
        </script>
      </div>
    </div>
  </div>
</section><footer class='footer-main' style='background-color: #0A3D3A;'>
  <div class='footer-main__container'><div class='footer-main__top'><nav class='footer-main__nav' aria-label='Footer navigation'>
        
          <div class='footer-main__nav-column'>
            <input
              class='footer-main__nav-toggle'
              id='footer-nav-1'
              type='checkbox'
              aria-hidden='true'
            >
            <label for='footer-nav-1' class='footer-main__nav-title'>
              Research
              <svg
                class='footer-main__nav-chevron'
                width='12'
                height='12'
                viewBox='0 0 12 12'
                fill='none'
                stroke='currentColor'
                stroke-width='2'
              >
                <path d="M3 4.5L6 7.5L9 4.5"></path>
              </svg>
            </label>
            <ul class='footer-main__nav-links'>
              
                
                  <li>
                    <a href='/pages/history' class='footer-main__nav-link'>
                      History
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/overview' class='footer-main__nav-link'>
                      Overview
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/collaborations' class='footer-main__nav-link'>
                      Collaborations
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/professional-division' class='footer-main__nav-link'>
                      Professional Division
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='https://the-monroe-institute.myshopify.com/blogs/blog/tagged/research' class='footer-main__nav-link'>
                      Articles
                    </a>
                  </li>
                
              
              
            </ul>
          </div>
        
          <div class='footer-main__nav-column'>
            <input
              class='footer-main__nav-toggle'
              id='footer-nav-2'
              type='checkbox'
              aria-hidden='true'
            >
            <label for='footer-nav-2' class='footer-main__nav-title'>
              Resources
              <svg
                class='footer-main__nav-chevron'
                width='12'
                height='12'
                viewBox='0 0 12 12'
                fill='none'
                stroke='currentColor'
                stroke-width='2'
              >
                <path d="M3 4.5L6 7.5L9 4.5"></path>
              </svg>
            </label>
            <ul class='footer-main__nav-links'>
              
                
                  <li>
                    <a href='/pages/plan-your-visit' class='footer-main__nav-link'>
                      Plan Your Visit
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/blogs/free-meditations' class='footer-main__nav-link'>
                      Free Meditations
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/blogs/ebooks' class='footer-main__nav-link'>
                      eBooks
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/resources' class='footer-main__nav-link'>
                      Helpful Links
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/stories-home' class='footer-main__nav-link'>
                      Stories
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='https://partners.monroeinstitute.org' class='footer-main__nav-link'>
                      Affiliate Program
                    </a>
                  </li>
                
              
              
                <li>
                  <a href='/pages/engage-home' class='footer-main__nav-link'>Blog</a>
                </li>
              
            </ul>
          </div>
        
          <div class='footer-main__nav-column'>
            <input
              class='footer-main__nav-toggle'
              id='footer-nav-3'
              type='checkbox'
              aria-hidden='true'
            >
            <label for='footer-nav-3' class='footer-main__nav-title'>
              Company
              <svg
                class='footer-main__nav-chevron'
                width='12'
                height='12'
                viewBox='0 0 12 12'
                fill='none'
                stroke='currentColor'
                stroke-width='2'
              >
                <path d="M3 4.5L6 7.5L9 4.5"></path>
              </svg>
            </label>
            <ul class='footer-main__nav-links'>
              
                
                  <li>
                    <a href='/pages/contact' class='footer-main__nav-link'>
                      Contact
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/careers' class='footer-main__nav-link'>
                      Careers
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='https://www.monroeinstitute.org/pages/our-people' class='footer-main__nav-link'>
                      Our People
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='https://www.monroeinstitute.org/pages/our-locations' class='footer-main__nav-link'>
                      Locations
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/faqs' class='footer-main__nav-link'>
                      FAQ
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='/pages/terms-conditions' class='footer-main__nav-link'>
                      Terms
                    </a>
                  </li>
                
              
                
                  <li>
                    <a href='https://archive.org/details/monroe-institute-collections' class='footer-main__nav-link'>
                      Archives
                    </a>
                  </li>
                
              
              
            </ul>
          </div>
        
      </nav>

      <div class='footer-main__expand-app-cta'>
        <img
          src='/cdn/shop/t/65/assets/img-logo-stacked.png?v=104181995628994042581778253695'
          width='100'
          height='100'
          alt="Monroe Institute app logo"
        >
        <p class='text-sm font-medium text-center'>Our new meditation app is unlike any you&#39;ve ever experienced.</p>

        <div class='footer-main__app-badges'>
          <a
            href='https://play.google.com/store/apps/details?id=org.monroeinstitute.expand'
            class='footer-main__app-badge'
            target='_blank'
            rel='noopener'
            aria-label="Get it on Google Play"
          >
            <img
              src='/cdn/shop/t/65/assets/img-google-play-badge.png?v=102912937452572062111778253695'
              alt="Get it on Google Play"
              loading='lazy'
              width='120'
              height='40'
            >
          </a>
          <a
            href='https://apps.apple.com/us/app/expand-beyond-meditation/id1552705313'
            class='footer-main__app-badge'
            target='_blank'
            rel='noopener'
            aria-label="Download on the App Store"
          >
            <img
              src='/cdn/shop/t/65/assets/img-app-store-badge.png?v=25029562509300386501778253695'
              alt="Download on the App Store"
              loading='lazy'
              width='124'
              height='40'
            >
          </a>
        </div>
      </div>

      <a href='/blogs/podcasts'>
        <div class='footer-main__podcast-cta'>
          <img
            class='mx-auto block h-auto w-100'
            width='100'
            height='100'
            src='/cdn/shop/t/65/assets/img-eoc-icon.png?v=65993001250767912021778253695'
            alt="Expanding on Consciousness Podcast icon"
          >
          <p class='text-sm font-medium pt-4'>Expanding on Consciousness
            <span class='text-lg font-bold'>PODCAST!</span>
 </p>
        </div>
      </a>
    </div><div class='footer-main__bottom'><div class='footer-main__brand'>
        <a href='/' class='footer-main__logo-link'>
          <img
            src='/cdn/shop/t/65/assets/img-logo.svg?v=90600363761461875301778253695'
            alt='The Monroe Institute'
            class='footer-main__logo'
            loading='lazy'
            width='184'
            height='70'
          >
        </a>
        <p class='footer-main__tagline'>
          Exploring Consciousness Since 1973
        </p>
      </div>

      <div class='footer-main__legal'>
        
          <a href='/policies/privacy-policy' class='footer-main__legal-link'>Privacy</a>
          <a href='/policies/terms-of-service' class='footer-main__legal-link'>Terms</a>
          <a href='/pages/contact' class='footer-main__legal-link'>Contact</a>
        
      </div>

      


  <div class="footer-main__country-picker" data-country-picker>
    <button
      type="button"
      class="footer-main__country-trigger"
      data-country-trigger
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Change country or region"
    >
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;">
        <circle cx="12" cy="12" r="10"></circle>
        <line x1="2" y1="12" x2="22" y2="12"></line>
        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
      </svg>
      <span>United States (USD)</span>
      <svg width="10" height="10" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" style="flex-shrink:0;">
        <path d="M3 7.5L6 4.5L9 7.5"></path>
      </svg>
    </button>

    <div
      class="footer-main__country-dropdown hidden"
      data-country-dropdown
    >
      <div class="footer-main__country-dropdown-header">
        Country/Region
      </div>
      <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?_fd=0&pb=0" />
        <input type="hidden" name="country_code" value="US" data-country-input>
        <input type="hidden" name="_return_to" value="/">
        <div class="footer-main__country-list">
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AF"
            >
              <span class="footer-main__country-name">Afghanistan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AX"
            >
              <span class="footer-main__country-name">Åland Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AL"
            >
              <span class="footer-main__country-name">Albania</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DZ"
            >
              <span class="footer-main__country-name">Algeria</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AD"
            >
              <span class="footer-main__country-name">Andorra</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AO"
            >
              <span class="footer-main__country-name">Angola</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AI"
            >
              <span class="footer-main__country-name">Anguilla</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AG"
            >
              <span class="footer-main__country-name">Antigua &amp; Barbuda</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AR"
            >
              <span class="footer-main__country-name">Argentina</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AM"
            >
              <span class="footer-main__country-name">Armenia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AW"
            >
              <span class="footer-main__country-name">Aruba</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AC"
            >
              <span class="footer-main__country-name">Ascension Island</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AU"
            >
              <span class="footer-main__country-name">Australia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AT"
            >
              <span class="footer-main__country-name">Austria</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AZ"
            >
              <span class="footer-main__country-name">Azerbaijan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BS"
            >
              <span class="footer-main__country-name">Bahamas</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BH"
            >
              <span class="footer-main__country-name">Bahrain</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BD"
            >
              <span class="footer-main__country-name">Bangladesh</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BB"
            >
              <span class="footer-main__country-name">Barbados</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BY"
            >
              <span class="footer-main__country-name">Belarus</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BE"
            >
              <span class="footer-main__country-name">Belgium</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BZ"
            >
              <span class="footer-main__country-name">Belize</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BJ"
            >
              <span class="footer-main__country-name">Benin</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BM"
            >
              <span class="footer-main__country-name">Bermuda</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BT"
            >
              <span class="footer-main__country-name">Bhutan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BO"
            >
              <span class="footer-main__country-name">Bolivia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BA"
            >
              <span class="footer-main__country-name">Bosnia &amp; Herzegovina</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BW"
            >
              <span class="footer-main__country-name">Botswana</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BR"
            >
              <span class="footer-main__country-name">Brazil</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IO"
            >
              <span class="footer-main__country-name">British Indian Ocean Territory</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VG"
            >
              <span class="footer-main__country-name">British Virgin Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BN"
            >
              <span class="footer-main__country-name">Brunei</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BG"
            >
              <span class="footer-main__country-name">Bulgaria</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BF"
            >
              <span class="footer-main__country-name">Burkina Faso</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BI"
            >
              <span class="footer-main__country-name">Burundi</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KH"
            >
              <span class="footer-main__country-name">Cambodia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CM"
            >
              <span class="footer-main__country-name">Cameroon</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CA"
            >
              <span class="footer-main__country-name">Canada</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CV"
            >
              <span class="footer-main__country-name">Cape Verde</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BQ"
            >
              <span class="footer-main__country-name">Caribbean Netherlands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KY"
            >
              <span class="footer-main__country-name">Cayman Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CF"
            >
              <span class="footer-main__country-name">Central African Republic</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TD"
            >
              <span class="footer-main__country-name">Chad</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CL"
            >
              <span class="footer-main__country-name">Chile</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CN"
            >
              <span class="footer-main__country-name">China</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CX"
            >
              <span class="footer-main__country-name">Christmas Island</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CC"
            >
              <span class="footer-main__country-name">Cocos (Keeling) Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CO"
            >
              <span class="footer-main__country-name">Colombia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KM"
            >
              <span class="footer-main__country-name">Comoros</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CG"
            >
              <span class="footer-main__country-name">Congo - Brazzaville</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CD"
            >
              <span class="footer-main__country-name">Congo - Kinshasa</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CK"
            >
              <span class="footer-main__country-name">Cook Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CR"
            >
              <span class="footer-main__country-name">Costa Rica</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CI"
            >
              <span class="footer-main__country-name">Côte d’Ivoire</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="HR"
            >
              <span class="footer-main__country-name">Croatia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CW"
            >
              <span class="footer-main__country-name">Curaçao</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CY"
            >
              <span class="footer-main__country-name">Cyprus</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CZ"
            >
              <span class="footer-main__country-name">Czechia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DK"
            >
              <span class="footer-main__country-name">Denmark</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DJ"
            >
              <span class="footer-main__country-name">Djibouti</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DM"
            >
              <span class="footer-main__country-name">Dominica</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DO"
            >
              <span class="footer-main__country-name">Dominican Republic</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="EC"
            >
              <span class="footer-main__country-name">Ecuador</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="EG"
            >
              <span class="footer-main__country-name">Egypt</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SV"
            >
              <span class="footer-main__country-name">El Salvador</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GQ"
            >
              <span class="footer-main__country-name">Equatorial Guinea</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ER"
            >
              <span class="footer-main__country-name">Eritrea</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="EE"
            >
              <span class="footer-main__country-name">Estonia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SZ"
            >
              <span class="footer-main__country-name">Eswatini</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ET"
            >
              <span class="footer-main__country-name">Ethiopia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="FK"
            >
              <span class="footer-main__country-name">Falkland Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="FO"
            >
              <span class="footer-main__country-name">Faroe Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="FJ"
            >
              <span class="footer-main__country-name">Fiji</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="FI"
            >
              <span class="footer-main__country-name">Finland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="FR"
            >
              <span class="footer-main__country-name">France</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GF"
            >
              <span class="footer-main__country-name">French Guiana</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PF"
            >
              <span class="footer-main__country-name">French Polynesia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TF"
            >
              <span class="footer-main__country-name">French Southern Territories</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GA"
            >
              <span class="footer-main__country-name">Gabon</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GM"
            >
              <span class="footer-main__country-name">Gambia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GE"
            >
              <span class="footer-main__country-name">Georgia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="DE"
            >
              <span class="footer-main__country-name">Germany</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GH"
            >
              <span class="footer-main__country-name">Ghana</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GI"
            >
              <span class="footer-main__country-name">Gibraltar</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GR"
            >
              <span class="footer-main__country-name">Greece</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GL"
            >
              <span class="footer-main__country-name">Greenland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GD"
            >
              <span class="footer-main__country-name">Grenada</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GP"
            >
              <span class="footer-main__country-name">Guadeloupe</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GT"
            >
              <span class="footer-main__country-name">Guatemala</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GG"
            >
              <span class="footer-main__country-name">Guernsey</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GN"
            >
              <span class="footer-main__country-name">Guinea</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GW"
            >
              <span class="footer-main__country-name">Guinea-Bissau</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GY"
            >
              <span class="footer-main__country-name">Guyana</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="HT"
            >
              <span class="footer-main__country-name">Haiti</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="HN"
            >
              <span class="footer-main__country-name">Honduras</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="HK"
            >
              <span class="footer-main__country-name">Hong Kong SAR</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="HU"
            >
              <span class="footer-main__country-name">Hungary</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IS"
            >
              <span class="footer-main__country-name">Iceland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IN"
            >
              <span class="footer-main__country-name">India</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ID"
            >
              <span class="footer-main__country-name">Indonesia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IQ"
            >
              <span class="footer-main__country-name">Iraq</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IE"
            >
              <span class="footer-main__country-name">Ireland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IM"
            >
              <span class="footer-main__country-name">Isle of Man</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IL"
            >
              <span class="footer-main__country-name">Israel</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="IT"
            >
              <span class="footer-main__country-name">Italy</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="JM"
            >
              <span class="footer-main__country-name">Jamaica</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="JP"
            >
              <span class="footer-main__country-name">Japan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="JE"
            >
              <span class="footer-main__country-name">Jersey</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="JO"
            >
              <span class="footer-main__country-name">Jordan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KZ"
            >
              <span class="footer-main__country-name">Kazakhstan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KE"
            >
              <span class="footer-main__country-name">Kenya</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KI"
            >
              <span class="footer-main__country-name">Kiribati</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="XK"
            >
              <span class="footer-main__country-name">Kosovo</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KW"
            >
              <span class="footer-main__country-name">Kuwait</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KG"
            >
              <span class="footer-main__country-name">Kyrgyzstan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LA"
            >
              <span class="footer-main__country-name">Laos</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LV"
            >
              <span class="footer-main__country-name">Latvia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LB"
            >
              <span class="footer-main__country-name">Lebanon</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LS"
            >
              <span class="footer-main__country-name">Lesotho</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LR"
            >
              <span class="footer-main__country-name">Liberia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LY"
            >
              <span class="footer-main__country-name">Libya</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LI"
            >
              <span class="footer-main__country-name">Liechtenstein</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LT"
            >
              <span class="footer-main__country-name">Lithuania</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LU"
            >
              <span class="footer-main__country-name">Luxembourg</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MO"
            >
              <span class="footer-main__country-name">Macao SAR</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MG"
            >
              <span class="footer-main__country-name">Madagascar</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MW"
            >
              <span class="footer-main__country-name">Malawi</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MY"
            >
              <span class="footer-main__country-name">Malaysia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MV"
            >
              <span class="footer-main__country-name">Maldives</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ML"
            >
              <span class="footer-main__country-name">Mali</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MT"
            >
              <span class="footer-main__country-name">Malta</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MQ"
            >
              <span class="footer-main__country-name">Martinique</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MR"
            >
              <span class="footer-main__country-name">Mauritania</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MU"
            >
              <span class="footer-main__country-name">Mauritius</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="YT"
            >
              <span class="footer-main__country-name">Mayotte</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MX"
            >
              <span class="footer-main__country-name">Mexico</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MD"
            >
              <span class="footer-main__country-name">Moldova</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MC"
            >
              <span class="footer-main__country-name">Monaco</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MN"
            >
              <span class="footer-main__country-name">Mongolia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ME"
            >
              <span class="footer-main__country-name">Montenegro</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MS"
            >
              <span class="footer-main__country-name">Montserrat</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MA"
            >
              <span class="footer-main__country-name">Morocco</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MZ"
            >
              <span class="footer-main__country-name">Mozambique</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MM"
            >
              <span class="footer-main__country-name">Myanmar (Burma)</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NA"
            >
              <span class="footer-main__country-name">Namibia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NR"
            >
              <span class="footer-main__country-name">Nauru</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NP"
            >
              <span class="footer-main__country-name">Nepal</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NL"
            >
              <span class="footer-main__country-name">Netherlands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NC"
            >
              <span class="footer-main__country-name">New Caledonia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NZ"
            >
              <span class="footer-main__country-name">New Zealand</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NI"
            >
              <span class="footer-main__country-name">Nicaragua</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NE"
            >
              <span class="footer-main__country-name">Niger</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NG"
            >
              <span class="footer-main__country-name">Nigeria</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NU"
            >
              <span class="footer-main__country-name">Niue</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NF"
            >
              <span class="footer-main__country-name">Norfolk Island</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MK"
            >
              <span class="footer-main__country-name">North Macedonia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="NO"
            >
              <span class="footer-main__country-name">Norway</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="OM"
            >
              <span class="footer-main__country-name">Oman</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PK"
            >
              <span class="footer-main__country-name">Pakistan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PS"
            >
              <span class="footer-main__country-name">Palestinian Territories</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PA"
            >
              <span class="footer-main__country-name">Panama</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PG"
            >
              <span class="footer-main__country-name">Papua New Guinea</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PY"
            >
              <span class="footer-main__country-name">Paraguay</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PE"
            >
              <span class="footer-main__country-name">Peru</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PH"
            >
              <span class="footer-main__country-name">Philippines</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PN"
            >
              <span class="footer-main__country-name">Pitcairn Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PL"
            >
              <span class="footer-main__country-name">Poland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PT"
            >
              <span class="footer-main__country-name">Portugal</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="QA"
            >
              <span class="footer-main__country-name">Qatar</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="RE"
            >
              <span class="footer-main__country-name">Réunion</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="RO"
            >
              <span class="footer-main__country-name">Romania</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="RU"
            >
              <span class="footer-main__country-name">Russia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="RW"
            >
              <span class="footer-main__country-name">Rwanda</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="WS"
            >
              <span class="footer-main__country-name">Samoa</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SM"
            >
              <span class="footer-main__country-name">San Marino</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ST"
            >
              <span class="footer-main__country-name">São Tomé &amp; Príncipe</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SA"
            >
              <span class="footer-main__country-name">Saudi Arabia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SN"
            >
              <span class="footer-main__country-name">Senegal</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="RS"
            >
              <span class="footer-main__country-name">Serbia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SC"
            >
              <span class="footer-main__country-name">Seychelles</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SL"
            >
              <span class="footer-main__country-name">Sierra Leone</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SG"
            >
              <span class="footer-main__country-name">Singapore</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SX"
            >
              <span class="footer-main__country-name">Sint Maarten</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SK"
            >
              <span class="footer-main__country-name">Slovakia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SI"
            >
              <span class="footer-main__country-name">Slovenia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SB"
            >
              <span class="footer-main__country-name">Solomon Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SO"
            >
              <span class="footer-main__country-name">Somalia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ZA"
            >
              <span class="footer-main__country-name">South Africa</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GS"
            >
              <span class="footer-main__country-name">South Georgia &amp; South Sandwich Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KR"
            >
              <span class="footer-main__country-name">South Korea</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SS"
            >
              <span class="footer-main__country-name">South Sudan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ES"
            >
              <span class="footer-main__country-name">Spain</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LK"
            >
              <span class="footer-main__country-name">Sri Lanka</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="BL"
            >
              <span class="footer-main__country-name">St. Barthélemy</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SH"
            >
              <span class="footer-main__country-name">St. Helena</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="KN"
            >
              <span class="footer-main__country-name">St. Kitts &amp; Nevis</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="LC"
            >
              <span class="footer-main__country-name">St. Lucia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="MF"
            >
              <span class="footer-main__country-name">St. Martin</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="PM"
            >
              <span class="footer-main__country-name">St. Pierre &amp; Miquelon</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VC"
            >
              <span class="footer-main__country-name">St. Vincent &amp; Grenadines</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SD"
            >
              <span class="footer-main__country-name">Sudan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SR"
            >
              <span class="footer-main__country-name">Suriname</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SJ"
            >
              <span class="footer-main__country-name">Svalbard &amp; Jan Mayen</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="SE"
            >
              <span class="footer-main__country-name">Sweden</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="CH"
            >
              <span class="footer-main__country-name">Switzerland</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TW"
            >
              <span class="footer-main__country-name">Taiwan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TJ"
            >
              <span class="footer-main__country-name">Tajikistan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TZ"
            >
              <span class="footer-main__country-name">Tanzania</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TH"
            >
              <span class="footer-main__country-name">Thailand</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TL"
            >
              <span class="footer-main__country-name">Timor-Leste</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TG"
            >
              <span class="footer-main__country-name">Togo</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TK"
            >
              <span class="footer-main__country-name">Tokelau</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TO"
            >
              <span class="footer-main__country-name">Tonga</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TT"
            >
              <span class="footer-main__country-name">Trinidad &amp; Tobago</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TA"
            >
              <span class="footer-main__country-name">Tristan da Cunha</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TN"
            >
              <span class="footer-main__country-name">Tunisia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TR"
            >
              <span class="footer-main__country-name">Türkiye</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TM"
            >
              <span class="footer-main__country-name">Turkmenistan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TC"
            >
              <span class="footer-main__country-name">Turks &amp; Caicos Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="TV"
            >
              <span class="footer-main__country-name">Tuvalu</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="UM"
            >
              <span class="footer-main__country-name">U.S. Outlying Islands</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="UG"
            >
              <span class="footer-main__country-name">Uganda</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="UA"
            >
              <span class="footer-main__country-name">Ukraine</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="AE"
            >
              <span class="footer-main__country-name">United Arab Emirates</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="GB"
            >
              <span class="footer-main__country-name">United Kingdom</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option footer-main__country-option--active"
              data-country-code="US"
            >
              <span class="footer-main__country-name">United States</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="UY"
            >
              <span class="footer-main__country-name">Uruguay</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="UZ"
            >
              <span class="footer-main__country-name">Uzbekistan</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VU"
            >
              <span class="footer-main__country-name">Vanuatu</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VA"
            >
              <span class="footer-main__country-name">Vatican City</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VE"
            >
              <span class="footer-main__country-name">Venezuela</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="VN"
            >
              <span class="footer-main__country-name">Vietnam</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="WF"
            >
              <span class="footer-main__country-name">Wallis &amp; Futuna</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="EH"
            >
              <span class="footer-main__country-name">Western Sahara</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="YE"
            >
              <span class="footer-main__country-name">Yemen</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ZM"
            >
              <span class="footer-main__country-name">Zambia</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
            <button
              type="button"
              class="footer-main__country-option"
              data-country-code="ZW"
            >
              <span class="footer-main__country-name">Zimbabwe</span>
              <span class="footer-main__country-currency">$ USD</span>
            </button>
          
        </div>
      </form>
    </div>
  </div>

  <script>
  (function() {
    if (window.__countryPickerInit) return;
    window.__countryPickerInit = true;

    document.addEventListener('click', function(e) {
      var trigger = e.target.closest('[data-country-trigger]');
      if (trigger) {
        var picker = trigger.closest('[data-country-picker]');
        var dropdown = picker.querySelector('[data-country-dropdown]');
        var isOpen = !dropdown.classList.contains('hidden');

        // Close all country dropdowns first
        document.querySelectorAll('[data-country-dropdown]').forEach(function(d) {
          d.classList.add('hidden');
        });
        document.querySelectorAll('[data-country-trigger]').forEach(function(t) {
          t.setAttribute('aria-expanded', 'false');
        });

        // Toggle clicked dropdown
        if (!isOpen) {
          dropdown.classList.remove('hidden');
          trigger.setAttribute('aria-expanded', 'true');
        }
        return;
      }

      // Handle country selection
      var countryBtn = e.target.closest('[data-country-code]');
      if (countryBtn) {
        e.preventDefault();
        var picker = countryBtn.closest('[data-country-picker]');
        var input = picker.querySelector('[data-country-input]');
        var form = picker.querySelector('form');
        var selectedCountry = countryBtn.getAttribute('data-country-code');
        input.value = selectedCountry;

        // Close dropdown immediately for feedback
        picker.querySelector('[data-country-dropdown]').classList.add('hidden');
        picker.querySelector('[data-country-trigger]').setAttribute('aria-expanded', 'false');

        // Use fetch to POST then redirect (same pattern as language switcher)
        var formData = new FormData(form);
        fetch(form.action, {
          method: 'POST',
          body: formData
        }).then(function(response) {
          if (response.redirected) {
            window.location.href = response.url;
          } else {
            window.location.reload();
          }
        }).catch(function() {
          // Fallback: native form submit (works on live Shopify, not theme dev)
          form.submit();
        });
        return;
      }

      // Close all dropdowns on outside click
      document.querySelectorAll('[data-country-dropdown]').forEach(function(d) {
        d.classList.add('hidden');
      });
      document.querySelectorAll('[data-country-trigger]').forEach(function(t) {
        t.setAttribute('aria-expanded', 'false');
      });
    });

    // Close on Escape key
    document.addEventListener('keydown', function(e) {
      if (e.key === 'Escape') {
        document.querySelectorAll('[data-country-dropdown]').forEach(function(d) {
          d.classList.add('hidden');
        });
        document.querySelectorAll('[data-country-trigger]').forEach(function(t) {
          t.setAttribute('aria-expanded', 'false');
        });
      }
    });
  })();
  </script>



      <div class='footer-main__social'>
        <a
          href='https://www.instagram.com/themonroeinstitute/'
          class='footer-main__social-link'
          target='_blank'
          rel='noopener'
          aria-label="Instagram"
        >
          <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="2" width="20" height="20" rx="5" ry="5"></rect>
            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
            <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
          </svg>
        </a>
        <a
          href='https://www.youtube.com/user/MonroeInstitute'
          class='footer-main__social-link'
          target='_blank'
          rel='noopener'
          aria-label="YouTube"
        >
          <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="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path>
            <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon>
          </svg>
        </a>
        <a
          href='https://www.facebook.com/monroeinstitute'
          class='footer-main__social-link'
          target='_blank'
          rel='noopener'
          aria-label="Facebook"
        >
          <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="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
          </svg>
        </a>
        <a
          href='https://twitter.com/monroeinstitute'
          class='footer-main__social-link'
          target='_blank'
          rel='noopener'
          aria-label="Twitter"
        >
          <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="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
          </svg>
        </a>
        <a
          href='https://www.linkedin.com/company/the-monroe-institute'
          class='footer-main__social-link'
          target='_blank'
          rel='noopener'
          aria-label="LinkedIn"
        >
          <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 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
            <rect x="2" y="9" width="4" height="12"></rect>
            <circle cx="4" cy="4" r="2"></circle>
          </svg>
        </a>
      </div><div class='footer-main__accreditation'>
        <a href='https://www.guidestar.org/profile/shared/6de9f467-a589-41ce-bc8b-b68ebedbda85' target='_blank' rel='noopener' class='footer-main__badge-link'>
          <img src='/cdn/shop/t/65/assets/img-candid-seal-2026.png?v=52001362656139262571778253695' alt="Candid Gold Seal of Transparency" class='footer-main__badge' loading='lazy'>
        </a>
      </div>
    </div><div class='footer-main__copyright'>
      &copy;2026 All rights reserved. Monroe Institute is a 501(c)(3) nonprofit organization.
      <p class='mt-2 text-[13px] text-white/50'>
        See our latest <a href='https://cdn.shopify.com/s/files/1/0263/5926/7437/files/2024_Monroe_Institute_Form_990.pdf?v=1747404832' target='_blank' rel='noopener' class='text-white/70 underline hover:text-white transition-colors'>990</a> and <a href='https://cdn.shopify.com/s/files/1/0263/5926/7437/files/2022-2023_Monroe_Institute_Impact_Report.pdf?v=1719581244' target='_blank' rel='noopener' class='text-white/70 underline hover:text-white transition-colors'>Impact Report</a>
      </p>
    </div>
  </div>
</footer>

<script>
  // Newsletter form submission tracking
  window.addEventListener('load', function () {
    function setupFormListener() {
      if (typeof hbspt !== 'undefined' && typeof hbspt.forms !== 'undefined') {
        const checkForForm = setInterval(() => {
          const formElement = document.querySelector('#hsForm_6b5fd6df-bc72-451d-b0fd-6ca640335319')
          if (formElement) {
            clearInterval(checkForForm)
            formElement.addEventListener('submit', () => {
              if (typeof ga === 'function') {
                ga('send', 'event', 'Form', 'Submit', 'Newsletter Signup')
              }
              if (typeof fbq === 'function') {
                fbq('track', 'Lead')
              }
            })
          }
        }, 100)
      } else {
        setTimeout(setupFormListener, 500)
      }
    }
    setupFormListener()
  })
</script>

</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.3/polyfill.js"></script>

<script src="/cdn/shop/t/65/assets/theme.js?v=154057249071502421731778253695" type="text/javascript"></script>



<!-- Hotjar Tracking Code for monroeinstitute.org -->
<script>
    (function(h, o, t, j, a, r) {
        h.hj = h.hj || function() {
            (h.hj.q = h.hj.q || []).push(arguments)
        }
        h._hjSettings = { hjid: 1762270, hjsv: 6 }
        a = o.getElementsByTagName('head')[0]
        r = o.createElement('script')
        r.async = 1
        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv
        a.appendChild(r)
    })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=')
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HWPDMPPSS5"></script>
<script>
    window.dataLayer = window.dataLayer || []

    function gtag() {
        dataLayer.push(arguments)
    }

    gtag('js', new Date())

    gtag('config', 'G-HWPDMPPSS5')
</script>

<div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block"><script id="subscription-helper">

        if (!window.AppstleIncluded) {
          window.AppstleIncluded = true;
          window.RS = Window.RS || {};
          
            RS.Config = {
                "selectors": {
                    "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button",
                    "subscriptionLinkSelector": "",
                    "atcButtonPlacement": "BEFORE",
                    "subscriptionLinkPlacement": "BEFORE",
                    "cartRowSelector": "",
                    "cartLineItemSelector": "",
                    "cartLineItemPerQuantityPriceSelector": "",
                    "cartLineItemTotalPriceSelector": "",
                    "cartLineItemSellingPlanNameSelector": "",
                    "cartSubTotalSelector" : "",
                    "cartLineItemPriceSelector": "",
                    "cartLineItemPlacement": "BEFORE",
                    "cartHiddenAttributesSelector": "",
                    "buildABoxDiscountSelector": "",
                },
                "baseUrl": "https://subscription-admin.appstle.com",
                "usedTranslation": "true",
                "enableCartWidgetFeature": "false",
                "useUrlWithCustomerId": "true",
                "atcButtonSelector": "",
                "moneyFormat": "${{amount}}",
                "oneTimePurchaseText": "One Time Purchase",
                "tapToSelectText": "",
                "bundleDiscountTextV2": "",
                "productPageUnitPriceSelectorV2": "",
                "monthsFrequencyTextV2": "Months",
                "monthlyLabelTextV2": "Monthly",
                "monthFrequencyTextV2": "Month",
                "weeksFrequencyTextV2": "Weeks",
                "weeklyLabelTextV2": "Weekly",
                "weekFrequencyTextV2": "Week",
                "daysFrequencyTextV2": "Days",
                "dayFrequencyTextV2": "day",
                "yearsFrequencyTextV2": "Years",
                "yearlyLabelTextV2": "Yearly",
                "yearFrequencyTextV2": "Year",
                "offFrequencyTextV2": "Off",
                "prepayLabelTextV2": "Prepay",
                "prepaidLabelTextV2": "Prepaid",
                "prepaidSaveBadgeTextV2": "SAVE {{selectedDiscountPercentage}}",
                "onetimeDescriptionTextV2": "",
                "atcButtonTextV2": "",
                "oneTimeFrequencyTextV2": "One Time",
                "cancelAnytimeLabelTextV2": "Cancel Anytime",
                "noSubscriptionLabelTextV2": "No Subscription",
                "addToShipmentButtonTextV2": "Add to Shipment",
                "addToShipmentProcessingV2": "Processing...",
                "addToShipmentSuccessTextV2": "Success",
                "addToShipmentErrorTextV2": "Error",
                "addToShipmentTooltipTextV2": "Please avoid double delivery charges! Login to add this product to an upcoming delivery.",
                "frequencyCombinedWidgetTextV2": "Frequency",
                "selectDeliverOptionV2": "select deliver option",
                "subscribeAndSaveSuccessV2": "Subscribe success",
                "unsubscribeFrequencyTextV2": "unsubscribe",
                "deliveryEveryFrequencyTextV2": "Delivery Every",
                "sellingPlanTitleTextNonPrepaid": "{{sellingPlanName}}",
                "subscribeAndSaveInitalV2": "Subscription Billing",
                "subscriptionDescriptionTextV2": "",
                "atcButtonTextSelector": "",
                "disableCartWidgetOnVariants": "",
                "shop": "the-monroe-institute.myshopify.com",
                "deliveryText": "delivery",
                "purchaseOptionsText": "Purchase Options",
                "manageSubscriptionButtonText": "",
                "subscriptionOptionText": "Subscribe at {{{price}}} per {{{frequency}}}",
                "sellingPlanSelectTitle": "DELIVERY FREQUENCY",
                "subscriptionPriceDisplayText": "",
                "tooltipTitle": "Subscription detail",
                "showTooltipOnClick": "false",
                "tooltipDesctiption": `<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.`,
                "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})",
                "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><\/br> Initial discount is {{discountOne}} and then {{discountTwo}}",
                "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br>  {{{prepaidDetails}}} <\/br> {{{discountDetails}}}",
                "orderStatusManageSubscriptionTitle": "Subscription",
                "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.",
                "orderStatusManageSubscriptionButtonText": "Manage your subscription",
                "subscriptionOptionSelectedByDefault" : false,
                "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery",
                "memberOnlySellingPlansJson": {},
                "nonMemberOnlySellingPlansJson": {},
                "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Annual Auto-Renewal","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690583470397","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"maxCycles":999999,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690583470397","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"DEC Annual Membership","groupId":78028865853,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"YEAR","billingFrequencyCount":1,"billingFrequencyInterval":"YEAR","frequencyName":"Annual Subscription","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690643861874","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690643861874","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Professional Division Membership","groupId":78071693682,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}],
                "widgetEnabled": true,
                "showTooltip" : true,
                "showCartWidgetOnBundleItems" : false,
                "prepaidOptionSelectedByDefault" : false,
                "disablePassingSellingPlanAsLineProperties" : false,
                "updateThemePrice" : false,
                "sortByDefaultSequence": false,
                "showSubOptionBeforeOneTime": false,
                "detectVariantFromURLParams": false,
                "disableQueryParamsUpdate": false,
                "showStaticTooltip": false,
                "showAppstleLink": true,
                "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)",
                "oneTimePriceText" : "{{price}}",
                "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}",
                "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}",
                "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}",
                "manageSubscriptionBtnFormat" : "<a href='apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>Manage Subscription<\/button><a><br><br>",
                "manageSubscriptionUrl" : "https:\/\/www.monroeinstitute.org\/apps\/subscriptions",
                "appstlePlanId": 162,
                "showCheckoutSubscriptionBtn": true,
                "priceSelector": "",
                "reloadPriceSelector": "",
                "landingPagePriceSelector": "",
                "quickViewClickSelector": "",
                "badgeTop": "",
                "pricePlacement": "BEFORE",
                "disableLoadingJquery": false,
                "widgetEnabledOnSoldVariant": "false",
                "switchRadioButtonWidget": true,
                "appstlePlanName": "STARTER",
                "appstlePlanFeatures": {"analytics": true, "webhookAccess": false, "accessBundling": false, "enableAutoSync": false, "accessBuildABox": false, "enablePriceSync": false, "enableAutomation": false, "enableCartWidget": false, "accessResendEmail": false, "enableAddressSync": false, "enableExternalApi": false, "enableResendEmail": false, "enableQuickActions": false, "accessQuickCheckout": false, "accessSplitContract": false, "enableSummaryReports": true, "enableCustomEmailHtml": false, "enableWidgetPlacement": false, "enableShippingProfiles": true, "enableCustomEmailDomain": false, "enableDunningManagement": true, "enableExportActivityLog": true, "subscriptionOrderAmount": 10000, "accessWidgetDesignOptions": false, "enableImmediatePlaceOrder": true, "accessOneTimeProductUpsells": false, "enableBillingIntervalChange": true, "enableProductSwapAutomation": false, "enableCancellationManagement": false, "enableAdminNotificationAccess": false, "accessSubscriptionActivityLogs": true, "accessSubscriberLoyaltyFeatures": true, "enableAddToExistingSubscription": false, "enableContractPriceModification": true, "enableTrackInventoryInSingleBAB": false, "accessManualSubscriptionCreation": true, "enableNextBillingDateModification": true, "accessCustomerPortalProductUpsells": false, "accessAdvanceSubscriptionPlanOptions": false, "accessAdvancedCustomerPortalSettings": false},
                "formMappingAttributeName": "",
                "formMappingAttributeSelector": "",
                "quickViewModalPollingSelector": "",
                "scriptLoadDelay": "0",
                "formatMoneyOverride": "false",
                "enableAddToExistingSubscriptionFeature": "false",
                "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "",
                "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false",
                "appstle_app_proxy_path_prefix": "apps\/subscriptions",
                "updatePriceOnQuantityChange": "",
                "widgetParentSelector": "",
                "quantitySelector": "",
                "enableAddJSInterceptor": "false",
                "isDevEnabled": false,
                "forceReloadWidgetSelector": "",
                "forceReloadOnFreqChange": false,
                "showPrepaidPlanSeparately": false,
                "debugLogsEnabled": false,
                "isUseStorefrontAPI": false,
                "reBuyEnabled": "false",
                "loyaltyDetailsLabelText": "",
                "loyaltyPerkDescriptionText": "",
                "widgetType": "WIDGET_TYPE_1",
                "showOneTimeComparePrice": false,
                "showCombinedSellingPlanCartWidget": false,
                "combinedCartWidgetSelector": "",
                "removeUnsubscribeOption": false,
                "widgetTemplateHtml": `{% raw %}{% endraw %}`,
                
                  "allWidgetTemplateHtml": "{\"WIDGET_TYPE_1\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_6\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n      <div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span></div>\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n    \\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n\\n\\n</div>   \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\"></span>\\n{{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n     </div>\\n </label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div>  \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n       {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n\\n{{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div  class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">{{{oneTimePuchaseComparePriceAmount}}}</span>\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span>\\n\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n<div class=\\\"appstle-tootltip-parent\\\">\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n    {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE      </a>\\n    </div>\\n    {{/showAppstleLink}}\\n    </div>\\n</div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 1.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px;\\n}\\n\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid rgba(var(--color-foreground));\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground)) !important;\\ncolor: rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    background: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n</style>\\n<style>\\n.widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\\n   gap: 0.8rem !important;\\n}\\n\\n.appstle_sub_widget {\\n    max-width: 100%!important;\\n} \\n\\n.widgetSellingPlanWrapper label {\\n    height: auto !important;\\n    border: none !important;\\n    padding: 14px 5px !important;\\n    display: flex !important;\\n    justify-content: center !important;\\n    align-items: center !important;\\n    flex-direction: column;\\n    max-width: 100% !important;\\n    width: unset !important;\\nline-height: 20px;\\n}\\n\\n.appstle_how_does_it_work {\\n    line-height: 16px !important;\\n    margin: 6px 0px;\\n    color: rgba(var(--color-background));\\n}\\n@media screen and (max-width: 800px) {\\n    .appstle_how_does_it_work {\\n        text-align: right;\\n    }\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_formattext_block {\\ntext-align: right !important;\\n    display: block;\\n}\\n\\n.appstle_span_wrapper {\\n    align-items: baseline;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_discount_block.appstle_formattedPrepaidPerDeliveryPriceText {\\n    display: block;\\n    text-align: right;\\n}\\n\\n.appstle_input_wrapper {\\n    display: flex;\\n    height: 100% !important;\\nflex-direction: column;\\n}\\n\\n.appstle_sub_widget input[type=radio]+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n    padding: 2px;\\n    background: #121212;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n    transition: all 0.2s;\\n}\\n\\n.appstle_sub_widget input[type=radio]:checked+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n //   padding: 4px;\\n// background: linear-gradient(to right,#Fef58f,#7A3900);\\n//background: #E53D29;\\n  border: 2px transparent;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    background: rgba(var(--color-foreground));\\n    border-radius: 100px !important;\\n    padding: 0px 8px !important;\\n    height: 20px;\\n    display: flex !important;\\n    justify-content: center;\\n    align-items: center;\\n    letter-spacing: 1px;\\nz-index: 2;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n\\n\\nspan.appstle-popular {\\n    position: absolute;\\n    top: -40px;\\n    background: black;\\n    color: rgba(var(--color-background));\\n    z-index: -3;\\n    border-radius: 10px;\\n    padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    overflow: hidden;\\n}\\n\\n\\n.appstle-perday-price {\\ndisplay: none;\\n}\\n\\n    .widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    flex-direction: row;\\n    justify-content: space-between !important;\\n    align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    text-align: left;\\n    padding: 16px !important;\\nflex-basis: unset;\\n}\\n\\n.appstle_span_wrapper {\\n    justify-content: flex-end !important;\\n}\\n\\n.appstle-perday-price {\\n    text-align: right;\\n}\\n\\n.widgetSellingPlanWrapper {\\n    gap: 15px !important;\\n}\\n\\nspan.appstle-popular {\\n    width: calc(100% - 20px);\\n    text-align: center;\\n    letter-spacing: 2px;\\n    top: -30px;\\nleft: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {    \\nleft: unset !important;\\n    right: 15px;\\n    transform: translate(0, -50%) !important;\\n}\\n.appstle-cancel-text {\\n    text-align: left;\\n}\\n\\n.appstle_input_wrapper label {\\n    text-align: left !important;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    width: 100% !important;\\n    margin: 0 !important;\\n}\\n.appstle_input_wrapper {\\n    width: 100% !important;\\nflex-direction: row;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n    background: rgba(var(--color-background)) !important;\\n    color:rgba(var(--color-foreground)) !important;\\n    border: 2px solid rgba(var(--color-foreground));\\n}\\n.appstle_onetime_block .appstle_span_wrapper {\\n    grid-column: 2;\\n}\\n.appstle-frequency-description {\\n  text-align: right !important;\\n}\\n\\n\\n.appstle-sm-hide {\\n  display: none;\\n}\\n\\n@media screen and (min-width: 800px) {\\n.appstle-lg-show {\\n  display: block;\\n}\\n.appstle-lg-hide {\\n  display: none;\\n}\\n\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_formattedCompareAtPrice.appstle_price_block {\\n    text-decoration: line-through;\\n    display: block;\\n    margin-right: 3px;\\n    color: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle_sellingPlan_formattedCompareAtPrice {\\ncolor:rgba(var(--color-background));\\n} \\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n.appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-background)) !important;\\n}\\n\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_7\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_8\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_2\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_3\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper appstle_subscription_wrapper\\\">\\n{{#showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n       {{^requires_selling_plan}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" class=\\\"appstle_widget_three\\\">\\n            {{oneTimePuchaseText}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n          </label>\\n          \\n        </div>\\n        {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n   {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 0.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 8px;\\n    border: 1px solid rgba(var(--color-foreground));\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border: 1px solid rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    background-color: color: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n    color: rgba(var(--color-foreground));\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n    color: rgba(var(--color-foreground));\\n    text-decoration: line-through;\\n    padding: 0 3px;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n   margin-top: 8px;\\n    margin-bottom: 16px;\\n}\\n.appstle_subscription_wrapper {\\n    border: none !important;\\n}\\nlabel.appstle_widget_three {\\n    display: flex;\\n    flex-direction: column;\\n}\\n.widgetSellingPlanWrapper input:checked+label span {\\n   color: rgba(var(--color-background)) !important;\\n}\\n.appstle_sub_widget .appstle_subscription_wrapper{\\n    border-radius:unset !important;\\n}\\nspan.appstle_second_price_block:empty {\\n  display: none !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n      <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div>\\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n    <div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n{{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 16px;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid rgba(var(--color-foreground, 0, 0, 0));\\n    padding: 0.5rem;\\n    display: flex !important;\\n    flex-direction: column;\\n    justify-content: center;\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    font-size: 1.2rem;\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n    color: rgba(var(--color-background, 255, 255, 255));\\n    border-radius: 3px;\\n    border: 2px solid rgba(var(--color-background, 255, 255, 255));\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n.appstle_tooltip_wrapper {\\n    margin-bottom:10px;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n    color: rgba(var(--color-background, 255, 255, 255));\\n    border: 2px solid rgba(var(--color-background, 255, 255, 255)) !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_5\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n    <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n        <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n          {{#sellingPlanVariants}}\\n             <div class=\\\"appstle_input_wrapper\\\">\\n               <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\"  {{#isChecked}}checked{{/isChecked}} />\\n               <label for=\\\"{{sellingPlanId}}\\\">\\n                  {{{name}}}\\n               </label>\\n        \\n             </div>\\n          {{/sellingPlanVariants}}\\n{{#showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n      </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n  {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n  {{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n  <style>\\n  .widgetSellingPlanWrapper {\\n      display: grid;\\n      grid-template-columns: repeat(2, minmax(0, 1fr));\\n      gap: 8px;\\n      grid-auto-rows: 1fr;\\n      margin-bottom: 6px;\\n      margin-top: 10px;\\n  }\\n  \\n  .widgetSellingPlanWrapper input {\\n      display: none;\\n  }\\n  \\n  .widgetSellingPlanWrapper label {\\n      border-radius: 4px;\\n      border: 1px solid rgba(var(--color-foreground));\\n      padding: 0.5rem;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      display: block;\\n      height: 100%;\\n      width: 100%;\\n      text-align: center;\\n \\t color: rgba(var(--color-foreground));\\ncursor: pointer;\\n  }\\n  \\n  .widgetSellingPlanWrapper input:checked+label {\\n      background-color: rgba(var(--color-foreground));\\n \\t color: rgba(var(--color-background));\\n  }\\n  .appstle_lowercase {\\n      text-transform: lowercase;\\n  }\\n  \\n  \\n  .appstle_input_wrapper {\\n      position: relative;\\n  }\\n  \\n  span.appstle_sellingPlan_discountText {\\n      position: absolute;\\n      background-color: rgba(var(--color-foreground));\\n      color: rgba(var(--color-background));\\n      border-radius: 3px;\\n      padding: 1px 18px;\\n      left: 50%;\\n      display: block;\\n      transform: translate(-50%, -50%);\\n      white-space: nowrap;\\n  }\\n  span.appstle_sellingPlan_discountText:empty {\\n      display: none !important;\\n  }\\n  </style>\\n  </div>{% endraw %}\"}",
                
                
                  "bundle": {},
                
                
                  "labels": `{\"appstle.subscription.wg.noSubscriptionLabelTextV2\":\"No Subscription\",\"appstle.subscription.wg.cancelAnytimeLabelTextV2\":\"Cancel Anytime\",\"appstle.subscription.wg.addToShipmentErrorTextV2\":\"Error\",\"appstle.subscription.wg.weeksFrequencyTextV2\":\"Weeks\",\"appstle.subscription.wg.weeklyLabelTextV2\":\"Weekly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonForNotLoggedInV2\":\"false\",\"appstle.subscription.wg.addToShipmentProcessingV2\":\"Processing...\",\"appstle.subscription.wg.showWidgetStaticV2\":\"false\",\"appstle.subscription.wg.deliveryEveryFrequencyTextV2\":\"Delivery Every\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscription Billing\",\"appstle.subscription.wg.allowRefreshOnCartPageV2\":\"false\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscribe success\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonToSubscribersOnlyV2\":\"false\",\"appstle.subscription.wg.yearsFrequencyTextV2\":\"Years\",\"appstle.subscription.wg.onetimeDescriptionTextV2\":\"\",\"appstle.subscription.wg.addToShipmentTooltipTextV2\":\"Please avoid double delivery charges! Login to add this product to an upcoming delivery.\",\"appstle.subscription.wg.weekFrequencyTextV2\":\"Week\",\"appstle.subscription.wg.oneTimePurchaseTextV2\":\"One Time Purchase\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"unsubscribe\",\"appstle.subscription.wg.widgetVariantChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"One Time\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"false\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.showPrepidPerDeliveryProductPriceV2\":\"false\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.productPageUnitPriceSelectorV2\":\"\",\"appstle.subscription.wg.frequencyCombinedWidgetTextV2\":\"Frequency\",\"appstle.subscription.wg.showNewLoyaltyUI\":\"false\",\"appstle.subscription.wg.widgetPriceChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"select deliver option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`,
                
                "css": {
                    "appstle_subscription_widget": {
                        "margin-top": "" ,
                        "margin-bottom": "",
                    },

                    "appstle_subscription_wrapper": {
                        "border-width": "",
                        "border-color": "",
                    },

                    "appstle_circle": {
                        "border-color": "",
                    },

                    "appstle_dot": {
                        "background-color": "",
                    },

                    "appstle_select": {
                        "padding-top": "",
                        "padding-bottom": "",
                        "padding-left": "",
                        "padding-right": "",
                        "border-width": "",
                        "border-style": "",
                        "border-color": "",
                        "border-radius": "",
                    },

                    "tooltip_subscription_svg": {
                        "fill": "",
                    },

                    "appstle_tooltip": {
                        "color": "",
                        "background-color": "",
                    },

                    "appstle_tooltip_border_top_color": {
                        "border-top-color": "",
                    },

                    "appstle_subscription_final_price": {
                        "color": "",
                    },
                    "appstle_widget_text_color": {
                        "color": "",
                    },
                    "appstle_selected_background": {
                        "background": "transparent",
                    },
                    "elementCSS": "[]",
                    "customCSS": "",
                    "customerPortalCss": "",
                    "externalStyleTag": "",
                    "themeCss": "",
                }
            };
          

          window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS));

          sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config);

          
            try {
            
                window.appstle_build_a_box_labels = {"perDeliveryLabelTextV2":"\\/delivery","variantNotAvailable":"Not Available","saveDiscountText":"{{discount}}","bundleSummaryTextV2":"Your bundle is empty. Please add products to your bundles to see bundle summary here.","freeProductLabelTextV2":"Free","bundleDescriptionTextV2":"Our bundle of all bundles, The Ultimate Superfood Bundle delivers exactly what it promises - a complete superfood solution. With 7 superfood blends each created to empower every aspect of your health and wellbeing - from immunity and gut health to energy & better focus.","productDetails":"Product Details","failedToAddMsgText":"Your cart can't have more than {{maxProduct}} products","cart":"Cart","reviewBundleTextV2":"Review Bundle","addButtonText":"Add","minimumQuantityToCheckoutV2":"Minimum {{quantity}} quantity to checkout","buildBoxErrormsgV2":"Build a Box token is Invalid, Please reach out to support.","continueShopping":"Continue Shopping","failedToAddTitleText":"Failed to add","spendAmountGetDiscount":"Spend {{amount}} get {{percent}}% discount","maxiumQuantityToCheckoutV2":"Maxium {{quantity}} quantity to checkout","contentsOnModalTextV2":"Contents","nextStepButtonTextV2":"Next Step","choosePlanLifeStyleTextV2":"Choose a plan to match your lifestyle","selectMinimumProductButtonText":"Please select {{minProduct}} minimum product","subtotal":"Subtotal","buyQuantityGetDiscount":"Buy {{quantity}} get {{percent}}% discount","loyaltyTablePercentageTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{discount}}% off<\\/span><\\/span>.","loyaltyTablePriceTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get at <span class='appstle-loyalty-discount-amount'>{{price}}<\\/span><\\/span>.","myDeliveryText":"My {{selectedSellingPlanDisplayName}} delivery","removeItem":"Remove","productsToProceedText":"Please select products to proceed","previousStepButtonTextV2":"Previous step","loadMoreTextV2":"Load more","selectedFrequencyLabelText":"Selected Frequency","addToCartButtonTextV2":"Add To Cart","basePriceFormatFieldV2":"{{unitPrice}}\\/{{quantityUnit}}","title":"Build-A-Box","productPriceFormatField":"{{price}}","reviewOrdeDescriptionTextV2":"Check your items and select your required frequency plan","quantityLabelV2":"Quantity","minimumOrderAmountLabelTextV2":"Minimum order amount {{minOrderAmount}}.","subscriptionNotAvailableButtonV2":"Subscription not available","shoppingCart":"Shopping Cart","checkoutMessage":"Shipping and taxes calculated at checkout.","discountPopupCheckoutMessageV2":"Discount","selectedButtonTextV2":"Selected","congratsMessageText":null,"okBtnText":"Ok","tieredDiscount":"Tiered Discount","choosePlanLifeStyleDescriptionTextV2":"Cutoff each week to amend your meals is midnight on Thursday's. (Delivery Schedule is as follows: Gold Coast - Mondays | Brisbane & Sunshine Coast - Wednesdays)","orderNoteLabelTextV2":"Order Note","minimumToCheckoutV2":"Minimum {{quantity}} to checkout","loyaltyTableFixedTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{price}} off<\\/span><\\/span>.","editQuantity":"Edit Quantity","chooseProductsTextV2":"Choose Products","loyaltyTableFreeProductTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>FREE PRODUCT ({{productName}})<\\/span><\\/span>.","loyaltyTableShippingTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>shipping at {{price}}<\\/span><\\/span>.","spentText":null,"quantityLabel":null,"addButtonV2":"Add","loyaltyTableFreeTrailTextV2":"Get <span class='appstle-loyalty-free-trial-discount'>{{discount}} <span class='appstle-loyalty-free-trial-discount-count' style='text-transform: lowercase;'>{{discountType}} <\\/span><\\/span> <span class='appstle-loyalty-free-trial-text'>free trial.<\\/span>","bundleCheckoutTextV2":"Checkout","reviewOrderTextV2":"Review Order","goBackButtonText":"Go Back","selectPlanTextV2":"Select Plan","viewProduct":"View Product","oneTimePurchaseTextV2":"One Time Purchase","bundleOnModalTextV2":"Bundle","proceedToCheckoutButtonText":"Proceed to checkout","pleaseWaitLabelTextV2":"Please wait...","typeToSearchPlaceholderTextV2":"Type to search","selectedProgressLabelTextV2":"Selected","outOfStockTextV2":"Out of stock"};
            
            } catch (e) {
            console.error("Error parsing build a box labels:", e);
            }
          

          var _RSConfig = _RSConfig || {};

          _RSConfig.shop = 'the-monroe-institute.myshopify.com';

          

          

            
            _RSConfig.shopMoneyFormat = '${{amount}}';
            _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD';
            

            

        }

</script>

<style id="appstle-payment-button-override">
    .shopify-payment-button {display: none;}
</style>
<script>
 let appstleCount = 0
 function isAppstleJSInitiated() {
    appstleCount++;
    if (window?.["RSConfig"] || appstleCount > 20) {
        let appstleStyleElement = document.querySelector('#appstle-payment-button-override');
        if (appstleStyleElement) {
            appstleStyleElement.remove();
        }
    } else {
        setTimeout(isAppstleJSInitiated, 500)
    }
 }
 isAppstleJSInitiated();
</script>

<style>

</style>
<script>
    function pollAppstleInit() {
        if (window?.appstleInit) {
        window?.appstleInit()
        } else {
        setTimeout(pollAppstleInit, 30);
        }
    }
</script>















    <script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=the-monroe-institute.myshopify.com&v=1777621962566" defer ></script>

    



</div><div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block"><script type="text/javascript">
    window.gfp_customer = {
      id: "",
      email: "",
      first_name: "",
      last_name: ""
    }
    function gfpLoadWidgets() {
    if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) {
      var s = document.createElement('script');
      s.type = 'module';
      s.src = 'https://widgets.goaffpro.app/main.js';
      document.head.appendChild(s);
    }
  }
</script>

 <script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>








</div></body>
</html>
