<!DOCTYPE html>
<html lang="en"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Page Not Found | Westmark Credit Union</title>
<meta name="description" content="The page you're looking for could not be found. Browse Westmark Credit Union's accounts, loans, services, and more.">
<!-- InstanceEndEditable -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="copyright" content="Westmark Credit Union">
<meta name="robots" content="noindex, nofollow">

<!--FONTS ICONS-->
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
<link rel="preconnect" href="https://use.typekit.net" crossorigin>
<link rel="stylesheet" href="https://use.typekit.net/fmq1pxi.css">
<link rel="stylesheet" href="https://www.westmark.org/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">

<!-- CSS -->
<link rel="stylesheet" href="https://www.westmark.org/assets/css/theme.bs538.min.css">
<link rel="stylesheet" href="https://www.westmark.org/assets/css/custom.css">
<link rel="stylesheet" href="https://www.westmark.org/assets/vendor/aos/dist/aos.css">
<!-- Favicons -->
<link rel="shortcut icon" href="https://www.westmark.org/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.westmark.org/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.westmark.org/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.westmark.org/favicon-16x16.png">
<link rel="manifest" href="https://www.westmark.org/site.webmanifest">
<!-- InstanceBeginEditable name="head" -->
<style>
  .err-mountains { position: relative; overflow: hidden; }
  .err-mountains svg { display: block; width: 100%; height: auto; }

  .err-code {
    font-size: clamp(8rem, 20vw, 16rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient(135deg, var(--wm-midnight, #0D3B71) 0%, var(--wm-abyss, #00185E) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.12;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 0;
    pointer-events: none;
    user-select: none;
  }

  .err-content { position: relative; z-index: 1; }

  .err-compass {
    display: inline-block;
    animation: err-spin 8s ease-in-out infinite;
    transform-origin: center center;
  }
  @keyframes err-spin {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(25deg); }
    50% { transform: rotate(-15deg); }
    75% { transform: rotate(10deg); }
  }

  .err-bounce {
    animation: err-float 3s ease-in-out infinite;
  }
  @keyframes err-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }

  .err-link-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    display: block;
  }
  .err-link-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .err-compass, .err-bounce { animation: none; }
  }
</style>
<!-- InstanceEndEditable -->
<!--cms-ignore-->


<!--Glia-->
<script async src="https://api.glia.com/salemove_integration.js"></script>

<!--Spanish Translation-->
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_4190653f3a1d9232dc0be58099d37a8a4'
    });
</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-KNR8L7DQ');</script>
<!-- End Google Tag Manager -->


<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '247935656310450'); 
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" 
src="https://www.facebook.com/tr?id=247935656310450&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->


<!--/cms-ignore-->

</head>

<body>
<!-- Skip to main content link -->
<a class="skip-to-main visually-hidden-focusable" href="#content">Skip to main content</a>
<!--cms-ignore-->

<!-- Google Tag Manager (noscript) — uncomment when GTM is enabled in tracking-head.htm -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KNR8L7DQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!--/cms-ignore--> 
<!-- ========== HEADER ========== --> 
<!-- ALERT MESSAGE -->
<!--cms-ignore-->
<div id="alertbox" class="alertbox cms-editable" data-urls="absolute">
  <p> </p>
  <div class="alert alert-dismissible fade show mb-0 text-center py-2 bg-alert" role="alert">ATTENTION MEMBERS: At
    6:00PM 05/29/26, our phone system will receive an update introducing our Virtual Assistant Westie. Westie will be
    able to answer questions as well as retrieve information on your accounts after successfully authenticating you.
    Westie will ask for your Social Security number to locate all of your accounts, and will send a one time pass-code
    via text to verify you. This is normal, expected behavior.<br>NOTE: Westmark will never call you and ask you to
    provide this code. If you are ever asked to call Westmark please call 208-523-1071. <button class="btn-close"
            type="button" data-bs-dismiss="alert" aria-label="Close alert"></button></div>
</div>
<!--cms-ignore-->
<script>
  (function() {
    var box = document.getElementById('alertbox');
    if (!box) return;
    var alert = box.querySelector('.alert');
    if (!alert) return;
    var msg = alert.textContent.trim();
    if (localStorage.getItem('wm_alert_dismissed') === msg) {
      box.remove();
      return;
    }
    alert.addEventListener('closed.bs.alert', function() {
      localStorage.setItem('wm_alert_dismissed', msg);
    });
  })();

</script>
<!--/cms-ignore-->

<!--/cms-ignore-->
<!-- END ALERT MESSAGE -->


