<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Uh oh. This page does not exist.</title>
    <meta name="description" content="We can't bear to see you lost on our website. Use the search function or try one of these links instead.">
    <meta name="keywords" content="404">

    <!-- Default favicon (fallback for unsupported browsers) -->
    <link rel="icon" href="/favicon-blue.ico" type="image/x-icon">
    <!-- Light mode favicon -->
    <link rel="icon" href="/favicon-blue.ico" type="image/x-icon" media="(prefers-color-scheme: light)">
    <!-- Dark mode favicon -->
    <link rel="icon" href="/favicon-white.ico" type="image/x-icon" media="(prefers-color-scheme: dark)">
      <!-- Canonical URL -->
  <link
    rel="canonical"
    href="https://www.coveredca.com/oops.html"
  />

    <!-- Social Meta Tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@CoveredCA" />
    <meta name="twitter:image" content="https://www.coveredca.com" />
    <meta property="og:url" content="https://www.coveredca.com/oops.html" />
    <meta property="og:title" content="Uh oh. This page does not exist." />
    <meta property="og:description" content="We can't bear to see you lost on our website. Use the search function or try one of these links instead." />
    <meta property="og:image" content="https://www.coveredca.com" />

       

    

<script>
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'pageName': 'Uh oh. This page does not exist.',
    'section': 'N/A',
    'subSection': '404', 
    'language': 'en',
    'funnelPageView': ""
  });
</script>  
      

    <!-- Google tag (gtag.js) -->

    <!-- Google Tag Manager -->

<!-- End Google Tag Manager -->

    <!-- bootstrap -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
<!-- <link rel="stylesheet" href="/css/bootstrap.css"> -->

<!-- icons -->
<link
  href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
  rel="stylesheet"
/>
<!-- google fonts -->
<link
  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
  rel="stylesheet"
/>
<!-- main.css (this is the output of jekyll processing the scss files) -->

<link rel="stylesheet" href="/css/main.css?v=1780016295">
    
<!-- TODO -->
<!-- if page is in support section load custom-heading.css -->
 
<!-- if covid page -->

<!-- if cares act page -->

<!-- if california-subsidy page -->

<!-- if support subpage -->

<!-- if spanish and support subpage -->
  

<link rel="stylesheet" href="/cici-assets/static/css/main.252f0c86.chunk.css"><link rel="stylesheet" href="/cici-assets/static/css/main.252f0c86.chunk.css.map"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet"></link>

</head>       

<body class="">
  <!-- Site Navigation -->
  <!-- Google Tag Manager (noscript) -->

<!-- End Google Tag Manager (noscript) -->

    <div
  class="nav-container nav-container--fixed-top container-fluid bg-primary shadow-nav p-0"
>
  <!-- Banner Site Wide -->
  

  <!-- Maintenance Banner -->
  

  <div class="cca-container">
    <nav
      class="navbar navbar-expand-lg p-0 position-static"
      style="height: 64px"
    >
      <!-- skip nav -->
      <a class="navbar__skip-nav" href="#content">
        <p class="navbar__skip-nav-text">
           Skip
          Navigation 
        </p>
      </a>

      <!-- Navbar Toggler -->
      <button
        class="navbar-toggler p-0 collapsed"
        type="button"
        data-toggle="collapse"
        data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent"
        aria-expanded="false"
        aria-label="Toggle navigation"
        style="height: 40px;"
      >
        <span
          class="navbar-toggler-icon d-flex flex-column justify-content-center align-items-center" style="gap:2px;"
        >
          <i class="material-icons text-white">menu</i> <span
            class="navbar-mobile-menu-text text-white"
            >Menu</span
          >
      </button>

      <!-- Navbar Brand Container -->
      <div class="w-lg-auto d-flex justify-content-between">
        <!-- Navbar Brand -->
        <div
          class="navbar-brand-container w-lg-auto d-flex justify-content-center"
        >
          <a
            class="navbar-brand navbar-brand-spacing"
            href="/"
          >
            <!-- logo desktop - hidden on xs,sm and md-->
           <!-- For ≥1200px -->
            <img
              class="d-none d-lg-block logo logo--h"
              src="/images/navbar/horizontal.svg"
              alt="Covered California logo"
              style="height: 32px; width: auto;"
            />
            <!-- logo mobile - hidden on lg and xl-->

            <img
              class="d-block d-lg-none logo logo--v logo--white"
              src="/images/navbar/vertical.svg"
              alt="Covered California logo"
              style="height: 48px; width: auto;"
            />
          </a>
        </div>
      </div>

      <!-- Shop and Compare Button -->
      <!-- unused so removed from dom -->

      <!-- Collapsing items -->
      <div
        class="cca-container_mobile-only collapse navbar-collapse position-fixed top-0 left-0 bg-white  overflow-lg-initial mh-lg-initial position-lg-initial top-initial-lg left-initial-lg bg-lg-primary w-lg-auto navbar-collapse-height navbar-collapse-overflow"
        id="navbarSupportedContent"
      >
        <div
            class=" d-flex justify-content-between align-items-center d-lg-none"
            style="height: 64px;
                  position: sticky;
                  top: 0;
                  background-color: white;
                  z-index: 10;"
          >
            <!-- Navbar Brand - mobile only -->

            <!-- Navbar Toggler -->
            <button
              class="navbar-toggler p-0 collapsed"
              type="button"
              data-toggle="collapse"
              data-target="#navbarSupportedContent"
              aria-controls="navbarSupportedContent"
              aria-expanded="false"
              aria-label="Toggle navigation"
        style="height: 40px;"
      >
              <span
                class="navbar-toggler-icon d-flex flex-column justify-content-center align-items-center" style="gap:2px;">
                <i class="material-icons text-black">close</i>
                <span class="navbar-mobile-menu-text">Close</span>
              </span>
            </button>
            <a class="" href="/" ><span>
              <img
                  class="d-block d-lg-none logo logo--v logo--color"
                  src="/images/navbar/vertical-colored.svg"
                  alt=""
                  aria-hidden="true"
                  style="height: 48px; width: auto;"
                /> 
            </span></a>
            
            <ul
              class="navbar-nav d-lg-none d-flex"
              style="position: relative; z-index: 1"
            >
              <li class="nav-item">
                <a
                  class="text-black d-flex flex-column align-items-center justify-content-center gtm-sign-in-header"
                  href="https://apply.coveredca.com/static/lw-web/login"
                  style="gap: 2px; height: 40px;"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                  >
                    <path
                      d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z"
                      fill="black"
                    />
                  </svg>
                  <span class="navbar-mobile-menu-text"
                    >Sign In</span
                  >
                  <span class="d-block position-relative">
                    <span class="stroke-effect-nav stroke-effect-nav--sign-in"></span>
                  </span>
                </a>
              </li>
            </ul>
          </div><!-- Mobile Popup Header -->
        <div class="d-flex flex-column">
          <!-- Toggler and Brand Container -->
          
          <!-- End Toggler and Brand Container -->

          <!-- Search Form -->
          <form
            class=" form-inline mt-4 mb-3 my-lg-0 d-lg-none nav-site-search-form"
            action="/site-search.html"
          >
            <div class="position-relative w-100">
              <div class="">
                <div class="">
                  <div class="input-group d-flex align-items-start w-100">
                    <input
                      type="hidden"
                      class="d-none"
                      name="index"
                      value="1"
                    />
                    <input
                      class="form-control nav-site-search-form__input nav-site-search-form__input--mobile nav-mobile-search-input"
                      placeholder="Search"
                      aria-label="Search"
                      name="query"
                      type="text"
                      placeholder="Search CoveredCA.com"
                    />
                    <button
                      class="btn border-left-0 justify-content-center px-2 p-0 d-flex align-items-center border-gray-light"
                      style="height: 48px; width:48px; right: -1px; border-radius: 0 4px 4px 0;"
                      type="submit"
                    >
                      <i class="material-icons text-primary">search</i>
                    </button>
                  </div>
                </div>
                <div
                  class="col-12 nav-site-search-form__invalid-feedback nav-site-search-form__invalid-feedback--red d-none"
                  id="nav-site-search-input-invalid-feedback"
                ></div>
              </div>
            </div>
          </form>
        </div>
        <!-- Mobile Popup Header -->

        <!-- Nav items -->
        <ul class=" navbar-nav mr-auto h-lg-100">
          <!-- Get Started nav item -->
          
          <li class="nav-item navbar__nav-item px-lg-0" id="get-started">
            <a
              id="gtm-header-get-started"
              class="nav-link text-black text-lg-white d-flex justify-content-between border-bottom border-bottom-lg-0 h-lg-100 mx-lg-0 nav-item__mobile-padding "
              href="/get-started/"
            >
              <span class="d-lg-flex align-items-center"
                >Get Started</span
              >
              <span
                class="material-icons d-lg-none text-primary nav_get_started_chevron_right"
                style="height: 24px;"
                data-nosnippet
              ></span>
              <span class="stroke-effect-nav"></span>
            </a>
            <div class="navbar__active-state-indicator"></div>
          </li>

          <!-- Health nav item -->
          
          <li class="nav-item navbar__nav-item px-lg-0" id="health">
            <a
              class="nav-link text-black text-lg-white d-flex justify-content-between border-bottom border-bottom-lg-0 mx-lg-0 vh-lg-100 align-items-center justify-content-lg-center nav-item__mobile-padding "
              id="health-dropdown"
              href="#"
              data-toggle="dropdown"
              role="button"
              aria-haspopup="true"
              aria-expanded="false"
            >
              <span>Health</span>
              <i class="material-icons d-none d-lg-inline-block expand_more">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.88 9.29006L12 13.1701L8.12 9.29006C7.73 8.90006 7.1 8.90006 6.71 9.29006C6.32 9.68006 6.32 10.3101 6.71 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-none text-primary text-lg-white expand_less"
                ><svg
                  xmlns="http://www.w3.org/2000/svg"
                  height="24px"
                  viewBox="0 0 24 24"
                  width="24px"
                  fill="none"
                >
                  <path d="M0 0h24v24H0V0z" fill="none" />
                  <path
                    d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-lg-none text-primary add"
                style="height: 24px;"
                aria-label="Plus Sign to Open Menu"
                >add</i
              >
              <i
                class="material-icons d-lg-none text-primary remove"
                style="height: 24px;"
                aria-label="Minus Sign to Close Menu"
                >remove</i
              >
              <span class="stroke-effect-nav"></span>
            </a>
            <div class="navbar__active-state-indicator"></div>
            <!-- health dropdown -->
            <div
              class="dropdown-menu w-100 m-lg-0 p-lg-0 border-0 shadow-nav-active-lg-up"
              aria-labelledby="health-dropdown"
            >
              <div class="cca-container nav-desktop-only">
                
                <div class="d-flex justify-content-between">
  <div
    class="w-lg-33 py-3 border-bottom border-lg-0"
    style="border-left: 10px solid #4f63f9"
  >
    <!-- <a
      class="d-flex align-items-center text-black gtm-header-covered-ca-plans"
      style="height: 52px"
      href="/get-started/"
    > -->
      <a
        class="d-flex align-items-center text-black gtm-header-covered-ca-plans"
        style="height: 52px; cursor: default; text-decoration: none;"
        href="javascript:void(0)"
        onclick="return false;"
      >
      <img
        src="/images/navbar/logomark.svg"
        alt=""
        style="width: 40px; height: auto"
      />
      <span class="font-weight-bold pl-4"
        >Covered California Plans</span
      >
    </a>
    <div class="" style="padding-left: 64px">
      
      <a
        href="/health/coverage-levels/bronze"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-bronze"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #a12f00; height: 16px; width: 16px;"
        ></div>
        Bronze</a
      >
      
      <a
        href="/health/coverage-levels/silver"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-silver"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #a2afcc; height: 16px; width: 16px;"
        ></div>
        Silver</a
      >
      
      <a
        href="/health/coverage-levels/gold"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-gold"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #ffce56; height: 16px; width: 16px;"
        ></div>
        Gold</a
      >
      
      <a
        href="/health/coverage-levels/platinum"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-platinum"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #dfe6f3; height: 16px; width: 16px;"
        ></div>
        Platinum</a
      >
      
    </div>
  </div>
  <div
    class="w-lg-33 py-3 pl-3 border-lg-0"
    style="border-left: 10px solid #6e00e1"
  >
    <a
      class="d-flex align-items-center text-black gtm-header-medi-cal"
      style="height: 52px"
      href="/health/medi-cal/"
    >
      <img
        src="/images/icons/medi-cal-logo-poppy-yellow.svg"
        alt=""
        style="width: 40px; height: auto"
      />
      <span class="font-weight-bold pl-4"
        >Medi-Cal</span
      >
    </a>
    <div class="" style="padding-left: 64px">
      
      <a
        href="/health/medi-cal/individuals-and-families/"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-individuals-and-families"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #325976; height: 16px; width: 16px;"
        ></div>
        Individuals and Families</a
      >
      
      <a
        href="/health/medi-cal/children/"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-children"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #325976; height: 16px; width: 16px;"
        ></div>
        Children</a
      >
      
      <a
        href="/health/medi-cal/pregnant-women/"
        class="d-flex align-items-center text-black pt-3 w-fit-content gtm-header-pregnancy"
        ><div
          class="rounded-circle mr-3"
          style="border: 5px solid #325976; height: 16px; width: 16px;"
        ></div>
        Pregnancy</a
      >
      
    </div>
  </div>
  
  <div
    class="w-lg-33 d-flex flex-column justify-content-center align-items-center bg-section-grey py-3"
  >
    <span class="font-weight-bold pb-4"
      >Not sure which plan you qualify for?</span
    >
    <a
      href="https://apply.coveredca.com/lw-shopandcompare/"
      class="btn btn-outline-action font-weight-bold px-5 gtm-header-health-shop-and-compare"
      >Shop and Compare</a
    >
  </div>
  
