---
layout: two-column
meta_data:
title: California's Health Benefit Exchange - Plan Management
description:
keywords:
sidebar:
tiles:
  - heading: Advisory Group Meetings
    body_html: Presentations plus support material
    page_url: /stakeholders/plan-management/advisory-meetings/
  - heading: Contract Listing QHP/QDP
    body_html: All contracts in both final and in-development state
    page_url: /stakeholders/plan-management/contract-listings/
  - heading: Certification / Solicitation
    body_html: Guidance for the application Process
    page_url: /stakeholders/plan-management/qhp-qdp-certification/
  - heading: Benefit Design
    body_html: All current standard benefit design summaries
    page_url: https://hbex.coveredca.com/stakeholders/plan-management/benefit-design/
  - heading: Quality Transformation Initiative
    body_html: Incentives to improve quality
    page_url: /stakeholders/plan-management/qti/
  - heading: Additional Resources
    body_html: >-
      <ul><li><p><a href="/stakeholders/">Stakeholder's
      Home</a></p></li><li><p><a
      href="/stakeholders/shop/">SHOP</a></p></li><li><p><a
      href="/tribal-consultation/">Tribal Consultation</a></p></li><li><p><a
      href="https://hbex.coveredca.com/stakeholders/plan-management/ecp-list/">ECPs</a></p></li><li><p><a
      href="/stakeholders/plan-management/provider-submission-docs/">Provider
      Data Submissions</a></p></li></ul>
    page_url:
---
<div class="main-primary w-100 w-mobile">
  <h1 class="text-center bolder">Plan Management & Delivery Systems Reform</h1>
  
  <style>

    /* Needed to use this for some reason to remove an underline  */
    .main-content a:not(.btn) {
      background-image: none;
    }

    .tile-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 24px;
    }

    .small-tile {
      position: relative;
      background: var(--Primaries-White, #FFF);

      border: 1.5px solid #A2AFCC;
      border-radius: 8px;
      
      width: 233px;
      
      overflow-x: hidden;
    
      padding: 12px 0 16px 0;
    }

    .small-tile-header-strip {
      background: #31C0D1;
      height: 6px;
    }

    /* Tile header  */
    .small-tile-header-container {
      padding: 12px 16px 4px 16px;
    }
    
    .small-tile-header {
      margin: 0;

      color: #333;
      font-size: 21px !important;
      font-style: normal;
      font-weight: 700;
      line-height: 28px; /* 133.333% */
      /* font-weight: bolder; */
    }
    
    /* Divider */
    .divider-container {
      /* border: 1px solid brown; */
      padding: 8px 16px;
    }

    .divider {
      /* border: 1px solid purple; */
      background: #A2AFCC;
      margin: 0;
      padding: 0;

    }

    /* Tile body */
    .small-tile-body {
      /* border: 1px solid purple; */
      
      position: relative;

      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 21px; 

      height: 125px;

      padding: 4px 16px 0 16px;
      margin-bottom: 32px;
    }

    .small-tile-body ul {
      list-style-type: none;
      padding-left: 0;
      overflow-y: auto;
    }

    .small-tile-body ul li a {
      text-decoration: none;
    }
    
    .small-tile-footer {
      /* border: 2px solid green; */
      position: absolute;
      bottom: 0;
      left: 0;

      padding: 16px 0 16px 16px;
    }
    
    .learn-more {
      color: #046B99;

      /* Body text 16 pt */
      /* font-family: Roboto; */
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 21px; /* 131.25% */

      padding: 1rem 0;
      text-decoration: none;
    }

    .learn-more-arrow-icon {
      width: 24px;
      height: 24px;
      color: #046B99;
      text-decoration: none;
    }

  </style>
  
  <div class="tile-container p-0 m-0 mb-5">
    {% for tile in page.tiles %}
      <div class="col-xs-12 col-sm-6 col-md-3 small-tile my-0 py-0">
        <div class="small-tile-header-strip"></div>
        <div class="my-0 small-tile-header-container">
          <h2 class="small-tile-header">{{ tile.heading }}</h2>
        </div>
        <div class="divider-container">
          <hr class="divider" />
        </div>
        <div class="my-0 small-tile-body">
            {{ tile.body_html }}
        </div>
        <div class="small-tile-footer">          
            {% if tile.page_url %}
            <a class="learn-more" href="{{tile.page_url}}">Learn More <img src="/images/plan-management/icons/arrow-right.svg" class="learn-more-arrow-icon" alt="Arrow forward to learn more." /></a>
            {% endif %}
        </div>
      </div>
    {% endfor %}
  </div>

</div>