<header id="header" class="navbar navbar-expand-xl navbar-dark navbar-fixed-top bg-abyss"> 
  
  <!-- Topbar -->
  <div class="navbar-topbar" style="background-color: rgba(0, 0, 0, 0.09);">
    <div class="container-fluid py-2 px-3 pe-xl-4">
      <nav class="js-mega-menu navbar-nav-wrap" aria-label="Quick links"> 
        <!-- Toggler -->
        <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle quick links navigation">
          <span class="d-flex justify-content-between align-items-center small">
            <span class="navbar-toggler-text">Quick Links</span>
            <span class="navbar-toggler-default"><i class="bi-chevron-down ms-2" aria-hidden="true"><!-- --></i></span>
            <span class="navbar-toggler-toggled"><i class="bi-chevron-up ms-2" aria-hidden="true"><!-- --></i></span>
          </span>
        </button>
        <!-- End Toggler -->
        
        <div id="topbarNavDropdown" class="navbar-nav-wrap-collapse collapse navbar-collapse navbar-topbar-collapse">
          <div class="navbar-toggler-wrapper">
            <div class="navbar-topbar-toggler d-flex justify-content-between align-items-center">
              <span class="navbar-toggler-text small">Quick Links</span> 
              <!-- Toggler -->
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Close quick links navigation">
                <i class="bi-x" aria-hidden="true"><!-- --></i>
              </button>
              <!-- End Toggler --> 
            </div>
          </div>
          
          <!-- RIGHT-ALIGNED NAV -->
          <ul class="navbar-nav ms-auto">
            
            <!-- About (expanded with real Westmark pages) -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle topbar fw-6" href="javascript:void(0);" id="aboutmenu" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
                About <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
              </a>
              <div class="dropdown-menu" aria-labelledby="aboutmenu" role="menu">
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/about/index.html" role="menuitem">
                  <i class="bi bi-info-circle-fill text-primary me-1" aria-hidden="true"><!-- --></i> About Us
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/membership/index.html" role="menuitem">
                  <i class="bi bi-person-plus-fill text-primary me-1" aria-hidden="true"><!-- --></i> Membership
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/about/employment.html" role="menuitem">
                  <i class="bi bi-briefcase-fill text-primary me-1" aria-hidden="true"><!-- --></i> Careers
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/team/index.html" role="menuitem">
                  <i class="bi bi-person-badge-fill text-primary me-1" aria-hidden="true"><!-- --></i> Meet the Team
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/brochures/index.html" role="menuitem">
                  <i class="bi bi-file-earmark-text-fill text-primary me-1" aria-hidden="true"><!-- --></i> Product Brochures
                </a>
              </div>
            </li>
             <!-- Community (top-level, no dropdown) -->
           <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle topbar" href="javascript:void(0);" id="contactmenu" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
                Community <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
              </a>
              <div class="dropdown-menu" aria-labelledby="contactmenu" role="menu">
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/community/index.html" role="menuitem">
                  <i class="bi bi-people-fill text-primary me-1" aria-hidden="true"><!-- --></i> Community Impact
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/scholarship/index.html" role="menuitem">
                  <i class="bi bi-mortarboard-fill text-primary me-1" aria-hidden="true"><!-- --></i> Scholarships
                </a>
              </div>
            </li>
            <!-- Join -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle topbar" href="javascript:void(0);" id="joinmenu" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
                Join <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
              </a>
              <div class="dropdown-menu" aria-labelledby="joinmenu" role="menu">
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/xa/xpressApp.aspx?enc=Kw21Wblm1yxpjJabdoZaDzhy8ZqGVMSUaWS6JdAlQns3T0AtGkffDGbKVRNAF-XmjB2xzMgKOl8LL1lq_8OvSFp2Ohb0stS0ht1NQ80dgPU" target="_blank" rel="noopener noreferrer" role="menuitem">
                  <i class="bi bi-person-plus-fill text-success me-1" aria-hidden="true"><!-- --></i> Become a Member <span class="visually-hidden">(opens in new tab)</span>
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/apply.aspx?enc=Kw21Wblm1yxpjJabdoZaDzhy8ZqGVMSUaWS6JdAlQns3T0AtGkffDGbKVRNAF-Xm-jZ06Ay5pSORG4Pn9kXA_LTVhwSHFVw_oMY4lsK1hc8" target="_blank" rel="noopener noreferrer" role="menuitem">
                  <i class="bi bi-folder-plus text-primary me-1" aria-hidden="true"><!-- --></i> Open Additional Account <span class="visually-hidden">(opens in new tab)</span>
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/xa/xpressApp.aspx?enc=Kw21Wblm1yxpjJabdoZaDzhy8ZqGVMSUaWS6JdAlQns3T0AtGkffDGbKVRNAF-XmjB2xzMgKOl8LL1lq_8OvSDxYHmd5K-fHJNbQU_LtVag" target="_blank" rel="noopener noreferrer" role="menuitem">
                  <i class="bi bi-person-check-fill text-primary me-1" aria-hidden="true"><!-- --></i> Existing Member Account <span class="visually-hidden">(opens in new tab)</span>
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/membership/account-switch-kit.html" role="menuitem" target="_blank" rel="noopener noreferrer">
                  <i class="bi bi-arrow-left-right text-primary me-1" aria-hidden="true"><!-- --></i> Account Switch Kit
                </a>
                <div class="dropdown-divider" role="separator"></div>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/apply/index.html" role="menuitem">Apply for a Loan</a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/apply.aspx?enc=Kw21Wblm1yxpjJabdoZaDzhy8ZqGVMSUaWS6JdAlQns3T0AtGkffDGbKVRNAF-Xm-jZ06Ay5pSORG4Pn9kXA_I9Vs-Zr01-xXYoufznbpmo" target="_blank" rel="noopener noreferrer" role="menuitem">Apply for an Auto Loan <span class="visually-hidden">(opens in new tab)</span></a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/apply.aspx?lenderref=westmarkcu052716&amp;list=plst" target="_blank" rel="noopener noreferrer" role="menuitem">Apply for a Lifestyle Loan <span class="visually-hidden">(opens in new tab)</span></a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/apply.aspx?lenderref=westmarkcu052716&amp;list=vlplcchexasast" target="_blank" rel="noopener noreferrer" role="menuitem">Apply for Home Equity <span class="visually-hidden">(opens in new tab)</span></a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://westmarkcreditunion.zipforhome.com/" target="_blank" rel="noopener noreferrer" role="menuitem">Apply for a Mortgage <span class="visually-hidden">(opens in new tab)</span></a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://app.loanspq.com/apply.aspx?lenderref=westmarkcu052716&amp;list=ccst" target="_blank" rel="noopener noreferrer" role="menuitem">Apply for a Credit Card <span class="visually-hidden">(opens in new tab)</span></a>
              </div>
            </li>
            
            <!-- Rates (top-level, no dropdown) -->
            <li class="nav-item">
              <a class="nav-link topbar" href="https://www.westmark.org/rates/index.html">
                Rates <i class="bi bi-percent text-success ms-1" aria-hidden="true"><!-- --></i>
              </a>
            </li>
            
            <!-- Contact -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle topbar" href="javascript:void(0);" id="contactmenu2" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
                Contact <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
              </a>
              <div class="dropdown-menu" aria-labelledby="contactmenu2" role="menu">
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/contact/branch-locations.html" role="menuitem">
                  <i class="bi bi-geo-alt-fill text-primary me-1" aria-hidden="true"><!-- --></i> Branches &amp; ATMs
                </a>
                <a class="dropdown-item text-primary font-weight-bold" href="https://www.westmark.org/contact/index.html" role="menuitem">
                  <i class="bi bi-person-fill-up text-primary me-1" aria-hidden="true"><!-- --></i> Contact Info
                </a>
              </div>
            </li>
            