</div>

              </div>
              <div class="d-flex flex-column d-lg-none">
                
                <div class="d-flex flex-column justify-content-between">
  <div class="w-lg-33 pb-4 border-lg-0">
    <a
      class="d-flex align-items-center text-black gtm-header-covered-ca-plans"
      style="height: 48px"
      href="/get-started/"
    >
      <img
        src="/images/navbar/logomark.svg"
        alt=""
        style="width: 32px; height: auto"
      />
      <span class="nav-item__mobile-heading pl-2"
        >Covered California Plans</span
      >
    </a>
    <div class="" style="padding-left: 20px">
      
      <a
        href="/health/coverage-levels/bronze"
        class="d-flex align-items-center text-black w-fit-content gtm-header-bronze"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #a12f00; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Bronze</a
      >
      
      <a
        href="/health/coverage-levels/silver"
        class="d-flex align-items-center text-black w-fit-content gtm-header-silver"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #a2afcc; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Silver</a
      >
      
      <a
        href="/health/coverage-levels/gold"
        class="d-flex align-items-center text-black w-fit-content gtm-header-gold"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #ffce56; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Gold</a
      >
      
      <a
        href="/health/coverage-levels/platinum"
        class="d-flex align-items-center text-black w-fit-content gtm-header-platinum"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #dfe6f3; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Platinum</a
      >
      
    </div>
  </div>
  <div class="w-lg-33 pb-3 border-bottom border-lg-0">
    <a
      class="d-flex align-items-center text-black gtm-header-medi-cal"
      style="height: 48px"
      href="/health/medi-cal/"
    >
      <img
        src="/images/icons/medi-cal-logo-poppy-yellow.svg"
        alt=""
        style="width: 32px; height: auto"
      />
      <span class="nav-item__mobile-heading pl-2"
        >Medi-Cal</span
      >
    </a>
    <div class="" style="padding-left: 20px">
      
      <a
        href="/health/medi-cal/individuals-and-families/"
        class="d-flex align-items-center text-black w-fit-content gtm-header-individuals-and-families"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #325976; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Individuals and Families</a
      >
      
      <a
        href="/health/medi-cal/children/"
        class="d-flex align-items-center text-black w-fit-content gtm-header-children"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #325976; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Children</a
      >
      
      <a
        href="/health/medi-cal/pregnant-women/"
        class="d-flex align-items-center text-black w-fit-content gtm-header-pregnancy"
        style="padding: 11px 0;"
        ><div
          class="rounded-circle"
          style="border: 5px solid #325976; height: 16px; width: 16px; margin-right:12px;"
        ></div>
        Pregnancy</a
      >
      
    </div>
  </div>
</div>

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

          <!-- Dental nav item -->
          
          <li class="nav-item navbar__nav-item px-lg-0" id="dental">
            <a
              class="nav-link text-black text-lg-white d-flex justify-content-between border-bottom border-bottom-lg-0 mx-lg-0 vh-lg-100 align-items-center justify-content-lg-center nav-item__mobile-padding "
              id="dental-dropdown"
              href="#"
              data-toggle="dropdown"
              role="button"
            >
              <span>Dental</span>
              <i class="material-icons d-none d-lg-inline-block expand_more">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.88 9.29006L12 13.1701L8.12 9.29006C7.73 8.90006 7.1 8.90006 6.71 9.29006C6.32 9.68006 6.32 10.3101 6.71 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-none text-primary text-lg-white expand_less"
                ><svg
                  xmlns="http://www.w3.org/2000/svg"
                  height="24px"
                  viewBox="0 0 24 24"
                  width="24px"
                  fill="none"
                >
                  <path d="M0 0h24v24H0V0z" fill="none" />
                  <path
                    d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-lg-none text-primary add"
                style="height: 24px;"
                aria-label="Plus Sign to Open Menu"
                >add</i
              >
              <i
                class="material-icons d-lg-none text-primary remove"
                style="height: 24px;"
                aria-label="Minus Sign to Close Menu"
                >remove</i
              >
              <span class="stroke-effect-nav"></span>
            </a>
            <div class="navbar__active-state-indicator"></div>
            <!-- dental dropdown -->
            <div
              class="dropdown-menu w-100 m-lg-0 p-lg-0 border-0 shadow-nav-active-lg-up"
              aria-labelledby="dental-dropdown"
            >
              <div class="cca-container nav-desktop-only">
                
                <div
  class="d-flex border-left-10px border-left-110px-lg-up border-raspberry py-4 p-lg-4 border-bottom border-bottom-color-default border-bottom-lg-0"
>
  <a
    href="/dental/family/"
    class="d-flex align-items-start px-lg-4 text-black gtm-header-dental-coverage"
  >
    <div class="d-flex align-items-center" style="height: 37px">
      <img
        class="mx-3"
        src="/images/icons/dental.svg"
        alt=""
      />
    </div>
    <div
      class="d-flex align-items-center font-weight-bold white-space-nowrap-lg-up"
      style="height: 37px"
    >
      Dental Insurance
    </div>
  </a>

  <div class="d-flex flex-column align-items-start pl-lg-5 pl-62px">
    <a
      href="/dental/childrens-dental/"
      class="d-flex text-black pt-3 pt-lg-0 gtm-header-childrens-dental"
    >
      <div class="d-flex align-items-center" style="height: 37px">
        <span
          class="rounded-circle border-raspberry mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Children’s Dental
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px"></p>
      </div>
    </a>
  </div>

  <div class="d-flex flex-column align-items-start pl-lg-5 pl-62px">
    <a
      href="/dental/adult-add-on/hmo/"
      class="d-flex text-black pt-3 pt-lg-0 gtm-header-family-dental"
    >
      <div class="d-flex align-items-center" style="height: 37px">
        <span
          class="rounded-circle border-raspberry mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Family Dental
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px">
          
        </p>
      </div>
    </a>
  </div>
</div>

              </div>
              <div class="d-lg-none">
                
                <div
  class="d-flex flex-column border-bottom border-lg-0"
  style="padding-left: 20px"
>
  <div
    class="d-flex flex-column align-items-start justify-content-center"
    style="height: 48px"
  >
    <a
      href="/dental/childrens-dental/"
      class="d-flex text-black gtm-header-childrens-dental"
    >
      <div class="d-flex align-items-center">
        <span
          class="rounded-circle border-raspberry mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Children’s Dental
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px"></p>
      </div>
    </a>
  </div>

  <div
    class="d-flex flex-column align-items-start justify-content-center mb-4"
    style="height: 48px"
  >
    <a
      href="/dental/adult-add-on/hmo/"
      class="d-flex text-black pt-lg-0 gtm-header-family-dental"
    >
      <div class="d-flex align-items-center">
        <span
          class="rounded-circle border-raspberry mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Family Dental
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px">
          
        </p>
      </div>
    </a>
  </div>
</div>

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

          <!-- Vision nav item -->
          
          <li class="nav-item navbar__nav-item px-lg-0" id="vision">
            <a
              class="nav-link text-black text-lg-white d-flex justify-content-between border-bottom border-bottom-lg-0 mx-lg-0 vh-lg-100 align-items-center justify-content-lg-center nav-item__mobile-padding "
              id="vision-dropdown"
              href="#"
              data-toggle="dropdown"
              role="button"
            >
              <span>Vision</span>
              <i class="material-icons d-none d-lg-inline-block expand_more">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.88 9.29006L12 13.1701L8.12 9.29006C7.73 8.90006 7.1 8.90006 6.71 9.29006C6.32 9.68006 6.32 10.3101 6.71 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-none text-primary text-lg-white expand_less"
                ><svg
                  xmlns="http://www.w3.org/2000/svg"
                  height="24px"
                  viewBox="0 0 24 24"
                  width="24px"
                  fill="none"
                >
                  <path d="M0 0h24v24H0V0z" fill="none" />
                  <path
                    d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-lg-none text-primary add"
                style="height: 24px;"
                aria-label="Plus Sign to Open Menu"
                >add</i
              >
              <i
                class="material-icons d-lg-none text-primary remove"
                style="height: 24px;"
                aria-label="Minus Sign to Close Menu"
                >remove</i
              >
              <span class="stroke-effect-nav"></span>
            </a>
            <div class="navbar__active-state-indicator"></div>
            <!-- vision dropdown -->
            <div
              class="dropdown-menu w-100 m-lg-0 p-lg-0 border-0 shadow-nav-active-lg-up"
              aria-labelledby="vision-dropdown"
            >
              <div class="cca-container nav-desktop-only">
                
                <div class="d-flex align-items-start flex-column flex-lg-row border-left-10px border-left-110px-lg-up border-cc-sky py-4 p-lg-4 border-bottom border-bottom-color-default border-bottom-lg-0">         
  
    <div class="d-flex align-items-start px-lg-4 text-black">
      <div class="d-flex align-items-center" style="height: 37px;">
        <img class="mx-3" src="/images/icons/vision.svg" alt="">
      </div>
      <div class="d-flex align-items-center font-weight-bold white-space-nowrap-lg-up" style="height: 37px;">
        Vision Insurance
      </div>
    </div>

    <div class="d-flex flex-column align-items-start pl-lg-5 pl-62px">
      <a href="/vision/adult/" class="d-flex text-black pt-3 pt-lg-0 gtm-header-adult-vision">
        <div class="d-flex align-items-center" style="height: 37px;">
          <span class="rounded-circle border-cc-sky mr-2" style="border: 5px solid; height: 16px; width: 16px"></span>
        </div>
        <div>
          <div class="d-flex align-items-center white-space-nowrap-lg-up" style="height: 37px;">
            Adult Vision
          </div>
          <p class="font-size-12px m-0" style="max-width: 215px;"></p>
        </div>
      </a>
    </div>

    <div class="d-flex flex-column align-items-start pl-lg-5 pl-62px">
      <a href="/vision/childrens-vision/" class="d-flex text-black pt-3 pt-lg-0 gtm-header-childrens-vision">
        <div class="d-flex align-items-center" style="height: 37px;">
          <span class="rounded-circle border-cc-sky mr-2" style="border: 5px solid; height: 16px; width: 16px"></span>
        </div>
        <div>
          <div class="d-flex align-items-center white-space-nowrap-lg-up" style="height: 37px;">
            Children’s Vision
          </div>
          <p class="font-size-12px m-0" style="max-width: 215px;">
            
          </p>
        </div>
      </a>
    </div>
  
</div>

              </div>
              <div class="d-lg-none">
                
                <div
  class="d-flex flex-column border-bottom border-lg-0"
  style="padding-left: 20px"
>
  <div
    class="d-flex flex-column align-items-start justify-content-center"
    style="height: 48px"
  >
    <a
      href="/vision/adult/"
      class="d-flex text-black pt-lg-0 gtm-header-adult-vision"
    >
      <div class="d-flex align-items-center" style="height: 37px">
        <span
          class="rounded-circle border-cc-sky mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Adult Vision
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px"></p>
      </div>
    </a>
  </div>

  <div
    class="d-flex flex-column align-items-start justify-content-center mb-4"
    style="height: 48px"
  >
    <a
      href="/vision/childrens-vision/"
      class="d-flex text-black pt-lg-0 gtm-header-childrens-vision"
    >
      <div class="d-flex align-items-center" style="height: 37px">
        <span
          class="rounded-circle border-cc-sky mr-2"
          style="border: 5px solid; height: 16px; width: 16px"
        ></span>
      </div>
      <div>
        <div
          class="d-flex align-items-center white-space-nowrap-lg-up"
          style="height: 37px"
        >
          Children’s Vision
        </div>
        <p class="font-size-12px m-0" style="max-width: 215px">
          
        </p>
      </div>
    </a>
  </div>
</div>

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

          <!-- Support nav item -->
          
          <li class="nav-item navbar__nav-item px-lg-0" id="support">
            <a
              class="nav-link text-black text-lg-white d-flex justify-content-between border-bottom border-bottom-lg-0 mx-lg-0 vh-lg-100 align-items-center justify-content-lg-center nav-item__mobile-padding "
              id="support-dropdown"
              href="#"
              data-toggle="dropdown"
              role="button"
            >
              <span>Support</span>
              <i class="material-icons d-none d-lg-inline-block expand_more">
                <svg
                  width="24"
                  height="24"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.88 9.29006L12 13.1701L8.12 9.29006C7.73 8.90006 7.1 8.90006 6.71 9.29006C6.32 9.68006 6.32 10.3101 6.71 10.7001L11.3 15.2901C11.69 15.6801 12.32 15.6801 12.71 15.2901L17.3 10.7001C17.69 10.3101 17.69 9.68006 17.3 9.29006C16.91 8.91006 16.27 8.90006 15.88 9.29006Z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-none text-primary text-lg-white expand_less"
                ><svg
                  xmlns="http://www.w3.org/2000/svg"
                  height="24px"
                  viewBox="0 0 24 24"
                  width="24px"
                  fill="none"
                >
                  <path d="M0 0h24v24H0V0z" fill="none" />
                  <path
                    d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"
                    fill="white"
                  />
                </svg>
              </i>
              <i
                class="material-icons d-lg-none text-primary add"
                style="height: 24px;"
                aria-label="Plus Sign to Open Menu"
                >add</i
              >
              <i
                class="material-icons d-lg-none text-primary remove"
                style="height: 24px;"
                aria-label="Minus Sign to Close Menu"
                >remove</i
              >
              <span class="stroke-effect-nav"></span>
            </a>
            <div class="navbar__active-state-indicator"></div>
            <!-- support dropdown -->
            <div
              class="dropdown-menu w-100 m-lg-0 p-lg-0 border-0 shadow-nav-active-lg-up"
              aria-labelledby="support-dropdown"
            >
              <div class="cca-container nav-desktop-only">
                
                <div
  class="d-flex flex-column flex-lg-row justify-content-lg-around border-bottom border-bottom-color-default border-bottom-lg-0 py-lg-5"