<!-- Routing -->
            <li class="nav-item topbar" style="font-size: .9375rem;" aria-label="Routing number: 324173079">
              Routing<i class="bi bi-hash text-success" aria-hidden="true"><!-- --></i> 324173079
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
  <!-- End Topbar -->
  
  <div class="container-fluid py-3 px-3 pe-xl-4">
    <nav class="js-mega-menu navbar-nav-wrap w-100" aria-label="Main navigation"> 
      
      <!-- Brand --> 
      <a class="navbar-brand" href="https://www.westmark.org/index.html" aria-label="Westmark Credit Union - Home">
        <img id="logo" class="navbar-brand-logo ms-3" src="https://www.westmark.org/assets/img/logos/logo-reverse.svg" alt="Westmark Credit Union" width="387" height="65">
      </a> 
      
      <!-- Right-side mobile controls -->
      <div class="d-flex align-items-center ms-auto d-xl-none">
        <button id="loginbtn-mobile" class="btn btn-info rounded-pill d-flex align-items-center gap-1 px-3 py-2 me-2" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
          <img src="https://www.westmark.org/assets/img/menu/tree.png" alt="" width="14" height="17" aria-hidden="true" class="d-none d-sm-inline">Login
        </button>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle main navigation" style="background-color: rgba(255,255,255,.9);">
          <span class="navbar-toggler-default text-black"><i class="bi-list" aria-hidden="true"><!-- --></i></span>
          <span class="navbar-toggler-toggled"><i class="bi-x text-black" aria-hidden="true"><!-- --></i></span>
        </button>
      </div>
      
      <!-- Centered nav -->
      <nav id="navbarNavDropdown" class="navbar-nav-wrap-col collapse navbar-collapse justify-content-xl-center flex-xl-grow-1" aria-label="Primary">
        
        <!-- Quick links for phones only (replaces topbar on small screens) -->
        <div class="bg-abyss d-flex d-sm-none justify-content-center mt-3 py-2 border-bottom border-white-10">
          <a href="https://www.westmark.org/rates/index.html" class="badge rounded-pill bg-abyss border-success-thin text-white fw-light me-3">Rates</a>
    
          <a href="https://www.westmark.org/apply/index.html" class="badge rounded-pill bg-abyss border-success-thin text-white fw-light me-3">Apply</a>

          <a href="https://www.westmark.org/contact/index.html" class="badge rounded-pill bg-abyss border-success-thin text-white fw-light me-3">Contact</a>

          <a href="javascript:void(0);" class="badge rounded-pill bg-abyss border-success-thin text-white fw-light" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarSearch" aria-controls="offcanvasNavbarSearch" aria-label="Search"><i class="bi bi-search me-1" aria-hidden="true"><!-- --></i>Search</a>
        </div>
        
        <ul class="navbar-nav mx-xl-auto">
          
          <!-- SAVE -->
          <li class="hs-has-mega-menu nav-item position-static">
            <a id="saveMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle text-primary fw-6 fs-5" href="javascript:void(0);" role="button" aria-expanded="false" aria-haspopup="true">
              Save <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
            </a> 
            
            <!-- Mega Menu -->
            <div class="hs-mega-menu dropdown-menu shadow-none start-50 translate-middle-x rounded-0" aria-labelledby="saveMegaMenu" data-bs-popper="static" style="min-width:30rem;" role="menu">
              <div class="container">
                <div class="row"> 
                  
                  <!-- Left Column -->
                  <div class="col-lg-8">
                    <div class="navbar-dropdown-menu-inner"> 
                      
                      <!-- Group 1 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Savings Accounts -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/savings.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-piggy-bank fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Savings Accounts</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Grow your balance with dependable options.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Certificates (CDs) -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/certificates.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-safe2 fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Certificates (CDs)</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Lock in competitive rates with fixed terms.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 1 --> 
                      
                      <!-- Group 2 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Money Market -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/ira.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-graph-up fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">IRA Accounts</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Tax-advantaged retirement savings.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Youth Savings -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/youth.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-person-hearts fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Youth Savings</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Help kids start saving early.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 2 --> 
                      
                      <!-- Bottom Links -->
                      <div class="navbar-dropdown-menu-promo">
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/high-yield-online-savings.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-rocket-takeoff fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">High-Yield Savings</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Earn more on your balance.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/medical.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-shield-check fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Medical Savings</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Tax-advantaged savings for Medical Expenses.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Bottom Links -->
                      
                    </div>
                    <!-- /.navbar-dropdown-menu-inner --> 
                  </div>
                  <!-- /.col-lg-8 --> 
                  
                  <!-- Right Column -->
                  <div class="col-lg-4 p-0 d-none d-xl-block">
                    <div class="navbar-dropdown-menu-banner" style="background-image: url(https://www.westmark.org/assets/img/menu/eagle.jpg);" role="presentation">
                      <div class="navbar-dropdown-menu-banner-content">
                        <div class="mb-4">
                          <span class="h3 text-white d-block">Find your way</span>
                        </div>
                        <div class="my-2">
                          <a class="btn btn-white btn-sm transition-3d-hover" href="https://www.westmark.org/membership/index.html">Open Account</a>
                          <a class="btn btn-primary btn-sm transition-3d-hover" href="https://www.westmark.org/rates/index.html">Rates <i class="bi bi-chevron-right fa-sm ms-1" aria-hidden="true"><!-- --></i></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.row --> 
              </div>
              <!-- /.container --> 
              
            </div>
            <!-- /.dropdown-menu --> 
          </li>
          
          <!-- SPEND -->
          <li class="hs-has-mega-menu nav-item position-static">
            <a id="spendMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle text-primary fw-6 fs-5" href="javascript:void(0);" role="button" aria-expanded="false" aria-haspopup="true">
              Spend <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
            </a> 
            
            <!-- Mega Menu -->
            <div class="hs-mega-menu dropdown-menu shadow-none start-50 translate-middle-x rounded-0" aria-labelledby="spendMegaMenu" data-bs-popper="static" style="min-width:30rem;" role="menu">
              <div class="container">
                <div class="row"> 
                  
                  <!-- Left Column -->
                  <div class="col-lg-8">
                    <div class="navbar-dropdown-menu-inner"> 
                      
                      <!-- Group 1 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Checking Accounts -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/checking.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-credit-card fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Checking Accounts</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Everyday banking for your spending needs.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                         <!-- Credit Card -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/card-services.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-credit-card-2-front fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Credit Cards</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Competitive rates and flexible rewards.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 1 --> 
                      
                      <!-- Group 2 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Earn Rewards -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/checking.html#section-5" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-gift fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Earn Rewards</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Earn rewards on every debit card purchase.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Debit Card -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/accounts/checking.html#section-4" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-credit-card fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Debit Card</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Get your card today.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 2 --> 
                      
                      <!-- Bottom Links -->
                      <div class="navbar-dropdown-menu-promo">
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/bnpl.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-currency-dollar fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Buy Now Pay Later</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Fit larger purchases into your budget.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        <!-- Mobile Wallet -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/online/mobile-wallet.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-wallet2 fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Mobile Wallet</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Apple Pay, Google Pay, and more.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Bottom Links -->
                      
                    </div>
                    <!-- /.navbar-dropdown-menu-inner --> 
                  </div>
                  <!-- /.col-lg-8 --> 
                  
                  <!-- Right Column -->
                  <div class="col-lg-4 p-0 d-none d-xl-block">
                    <div class="navbar-dropdown-menu-banner" style="background-image: url(https://www.westmark.org/assets/img/menu/marmot.jpg);" role="presentation">
                      <div class="navbar-dropdown-menu-banner-content">
                        <div class="mb-4">
                          <span class="h3 text-white d-block">Spend Smart</span>
                        </div>
                        <div class="my-2">
                          <a class="btn btn-white btn-sm transition-3d-hover" href="https://www.westmark.org/resources/education.html">Budget Tools</a>
                          <a class="btn btn-primary btn-sm transition-3d-hover" href="https://www.westmark.org/accounts/checking.html">Debit Cards <i class="bi bi-chevron-right fa-sm ms-1" aria-hidden="true"><!-- --></i></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.row --> 
              </div>
              <!-- /.container --> 
              
            </div>
            <!-- /.dropdown-menu --> 
          </li>
          
          <!-- BORROW -->
          <li class="hs-has-mega-menu nav-item position-static">
            <a id="borrowMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle text-primary fw-6 fs-5" href="javascript:void(0);" role="button" aria-expanded="false" aria-haspopup="true">
              Borrow <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
            </a> 
            
            <!-- Mega Menu -->
            <div class="hs-mega-menu dropdown-menu shadow-none start-50 translate-middle-x rounded-0" aria-labelledby="borrowMegaMenu" data-bs-popper="static" style="min-width:30rem;" role="menu">
              <div class="container">
                <div class="row"> 
                  
                  <!-- Left Column -->
                  <div class="col-lg-8">
                    <div class="navbar-dropdown-menu-inner"> 
                      
                      <!-- Group 1 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Auto Loans -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/auto-loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-car-front fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Auto Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Great rates for your next vehicle.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Home Loans -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/home-loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-house fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Home Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Buy, refinance, or renovate your home.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 1 --> 
                      
                      <!-- Group 2 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Personal Loans -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/personal-loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-cash-coin fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Lifestyle Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Flexible funding for life's needs.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Make Loan Payment -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/second-mortgage.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-arrow-left-right fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Home Equity Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Use the equity in your home for more.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 2 --> 
                      
                      <!-- Bottom Links -->
                      <div class="navbar-dropdown-menu-promo">
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/rv-loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-truck-front-fill fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">RV &amp; Rec Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Finance your adventures.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/loans/student-loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-mortarboard fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Student Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Invest in education.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Bottom Links -->
                      
                    </div>
                    <!-- /.navbar-dropdown-menu-inner --> 
                  </div>
                  <!-- /.col-lg-8 --> 
                  
                  <!-- Right Column -->
                  <div class="col-lg-4 p-0 d-none d-xl-block">
                    <div class="navbar-dropdown-menu-banner" style="background-image: url(https://www.westmark.org/assets/img/menu/snow.jpg);" role="presentation">
                      <div class="navbar-dropdown-menu-banner-content">
                        <div class="mb-4">
                          <span class="h3 text-white d-block">Borrow Better</span>
                        </div>
                        <div class="my-2">
                          <a class="btn btn-white btn-sm transition-3d-hover" href="https://www.westmark.org/apply/index.html">Apply Now</a>
                          <a class="btn btn-primary btn-sm transition-3d-hover" href="https://www.westmark.org/rates/index.html">Rates <i class="bi bi-chevron-right fa-sm ms-1" aria-hidden="true"><!-- --></i></a><br>   <a class="btn btn-success mt-2 btn-sm transition-3d-hover" href="https://www.westmark.org/online/loan-payment.html">Make a Loan Payment <i class="bi bi-chevron-right fa-sm ms-1" aria-hidden="true"><!-- --></i></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.row --> 
              </div>
              <!-- /.container --> 
              
            </div>
            <!-- /.dropdown-menu --> 
          </li>
          
          <!-- BUSINESS -->
          <li class="hs-has-mega-menu nav-item position-static">
            <a id="businessMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle text-primary fw-6 fs-5" href="javascript:void(0);" role="button" aria-expanded="false" aria-haspopup="true">
              Business <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
            </a> 
            
            <!-- Mega Menu -->
            <div class="hs-mega-menu dropdown-menu shadow-none start-50 translate-middle-x rounded-0" aria-labelledby="businessMegaMenu" data-bs-popper="static" style="min-width:30rem;" role="menu">
              <div class="container">
                <div class="row"> 
                  
                  <!-- Left Column -->
                  <div class="col-lg-8">
                    <div class="navbar-dropdown-menu-inner"> 
                      
                      <!-- Group 1 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Business Services -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/services.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-gear fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Business Services</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Merchant Services and business solutions.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Business Checking -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/checking.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-credit-card-2-back fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Business Checking</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Flexible checking for your company.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 1 --> 
                      
                      <!-- Group 2 -->
                      <div class="navbar-dropdown-menu-promo"> 
                        
                        <!-- Business Loans -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/loans.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-briefcase fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Business Loans</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Funding to grow your business.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        
                        <!-- Business Savings -->
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/savings.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-building fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Business Savings</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Professional banking for your business.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Group 2 --> 
                      
                      <!-- Bottom Links -->
                      <div class="navbar-dropdown-menu-promo">
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/credit-cards.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-credit-card fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Business Credit Cards</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Fund your business growth.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                        <div class="navbar-dropdown-menu-promo-item">
                          <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/business/ach-positive-pay.html" role="menuitem">
                            <div class="d-flex align-items-start">
                              <div class="flex-shrink-0">
                                <i class="text-primary bi bi-shield-check fs-2" aria-hidden="true"></i>
                              </div>
                              <div class="flex-grow-1 ms-3 text-wrap">
                                <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">ACH and Positive Pay</span>
                                <p class="navbar-dropdown-menu-media-desc mb-0">Fraud Protection for your business.</p>
                              </div>
                            </div>
                          </a>
                        </div>
                      </div>
                      <!-- /Bottom Links -->
                      
                    </div>
                    <!-- /.navbar-dropdown-menu-inner --> 
                  </div>
                  <!-- /.col-lg-8 --> 
                  
                  <!-- Right Column -->
                  <div class="col-lg-4 p-0 d-none d-lg-block">
                    <div class="navbar-dropdown-menu-banner" style="background-image: url(https://www.westmark.org/assets/img/menu/owl.jpg);" role="presentation">
                      <div class="navbar-dropdown-menu-banner-content">
                        <div class="mb-4">
                          <span class="h3 text-white d-block">Grow Your<br>Business</span>
                        </div>
                        <div class="my-2">
                          <a class="btn btn-white btn-sm transition-3d-hover" href="https://www.westmark.org/business/services.html">Services</a>
                          <a class="btn btn-primary btn-sm transition-3d-hover" href="https://www.westmark.org/business/loans.html">Loans <i class="bi bi-chevron-right fa-sm ms-1" aria-hidden="true"><!-- --></i></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.row --> 
              </div>
              <!-- /.container --> 
              
            </div>
            <!-- /.dropdown-menu --> 
          </li>
          
          <!-- SERVICES -->
          <li class="hs-has-mega-menu nav-item position-static">
            <a id="servicesMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle text-primary fw-6 fs-5" href="javascript:void(0);" role="button" aria-expanded="false" aria-haspopup="true">
              Services <i class="bi bi-chevron-down text-success ms-1" aria-hidden="true"><!-- --></i>
            </a> 
            
            <!-- Mega Menu -->
            <div class="hs-mega-menu dropdown-menu shadow-none start-50 translate-middle-x rounded-0" aria-labelledby="servicesMegaMenu" data-bs-popper="static" style="min-width:30rem;" role="menu">
              
              <!-- Column 1 -->
              <div class="navbar-dropdown-menu-promo">
                
                <!-- Education Center -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/resources/education.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-laptop fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Education Center</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Tools and resources for smart financial decisions.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Member Services -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/online/online-banking.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-phone fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Digital Banking</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Manage accounts, pay bills, transfer funds, and more.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Insurance -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/services/index.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-gear fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Member Services</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Wire transfers, direct deposit, notary, and more.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
              </div>
              <!-- /Column 1 -->
              
              <!-- Column 2 -->
              <div class="navbar-dropdown-menu-promo">
                
                <!-- Investment Services -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/online/financial-wellness.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-speedometer2 fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Financial Wellness</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Budgeting, credit score, and spending insights.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Wealth Management -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/wealth/index.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-graph-up-arrow fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Westmark Wealth Management</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0 fw-600">Personalized investment, retirement, and financial planning services.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Fraud Protection -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/resources/fraud.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-shield-shaded fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Fraud Protection</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Learn how to protect yourself from fraud.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
              </div>
              <!-- /Column 2 -->
              
              <!-- Column 3 -->
              <div class="navbar-dropdown-menu-promo">
                
                <!-- Online Banking -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/insurance/index.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-umbrella fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Insurance</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Auto, home, and renters coverage.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Calculators -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/calculators/index.html" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-calculator fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Calculators</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Plan your finances.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
                <!-- Financial Goals -->
                <div class="navbar-dropdown-menu-promo-item">
                  <a class="navbar-dropdown-menu-promo-link hover-bg-primary-soft transition-all" href="https://www.westmark.org/widget/goals-widget/" role="menuitem">
                    <div class="d-flex align-items-start">
                      <div class="flex-shrink-0">
                        <i class="text-primary bi bi-bullseye fs-2" aria-hidden="true"></i>
                      </div>
                      <div class="flex-grow-1 ms-3 text-wrap">
                        <span class="navbar-dropdown-menu-media-title text-primary fs-7 fw-bold d-block">Financial Goals</span>
                        <p class="navbar-dropdown-menu-media-desc mb-0">Guidance with all your goals.</p>
                      </div>
                    </div>
                  </a>
                </div>
                
              </div>
              <!-- /Column 3 -->
              
            </div>
            <!-- /.dropdown-menu --> 
          </li>
          
          <!-- SEARCH DESKTOP -->
          <!-- SEARCH (desktop only - mobile uses badge in quick links) -->
          <li class="nav-item ms-xl-2 d-none d-xl-block">
            <a href="javascript:void(0);" class="nav-link text-primary fw-6 fs-5 d-flex align-items-center" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbarSearch" aria-controls="offcanvasNavbarSearch" aria-label="Search Westmark">
              <i class="bi bi-search text-success" aria-hidden="true"><!-- --></i>
            </a>
          </li>
        </ul>
        
        <!-- Mobile-only actions inside the collapse --> 
        
      </nav>
      
      <!-- Right-side actions (desktop) -->
      <div class="navbar-nav-wrap-secondary-content d-none d-xl-flex align-items-center ms-xl-auto pe-3"> 
        <button id="loginbtns" class="btn btn-info rounded-pill d-flex align-items-center gap-1 px-3 py-2" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
          <img class="me-1" src="https://www.westmark.org/assets/img/menu/tree.png" alt="Westmark tree logo" width="16" height="19" aria-hidden="true">Login
        </button>
      </div>
    </nav>
  </div>
</header>

<!-- SEARCH PANEL --> 
<!--cms-ignore--> 
<!-- Search Panel -->
<div id="offcanvasNavbarSearch" class="offcanvas offcanvas-top offcanvas-navbar-search" tabindex="-1" aria-labelledby="offcanvasTopLabel">
  
  <!-- Dark Header Section with Search -->
  <div class="position-relative overflow-hidden" style="background: linear-gradient(135deg, #00185E 0%, #0D3B71 50%, #00185E 100%);">
    <!-- Glow effects -->
    <div class="position-absolute" style="top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,140,255,0.3) 0%,transparent 70%);filter:blur(40px);"></div>
    <div class="position-absolute" style="bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,214,143,0.2) 0%,transparent 70%);filter:blur(40px);"></div>
    
    <div class="container py-3 position-relative">
      <!-- Header Row -->
      <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
          <h5 class="text-white mb-0 fw-semibold" id="offcanvasTopLabel">Search Westmark</h5>
          <span class="text-white-50 small">Find accounts, loans, rates & more</span>
        </div>
        <button type="button" class="btn btn-sm rounded-circle p-0 d-flex align-items-center justify-content-center" style="width:32px;height:32px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);" data-bs-dismiss="offcanvas" aria-label="Close search">
          <i class="bi bi-x-lg text-white"><!-- --></i>
        </button>
      </div>
      
      <!-- Search Form -->
      <form class="input-group input-group-lg shadow" style="border-radius: 12px; overflow: hidden;" role="search" id="searchForm" aria-label="Search">
        <label class="visually-hidden" for="searchBox">Search</label>
        <span class="input-group-text bg-white border-0 ps-4">
          <i class="bi bi-search text-primary"><!-- --></i>
        </span>
        <input type="text" id="searchBox" name="query" class="form-control border-0 py-3" placeholder="What are you looking for?" aria-label="Search Westmark">
        <button id="searchButton" type="submit" class="btn btn-info px-4 border-0" aria-label="Submit search">
          <i class="bi bi-arrow-right fs-5"><!-- --></i>
        </button>
      </form>

      <!-- Popular Searches -->
      <div class="d-flex flex-wrap gap-2 align-items-center mt-3">
        <span class="text-white-50 small">Trending:</span>
        <a href="https://www.westmark.org/rates/index.html" class="badge bg-white bg-opacity-10 text-white text-decoration-none border border-white border-opacity-25 py-2 px-3 fw-normal hover-bg-white-25">Rates</a>
        <a href="https://www.westmark.org/loans/auto-loans.html" class="badge bg-white bg-opacity-10 text-white text-decoration-none border border-white border-opacity-25 py-2 px-3 fw-normal hover-bg-white-25">Auto Loans</a>
        <a href="https://www.westmark.org/contact/branch-locations.html" class="badge bg-white bg-opacity-10 text-white text-decoration-none border border-white border-opacity-25 py-2 px-3 fw-normal hover-bg-white-25">Locations</a>
        <a href="https://www.westmark.org/apply/index.html" class="badge bg-white bg-opacity-10 text-white text-decoration-none border border-white border-opacity-25 py-2 px-3 fw-normal hover-bg-white-25 d-none d-sm-inline-block">Apply Now</a>
      </div>
    </div>
  </div>

  <!-- Light Quick Links Section - Desktop -->
  <div class="bg-light d-none d-md-block">
    <div class="container py-3">
      <div class="row g-3 align-items-stretch">
        
        <!-- Quick Links Grid -->
        <div class="col-lg-8">
          <div class="row g-2">
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/apply/index.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(0,140,255,0.1);">
                  <i class="bi bi-file-earmark-text" style="color:var(--wm-westmark-blue);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Applications</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/loans/auto-loans.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(13,59,113,0.1);">
                  <i class="bi bi-car-front" style="color:var(--wm-midnight);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Car Loans</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/loans/home-loans.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(13,59,113,0.1);">
                  <i class="bi bi-house" style="color:var(--wm-midnight);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Home Loans</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/membership/index.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(0,214,143,0.15);">
                  <i class="bi bi-person-plus" style="color:var(--wm-mountain-green);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Join Us</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/contact/branch-locations.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(0,140,255,0.1);">
                  <i class="bi bi-geo-alt" style="color:var(--wm-westmark-blue);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Locations</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/contact/index.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(211,47,47,0.1);">
                  <i class="bi bi-credit-card" style="color:var(--wm-red);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Lost Card</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/online/online-banking.html#panel-billpay" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(255,206,2,0.15);">
                  <i class="bi bi-receipt" style="color:#c9a200;"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Bill Pay</span>
              </a>
            </div>
            <div class="col-6 col-lg-3">
              <a href="https://www.westmark.org/contact/index.html" class="d-flex flex-column align-items-center text-decoration-none p-3 rounded-3 bg-white shadow-sm h-100 text-center search-quick-link">
                <div class="rounded-circle mb-2 d-flex align-items-center justify-content-center" style="width:40px;height:40px;background:rgba(0,140,255,0.1);">
                  <i class="bi bi-chat-dots" style="color:var(--wm-westmark-blue);"><!-- --></i>
                </div>
                <span class="text-dark small fw-medium">Contact</span>
              </a>
            </div>
          </div>
        </div>

        <!-- Mobile Banking Promo -->
        <div class="col-lg-4">
          <div class="card border-0 h-100 overflow-hidden text-white" style="background: linear-gradient(135deg, var(--wm-midnight) 0%, var(--wm-abyss) 100%);">
            <div class="card-body p-3 d-flex align-items-center position-relative">
              <div class="position-absolute bottom-0 end-0" style="font-size:10rem;line-height:1;margin-right:-1.5rem;color:rgba(255,255,255,0.2);">
                <i class="bi bi-wifi text-info opacity-50"><!-- --></i>
              </div>
              <div class="flex-grow-1 position-relative">
                <h6 class="fs-3 text-white fw-bold mb-1 d-flex align-items-center">
                  <img src="https://www.westmark.org/assets/img/icons/westmark-brandmarlk.png" alt="Westmark Credit Union logo" class="me-2" style="width:40px;height:auto;" aria-hidden="true">
                  Go Mobile
                </h6>
                <p class="mb-2 small" style="color:rgba(255,255,255,0.7);">Banking, deposits & transfers in your pocket.</p>
                <a class="btn btn-xs btn-light fw-semibold" href="https://www.westmark.org/online/online-banking.html#panel-mobile">Learn More</a>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