>
  <a
    href="/support/"
    class="d-flex align-items-center text-black gtm-support-center-header"
  >
    <div class="d-flex py-3 pl-4 pl-lg-0 pr-12px py-lg-0">
      <img
        class="h-29px h-lg-32px"
        src="/images/icons/support-center-icon.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Support Center</span>
    </div>
  </a>

  <a
    href="/support/contact-us/"
    class="d-flex align-items-center text-black gtm-contact-us-header"
  >
    <div class="d-flex py-3 pl-4 pr-12px py-lg-0">
      <img
        class="h-29px h-lg-32px"
        src="/images/icons/contact-us.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Contact Us</span>
    </div>
  </a>

  <a
    href="/marketing-blog/"
    class="d-flex align-items-center text-black gtm-marketing-blog"
  >
    <div class="d-flex py-3 pl-4 pr-12px py-lg-0">
      <img
        class="h-29px h-lg-32px"
        src="/images/icons/blog.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Covered Blog</span>
    </div>
  </a>
</div>

              </div>
              <div class="d-lg-none">
                
                <div
  class="d-flex flex-column flex-lg-row justify-content-lg-around border-bottom border-bottom-color-default border-bottom-lg-0 py-lg-5 pb-4"
  style="padding-left: 20px"
>
  <a
    href="/support/"
    class="d-flex align-items-center h-48px text-black gtm-support-center-header"
  >
    <div
      class="d-flex pl-lg-0 pr-12px py-lg-0"
      style="padding-top: 9.5px; padding-bottom: 9.5px"
    >
      <img
        class="h-24px h-lg-32px"
        src="/images/icons/support-center-icon.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Support Center</span>
    </div>
  </a>

  <a
    href="/support/contact-us/"
    class="d-flex align-items-center text-black h-48px gtm-contact-us-header"
  >
    <div
      class="d-flex pr-12px py-lg-0"
      style="padding-top: 9.5px; padding-bottom: 9.5px"
    >
      <img
        class="h-24px h-lg-32px"
        src="/images/icons/contact-us.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Contact Us</span>
    </div>
  </a>

  <a
    href="/marketing-blog/"
    class="d-flex align-items-center text-black h-48px gtm-marketing-blog"
  >
    <div
      class="d-flex pr-12px py-lg-0"
      style="padding-top: 9.5px; padding-bottom: 9.5px"
    >
      <img
        class="h-24px h-lg-32px"
        src="/images/icons/blog.svg"
        alt=""
      />
    </div>
    <div class="d-flex">
      <span>Covered Blog</span>
    </div>
  </a>
</div>

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

          <!-- mobile only nav items -->


          <li class="nav-item navbar__nav-item my-3 d-lg-none">
            
            <a
              class="cca-button cca-button--fill-primary gtm-shop-and-compare-header"
              href="https://apply.coveredca.com/lw-shopandcompare/"
            >
              <span>Shop and Compare</span>
            </a>
          </li>

          <li class="nav-item navbar__nav-item mb-4 d-lg-none">
            <a
              class="nav-link d-flex cca-button cca-button--outline-primary justify-content-center py-3 mx-lg-0 gtm-sign-in-header"
              href="https://apply.coveredca.com/static/lw-web/login"
            >
              <span>Sign In</span>
            </a>
          </li>
          <!-- end mobile only nav items -->
        </ul>
        <!-- End Nav Items -->
      </div>

      <!-- Search Form Desktop -->
      <div
        id="navbar-search-toggle"
        class="form-inline d-none d-lg-flex"
      >
        <input
          class="form-control d-none"
          type="search"
          placeholder="Search"
          aria-label="Search"
        />
        <button
          class="btn btn-outline-white d-flex border-0 rounded-circle p-2 search-active-toggle"
          type="button"
        >
          <i class="material-icons">search</i>
        </button>
      </div>

      <!-- SignIn -->
      
      <ul class="navbar-nav d-none d-lg-flex pr-2">
        <li class="nav-item ">
          <a
            class="nav-link  text-white gtm-sign-in-header"
            href="https://apply.coveredca.com/static/lw-web/login"
            >Sign In
              <span class="stroke-effect-nav stroke-effect-nav--sign-in"></span>
          </a>
        </li>
      </ul>
      <ul class="navbar-nav d-lg-none d-flex">
        <li class="nav-item">
          <a
            class="text-white d-flex flex-column align-items-center justify-content-center gtm-sign-in-header"
            href="https://apply.coveredca.com/static/lw-web/login"
            style="gap:2px;
            height: 40px;"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="24"
              height="24"
              viewBox="0 0 24 24"
              fill="none"
            >
              <path
                d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z"
                fill="white"
              />
            </svg>
            <span class="navbar-mobile-menu-text text-white">Sign In</span>
            <span class="d-block position-relative">
              <span class="stroke-effect-nav stroke-effect-nav--sign-in"></span>
            </span>
          </a>
        </li>
      </ul>

      

      <!-- Shop and Compare button -->
      
      <div class="w-33 w-lg-auto justify-content-end d-none d-lg-flex">
        <ul class="navbar-nav">
          <li class="nav-item">
            
            <a
              class="btn btn-outline-white gtm-shop-and-compare-header"
              href="https://apply.coveredca.com/lw-shopandcompare/" style="padding: 6px 20px;"
            >
              <span class="d-none d-lg-inline-block "
                >Shop and Compare</span
              >
              <span class="d-inline-block d-lg-none navbar-button-text"
                >SHOP</span
              >
            </a>
            
          </li>
        </ul>
      </div>
      
    </nav>
  </div>
  <section class="bg-gradient-dark-to-primary" id="search-input-form">
  <div class="container">
    <div class="row">
      <div class="col-12 offset-lg-3 col-lg-6">
        <form action="/site-search.html" class="flex-grow-1 nav-site-search-form" id="site-search-form-nav">
          <div class="form-group mb-0">
            <div class="row">
              <div class="col-10 col-md-11">
                <div class="input-group">
                  <div class="input-group-prepend">
                    <button type="submit" class="form-control btn btn-white btn-primary-on-hover h-100 d-flex align-items-center border border-right-0" style="left: -1px">
                      <i class="material-icons color-primary">search</i>
                    </button>
                  </div>
                  <label for="site-search-input-nav" class="sr-only" style="top:1000px;">Search</label>
                  <input 
                    type="text" 
                    class="form-control nav-site-search-form__input nav-site-search-form__input--desktop" 
                    style="border-top-right-radius: 50rem; border-bottom-right-radius: 50rem;" 
                    id="site-search-input-nav" 
                    name="query" 
                    type="text" 
                    placeholder="Search CoveredCA.com">
                  <input type="hidden" class="d-none" id="site-search-index-nav" name="index" value="1">
                </div>
              </div>
              <div class="col-2 col-md-1">
                <div class="d-flex h-100 align-items-center">
                  <button class="bg-transparent border-0 p-0 search-active-toggle" type="button" style="height: 24px;"><i class="w-24px color-white material-icons">close</i></button>
                </div>
              </div>
              <div class="col-12 nav-site-search-form__invalid-feedback nav-site-search-form__invalid-feedback--white d-none" id="nav-site-search-input-invalid-feedback">

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

</div>
<div class="cca-navbar-spacer"></div>

 
  <div id="main-content-container_primary">
    <div class="" id="content" role="main">
  <section class="py-lg-61">
  <div class="container bg-lg-404">
    <div class="row px-lg-6">
      <div class="col-lg-8">
        <div class="h-180px h-lg-auto bg-404">
          <h1 class='font-size-28px font-size-lg-36px font-weight-bold editable w-60 w-lg-auto'>
              Uh oh. This page does not exist.
          </h1>
        </div>
        <div class="pt-3 pt-lg-0 pr-lg-51">
          <p class="color-gray editable">
              We can't bear to see you lost on our website. Use the search function or try one of these links instead.&nbsp;
          </p>

          <!-- Search Box -->
          <form action="/site-search.html" class="flex-grow-1 py-5 site-search-form-404 oops-search-form" id="site-search-form-nav">
            <div class="form-group mb-0">
              <div class="row">
                <div class="col-12">
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <button type="submit" class="form-control btn h-100 bg-white d-flex align-items-center border-primary border-right-0">
                        <i class="material-icons color-primary">search</i>
                      </button>
                    </div>
                    <label for="site-search-input-nav" class="sr-only" style="top:1000px;">Search</label>
                    <input type="text" class="form-control border-primary site-search-input-404 oops-search-form__input" style="border-top-right-radius: 50rem; border-bottom-right-radius: 50rem;" id="site-search-input-nav" name="query" placeholder="Search" aria-label="Input group example" />
                    <label for="site-search-index" class="sr-only" style="top:1000px;">Index</label>
                    <input type="text" class="d-none" id="site-search-index-nav" name="index" value="1" />
                  </div>
                </div>
                <div class="col-12 oops-search-form__invalid-feedback oops-search-form__invalid-feedback--white d-none" id="site-search-search-input-invalid-feedback">
                </div>
              </div>
            </div>
          </form>

          <!-- Links -->
          <div class="d-flex flex-column">
            <a class="py-2 editable gtm-404-contact-us" href="/support/contact-us/">Contact Us</a>
            <a class="py-2 editable gtm-404-how-to-apply" href="/apply/">Apply</a>
            <a class="py-2 editable gtm-404-reset-password" href="/support/account/forgot-username-or-password/">Reset Your Password</a>
            <a class="py-2 editable gtm-404-contact-insurance-company" href="/support/insurance-company-contacts/">Contact Your Insurance Company</a>
          </div>
        </div>

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

</div> 
 
  </div>

  <!-- Footer --> 
  <footer >
    <!-- Cici Root Node -->
    
      
        <div id="chatbot-root" class="minimized" style="z-index: 9999;"></div>
      
    

    
      <div class="footer-reminder-slot">
    <section
  class="reminder-signup is-in-footer"
  data-endpoint="https://cloud.marketing.coveredca.com/lead-capture"
  data-source="Footer"
  data-invalid-email-msg="Enter a valid email address"
>
  <div class="reminder-signup__container">
    <div class="reminder-signup__icon">
      <img src="/images/homePage-Redesign/reminder-icon.svg" alt="Envelope Icon" />
    </div>

    <h2 class="reminder-signup__heading">Get deadline reminders and tips for healthy living.</h2>

    <form class="reminder-signup__form" novalidate>
      <div class="reminder-signup__form-group">
        <label for="reminder-email" class="reminder-signup__label">Email Address</label>
        <input
          type="email"
          id="reminder-email"
          name="email"
          class="reminder-signup__input"
          placeholder="Enter your email"
          required
          autocomplete="email"
          inputmode="email"
        />
        <div id="reminder-email-error" class="reminder-signup__error" role="alert" aria-live="polite"></div>
      </div>
      <div class="reminder-signup__action">
        














<button class="cca-button cca-button--fill-primary cca-button--md-full-width reminder-signup__button gtm-sign-up"  type=submit>
    <span class="cca-button__label">Sign Up</span>
    




    



</button>


      </div>
    </form>

    <div class="reminder-signup__disclaimer">
      By submitting this form, I agree to being contacted by Covered California by the email address provided. To learn more, view our <a href='https://www.coveredca.com/privacy/'>privacy policy</a>.
    </div>
  </div>
</section>


  </div><section class="pb-3 pb-lg-4" style="background: linear-gradient(180deg, #414F70 0%, #2A3653 100%);">
  <div class="container">
    <div class="row text-white">
      <div class="col-lg-4 d-flex flex-column flex-lg-row justify-content-center justify-content-lg-start pb-4 pb-lg-0">
        <div class="text-center text-lg-left">
          <div class="pb-4 pb-md-5">
            <h2 class="h4 font-weight-bold">Contact Us</h2>
            <a href="tel:+18003001506"
               class="h3 font-weight-bold text-white gtm-footer-service-center-number">
               (800) 300-1506
            </a>

            <!-- other languages -->
            <h3 class="h5 m-0 mt-3">
              <button class="btn btn-link p-0 text-white collapsed gtm-other-languages-expandable"
                 data-toggle="collapse"
                 data-target="#other-languages-expand"
                 role="button"
                 aria-expanded="false"
                 aria-controls="other-languages-expand">
                 Other Languages
                 <span class="material-icons ml-1 align-bottom">keyboard_arrow_up</span>
              </button>
            </h3>
            <div class="collapse" id="other-languages-expand">
              <table class="text-left mx-auto ml-xl-0">
                <tbody>
                  <tr>
                    <th scope="col" class="sr-only">Language</th>
                  </tr>
                  
                    <tr>
                      <td>Arabic</td>
                      <td class="pl-md-4 pl-0">العربية</td>
                      <td class="pl-md-4 pl-0">(800) 826-6317</td>
                    </tr>
                  
                    <tr>
                      <td>Cantonese</td>
                      <td class="pl-md-4 pl-0">粵語</td>
                      <td class="pl-md-4 pl-0">(800) 339-8938</td>
                    </tr>
                  
                    <tr>
                      <td>Mandarin</td>
                      <td class="pl-md-4 pl-0">國語</td>
                      <td class="pl-md-4 pl-0">(800) 300-1533</td>
                    </tr>
                  
                    <tr>
                      <td>Hmong</td>
                      <td class="pl-md-4 pl-0">Hmoob</td>
                      <td class="pl-md-4 pl-0">(800) 771-2156</td>
                    </tr>
                  
                    <tr>
                      <td>Korean</td>
                      <td class="pl-md-4 pl-0">한국어</td>
                      <td class="pl-md-4 pl-0">(800) 738-9116</td>
                    </tr>
                  
                    <tr>
                      <td>Russian</td>
                      <td class="pl-md-4 pl-0">русский</td>
                      <td class="pl-md-4 pl-0">(800) 778-7695</td>
                    </tr>
                  
                    <tr>
                      <td>Filipino</td>
                      <td class="pl-md-4 pl-0">Tagalog</td>
                      <td class="pl-md-4 pl-0">(800) 983-8816</td>
                    </tr>
                  
                    <tr>
                      <td>Armenian</td>
                      <td class="pl-md-4 pl-0">հայերեն</td>
                      <td class="pl-md-4 pl-0">(800) 996-1009</td>
                    </tr>
                  
                    <tr>
                      <td>Farsi</td>
                      <td class="pl-md-4 pl-0">فارسی</td>
                      <td class="pl-md-4 pl-0">(800) 921-8879</td>
                    </tr>
                  
                    <tr>
                      <td>Khmer</td>
                      <td class="pl-md-4 pl-0">Khmer</td>
                      <td class="pl-md-4 pl-0">(800) 906-8528</td>
                    </tr>
                  
                    <tr>
                      <td>Lao</td>
                      <td class="pl-md-4 pl-0">Lao</td>
                      <td class="pl-md-4 pl-0">(800) 357-7976</td>
                    </tr>
                  
                    <tr>
                      <td>Spanish</td>
                      <td class="pl-md-4 pl-0">Español</td>
                      <td class="pl-md-4 pl-0">(800) 300-0213</td>
                    </tr>
                  
                    <tr>
                      <td>Vietnamese</td>
                      <td class="pl-md-4 pl-0">Tiếng Việt</td>
                      <td class="pl-md-4 pl-0">(800) 652-9528</td>
                    </tr>
                  
                </tbody>
              </table>
            </div>

            <div class="mt-2">
              TTY:
              <!-- Fixed: do NOT prepend another 'tel:' here -->
              <a class="text-white"
                 href="tel:+18888894500">
                 (888) 889-4500
              </a>
            </div>
          </div>

          <!-- hours -->
          <div>
            <h3 class="h5 m-0 position-relative">
              <span id="service-center-hours" style="position:absolute; top:-70px;"></span>
              <b>Service Center Hours</b>
            </h3>
            
              <div>Monday to Friday: 8 a.m. to 6 p.m.</div>
            
              <div>Saturday and Sunday: Closed </div>
            
              <div></div>
            

            <br>

            
              <div>Closed: Memorial Day (May 25)</div>
            

            <br>

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

            <br>
          </div>

          <div>
            <h3 class="h5 m-0"><b>New Customers</b></h3>
            <a href="/help-on-demand"
               class="font-weight-bold text-white gtm-footer-get-a-call-back">
               Get a call back from a licensed agent.
               <i class="material-icons-round ml-1 text-decoration-none align-middle font-12px">arrow_forward</i>
            </a>
          </div>

          <div>
            <div class="w-100 border-top border-white border-lg-0 pb-3"></div>
            <h2 class="h4 font-size-1rem-md-down font-weight-bold text-white">
              Follow Us
            </h2>
            <div class="d-flex justify-content-center justify-content-lg-start align-items-center pt-3">
              <a class="gtm-footer-fb"
                 href="https://www.facebook.com/CoveredCA/"><img style="height:24px;width:auto;padding-right:20px;" src="/images/icons/social/facebook.svg" alt="facebook"></a>
              <a class="gtm-footer-twitter"
                 href="https://twitter.com/CoveredCA"><img style="height:24px;width:auto;padding-right:20px;" src="/images/icons/social/x.svg" alt="twitter"></a>
              <a class="gtm-footer-instagram"
                 href="https://www.instagram.com/coveredca/?hl=en"><img style="height:24px;width:auto;padding-right:20px;" src="/images/icons/social/instagram.svg" alt="instagram"></a>
              <a class="gtm-footer-youtube"
                 href="https://www.youtube.com/user/CoveredCA"><img style="height:24px;width:auto;padding-right:20px;" src="/images/icons/social/youtube.svg" alt="youtube"></a>
              <a class="gtm-footer-linkedin"
                 href="https://www.linkedin.com/company/coveredca/"><img style="height:24px;width:auto;padding-right:20px;" src="/images/icons/social/linkedin.svg" alt="linkedin"></a>
              <a class="gtm-footer-tiktok"
                 href="https://www.tiktok.com/@coveredca"><img style="height:24px;width:auto;" src="/images/icons/social/tiktok.svg" alt="tiktok"></a>
            </div>
            <p></p>
          </div>
        </div>
        <div class="border-left border-top border-white mx-lg-auto"></div>
      </div>

      <div class="col-6 col-lg-4">
        <h2 class="h4 font-size-1rem-md-down font-weight-bold border-bottom border-white pb-3">
          Shop
        </h2>
        <ul class="list-unstyled pb-4">
          
            <li class="font-md-12px pt-3">
              <a href="https://apply.coveredca.com/lw-shopandcompare/" class="text-white gtm-shop-and-compare-footer">Shop and Compare</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="https://www.coveredca.com/support/find-an-enroller/" class="text-white gtm-find-an-enroller-footer">Find an Enroller</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/get-started/" class="text-white gtm-apply-footer">Start Your Enrollment</a>
            </li>
          
        </ul>

        <h2 class="h4 font-size-1rem-md-down font-weight-bold border-bottom border-white pb-3 my-account">
          My Account
        </h2>
        <ul class="list-unstyled pb-4">
          
            <li class="font-md-12px pt-3">
              <a href="https://apply.coveredca.com/static/lw-web/login?resource_url=https%3A%2F%2Fapply.coveredca.com%2Fapspahbx%2Fahbx.portal" class="text-white gtm-footer-sign-in">Sign In</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="https://apply.coveredca.com/static/lw-web/account-creation/create" class="text-white gtm-footer-create-an-account">Create an Account</a>
            </li>
          
        </ul>

        
          <div class="pb-3">
            <a href="/forsmallbusiness/" 
               class="font-md-12px font-weight-bold text-white gtm-ccsb">Covered California for Small Business</a>
          </div>
        
          <div class="pb-3">
            <a href="/resources/" 
               class="font-md-12px font-weight-bold text-white gtm-enrollment-partners-and-agents">Enrollment Partners and Agents</a>
          </div>
        
          <div class="pb-3">
            <a href="/newsroom/" 
               class="font-md-12px font-weight-bold text-white gtm-footer-newsroom">Newsroom</a>
          </div>
        
          <div class="pb-3">
            <a href="https://hbex.coveredca.com/careers/" 
               class="font-md-12px font-weight-bold text-white gtm-footer-careers">Careers</a>
          </div>
        
          <div class="pb-3">
            <a href="https://registertovote.ca.gov/?t=n&id=4/" target="_blank"
               class="font-md-12px font-weight-bold text-white gtm-footer-register-to-vote">Register to Vote</a>
          </div>
        
      </div>

      <div class="col-6 col-lg-4">
        <h2 class="h4 font-size-1rem-md-down font-weight-bold border-bottom border-white pb-3">
          Learn
        </h2>
        <ul class="list-unstyled">
          
            <li class="font-md-12px pt-3">
              <a href="/learning-center/" class="text-white gtm-footer-learning-center">Learning Center</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/support/" class="text-white gtm-footer-support">Support</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/dental/family/" class="text-white gtm-footer-dental">Dental</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/vision/adult/" class="text-white gtm-footer-vision">Vision</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/members/" class="text-white gtm-footer-members">Enrollees</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/what-is-covered-california/" class="text-white gtm-footer-what-is-covered-ca">What is Covered California?</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/learning-center/information-for-immigrants/" class="text-white ">Information for Immigrants</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/learning-center/american-indians-and-alaskan-natives/" class="text-white gtm-footer-aian">American Indians and Alaska Natives</a>
            </li>
          
            <li class="font-md-12px pt-3">
              <a href="/marketing-blog/" class="text-white gtm-marketing-blog">Covered Blog</a>
            </li>
          
        </ul>
      </div>
    </div>
  </div>
</section>

<section class="py-4">
  <div class="container">
    <div class="d-flex justify-content-center">
      <ul class="list-unstyled font-size-12px text-center text-lg-left">
        
          <li class="d-lg-inline-block border-right-lg-up border-color-dark-purple pb-1 pr-0 pr-lg-3">
            <a class="text-reset gtm-footer-accessibilty" href="/accessibility/">Accessibility and Nondiscrimination</a>
          </li>
        
          <li class="d-lg-inline-block border-right-lg-up border-color-dark-purple pb-1 px-0 px-lg-3">
            <a class="text-reset gtm-footer-terms" href="/privacy/terms/">Terms of Use</a>
          </li>
        
          <li class="d-lg-inline-block border-right-lg-up border-color-dark-purple pb-1 px-0 px-lg-3">
            <a class="text-reset gtm-footer-privacy" href="/privacy/">Privacy Policy</a>
          </li>
        
          <li class="d-lg-inline-block border-right-lg-up border-color-dark-purple pb-1 px-0 px-lg-3">
            <a class="text-reset gtm-footer-consumer-protection" href="/consumer-protection/">Protecting Our Consumers</a>
          </li>
        
          <li class="d-lg-inline-block pl-0 pl-lg-3">
            <a class="text-reset " href="/social-media-comment-policy/">Social Media Commenting Disclaimer</a>
          </li>
        
      </ul>
    </div>

    <div class="w-100 border-top mb-3" style="border-color:#70809E!important;"></div><div class="d-flex justify-content-center">
      <ul id="language-links" class="list-unstyled font-size-12px text-center">
        
          

          

          <li class="d-block d-lg-inline-block border-right-lg-up border-color-dark-purple pr-2">
            <a class="text-reset gtm-footer-espanol" href="/espanol/">Español</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-arabic" href="/arabic/">العربية</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-chinese" href="/chinese/">繁中</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset " href="/chinese-simplified/">简中</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-hmong" href="/hmong/">hmoob</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-korean" href="/korean/">한국어</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-russian" href="/russian/">ру́сский</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-tagalog" href="/tagalog/">Tagalog</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-armenian" href="/armenian/">հայերեն</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-farsi" href="/farsi/">فارسی</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-khmer" href="/khmer/">Khmer</a>
          </li>
        
          

          

          <li class="d-inline-block border-right border-color-dark-purple px-2">
            <a class="text-reset gtm-footer-lao" href="/lao/">Lao</a>
          </li>
        
          

          

          <li class="d-inline-block pl-1">
            <a class="text-reset gtm-footer-vietnamese" href="/vietnamese/">Tiếng Việt</a>
          </li>
        
      </ul>
    </div>

    <div class="d-flex flex-column align-items-center">
      <p class="font-size-12px cca-content-link-underline"><a class="gtm-footer-coveredca" href="/">CoveredCA.com</a> is sponsored by Covered California and the <a class="gtm-footer-dhcs" href="https://www.dhcs.ca.gov/"> Department of Health Care Services</a>, which work together to support health insurance shoppers to get the coverage and care that’s right for them.</p>
      <p class="font-size-12px">Copyright © 2026 Covered California</p>
    </div>
  </div>
</section>

<!-- Version Number -->
<script src="/js/homepage/reminder-signup.js"></script>

<div>
  
  
  
  
  
  4.4.1
</div>


  <div class="modal" tabindex="-1" id="subsidy-calculator-modal" aria-labelledby="subsidy-calculator-modal-label" aria-hidden="true">
  <div class="modal-dialog mw-100">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="subsidy-calculator-modal-label">Calculator</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="container">
          <div class="row">
            <div class="col-md-10 offset-md-1 col-12">
              <h2 class="font-weight-bold text-center pb-2">
                Estimate What You’ll Pay
              </h2>
              <p class="text-center" style="font-size: 21px">
                Estimate what you might pay for your plan with the help of our
                nifty calculator.
              </p>
            </div>
          </div>
        </div>
        <!-- Calculator Component -->
        
        <div  class="quick-calculator-container">
  <!-- Calculator -->
  <div id="subsidy-calculator" class="subsidy-calculator">
    <!-- Calculator Form -->
    <form id="calculator-form" class="subsidy-calculator__form py-3 px-3 px-md-0 d-none" autocomplete="off">
  <!-- Calculator API Error Message -->
  <div id="subsidy-calculator__calculate-error-message" class="row mr-0 d-none">
    <div class="col">
      <div class="alert alert-danger text-center">
        
      </div>
    </div>
  </div>
  <!-- Household Income, Zip and County -->
  <div class="row mr-0 align-items-start">
    <!-- Household Income -->
    <div class="col-md-4 py-3">
      <div id="household-income-component-01">
        <div class="household-income-component">
  <!-- HouseholdIncome Label -->
  <div class="mb-2">
    <label class="household-income-component__label font-weight-bold d-inline m-0" for="subsidy-calculator__household-income">
      Household Income
    </label>
    <span id="calculator-tooltip--household-income" 
      data-toggle="tooltip" 
      title="{"tooltip_id" => "income-tooltip", "tooltip_text" => "Household income refers to the estimated combined income of all family members for the year you plan to have coverage.", "tooltip_position" => nil, "icon_class" => nil}" 
      class="font-18px text-primary cursor-pointer d-inline material-icons-outlined subsidy-calculator__tooltip-trigger" tabindex="0"
      data-template='<div class="tooltip subsidy-calculator__tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
    >
      info
    </span>
  </div>
  <!-- HouseholdIncome Input -->
  <div class="d-flex">
    <input id="subsidy-calculator__household-income" class="household-income-component__input subsidy-calculator__input subsidy-calculator__input-income order-2" placeholder="28,000" type="text" />
    <div class="input-group-prepend order-1">
      <span class="subsidy-calculator__dollar-sign">$</span>
    </div>
  </div>
  <!-- HouseholdIncome Invalid Feedback -->
  <div id="subsidy-calculator__household-income-invalid-feedback" class="household-income-component__invalid-feedback invalid-feedback">
    Please enter a number
  </div>