</div>
<!-- End Search Panel -->
 
<!--/cms-ignore--> 
<!-- END SEARCH -->
 
<!-- ========== END HEADER ========== -->

<!-- ========== ACCOUNT SIDEPANEL ========== --> 
<!-- Side Panel / Offcanvas: Westmark Digital Banking Login -->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
  <div class="offcanvas-header border-0 justify-content-center position-relative" style="background-color: #f3f7ff;">
    <img src="https://www.westmark.org/assets/img/logos/logo.svg"
         alt="Westmark Credit Union"
         width="387" height="65"
         style="max-width: 200px; height: auto;">
    <button type="button"
            class="btn-close position-absolute end-0 top-0 m-3"
            data-bs-dismiss="offcanvas"
            aria-label="Close panel"></button>
  </div>
  <div class="offcanvas-body pt-2" style="background-color: #f3f7ff;">
<h2 id="offcanvasRightLabel" class="fs-4 text-center fw-bold mb-4 text-abyss mt-3 mb-3">Digital Banking</h2>
    <!-- Uncomment this alert when maintenance is active -->
    <!--
    <div class="alert alert-warning py-2 mb-3" role="alert">
      <strong>Maintenance Notice:</strong> Digital banking will be unavailable <span class="fw-bold">Oct 20, 12–2 AM MT</span>.
    </div>
    -->

    <form autocomplete="on"
          id="Login"
          name="Login"
          action="https://my.westmark.org/Authentication/Username"
          method="post"
          enctype="application/x-www-form-urlencoded"
          novalidate>

      <!-- Username -->
      <div class="mb-2">
        <label for="UserName" class="visually-hidden">Username</label>
        <div class="input-group">
          <span class="input-group-text bg-soft-info"><i class="bi bi-person-fill" aria-hidden="true"><!-- --></i></span>
          <input type="text"
                 class="form-control"
                 id="UserName"
                 name="UserName"
                 placeholder="Username"
                 autocomplete="username"
                 autocapitalize="off"
                 spellcheck="false"
                 required>
          <div class="invalid-feedback">Enter your username.</div>
        </div>
      </div>

      <!-- Password -->
      <div class="mb-2">
        <label for="Password" class="visually-hidden">Password</label>
        <div class="input-group">
          <span class="input-group-text bg-soft-info"><i class="bi bi-lock-fill" aria-hidden="true"><!-- --></i></span>
          <input type="password"
                 class="form-control"
                 id="Password"
                 name="Password"
                 placeholder="Password"
                 autocomplete="current-password"
                 required>
          <button type="button"
                  class="btn btn-outline-secondary"
                  id="togglePassword"
                  aria-label="Show password">
            <i class="bi bi-eye-slash" aria-hidden="true"><!-- --></i>
          </button>
          <div class="invalid-feedback">Enter your password.</div>
        </div>
      </div>

      <!-- Sign In (block button, full width) -->
      <div class="mb-3">
        <button type="submit"
                id="loginButton"
                name="submit"
                class="btn btn-info w-100">
          Sign In
        </button>
      </div>

      <!-- Secondary actions -->
      <div class="text-center mt-5 mb-2">
        <a class="btn btn-xs btn-white"
           href="https://my.westmark.org/Registration"
           target="_blank"
           rel="noopener">Register</a>
          <a class="badge bg-light text-primary fs-8"
           href="https://my.westmark.org/ForgotPassword"
           target="_blank"
           rel="noopener">Forgot Password</a> 
        <a class="badge bg-light text-primary fs-8"
           href="https://my.westmark.org/ForgotUsername"
           target="_blank"
           rel="noopener">Forgot Username</a>

      </div>
        
           <hr class="my-3">

      <!-- Informational links -->