</div>

      </div>
    </div>
    <!-- ZIP -->
    <div class="col-6 col-md-4 py-3">
      <div id="zip-component-01">
        
  <!-- ZIP Code Component -->
  <div class="zip-code-component">
    <!-- Label -->
    <label class="font-weight-bold zip-code-component__label" for="subsidy-calculator__zip-code">ZIP Code</label> <br />
    <!-- Input Group -->
    <div class="d-flex">
      <!-- Input -->
      <input id="subsidy-calculator__zip-code" class="zip-code-component__input subsidy-calculator__input" placeholder="95834" type="text" />
      <!-- Location Button -->
      <div class="input-group-append">
        <span class="input-group-text icon-styles subsidy-calculator__form-control">
          <button class="subsidy-calculator__flat-button gtm-calculator-geolocation zip-code-component__location-button" type="button">
            <span class="sr-only">location</span>
            <svg class="subsidy-calculator__icon-primary" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
              <path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z">
              </path>
            </svg>
          </button>
        </span>
      </div>
    </div>
    <!-- Invalid Feedback -->
    <div class="zip-code-component__invalid-feedback invalid-feedback">
      Please enter a valid ZIP code
    </div>
  </div>

      </div>
    </div>
    <!-- County -->
    <div class="col-6 col-md-4 py-3">
      <div id="county-01" class="d-none">
        
  <div class="county-component">
    <label class="county-component__label font-weight-bold" for="subsidy-calculator__county">County</label> <br />
    <select id="subsidy-calculator__county" class="county-component__input subsidy-calculator__select">
      <option value="Sacramento">Sacramento</option>            
    </select>
  </div>

      </div>
    </div>
  </div>
  <!-- Household Size, How many need coverage, coverage year-->
  <div class="row mr-0 align-items-start">
    <div id="household-size" class="col-6 col-md-4 py-3 align-self-end">
      <div class="household-size-component subsidy-calculator__household-size">
  <div class="mb-2">
    <label class="household-size-component__label font-weight-bold d-inline m-0" for="subsidy-calculator__household-size">
      Household Size
    </label>
    <span 
      id="calculator-tooltip--household-size" 
      data-toggle="tooltip" 
      data-placement="right" 
      title="{"tooltip_id" => "income-tooltip", "tooltip_text" => "Include only the tax filer and any spouse or dependents (even if they aren’t applying for insurance).", "tooltip_position" => nil, "icon_class" => nil}" 
      class="font-18px text-primary cursor-pointer material-icons-outlined subsidy-calculator__tooltip-trigger" tabindex="0"
      data-template='<div class="tooltip subsidy-calculator__tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
    >
      info
    </span>
  </div>
  <select id="subsidy-calculator__household-size" class="subsidy-calculator__select household-size-component__input">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
  </select>
  <div role="alert">
    <div id="subsidy-calculator__household-size-invalid-feedback" class="invalid-feedback household-size-component__invalid-feedback">
      Household size must be the same or more than how many need coverage.
    </div>
  </div>
</div>

    </div>
    <div id="need-coverage" class="col-6 col-md-4 py-3">
      <div class="need-coverage-component">
  <label class="need-coverage-component__label font-weight-bold" for="subsidy-calculator__need-coverage">How many need coverage?</label> <br />
  <select id="subsidy-calculator__need-coverage" class="need-coverage-component__input subsidy-calculator__select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
  </select>
  <div role="alert">
    <div id="subsidy-calculator__need-coverage-invalid-feedback" class="need-coverage-component__invalid-feedback invalid-feedback">
      Cannot be more than the household size
    </div>
  </div>
</div>

    </div>
    <div id="coverage-year" class="col-12 col-md-4 py-3">
      <div class="coverage-year-component">
  <div class="mb-2">
    <label class="coverage-year-component__label font-weight-bold d-inline m-0" for="subsidy-calculator__coverage-year">
      Coverage Year
    </label>
  </div>
  <select id="subsidy-calculator__coverage-year" class="coverage-year-component__input subsidy-calculator__select">
    
    
      <option value="2026">2026</option>
    
      <option value="2025">2025</option>
    
  </select>
  <div class="coverage-year-component__invalid-feedback invalid-feedback" role="alert">
    Please enter a coverage year
  </div>
</div>
<!-- <script>
  const now = new Date();

  if(now.getFullYear() > 2021)
    document.getElementById('coverage-year').style.display = 'none';
</script> -->

    </div>
  </div>
  <!-- Age of members needing coverage -->
  <div class="row">
    <div id="ages" class="col-12">
      <div class="ages-component pt-4">
  <div class="mb-2">
    <span class="ages-component__label d-inline-block font-weight-bold pr-2">
      Age of People Needing Coverage
      <span 
        id="calculator-tooltip--member-ages" 
        data-toggle="tooltip" 
        data-placement="right" 
        title="If under one year old, enter &quot;1&quot;. Enter the age you and your household members will be on Jan. 1, 2025." 
        class="font-18px text-primary cursor-pointer material-icons-outlined subsidy-calculator__tooltip-trigger" tabindex="0"
        data-template='<div class="tooltip subsidy-calculator__tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
      >
        info
      </span>
    </span>
    <span id="member-age-label" class="d-none">Age of People Needing Coverage</span>
  </div>
  <!-- Household Member Ages Input Container -->
  <div id="household-members" class="ages-component__ages-container d-flex flex-wrap m-0 w-100">
  </div>
  <div role="alert">
    <div id="household-members-invalid-feedback" class="ages-component__invalid-feedback invalid-feedback">
      Please enter a valid age for each person.
    </div>
  </div>
</div>

    </div>
  </div>
  <!-- UIB -->
  <div class="row mr-0 align-items-start pt-4 d-none">
    <div id="received-unemployment-benefits" class="col-md-8">
      <div class="uib-component">
  <div class="font-weight-bold mb-2">
    Received unemployment benefits in 2021? 
    <span 
      id="calculator-tooltip--uib" 
      data-toggle="tooltip" 
      data-placement="right" 
      title="If yes, your household likely qualifies for Silver 94 plans with lower deductibles, copays, and coinsurance — all for as low as $1 per person." 
      class="font-18px text-primary cursor-pointer ml-2 material-icons-outlined subsidy-calculator__tooltip-trigger" 
      tabindex="0"
      data-template='<div class="tooltip subsidy-calculator__tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
    >
      info
    </span>
  </div>
  <div class="d-inline-block pr-5 radio-container">
    <label for="yes-unemployment">Yes
      <input class="uib-component__yes-radio" type="radio" id="yes-unemployment" name="unemployment-benefits" value="yes" />
      <span class="custom-radio"></span>
    </label><br />
  </div>
  <div class="d-inline-block radio-container">
    <label for="no-unemployment">No
      <input class="uib-component__no-radio" type="radio" id="no-unemployment" name="unemployment-benefits" value="no" checked />
      <span class="custom-radio"></span>
    </label><br />
  </div>
  <div id="received-unemployment-benefits--info" class="subsidy-calculator__uib-info d-none">
    
  </div>
</div>

    </div>
  </div>
  <!-- Calculate Button -->
  <div class="row mr-0 mt-auto pt-4">
    <div class="col-12 d-md-flex justify-content-md-end pr-md-5 py-3">
      <div id="calculate">
        <a href="#results-container" id="calculate-desktop" class="subsidy-calculator__calculate-button btn btn-primary px-0 px-lg-5 d-none d-sm-block gtm-calculator-calculate"></a>
        <a href="#results-container" id="calculate-mobile" class="subsidy-calculator__calculate-btn-mobile btn btn-primary px-5 d-block d-sm-none w-75 mx-auto gtm-calculator-calculate"></a>
      </div>
    </div>
  </div>
</form>

    <!-- Calculator Results -->
    <div id="results-container" class="subsidy-calculator__result d-none bg-primary text-white text-center p-3 pt-5">
      <div id="results-sr-only" class="sr-only" aria-live="polite">
          
      </div>
      <div aria-hidden="true">
        <!-- Header -->
        <h3 id="result-details-heading--cc" class="subsidy-calculator__h3"></h3>
        <h3 id="result-details-heading--medi-cal" class="subsidy-calculator__h3 mb-0 d-none"></h3>
        <!-- Circle -->
        <div class="position-relative mx-auto w-160px h-160px">
          <!-- Mixed Household -->
          <div id="cc-or-mixed-results">
            <div class="circle__box">
              <div class="circle__wrapper circle__wrapper--right">
                <div class="circle__whole circle__right"></div>
              </div>
              <div class="circle__wrapper circle__wrapper--left">
                <div class="circle__whole circle__left"></div>
              </div>
            </div>
            <div class="position-absolute top-25 d-flex justify-content-center w-100">
              <div class="subsidy-calculator__checkmark-circle left-auto">
                <span class="subsidy-calculator__checkmark material-icons">done</span>
              </div>
              <span class="subsidy-calculator__circle-amount">
                $<span class="d-inline-block" id="net-premium-for-sls-value"></span>
                  <span class="subsidy-calculator__per-month"></span>
              </span>
            </div>
          </div>
          <!-- Medical -->
          <div id="medi-cal-results" class="p-3 d-none">
            <div class="flex-column justify-content-center align-items-center medi-cal-result-container">
              <img id="medi-cal-logo" class="p-3" src="/images/icons/medi-cal-result.svg" alt="" />
              <span class="font-weight-bold h4">Medi-Cal</span>
            </div>
          </div>
        </div>
        <span id="result-details-subheading" class="h4 font-weight-bold d-block mb-0"></span>
        <div class="text-center h4 font-weight-bold d-none mb-0" id="net-premium-for-lowest-bronze-container">
          <span></span><span class="subsidy-calculator__you-save">&nbsp;$<span id="net-premium-for-lowest-bronze"></span></span>.
        </div>
        <!-- You may qualify for -->
        <span class="subsidy-calculator__you-may-qualify-for mt-3">
          <span id="household-type-label--cc" class="d-none">:</span> 
          <span id="household-type-label--mixed" class="d-none">:</span> 
          <span id="household-type-label--medi-cal" class="d-none">:</span> 
          <span id="household-type--cc" class="font-weight-bold d-none"></span>
          <span id="household-type--mixed" class="d-none"></span>
          <span id="household-type--medi-cal" class="d-none"></span>
        </span>
        <span class="subsidy-calculator__hr"></span>
        <div class="mt-3 mb-4 pl-lg-4 pl-md-2 pl-3">
          <div id="result-bullet-1" class="align-items-start mb-3 d-none">
            <span class="material-icons subsidy-calculator__list-checkmark">
              check_circle
            </span>
            <span class="subsidy-calculator__result-text text-left">
              : 
              <span class="subsidy-calculator__you-save font-weight-bold">
                $<span id="max-aptc-value"></span>
              </span>
              <span class="font-weight-bold">
                
              </span>
            </span>
          </div>
          <div id="result-bullet-2" class="align-items-start mb-3 d-none">
            <span class="material-icons subsidy-calculator__list-checkmark">
              check_circle
            </span>
            <span class="subsidy-calculator__result-text text-left"></span>
          </div>

          <div id="result-bullet-3" class="align-items-start mb-3 d-none">
            <span class="material-icons subsidy-calculator__list-checkmark">
              check_circle
            </span>
            <span class="subsidy-calculator__result-text text-left"></span>
          </div>

          <div id="result-bullet-4" class="align-items-start mb-3 d-none">
            <span class="material-icons subsidy-calculator__list-checkmark">
              check_circle
            </span>
            <span class="subsidy-calculator__result-text text-left"></span>
          </div>
          
        </div>

      </div>
      <!-- Action Button -->
      <div class="mt-auto">
        <a onclick="(function(){
          window.dataLayer.push({
            event: 'calculator',
            eventDetails: {
              name: 'QQ_Continue'
            }
          })
          return false;
      })();return true;" id="learn-more" href="" class="gtm-calculator-apply disabled subsidy-calculator__action-button">
          
        </a>
      </div>
      <span class="subsidy-calculator__legal-copy justify-content-center align-items-center d-none" aria-hidden="true"> <span data-toggle="tooltip" title="" class="font-18px text-white ml-2 cursor-pointer material-icons-outlined subsidy-calculator__tooltip-trigger" tabindex="0">info</span></span>
    </div>
    <!-- Debugging - remove 'd-none' -->
    <div class="d-none subsidy-calculator__details">
      <span><strong>Total Subsidy:</strong> $</span><span id="max-aptc-value-debugging"></span> <br />
      <span><strong>Members going to cca:</strong> </span><span id="members-going-to-cca-value"></span> <br />
      <span><strong>Members going to medical:</strong> </span><span id="members-going-to-medical-value"></span> <br />
      <span><strong>Fed Fairshare:</strong> $</span><span id="federal-fairshare-value"></span> <br />
      <span><strong>FPL%:</strong> </span><span id="fpl-percentage"></span> <br />
      <span><strong>Percentage of income:</strong> </span><span id="percentage-of-income"></span> <br />
      <span><strong>SLS Benchmark cost:</strong> </span><span id="sls-benchmark-cost"></span> <br />
      <span><strong>SLS Rate:</strong> </span><span id="sls-rate"></span> <br />
      <span><strong>Household Rating Factor:</strong> </span><span id="household-rating-factor"></span> <br />
    </div>
    <!-- Edit Button -->
     
    <a href="cloudcannon:collections/_data/quick-calculator.yml:/explore/_data/quick-calculator.yml" class="btn btn-warning editor-link edit-post-button">
      <strong>Edit Calculator</strong>
    </a>
    
    <!-- Mobile Start Over Button -->
    <div id="mobile-start-over-button" class="gradient--cc-sky-to-white d-xl-none d-lg-none d-md-none d-none">
      <div class="form-inline subsidy-calculator__start-over" id="start-over">                            
        <span class="mr-1">
          
            Start Over
          
        </span>
        <button type="button" class="btn btn-startover shadow-startover d-flex justify-content-center align-items-center gtm-calculator-start-over">
          <i class="material-icons">expand_less</i>
        </button>
      </div>
    </div>
  </div> 
  <!-- Loading Screen -->
  <div id="loading-screen" class="subsidy-calculator__loading-screen">
    <div class="spinner-grow text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
    <div class="spinner-grow text-secondary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
    <div class="spinner-grow text-success" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <!-- Calculator Fallback -->
  <div id="calculator-fallback" class="row justify-content-center w-100 d-none">
    <div class="col-12 p-md-0">
      <div class="calculator-fallback">
  <img class="calculator-fallback__image" src="/images/calc-fail-bear.svg" alt="Confused Bear Holding Power Cord" >
  <div class="calculator-fallback__content">
    <h2 class="calculator-fallback__heading">
      
    </h2>
    <div class="calculator-fallback__action">
      <div class="calculator-fallback__action-text">
        

      </div>
      <div class="calculator-fallback__action-button-container">
        <a class="calculator-fallback__action-button" href="">
          
        </a>
      </div>
    </div>
  </div>
</div>

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




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



    
   
  </footer>

  <!-- Scripts -->
  <div class="to-top shadow-primary">
    <div class="d-flex flex-column align-items-center justify-content-center">
      <span class="material-icons">keyboard_arrow_up</span>
      <div>TOP</div>
    </div>
  </div>

<!-- CCA Lead Modal (global) -->
<div
  id="leadModal"
  class="cca-modal"
  aria-hidden="true"
  data-cca-modal
  data-success-title="You’re all signed up!"
  data-success-text="If you don’t see a welcome email from us within 24 hours, check your junk folder."
  data-delay="20000"
  data-closing-in="Closing in"
  data-storage="local"
  data-once-key="leadModalShown_v1"
  data-error-required="Enter an email address"
  data-endpoint="https://cloud.marketing.coveredca.com/lead-capture"
  data-source="Pop-up"
>
  <div class="cca-modal__backdrop"></div>
  <div
    class="cca-modal__dialog"
    role="dialog"
    aria-modal="true"
    aria-labelledby="leadModal-title"
    aria-describedby="leadModal-desc"
    tabindex="-1"
  >
    <header class="cca-modal__header"><lottie-player
        id="leadModal-lottie"
        class="cca-modal__lottie"
        src="/images/homePage-Redesign/lottie/email-popup-icon.json"
        background="transparent"
        speed="1"
      >
      </lottie-player><h2 id="leadModal-title" class="cca-modal__title">
        Welcome!
      </h2><p id="leadModal-intro" class="cca-modal__intro">
        Get updates and helpful information from Covered California, including deadlines.
      </p><button class="cca-modal__close" aria-label="Close dialog" data-close>
        &times;
      </button>
    </header>

    <div class="cca-modal__body" id="leadModal-desc">
      <!-- FORM STATE (default) -->
      <form id="leadModal-form" class="cca-lead-form" novalidate>
        <label class="cca-lead-form__label" for="leadModal-email"
          >Email Address</label
        >
        <input
          id="leadModal-email"
          name="email"
          type="email"
          inputmode="email"
          required
        />
        <p class="cca-lead-form__error" id="leadEmailError" aria-live="polite">
          <img
            class="cca-lead-form__error-icon"
            src="/images/homePage-Redesign/alert.svg"
            alt=""
            aria-hidden="true"
          />
          <span data-error-text></span>
        </p>
        <button class="btn btn-primary cca-lead-form__btn" type="submit">
          Sign Up
        </button>
        <p class="small mt-2" aria-live="polite" data-msg></p>
      </form><p class="cca-modal__disclaimer">By signing up, I agree to be contacted by Covered California at the email address provided. To learn more, view our <a href="https://www.coveredca.com/privacy/" target="_blank" rel="noopener noreferrer">privacy policy</a>.
</p></div>
  </div>
</div>


<!-- CCA Modal runtime (load once, on every page) -->
<script src="/js/homepage/cca-modal.js" defer></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" defer></script>

<script src="/js/homepage/cca-lead-modal-init.js" defer></script>

  <!-- TODO download the actual assets instead of using the CDNs so that they dont break when updates are available -->
<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"
></script>
<script
  src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  crossorigin="anonymous"
></script>
<script
  src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/inputmask.min.js"></script>

<!-- update shop and compare links if calculator has been used -->
<script src="/js/shop-and-compare-link-updater.js"></script>

<!-- Enable tooltip from bootstrap -->
<script>
  $(function () {
    // All tooltips NOT in the calculator declared without options
    $(
      '[data-toggle="tooltip"]:not(.subsidy-calculator__tooltip-trigger)'
    ).tooltip();
    // All tooltips in the calculator declared to be triggered by focus
    $(".subsidy-calculator__tooltip-trigger").tooltip({ trigger: "focus" });
  });
</script>



<!-- Quick Calculator Javascript -->


<!-- Financial Help Tool Javascript -->
<script src="/js/components/financial-help-tool.js"></script>

<!-- TODO try to minify these javascripts as part of build process -->
<script src="/js/navbar-cca.js"></script>
<script src="/js/banner-site-wide.js?v=1.1"></script>


<script src="/js/global-alert.js"></script>


<script src="/js/banner.js"></script>
<script src="/js/subnav.js"></script>
<script src="/js/skipnav.js"></script>
<script src="/js/footer.js"></script>
<script src="/js/toggleData.js"></script>
<script src="/js/hover-collapse.js"></script>
<script src="/js/site-search-ui.js?v=2.1"></script>

<script src="/js/lead-capture.js"></script>

<script src="/js/get-started-tab-state.js"></script>
<script src="/js/gtm-thumbs-up-thumbs-down.js"></script>
<script src="/js/gtm-financial-help-tool.js"></script>
<script src="/js/gtm-cici.js"></script>
<!-- Custom - thumbs-up-thumbs-down -->
<!-- <script src="/js/components/thumbs-up-thumbs-down.js"></script> -->
<!-- Custom - quicklinks collapse/expand -->
<!-- <script src="/js/components/CollapsibleSidebar.js"></script> -->
<!-- Toggle Class -->
<!-- <script src="/js/components/Toggle.js"></script> -->