<div class="d-flex flex-wrap justify-content-center mb-2 small">
  <a href="https://www.westmark.org/online/online-banking.html#faq" class="fs-8 px-2 text-primary" target="_blank" rel="noopener">FAQ</a>
  <span class="text-muted">•</span>
  <a href="https://www.westmark.org/online/online-banking.html" class="fs-8 px-2 text-primary" target="_blank" rel="noopener">Guide</a>
  <span class="text-muted">•</span>
  <a href="https://www.westmark.org/online/loan-payment.html" class="fs-8 px-2 text-primary">Loan Payment</a>
  <span class="text-muted">•</span>
  <a href="https://www.westmark.org/redeem-rewards.html" class="fs-8 px-2 text-primary" >Redeem Rewards</a>
</div>


      <!-- Informational links -->

      <hr class="my-3">

      <!-- App store badges -->
      <div class="d-flex justify-content-center flex-wrap gap-2 mb-2">
        <a href="https://apps.apple.com/us/app/westmark-credit-union-mobile/id1019601567"
           target="_blank"
           rel="noopener"
           aria-label="Download on the App Store">
          <img src="https://www.westmark.org/assets/img/AppleStore.svg"
               alt="Download on the App Store"
               width="135" height="46" class="img-fluid" loading="lazy">
        </a>
        <a href="https://play.google.com/store/apps/details?id=com.westmarkfcu.westmarkfcu&hl=en_US"
           target="_blank"
           rel="noopener"
           aria-label="Get it on Google Play">
          <img src="https://www.westmark.org/assets/img/GooglePlay.svg"
               alt="Get it on Google Play"
               width="135" height="46" class="img-fluid" loading="lazy">
        </a>
      </div>
    </form>
  </div>
</div>

<script>
(function () {
  // Focus username when panel shows
  const off = document.getElementById('offcanvasRight');
  off?.addEventListener('shown.bs.offcanvas', () => {
    document.getElementById('UserName')?.focus();
  });

  // Toggle password visibility
  const pw = document.getElementById('Password');
  const tgl = document.getElementById('togglePassword');
  tgl?.addEventListener('click', () => {
    const show = pw.type === 'password';
    pw.type = show ? 'text' : 'password';
    tgl.setAttribute('aria-label', show ? 'Hide password' : 'Show password');
    tgl.querySelector('i').className = show ? 'bi bi-eye' : 'bi bi-eye-slash';
    pw.focus();
  });

  // Basic validation
  const form = document.getElementById('Login');
  form?.addEventListener('submit', function (e) {
    if (!form.checkValidity()) {
      e.preventDefault();
      e.stopPropagation();
      form.querySelector(':invalid')?.focus();
    }
    form.classList.add('was-validated');
  });
})();
</script>
 
<!-- ========== END ACCOUNT SIDEPANEL ========== -->

<!-- ========== MAIN ========== -->
<main id="content" aria-label="Main Content"> 

  <!-- InstanceBeginEditable name="PageTitle" -->
  <!-- Mountain Scene Hero -->
  <div class="err-mountains bg-soft-primary">
    <div class="container position-relative" style="padding-top: 4rem; padding-bottom: 5rem;">
      <div class="err-code" aria-hidden="true">404</div>
      <div class="err-content text-center">
        <div class="mb-4 err-bounce">
          <span class="err-compass" style="font-size: 4.5rem;" role="img" aria-label="Spinning compass">
            <i class="bi bi-compass text-primary" style="font-size: inherit;"></i>
          </span>
        </div>
        <h1 class="display-4 fw-bold text-abyss mb-3">Looks like you've wandered off trail.</h1>
        <p class="tk-born-ready-slanted fs-2 text-success mb-2">Don't worry, we'll get you back on track!</p>
        <p class="lead text-primary mb-0" style="max-width: 600px; margin: 0 auto;">The page you're looking for may have moved, been renamed, or gone on a permanent vacation to the mountains.</p>
      </div>
    </div>
  </div>
  <!-- InstanceEndEditable --> 

  <!-- InstanceBeginEditable name="PageBody" -->
  <div id="pagecontent" class="section content-space-t-2 content-space-b-3">
    <div class="container">

      <!-- Action Buttons -->
      <div class="text-center mb-5" data-aos="fade-up" data-aos-duration="600">
        <div class="d-flex flex-wrap justify-content-center gap-3">
          <a href="https://www.westmark.org/index.html" class="btn btn-primary btn-lg rounded-pill px-4">
            <i class="bi bi-house-door me-2"></i>Back to Homepage
          </a>
          <a href="https://www.westmark.org/contact/index.html" class="btn btn-success btn-lg rounded-pill px-4">
            <i class="bi bi-telephone me-2"></i>Contact Us
          </a>
          <a href="https://www.westmark.org/contact/branch-locations.html" class="btn btn-info btn-lg rounded-pill px-4">
            <i class="bi bi-geo-alt me-2"></i>Find a Branch
          </a>
        </div>
      </div>

      <!-- Quick Navigation Cards -->
      <div class="row g-4 justify-content-center" data-aos="fade-up" data-aos-duration="600" data-aos-delay="100">

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/accounts/checking.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-primary mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-wallet2 fs-2 text-primary"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Checking</h2>
            <p class="small text-muted mb-0">Rewards & free options</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/accounts/savings.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-success mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-piggy-bank fs-2 text-success"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Savings</h2>
            <p class="small text-muted mb-0">Grow your money</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/loans/auto-loans.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-info mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-car-front fs-2 text-info"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Auto Loans</h2>
            <p class="small text-muted mb-0">Great rates on wheels</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/loans/home-loans.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-warning mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-house-heart fs-2 text-warning"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Home Loans</h2>
            <p class="small text-muted mb-0">Your dream home awaits</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/online/online-banking.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-primary mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-phone fs-2 text-primary"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Online Banking</h2>
            <p class="small text-muted mb-0">Bank from anywhere</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/rates/index.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-success mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-graph-up-arrow fs-2 text-success"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Rates</h2>
            <p class="small text-muted mb-0">Current rates & APYs</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/membership/index.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-info mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-people fs-2 text-info"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Membership</h2>
            <p class="small text-muted mb-0">Join the family</p>
          </a>
        </div>

        <div class="col-6 col-md-4 col-lg-3">
          <a href="https://www.westmark.org/about/site-map.html" class="err-link-card card border-0 shadow-soft rounded-4 h-100 text-center p-4">
            <div class="d-inline-flex align-items-center justify-content-center rounded-4 bg-soft-warning mb-3 mx-auto" style="width:64px; height:64px;">
              <i class="bi bi-map fs-2 text-warning"></i>
            </div>
            <h2 class="h6 fw-bold text-primary mb-1">Site Map</h2>
            <p class="small text-muted mb-0">Find what you need</p>
          </a>
        </div>

      </div>

      <!-- Fun footer message -->
      <div class="text-center mt-5 pt-4" data-aos="fade-up" data-aos-duration="600" data-aos-delay="200">
        <p class="text-muted small mb-1"><i class="bi bi-info-circle me-1"></i>If you think this is an error, please <a href="https://www.westmark.org/contact/index.html" class="text-primary">let us know</a>.</p>
        <p class="tk-born-ready-slanted text-success fs-5 mb-0">Happy trails!</p>
      </div>

    </div>
  </div>
  <!-- InstanceEndEditable --> 

</main>
<!-- ========== END MAIN ========== --> 

<!-- ========== FOOTER ========== --> 
<!-- Go To -->
<a class="js-go-to go-to position-fixed" href="#top" 
   aria-label="Go to top of page" 
   style="visibility: hidden;" 
   data-hs-go-to-options='{
     "offsetTop": 700,
     "position": {
       "init": { "right": "2rem" },
       "show": { "bottom": "2rem" },
       "hide": { "bottom": "-2rem" }
     }
   }'>
  <i class="bi bi-chevron-up" aria-hidden="true"><!-- --></i>
</a>