<!-- Handle Clicks to add data to datalayer -->
<script>
  //get the classes of clickables that are associated to a campaign
  const classesOfClickablesWithCampaign =  ["gtm-404-contact-us","gtm-404-how-to-apply","gtm-404-reset-password","gtm-404-contact-insurance-company"];

  
   classesOfClickablesWithCampaign.push("gtm-sign-in-header");
  
   classesOfClickablesWithCampaign.push("gtm-shop-and-compare-header");
  
   classesOfClickablesWithCampaign.push("gtm-apply-header-mobile");
  
   classesOfClickablesWithCampaign.push("gtm-header-get-started");
  
   classesOfClickablesWithCampaign.push("gtm-header-covered-ca-plans");
  
   classesOfClickablesWithCampaign.push("gtm-header-bronze");
  
   classesOfClickablesWithCampaign.push("gtm-header-silver");
  
   classesOfClickablesWithCampaign.push("gtm-header-gold");
  
   classesOfClickablesWithCampaign.push("gtm-header-platinum");
  
   classesOfClickablesWithCampaign.push("gtm-header-medi-cal");
  
   classesOfClickablesWithCampaign.push("gtm-header-individuals-and-families");
  
   classesOfClickablesWithCampaign.push("gtm-header-children");
  
   classesOfClickablesWithCampaign.push("gtm-header-pregnancy");
  
   classesOfClickablesWithCampaign.push("gtm-header-health-shop-and-compare");
  
   classesOfClickablesWithCampaign.push("gtm-header-dental-coverage");
  
   classesOfClickablesWithCampaign.push("gtm-header-childrens-dental");
  
   classesOfClickablesWithCampaign.push("gtm-header-family-dental");
  
   classesOfClickablesWithCampaign.push("gtm-header-adult-vision");
  
   classesOfClickablesWithCampaign.push("gtm-header-childrens-vision");
  
   classesOfClickablesWithCampaign.push("gtm-support-center-header");
  
   classesOfClickablesWithCampaign.push("gtm-contact-us-header");
  
   classesOfClickablesWithCampaign.push("gtm-how-to-videos-header");
  
   classesOfClickablesWithCampaign.push("gtm-service-center-number-header");
  

  
   classesOfClickablesWithCampaign.push("gtm-sign-up");
  
   classesOfClickablesWithCampaign.push("gtm-lead-popup-subscribe");
  
   classesOfClickablesWithCampaign.push("gtm-footer-service-center-number");
  
   classesOfClickablesWithCampaign.push("gtm-other-languages-expandable");
  
   classesOfClickablesWithCampaign.push("gtm-footer-get-a-call-back");
  
   classesOfClickablesWithCampaign.push("gtm-shop-and-compare-footer");
  
   classesOfClickablesWithCampaign.push("gtm-find-an-enroller-footer");
  
   classesOfClickablesWithCampaign.push("gtm-apply-footer");
  
   classesOfClickablesWithCampaign.push("gtm-footer-sign-in");
  
   classesOfClickablesWithCampaign.push("gtm-footer-create-an-account");
  
   classesOfClickablesWithCampaign.push("gtm-footer-learning-center");
  
   classesOfClickablesWithCampaign.push("gtm-footer-support");
  
   classesOfClickablesWithCampaign.push("gtm-footer-health");
  
   classesOfClickablesWithCampaign.push("gtm-footer-dental");
  
   classesOfClickablesWithCampaign.push("gtm-footer-vision");
  
   classesOfClickablesWithCampaign.push("gtm-footer-members");
  
   classesOfClickablesWithCampaign.push("gtm-footer-what-is-covered-ca");
  
   classesOfClickablesWithCampaign.push("gtm-footer-aian");
  
   classesOfClickablesWithCampaign.push("gtm-marketing-blog");
  
   classesOfClickablesWithCampaign.push("gtm-ccsb");
  
   classesOfClickablesWithCampaign.push("gtm-enrollment-partners-and-agents");
  
   classesOfClickablesWithCampaign.push("gtm-footer-newsroom");
  
   classesOfClickablesWithCampaign.push("gtm-footer-careers");
  
   classesOfClickablesWithCampaign.push("gtm-footer-register-to-vote");
  
   classesOfClickablesWithCampaign.push("gtm-footer-fb");
  
   classesOfClickablesWithCampaign.push("gtm-footer-twitter");
  
   classesOfClickablesWithCampaign.push("gtm-footer-youtube");
  
   classesOfClickablesWithCampaign.push("gtm-footer-instagram");
  
   classesOfClickablesWithCampaign.push("gtm-footer-accessibilty");
  
   classesOfClickablesWithCampaign.push("gtm-footer-terms");
  
   classesOfClickablesWithCampaign.push("gtm-footer-privacy");
  
   classesOfClickablesWithCampaign.push("gtm-footer-consumer-protection");
  
   classesOfClickablesWithCampaign.push("gtm-footer-espanol");
  
   classesOfClickablesWithCampaign.push("gtm-footer-arabic");
  
   classesOfClickablesWithCampaign.push("gtm-footer-chinese");
  
   classesOfClickablesWithCampaign.push("gtm-footer-hmong");
  
   classesOfClickablesWithCampaign.push("gtm-footer-korean");
  
   classesOfClickablesWithCampaign.push("gtm-footer-russian");
  
   classesOfClickablesWithCampaign.push("gtm-footer-tagalog");
  
   classesOfClickablesWithCampaign.push("gtm-footer-armenian");
  
   classesOfClickablesWithCampaign.push("gtm-footer-farsi");
  
   classesOfClickablesWithCampaign.push("gtm-footer-khmer");
  
   classesOfClickablesWithCampaign.push("gtm-footer-lao");
  
   classesOfClickablesWithCampaign.push("gtm-footer-vietnamese");
  
   classesOfClickablesWithCampaign.push("gtm-footer-coveredca");
  
   classesOfClickablesWithCampaign.push("gtm-footer-dhcs");
  

  
   classesOfClickablesWithCampaign.push("gtm-before-membership-card");
  
   classesOfClickablesWithCampaign.push("gtm-changing-health-insurance");
  
   classesOfClickablesWithCampaign.push("gtm-prescriptions-filled");
  
   classesOfClickablesWithCampaign.push("gtm-preventive-care");
  
   classesOfClickablesWithCampaign.push("gtm-whom-to-contact");
  

  
   classesOfClickablesWithCampaign.push("gtm-coverage-levels");
  
   classesOfClickablesWithCampaign.push("gtm-essential-health-benefits");
  
   classesOfClickablesWithCampaign.push("gtm-dental-coverage");
  
   classesOfClickablesWithCampaign.push("gtm-vision-coverage");
  

  
   classesOfClickablesWithCampaign.push("gtm-penalty");
  
   classesOfClickablesWithCampaign.push("gtm-exemptions");
  
   classesOfClickablesWithCampaign.push("gtm-religious-conscience");
  
   classesOfClickablesWithCampaign.push("gtm-affordability-hardship");
  
   classesOfClickablesWithCampaign.push("gtm-general-hardship");
  

  
   classesOfClickablesWithCampaign.push("gtm-employer-group-coverage");
  
   classesOfClickablesWithCampaign.push("gtm-cobra");
  
   classesOfClickablesWithCampaign.push("gtm-health-reimbursement-accounts");
  
   classesOfClickablesWithCampaign.push("gtm-employer-coverage-and-financial-help");
  

  
   classesOfClickablesWithCampaign.push("gtm-financial-help-article");
  
   classesOfClickablesWithCampaign.push("gtm-families-with-mixed-immigration-status");
  
   classesOfClickablesWithCampaign.push("gtm-documents-to-prove-immigration-status");
  
   classesOfClickablesWithCampaign.push("gtm-deferred-action-for-childhood-arrival");
  
   classesOfClickablesWithCampaign.push("gtm-public-charge");
  

  
   classesOfClickablesWithCampaign.push("gtm-no-out-of-pocket-costs-tribal-programs");
  
   classesOfClickablesWithCampaign.push("gtm-no-out-of-pocket-costs-network-of-doctors");
  
   classesOfClickablesWithCampaign.push("gtm-other-benefits-tribal-members");
  
   classesOfClickablesWithCampaign.push("gtm-questions-article");
  

  
   classesOfClickablesWithCampaign.push("gtm-where-to-find-your-forms");
  
   classesOfClickablesWithCampaign.push("gtm-irs-form-1095-a");
  
   classesOfClickablesWithCampaign.push("gtm-form-ftb-3895");
  
   classesOfClickablesWithCampaign.push("gtm-didnt-receive-your-tax-forms");
  
   classesOfClickablesWithCampaign.push("gtm-errors-on-your-forms");
  
   classesOfClickablesWithCampaign.push("gtm-financial-help-repayment-limits");
  

  
   classesOfClickablesWithCampaign.push("gtm-want-to-get-started-with-covered-california-card");
  
   classesOfClickablesWithCampaign.push("gtm-cant-find-what-youre-looking-for-learn-more");
  
   classesOfClickablesWithCampaign.push("gtm-arp-use-our-quick-calculator-for-an-estimate-card");
  

  
   classesOfClickablesWithCampaign.push("gtm-members-using-your-plan");
  
   classesOfClickablesWithCampaign.push("gtm-members-primary-care-physician");
  
   classesOfClickablesWithCampaign.push("gtm-members-renewal");
  
   classesOfClickablesWithCampaign.push("gtm-members-creating-an-online-account");
  
   classesOfClickablesWithCampaign.push("gtm-members-reporting-a-change");
  
   classesOfClickablesWithCampaign.push("gtm-members-right-financial-help");
  
   classesOfClickablesWithCampaign.push("gtm-members-appeal-or-complaint");
  
   classesOfClickablesWithCampaign.push("gtm-members-paying-your-premium");
  
   classesOfClickablesWithCampaign.push("gtm-members-canceling-your-plan");
  
   classesOfClickablesWithCampaign.push("gtm-members-form-1095-a");
  

  
   classesOfClickablesWithCampaign.push("gtm-hero-sign-in");
  
   classesOfClickablesWithCampaign.push("gtm-whats-next-sign-in");
  
   classesOfClickablesWithCampaign.push("gtm-call-us");
  
   classesOfClickablesWithCampaign.push("gtm-live-chat");
  
   classesOfClickablesWithCampaign.push("gtm-find-an-enroller");
  
   classesOfClickablesWithCampaign.push("gtm-faq-sign-in");
  

  
   classesOfClickablesWithCampaign.push("gtm-hero-medi-cal-click");
  
   classesOfClickablesWithCampaign.push("gtm-medi-cal-ending-continue-button");
  
   classesOfClickablesWithCampaign.push("gtm-footer-subscribe-button");
  



  
   classesOfClickablesWithCampaign.push("gtm-hero-sign-in");
  
   classesOfClickablesWithCampaign.push("gtm-whats-next-sign-in");
  
   classesOfClickablesWithCampaign.push("gtm-call-us");
  
   classesOfClickablesWithCampaign.push("gtm-live-chat");
  
   classesOfClickablesWithCampaign.push("gtm-find-an-enroller");
  
   classesOfClickablesWithCampaign.push("gtm-faq-sign-in");
  

  
   classesOfClickablesWithCampaign.push("gtm-hero-medi-cal-click");
  
   classesOfClickablesWithCampaign.push("gtm-medi-cal-ending-continue-button");
  
   classesOfClickablesWithCampaign.push("gtm-footer-subscribe-button");
  


  // create a class to campaign map
  const classCampaignMap = {};

  // UA Tag
  
    
      classCampaignMap["gtm-404-contact-us"] = {
        "kpi": "",
        "eventDetails": {
          "label": "",
          "action": "",
          "category": "",
          "name": "oops_contact_us"
        }
      }
    
  
    
      classCampaignMap["gtm-404-how-to-apply"] = {
        "kpi": "",
        "eventDetails": {
          "label": "",
          "action": "",
          "category": "",
          "name": "oops_how_to_apply"
        }
      }
    
  
    
      classCampaignMap["gtm-404-reset-password"] = {
        "kpi": "",
        "eventDetails": {
          "label": "",
          "action": "",
          "category": "",
          "name": "oops_reset_password"
        }
      }
    
  
    
      classCampaignMap["gtm-404-contact-insurance-company"] = {
        "kpi": "",
        "eventDetails": {
          "label": "",
          "action": "",
          "category": "",
          "name": "oops_contact_insurance_company"
        }
      }
    
  

  
    classCampaignMap["gtm-sign-in-header"] = {
      "kpi": "suppression-index",
      "eventDetails": {
        "label": "Sign In",
        "action": "Header Clicks",
        "category": "Header",
        "name": "header_sign_in_click"
      }
    }
  
    classCampaignMap["gtm-shop-and-compare-header"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Shop and Compare",
        "action": "Header Clicks",
        "category": "Header",
        "name": "header_shop_and_compare_click"
      }
    }
  
    classCampaignMap["gtm-apply-header-mobile"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Apply for Coverage",
        "action": "Header Clicks",
        "category": "Header",
        "name": "header_mobile_apply_for_coverage_click"
      }
    }
  
    classCampaignMap["gtm-header-get-started"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "Get Started",
        "action": "Header Clicks",
        "category": "Header",
        "name": "header_get_started_click"
      }
    }
  
    classCampaignMap["gtm-header-covered-ca-plans"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Covered California Plans",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_covered_ca_plans_click"
      }
    }
  
    classCampaignMap["gtm-header-bronze"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Bronze",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_bronze_click"
      }
    }
  
    classCampaignMap["gtm-header-silver"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Silver",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_silver_click"
      }
    }
  
    classCampaignMap["gtm-header-gold"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Gold",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_gold_click"
      }
    }
  
    classCampaignMap["gtm-header-platinum"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Platinum",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_platinum_click"
      }
    }
  
    classCampaignMap["gtm-header-medi-cal"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Medi-Cal",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_medi_cal_click"
      }
    }
  
    classCampaignMap["gtm-header-individuals-and-families"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Individuals and Families",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_medi_cal_individuals_families_click"
      }
    }
  
    classCampaignMap["gtm-header-children"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Children",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_medi_cal_children_click"
      }
    }
  
    classCampaignMap["gtm-header-pregnancy"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Pregnancy",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_medi_cal_pregnancy_click"
      }
    }
  
    classCampaignMap["gtm-header-health-shop-and-compare"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Shop and Compare",
        "action": "Health Dropdown Clicks",
        "category": "Header",
        "name": "header_health_shop_and_compare_click"
      }
    }
  
    classCampaignMap["gtm-header-dental-coverage"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Dental Coverage",
        "action": "Dental Dropdown Clicks",
        "category": "Header",
        "name": "header_dental_click"
      }
    }
  
    classCampaignMap["gtm-header-childrens-dental"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Children's Dental",
        "action": "Dental Dropdown Clicks",
        "category": "Header",
        "name": "header_dental_children_click"
      }
    }
  
    classCampaignMap["gtm-header-family-dental"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Family Dental",
        "action": "Dental Dropdown Clicks",
        "category": "Header",
        "name": "header_dental_family_click"
      }
    }
  
    classCampaignMap["gtm-header-adult-vision"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Adult Vision",
        "action": "Vision Dropdown Clicks",
        "category": "Header",
        "name": "header_vision_click"
      }
    }
  
    classCampaignMap["gtm-header-childrens-vision"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Children's Vision",
        "action": "Vision Dropdown Clicks",
        "category": "Header",
        "name": "header_vision_children_click"
      }
    }
  
    classCampaignMap["gtm-support-center-header"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Support Center",
        "action": "Support Dropdown Clicks",
        "category": "Header",
        "name": "header_support_center_click"
      }
    }
  
    classCampaignMap["gtm-contact-us-header"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Contact Us",
        "action": "Support Dropdown Clicks",
        "category": "Header",
        "name": "header_support_contact_us_click"
      }
    }
  
    classCampaignMap["gtm-how-to-videos-header"] = {
      "kpi": "",
      "eventDetails": {
        "label": "How-To Videos",
        "action": "Support Dropdown Clicks",
        "category": "Header",
        "name": "header_support_how_to_videos_click"
      }
    }
  
    classCampaignMap["gtm-service-center-number-header"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "(800) 300-1506",
        "action": "Support Dropdown Clicks",
        "category": "Header",
        "name": "header_support_phone_click"
      }
    }
  

  
    classCampaignMap["gtm-sign-up"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "Subscribe",
        "action": "Footer Form Clicks",
        "category": "Lead Capture",
        "name": "footer_lead_capture_subscribe_click",
        "name": "footer_lead_capture_subscribe_click"
      }
    }
  
    classCampaignMap["gtm-lead-popup-subscribe"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Subscribe",
        "action": "Pop Up Form Clicks",
        "category": "Lead Capture",
        "name": "pop_up_lead_capture_subscribe_success",
        "name": "pop_up_lead_capture_subscribe_success"
      }
    }
  
    classCampaignMap["gtm-footer-service-center-number"] = {
      "kpi": "",
      "eventDetails": {
        "label": "(800) 300-1506",
        "action": "Contact Us Section Clicks",
        "category": "Footer",
        "name": "footer_contact_us_number_click",
        "name": "footer_contact_us_number_click"
      }
    }
  
    classCampaignMap["gtm-other-languages-expandable"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Other Languages",
        "action": "Contact Us Section Clicks",
        "category": "Footer",
        "name": "footer_other_languages_click",
        "name": "footer_other_languages_click"
      }
    }
  
    classCampaignMap["gtm-footer-get-a-call-back"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Get a call back from an agent.",
        "action": "Contact Us Section Clicks",
        "category": "Footer",
        "name": "footer_agent_call_back_click",
        "name": "footer_agent_call_back_click"
      }
    }
  
    classCampaignMap["gtm-shop-and-compare-footer"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Shop and Compare",
        "action": "Shop Section Clicks",
        "category": "Footer",
        "name": "footer_shop_and_compare_click",
        "name": "footer_shop_and_compare_click"
      }
    }
  
    classCampaignMap["gtm-find-an-enroller-footer"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Find an Enroller",
        "action": "Shop Section Clicks",
        "category": "Footer",
        "name": "footer_find_an_enroller_click",
        "name": "footer_find_an_enroller_click"
      }
    }
  
    classCampaignMap["gtm-apply-footer"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "label": "Apply",
        "action": "Shop Section Clicks",
        "category": "Footer",
        "name": "footer_apply_click",
        "name": "footer_apply_click"
      }
    }
  
    classCampaignMap["gtm-footer-sign-in"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Sign In",
        "action": "My Account Section Clicks",
        "category": "Footer",
        "name": "footer_sign_in_click",
        "name": "footer_sign_in_click"
      }
    }
  
    classCampaignMap["gtm-footer-create-an-account"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Create an Account",
        "action": "My Account Section Clicks",
        "category": "Footer",
        "name": "footer_create_account_click",
        "name": "footer_create_account_click"
      }
    }
  
    classCampaignMap["gtm-footer-learning-center"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Learning Center",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_learning_center_click",
        "name": "footer_learning_center_click"
      }
    }
  
    classCampaignMap["gtm-footer-support"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Support",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_support_click",
        "name": "footer_support_click"
      }
    }
  
    classCampaignMap["gtm-footer-health"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Health",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_health_click",
        "name": "footer_health_click"
      }
    }
  
    classCampaignMap["gtm-footer-dental"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Dental",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_dental_click",
        "name": "footer_dental_click"
      }
    }
  
    classCampaignMap["gtm-footer-vision"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Vision",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_vision_click",
        "name": "footer_vision_click"
      }
    }
  
    classCampaignMap["gtm-footer-members"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Members",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_members_click",
        "name": "footer_members_click"
      }
    }
  
    classCampaignMap["gtm-footer-what-is-covered-ca"] = {
      "kpi": "",
      "eventDetails": {
        "label": "What is Covered California?",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_what_is_covered_ca_click",
        "name": "footer_what_is_covered_ca_click"
      }
    }
  
    classCampaignMap["gtm-footer-aian"] = {
      "kpi": "",
      "eventDetails": {
        "label": "American Indians and Alaska Natives",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_aian_click",
        "name": "footer_aian_click"
      }
    }
  
    classCampaignMap["gtm-marketing-blog"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Health Care Blog",
        "action": "Learn Section Clicks",
        "category": "Footer",
        "name": "footer_marketing_blog_click",
        "name": "footer_marketing_blog_click"
      }
    }
  
    classCampaignMap["gtm-ccsb"] = {
      "kpi": "suppression-index",
      "eventDetails": {
        "label": "Covered California for Small Business",
        "action": "Bold Links Section Clicks",
        "category": "Footer",
        "name": "footer_ccsb_click",
        "name": "footer_ccsb_click"
      }
    }
  
    classCampaignMap["gtm-enrollment-partners-and-agents"] = {
      "kpi": "suppression-index",
      "eventDetails": {
        "label": "Enrollment Partners and Agents",
        "action": "Bold Links Section Clicks",
        "category": "Footer",
        "name": "footer_enrollment_partners_and_agents_click",
        "name": "footer_enrollment_partners_and_agents_click"
      }
    }
  
    classCampaignMap["gtm-footer-newsroom"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Newsroom",
        "action": "Bold Links Section Clicks",
        "category": "Footer",
        "name": "footer_newsroom_click",
        "name": "footer_newsroom_click"
      }
    }
  
    classCampaignMap["gtm-footer-careers"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Careers",
        "action": "Bold Links Section Clicks",
        "category": "Footer",
        "name": "footer_careers_click",
        "name": "footer_careers_click"
      }
    }
  
    classCampaignMap["gtm-footer-register-to-vote"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Register to Vote",
        "action": "Bold Links Section Clicks",
        "category": "Footer",
        "name": "footer_register_to_vote_click",
        "name": "footer_register_to_vote_click"
      }
    }
  
    classCampaignMap["gtm-footer-fb"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "facebook",
        "action": "Social Section Clicks",
        "category": "Footer",
        "name": "footer_facebook_click",
        "name": "footer_facebook_click"
      }
    }
  
    classCampaignMap["gtm-footer-twitter"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "twitter",
        "action": "Social Section Clicks",
        "category": "Footer",
        "name": "footer_twitter_click",
        "name": "footer_twitter_click"
      }
    }
  
    classCampaignMap["gtm-footer-youtube"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "youtube",
        "action": "Social Section Clicks",
        "category": "Footer",
        "name": "footer_youtube_click",
        "name": "footer_youtube_click"
      }
    }
  
    classCampaignMap["gtm-footer-instagram"] = {
      "kpi": "engagement-indicator",
      "eventDetails": {
        "label": "instagram",
        "action": "Social Section Clicks",
        "category": "Footer",
        "name": "footer_instagram_click",
        "name": "footer_instagram_click"
      }
    }
  
    classCampaignMap["gtm-footer-accessibilty"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Accessibility and Nondiscrimination",
        "action": "Legal Section Clicks",
        "category": "Footer",
        "name": "footer_accessibility_click",
        "name": "footer_accessibility_click"
      }
    }
  
    classCampaignMap["gtm-footer-terms"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Terms of Use",
        "action": "Legal Section Clicks",
        "category": "Footer",
        "name": "footer_terms_of_use_click",
        "name": "footer_terms_of_use_click"
      }
    }
  
    classCampaignMap["gtm-footer-privacy"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Privacy Policy",
        "action": "Legal Section Clicks",
        "category": "Footer",
        "name": "footer_privacy_policy_click",
        "name": "footer_privacy_policy_click"
      }
    }
  
    classCampaignMap["gtm-footer-consumer-protection"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Protecting Our Consumers",
        "action": "Legal Section Clicks",
        "category": "Footer",
        "name": "footer_protecting_our_consumers_click",
        "name": "footer_protecting_our_consumers_click"
      }
    }
  
    classCampaignMap["gtm-footer-espanol"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Español",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_espanol_lang_click",
        "name": "footer_espanol_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-arabic"] = {
      "kpi": "",
      "eventDetails": {
        "label": "العربية",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_arabic_lang_click",
        "name": "footer_arabic_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-chinese"] = {
      "kpi": "",
      "eventDetails": {
        "label": "中文",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_chinese_lang_click",
        "name": "footer_chinese_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-hmong"] = {
      "kpi": "",
      "eventDetails": {
        "label": "hmoob",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_hmoob_lang_click",
        "name": "footer_hmoob_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-korean"] = {
      "kpi": "",
      "eventDetails": {
        "label": "한국어",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_korean_lang_click",
        "name": "footer_korean_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-russian"] = {
      "kpi": "",
      "eventDetails": {
        "label": "ру́сский",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_russian_lang_click",
        "name": "footer_russian_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-tagalog"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Tagalog",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_tagalog_lang_click",
        "name": "footer_tagalog_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-armenian"] = {
      "kpi": "",
      "eventDetails": {
        "label": "հայերեն",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_armenian_lang_click",
        "name": "footer_armenian_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-farsi"] = {
      "kpi": "",
      "eventDetails": {
        "label": "فارسی",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_farsi_lang_click",
        "name": "footer_farsi_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-khmer"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Khmer",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_khmer_lang_click",
        "name": "footer_khmer_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-lao"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Lao",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_lao_language_click",
        "name": "footer_lao_language_click"
      }
    }
  
    classCampaignMap["gtm-footer-vietnamese"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Tiếng Việt",
        "action": "Languages Section Clicks",
        "category": "Footer",
        "name": "footer_viet_lang_click",
        "name": "footer_viet_lang_click"
      }
    }
  
    classCampaignMap["gtm-footer-coveredca"] = {
      "kpi": "",
      "eventDetails": {
        "label": "CoveredCA.com",
        "action": "Statement Section Clicks",
        "category": "Footer",
        "name": "footer_statement_covered_ca_click",
        "name": "footer_statement_covered_ca_click"
      }
    }
  
    classCampaignMap["gtm-footer-dhcs"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Department of Health Care Services",
        "action": "Statement Section Clicks",
        "category": "Footer",
        "name": "footer_statement_dhcs_click",
        "name": "footer_statement_dhcs_click"
      }
    }
  

  // Learning Center - Articles In This Section - Using Your Plan
  
    classCampaignMap["gtm-before-membership-card"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Before You Receive Your Membership Card",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-changing-health-insurance"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Changing Health Insurance While Getting Treatment",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-prescriptions-filled"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Getting Prescriptions Filled",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-preventive-care"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Free Preventive Care",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-whom-to-contact"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Whom to Contact",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  


  // Learning Center - Articles In This Section - Penalty Details and Exemptions
  
    classCampaignMap["gtm-penalty"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Penalty",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-exemptions"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Exemptions",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-religious-conscience"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Religious Conscience",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-affordability-hardship"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Affordability Hardship",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-general-hardship"] = {
      "kpi": "",
      "eventDetails": {
        "label": "General Hardship",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  

  // Learning Center - Articles In This Section - Coverage Basics
  
    classCampaignMap["gtm-coverage-levels"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Coverage Levels",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-essential-health-benefits"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Essential Health Benefits",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-dental-coverage"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Dental Coverage",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-vision-coverage"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Vision Coverage",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  


  // Learning Center - Articles In This Section - Employer-Sponsored Coverage
  
    classCampaignMap["gtm-employer-group-coverage"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Employer Group Coverage",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-cobra"] = {
      "kpi": "",
      "eventDetails": {
        "label": "COBRA",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-health-reimbursement-accounts"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Health Reimbursement Accounts",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-employer-coverage-and-financial-help"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Employer Coverage and Financial Help",
        "action": "Articles in This Section Clicks",
        "category": "Learning Center",
        "name": ""
      }
    }
  

  // Learning Center - Articles In This Section - Information for Immigrants
  
  classCampaignMap["gtm-financial-help-article"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Financial Help",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-families-with-mixed-immigration-status"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Families With Mixed Immigration Status",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-documents-to-prove-immigration-status"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Documents to Prove Immigration Status",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-deferred-action-for-childhood-arrival"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Deferred Action for Childhood Arrival (DACA)",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-public-charge"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Public Charge",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  

  // Learning Center - Articles In This Section - Financial Help for American Indians and Alaskan Natives
  
  classCampaignMap["gtm-no-out-of-pocket-costs-tribal-programs"] = {
    "kpi": "",
    "eventDetails": {
      "label": "No Out-of-Pocket Costs for Care Through Tribal Programs",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-no-out-of-pocket-costs-network-of-doctors"] = {
    "kpi": "",
    "eventDetails": {
      "label": "No Out-of-Pocket Costs for Care From Your Health Plan’s Network of Doctors (Depending on Income)",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-other-benefits-tribal-members"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Other Benefits for Federally Recognized Tribal Members",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-questions-article"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Questions?",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  

  // Learning Center - Articles In This Section - Tax Forms and Filing
  
  classCampaignMap["gtm-where-to-find-your-forms"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Where to Find Your Forms",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-irs-form-1095-a"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Federal Tax Filing: IRS Form 1095-A",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-form-ftb-3895"] = {
    "kpi": "",
    "eventDetails": {
      "label": "State Tax Filing: Form FTB 3895",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-didnt-receive-your-tax-forms"] = {
    "kpi": "",
    "eventDetails": {
      "label": "If You Didn’t Receive Your Tax Forms",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-errors-on-your-forms"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Errors on your forms?",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  
  classCampaignMap["gtm-financial-help-repayment-limits"] = {
    "kpi": "",
    "eventDetails": {
      "label": "Financial Help Repayment Limits",
      "action": "Articles in This Section Clicks",
      "category": "Learning Center",
      "name": ""
    }
  }
  

  // Content Layout
  
    classCampaignMap["gtm-want-to-get-started-with-covered-california-card"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Learn More",
        "action": "Want to get started with Covered California? Clicks",
        "category": "Global",
        "name": "get_started_with_covered_ca_click"
      }
    }
  
    classCampaignMap["gtm-cant-find-what-youre-looking-for-learn-more"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Contact Us",
        "action": "Can't find what you're looking for? Clicks",
        "category": "Global",
        "name": "cant_find_what_youre_looking_for_click"
      }
    }
  
    classCampaignMap["gtm-arp-use-our-quick-calculator-for-an-estimate-card"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Calculate",
        "action": "Use our quick calculator for an estimate. Clicks",
        "category": "American Rescue Plan",
        "name": "use_quick_calculator_for_estimate_click"
      }
    }
  

  // Members
  
    classCampaignMap["gtm-members-using-your-plan"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Using Your Plan",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-primary-care-physician"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Primary Care Physician",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-renewal"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Renew Your Health Plan",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-creating-an-online-account"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Create an Online Account",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-reporting-a-change"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Report a Change",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-right-financial-help"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Get the Right Financial Help",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-appeal-or-complaint"] = {
      "kpi": "",
      "eventDetails": {
        "label": "File an Appeal or a Complaint",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-paying-your-premium"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Pay Your Premium",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-canceling-your-plan"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Cancel Your Plan",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  
    classCampaignMap["gtm-members-form-1095-a"] = {
      "kpi": "",
      "eventDetails": {
        "label": "Form 1095-A Information and Dispute Form",
        "action": "Related Links Clicks",
        "category": "Members",
        "name": ""
      }
    }
  

    //SB260 Keep Your Coverage Page
  
    classCampaignMap["gtm-calculate-your-tax-credit"] = {
      "kpi": "",
      "eventDetails": {
        "label": "",
        "action": "",
        "category": "",
        "name": "ccsb_calculate_tax_credit"
      }
    }
  
    classCampaignMap["gtm-get-started-form-button"] = {
      "kpi": "",
      "eventDetails": {
        "label": "",
        "action": "",
        "category": "",
        "name": "ccsb_get_started_submit"
      }
    }
  


  //SB260 New Plan Page
  
    classCampaignMap["gtm-hero-sign-in"] = {
      "kpi": "",
      "eventDetails": {
        "name": "sb260_hero_sign_in_button"
      }
    }
  
    classCampaignMap["gtm-whats-next-sign-in"] = {
      "kpi": "",
      "eventDetails": {
        "name": "sb260_whats_next_sign_in_button"
      }
    }
  
    classCampaignMap["gtm-call-us"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "name": "sb260_call_us_button"
      }
    }
  
    classCampaignMap["gtm-live-chat"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "name": "sb260_live_chat_button"
      }
    }
  
    classCampaignMap["gtm-find-an-enroller"] = {
      "kpi": "intent-indicator",
      "eventDetails": {
        "name": "sb260_find_an_enroller_button"
      }
    }
  
    classCampaignMap["gtm-faq-sign-in"] = {
      "kpi": "",
      "eventDetails": {
        "name": "sb260_faq_sign_in_button"
      }
    }
  

  //SB260 Keep Your Coverage Page
  
    classCampaignMap["gtm-hero-medi-cal-click"] = {
      "kpi": "",
      "eventDetails": {
        "name": "keep_coverage_hero_button"
      }
    }
  
    classCampaignMap["gtm-medi-cal-ending-continue-button"] = {
      "kpi": "",
      "eventDetails": {
        "name": "keep_coverage_medi_cal_ending_letter_button"
      }
    }
  
    classCampaignMap["gtm-footer-subscribe-button"] = {
      "kpi": "",
      "eventDetails": {
        "name": "keep_coverage_footer_subscribe_button"
      }
    }
  




  // get all type of clickable elements
  const buttons = document.getElementsByTagName('button');
  const links = document.getElementsByTagName('a');

  for(i=0; i<buttons.length; i++){
    const button = buttons[i];
    if(button.type !== 'submit'){
      button.addEventListener('click',function(){
        pushClickEventToDataLayer(this);
      });
    }
  }

  for(i=0; i<links.length; i++){
    const link = links[i];
    link.addEventListener('click',function(){
      pushClickEventToDataLayer(this);
    });
  }

  function getEventDetailsFromClassCampaignMap(selector){
    return classCampaignMap[selector].eventDetails ? classCampaignMap[selector].eventDetails: null;
  }

  function pushClickEventToDataLayer(clickable){
    const dataLayerObject = {
      event: 'dotComClick',
      pageName: 'Uh oh. This page does not exist.',
      language: 'en',
      funnelClick: (function(){

        // check if the clicked element has a class being tracked gtm-[class]
        for(var i=0; i<clickable.classList.length; i++){
        var className = clickable.classList[i];
          if(classesOfClickablesWithCampaign.includes(className)){
            return classCampaignMap[className].kpi;
          }
        }

        // check if the clicked element has a id being tracked gtm-[id]
        if(clickable.id && classesOfClickablesWithCampaign.includes(clickable.id)){
          return classCampaignMap[clickable.id].kpi;
        }

        return undefined;
      })(),
      eventDetails: (function(){

        // check if the clicked element has a class being tracked gtm-[class]
        for(var i=0; i<clickable.classList.length; i++){
          var className = clickable.classList[i];
          if(classesOfClickablesWithCampaign.includes(className)){
            return getEventDetailsFromClassCampaignMap(className);
          }
        }

        // check if the clicked element has a id being tracked gtm-[id]
        if(clickable.id && classesOfClickablesWithCampaign.includes(clickable.id)){
          return getEventDetailsFromClassCampaignMap(clickable.id);
        }

        return undefined;
        })()
    }

    // window.dataLayer = window.dataLayer || [];
    if (dataLayerObject.eventDetails) {
      window.dataLayer.push(dataLayerObject);
    }
  }
</script>
  
<script src="/js/scroll-to-anchor-get-started.js"></script>
<script src="/js/tab-trigger-custom-get-started.js"></script>
  
<script src="/js/scroll-to-anchor.js"></script>
 
<script src="/js/article.js"></script>
 

<script src="/js/scroll-to-top.js"></script>

    <script src="/cici-assets/static/js/2.37179d8d.chunk.js"></script><script src="/cici-assets/static/js/main.6d5c8601.chunk.js"></script><script src="/cici-assets/static/js/runtime~main.517e93a5.js"></script> 

<script src="/js/cca-tooltip.js" type="module"></script>
<script src="/js/cca-text_input.js"></script>
<script src="/js/cca-nav-spacer.js" type="module"></script>
<script src="/js/cca-accordion.js" type="module"></script>
<script src="/js/cca-sticky-container.js" type="module"></script>
<script src="/js/cca-jump-to-section.js" type="module"></script>


</body>
</html>