<!-- ========== FOOTER ========== -->
<footer class="position-relative bg-abyss">
  <!-- Mountain ridge mounted to the footer top (REPLACES the old PNG block) -->
  <div class="footer-ridge" aria-hidden="true">
    <svg xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 1280 140"
         preserveAspectRatio="none" aria-hidden="true" focusable="false">
     <path d="M978.81 122.25L0 0h1280l-262.1 116.26a73.29 73.29 0 0 1-39.09 5.99z"
      fill="#00D68F"></path>
      <path d="M983.19 95.23L0 0h1280l-266 91.52a72.58 72.58 0 0 1-30.81 3.71z"
            fill="#00185E"></path>
    </svg>
  </div>

  <div class="container py-8">
    <!-- Main Footer Content -->
    <div class="row gy-4">
      <!-- Contact Us Column -->
      <div class="col-12 col-lg-3">
        <div class="d-flex align-items-center mb-3">
          <a href="https://www.westmark.org/index.html">
            <img class="me-2"
                 src="https://www.westmark.org/assets/img/icons/westmark-brandmarlk.sm.png"
                 alt="Westmark Credit Union Logo - Return to Homepage"
                 style="width: 50px;" loading="lazy">
          </a>
          <span class="fs-7 fw-6 text-white">Westmark Credit Union</span>
        </div>

        <ul class="list-unstyled mb-0">
          <li class="mb-2">
            <a class="link-sm link-light text-decoration-none d-flex align-items-start" href="https://www.westmark.org/contact/index.html">
              <i class="bi bi-geo-alt-fill me-2 mt-1" aria-hidden="true"><!-- --></i>
              <span>2520 Channing Way<br>Idaho Falls, ID 83404</span>
            </a>
          </li>
          <li class="mb-2">
            <a class="link-sm link-light text-decoration-none d-flex align-items-center" href="tel:12085231071">
              <i class="bi bi-telephone-fill me-2" aria-hidden="true"><!-- --></i>
              <span>208-523-1071</span>
            </a>
          </li>
          <li class="mb-2">
            <a class="link-sm link-light text-decoration-none d-flex align-items-center" href="https://www.westmark.org/contact/index.html#email">
              <i class="bi bi-envelope-fill me-2" aria-hidden="true"><!-- --></i>
              <span>Send a message</span>
            </a>
          </li>
          <li>
            <div class="d-flex align-items-center text-white">
              <span>Routing <i class="bi bi-hash me-1" aria-hidden="true"><!-- --></i></span>
              <span aria-label="Routing Number">324173079</span>
            </div>
          </li>
        </ul>
      </div>

      <!-- Quick Links Columns -->
      <div class="col-12 col-lg-7">
        <div class="row gy-4">
  <!-- SPEND Section -->
  <div class="col-6 col-sm-3">
    <p class="fs-7 text-white fw-6 mb-2 d-flex align-items-center gap-2">
      <img src="https://www.westmark.org/assets/img/menu/tree.png" alt="tree icon" class="login-tree flex-shrink-0" width="16" height="19" loading="lazy">SPEND
    </p>
    <ul class="list-unstyled mb-0">
      <li><a class="link-sm link-light" href="https://www.westmark.org/accounts/checking.html">Checking</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/loans/card-services.html">Debit Card</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/loans/card-services.html">Credit Card</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/online/loan-payment.html">Make a Loan Payment</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/online/online-banking.html">Online Banking</a></li>
    </ul>
  </div>

  <!-- SAVE Section -->
  <div class="col-6 col-sm-3">
    <p class="fs-7 text-white fw-6 mb-2 d-flex align-items-center gap-2">
      <img src="https://www.westmark.org/assets/img/menu/tree.png" alt="tree icon" class="login-tree flex-shrink-0" width="16" height="19" loading="lazy">SAVE
    </p>
    <ul class="list-unstyled mb-0">
      <li><a class="link-sm link-light" href="https://www.westmark.org/accounts/savings.html">Savings</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/accounts/certificates.html">Certificates</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/accounts/ira.html">IRA</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/accounts/youth.html">Youth Savings</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/rates/index.html">Rates</a></li>
    </ul>
  </div>

  <!-- BORROW Section -->
  <div class="col-6 col-sm-3">
    <p class="fs-7 text-white fw-6 mb-2 d-flex align-items-center gap-2">
      <img src="https://www.westmark.org/assets/img/menu/tree.png" alt="tree icon" class="login-tree flex-shrink-0" width="16" height="19" loading="lazy">BORROW
    </p>
    <ul class="list-unstyled mb-0">
      <li><a class="link-sm link-light" href="https://www.westmark.org/loans/auto-loans.html">Auto Loans</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/loans/home-loans.html">Home Loans</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/loans/personal-loans.html">Personal Loans</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/business/loans.html">Business Loans</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/apply/index.html">Applications &amp; Forms</a></li>
    </ul>
  </div>

  <!-- ABOUT Section -->
  <div class="col-6 col-sm-3">
    <p class="fs-7 text-white fw-6 mb-2 d-flex align-items-center gap-2">
      <img src="https://www.westmark.org/assets/img/menu/tree.png" alt="tree icon" class="login-tree flex-shrink-0" width="16" height="19" loading="lazy">ABOUT
    </p>
    <ul class="list-unstyled mb-0">
      <li><a class="link-sm link-light" href="https://www.westmark.org/community/index.html">About Us</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/membership/index.html">Membership</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/contact/branch-locations.html">Branch &amp; ATMs</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/contact/index.html">Contact Us</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/about/employment.html">Careers</a></li>
      <li><a class="link-sm link-light" href="https://www.westmark.org/contact/index.html#lost">Lost/Stolen Cards</a></li>
    </ul>
  </div>
</div>

      </div>

      <!-- Mobile App & Social Column -->
      <div class="col-12 col-lg-2">
        <p class="fs-7 text-white fw-6 mb-2"> <i class="bi-phone-fill text-success me-1" aria-hidden="true"><!-- --></i> Mobile Banking</p>
<div class="d-flex flex-wrap align-items-center gap-2 mb-3">
  <a href="https://apps.apple.com/us/app/westmark-credit-union-mobile/id1019601567"
     target="_blank" rel="noopener noreferrer"
     aria-label="Download Westmark Credit Union Mobile Banking on the Apple App Store">
    <img src="https://www.westmark.org/assets/img/AppleStore.svg"
         alt="Download Westmark Credit Union Mobile Banking on the Apple App Store"
         class="img-fluid app-badge"
         width="280" height="95"
         style="max-width: 140px; min-height: 40px; height: auto;" loading="lazy">
  </a>
  
  <a href="https://play.google.com/store/apps/details?id=com.westmarkfcu.westmarkfcu&hl=en_US"
     target="_blank" rel="noopener noreferrer"
     aria-label="Get Westmark Credit Union Mobile Banking on Google Play">
    <img src="https://www.westmark.org/assets/img/GooglePlay.svg"
         alt="Get Westmark Credit Union Mobile Banking on Google Play"
         class="img-fluid app-badge"
         width="280" height="95"
         style="max-width: 140px; min-height: 40px; height: auto;" loading="lazy">
  </a>
</div>

        <div class="d-flex flex-wrap social-row gap-3">
          <a href="https://www.facebook.com/WestmarkCreditUnion" 
             class="link-light fs-5" 
             target="_blank" rel="noopener noreferrer"
             aria-label="Visit Westmark Credit Union on Facebook (opens in new tab)"
             data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Facebook">
            <i class="bi bi-facebook" aria-hidden="true"><!-- --></i>
          </a>
          <a href="https://x.com/WestmarkCreditU" 
             class="link-light fs-5" 
             target="_blank" rel="noopener noreferrer"
             aria-label="Follow Westmark Credit Union on Twitter X (opens in new tab)"
             data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Twitter X">
            <i class="bi bi-twitter-x" aria-hidden="true"><!-- --></i>
          </a>
          <a href="https://www.instagram.com/WestmarkCreditUnion/" 
             class="link-light fs-5" 
             target="_blank" rel="noopener noreferrer"
             aria-label="Follow Westmark Credit Union on Instagram (opens in new tab)"
             data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Instagram">
            <i class="bi bi-instagram" aria-hidden="true"><!-- --></i>
          </a>
          <a href="https://www.youtube.com/@WestmarkCreditUnion" 
             class="link-light fs-5" 
             target="_blank" rel="noopener noreferrer"
             aria-label="Subscribe to Westmark Credit Union on YouTube (opens in new tab)"
             data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="YouTube">
            <i class="bi bi-youtube" aria-hidden="true"><!-- --></i>
          </a>
        </div>
      </div>
    </div>

    <!-- Footer Info Row -->
    <div class="row border-top border-white border-opacity-25 pt-3 mt-4">

  <!-- Left Column: NCUA + Award + Avtec -->
  <div class="col-md-4 text-center text-md-start mb-3 mb-md-0">
    <div class="d-flex align-items-center justify-content-center justify-content-md-start gap-3">
      <a href="https://www.mycreditunion.gov/protect/Pages/SI.aspx" target="_blank" rel="noopener noreferrer">
        <img src="https://www.westmark.org/assets/img/ncua.png"
             class="img-fluid"
             alt="Federally Insured by NCUA - Equal Housing Lender"
             width="250" height="75"
             data-bs-toggle="tooltip"
             data-bs-placement="top"
             data-bs-title="Federally Insured by NCUA - Equal Housing Lender"
             style="max-height: 70px;" loading="lazy">
      </a>

      <a href="https://bestofgreateridahofalls.com/listings/credit-union/?cat=553&listings_badges=all&listings_campaign=WSNTgQ"
         target="_blank" rel="noopener noreferrer"
         aria-label="Best of Idaho Falls Award"
         data-bs-toggle="tooltip"
         data-bs-placement="top"
         data-bs-title="Best of Greater Idaho Falls 2025 Winner">
        <img src="https://www.westmark.org/images/award-best-of-Idaho-Falls-2025.png"
             alt="Best of Idaho Falls Award"
             class="img-fluid"
             width="65" height="65"
             loading="lazy">
      </a>
    </div>

    <ul class="list-inline d-inline-block mb-0 ms-2 mt-2">
      <li class="list-inline-item">
        <a href="https://avtecmedia.com"
           class="d-inline-flex align-items-center gap-2 text-decoration-none text-white-50 link-sm"
           target="_blank"
           rel="noopener author"
           title="Avtec Media - Credit Union Website Design Agency">
          <img src="https://www.westmark.org/assets/img/logos/avtec.png"
               alt="Avtec Media - Credit Union Website Design Agency"
               class="img-fluid"
               width="20" height="20"
               loading="lazy">
          <span class="fs-8 text-white">Website Design by Avtec Media</span>
        </a>
      </li>
    </ul>
  </div>

  <!-- Middle Column: CoBrowsing Button -->
  <div class="col-md-4 text-center mb-3 mb-md-0">
    <button type="button" class="btn btn-xs btn-pill btn-success"
       onclick="document.body.appendChild(document.createElement('sm-visitor-code'))"
       aria-label="Generate CoBrowsing visitor code"
         data-bs-toggle="tooltip"
         data-bs-placement="top"
         data-bs-title="Get CoBrowsing Code for Glia Chatbot">
      GET CO-BROWSING CODE
    </button>
  </div>

  <!-- Right Column: Copyright + Privacy -->
  <div class="col-md-4 text-center text-md-end">
    <p class="fs-7 text-white mb-1">© <script>document.write(new Date().getFullYear())</script> Westmark Credit Union</p>
    <a href="https://www.westmark.org/rates/disclosures.html" class="fs-7 text-white nav-link-special">
      Privacy & Disclosures
    </a>
    <br>
    <a href="https://www.westmark.org/documents/Branded TnC April 2026.pdf" class="fs-7 text-white nav-link-special" target="_blank" rel="noopener noreferrer">
      Terms & Conditions
    </a>
  </div>

</div>

  </div>
</footer>
 
<!-- ========== END FOOTER ========== --> 

<!-- JS  --> 
<script src="https://www.westmark.org/assets/vendor/bootstrap/dist/js/bootstrap.bundle.bs538.min.js"></script> 
<!-- Plugins --> 
<script src="https://www.westmark.org/assets/vendor/hs-header/dist/hs-header.min.js"></script> 
<script src="https://www.westmark.org/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script> 
<script src="https://www.westmark.org/assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script> 
<script src="https://www.westmark.org/assets/vendor/aos/dist/aos.js"></script>

<!-- CORE --> 
<script src="https://www.westmark.org/assets/js/theme.min.js"></script> 
<script>
  (function () {
    new HSHeader('#header').init();
    new HSMegaMenu('.js-mega-menu', {
      desktop: { position: 'left' },
      eventType: 'click'
    });
    HSBsDropdown.init();
    new HSGoTo('.js-go-to');

    if (typeof AOS !== 'undefined') {
      AOS.init({
        duration: 600,
        easing: 'ease-out-cubic',
        once: true,
        offset: 50,
        disable: window.matchMedia('(prefers-reduced-motion: reduce)').matches
      });
    }
  })();
</script> 

<!--cms-ignore--> 
<!--cms-ignore-->
<!--Site Search 360-->
<script>
var ss360Config = {
  searchBox: {
    selector: "#searchBox",
    searchButton: "#searchButton",
    animatedPlaceholder: {
      enabled: true,
      phrases: [
        "auto loans",
        "checking accounts",
        "home loans",
        "credit cards",
        "rates",
        "locations",
        "mobile banking"
      ],
      placeholderPrefix: "Search for "
    }
  },
  suggestions: {
    show: true,
    showImages: true,
    num: 6,
    minChars: 0,
    emptyQuerySuggestions: {
      "_": [
        { name: "Auto Loans", link: "https://www.westmark.org/loans/auto-loans.html" },
        { name: "Checking Accounts", link: "https://www.westmark.org/accounts/checking.html" },
        { name: "Home Loans", link: "https://www.westmark.org/loans/home-loans.html" },
        { name: "View Rates", link: "https://www.westmark.org/rates/index.html" },
        { name: "Find a Branch", link: "https://www.westmark.org/contact/branch-locations.html" },
        { name: "Mobile Banking", link: "https://www.westmark.org/online/online-banking.html" }
      ]
    }
  },
  callbacks: {
    preSearch: function(query) {
      var offcanvas = document.getElementById('offcanvasNavbarSearch');
      if (offcanvas) {
        var bsOffcanvas = bootstrap.Offcanvas.getInstance(offcanvas);
        if (bsOffcanvas) {
          bsOffcanvas.hide();
        }
      }
      return true;
    }
  }
};
</script>
<script async src="https://js.sitesearch360.com/plugin/bundle/56601.js"></script>

<!--ADA Widget-->
<!--cms-disable--> 
 <script> window.interdeal = { "sitekey": "2155ea3f06d800a71cbe6756fe2f0921", "Position": "left", "domains": { "js": "https://cdn.equalweb.com/", "acc": "https://access.equalweb.com/" }, "Menulang": "EN", "draggable": false, "btnStyle": { "vPosition": [ "99%", "99%" ], "scale": [ "0.4", "0.4" ], "color": { "main": "#1876c9", "second": "#ffffff" }, "icon": { "outline": false, "type": 11, "shape": "rounded" } } }; (function(doc, head, body){ var coreCall = doc.createElement('script'); coreCall.src = interdeal.domains.js + 'core/5.0.13/accessibility.js'; coreCall.defer = true; coreCall.integrity = 'sha512-pk3CeR0KGJu+GfK2x2ybTSZ1o1qfua6XW2PRAxMWOhC85M3+CanPYmvRp6BOiW0/riZjWGerRN7+JH4wEF0wJQ=='; coreCall.crossOrigin = 'anonymous'; coreCall.setAttribute('data-cfasync', true ); body? body.appendChild(coreCall) : head.appendChild(coreCall); })(document, document.head, document.body); </script>
<!--/cms-disable--> 

<!--/cms-ignore--> 
<!--/cms-ignore-->

<!--cms-ignore--> 
<script src="https://www.westmark.org/assets/js/LinkDisclosure.js" defer></script> 
<!--/cms-ignore-->
    
<!-- InstanceBeginEditable name="extracode" --> 
<!-- InstanceEndEditable -->

</body>
<!-- InstanceEnd --></html>
