<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women.png" class="hero-img" alt="">
          <img src="img/hero/stars.svg" class="hero-stars left-bottom" alt="">
          <img src="img/hero/CallOut.svg" class="hero-call-out right-top" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/men.png" class="hero-img" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1>
              Headline headline
              <span class="text-teal font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women2.png" class="hero-img" alt="">
          <img src="img/hero/stars-reverse.svg" class="hero-stars left-top" alt="">
          <img src="img/hero/CallOutPurple.svg" class="hero-call-out right-bottom" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge bg-purple-ligth">
        All-in-One Medicare Plans
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="text-teal font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women.png" class="hero-img" alt="">
          <img src="img/hero/stars.svg" class="hero-stars left-bottom" alt="">
          <img src="img/hero/CallOut.svg" class="hero-call-out right-top" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
          </div>
          <div class="hero-cards">
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">What are my <br> plan options?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <div class="calendar-wrap">
                      <input type="text" id="input-single-calendar-purple" name="input-single-calendar-purple" class="form-field single-calendar" placeholder="Birthday: mm/dd/yyyy" /> 
                    </div>
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">What are my <br> plan options?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <input type="text" id="zip" name="zip" class="form-field" placeholder="Enter Zip or County" required />
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women.png" class="hero-img" alt="">
          <img src="img/hero/stars.svg" class="hero-stars left-bottom" alt="">
          <img src="img/hero/CallOut.svg" class="hero-call-out right-top" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/men.png" class="hero-img" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="text-teal font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women2.png" class="hero-img" alt="">
          <img src="img/hero/stars.svg" class="hero-stars left-top" alt="">
          <img src="img/hero/CallOutPurple.svg" class="hero-call-out right-bottom" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-white">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="text-teal font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women.png" class="hero-img" alt="">
          <img src="img/hero/stars.svg" class="hero-stars left-bottom" alt="">
          <img src="img/hero/CallOut.svg" class="hero-call-out right-top" alt="">
        </div>
      </div>
      <div class="hero-mobile-badge">
        $0 Monthly Premiums
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be up to two to three lines.
            </h1>
          </div>
          <div class="hero-cards">
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">When can I <br>sign up?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <div class="calendar-wrap">
                      <input type="text" id="input-single-calendar" name="input-single-calendar" class="form-field single-calendar" placeholder="Birthday: mm/dd/yyyy" /> 
                    </div>
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">What are my <br> plan options?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <input type="text" id="zip" name="zip" class="form-field" placeholder="Enter Zip or County" required />
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple-full-height.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple  gap-3xl">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be up to two to three lines.
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/couple.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide gap-3xl">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/family.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-purple">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-extra-wide text-center gap-3xl">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-white">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary-white">About Medicare</a>
            <a href="#" class="internal-link text-white">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/women-purple-full-height.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money... 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media vertical-padding-s">
          <img src="img/hero/phones.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money... 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media vertical-padding-s">
          <img src="img/hero/dental.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money...
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media vertical-padding-s">
          <img src="img/hero/drugs.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-medium text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="headline-mobile-h2">
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money...
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media vertical-padding-s">
          <img src="img/hero/phones.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be up to two to three lines.
            </h1>
          </div>
          <div class="hero-cards">
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">When can I <br>sign up?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <div class="calendar-wrap">
                      <input type="text" id="input-single-calendar" name="input-single-calendar" class="form-field single-calendar" placeholder="Birthday: mm/dd/yyyy" /> 
                    </div>
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
            <div class="card-simple card-small text-center">
              <div class="card-simple-body">
                <div class="card-spacing-xs">
                  <h3 class="text-teal">What are my <br> plan options?</h3>
                </div>
                <form action="#">
                  <div class="form-group">
                    <input type="text" id="zip" name="zip" class="form-field" placeholder="Enter Zip or County" required />
                  </div>
                </form>
                <a href="#" class="btn btn-primary">Learn More</a> 
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/phones.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be up to two to three lines.
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you...
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/dental.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-7">
        <div class="hero-text hero-text-extra-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you...
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5 flex-center-center">
        <div class="hero-media">
          <img src="img/hero/drugs.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-extra-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h1>
            <p>
              See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you could
              get more benefits and save money
              on your 2025 health care costs! See how you...
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/phones.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col align-items-center">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col align-items-center">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline here and can be two to three lines.
            </h1>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col align-items-center">
        <div class="hero-text">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h2>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h2>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="hero-media img-object-fit">
          <img src="img/hero/drugs.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col align-items-center">
        <div class="hero-text text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h2>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h2>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col-7 align-items-center">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col-7 align-items-center">
        <div class="hero-text hero-text-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h1 class="large">
              Headline goes here and can be two to three lines.
            </h1>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-cadet-pale">
  <div class="container">
    <div class="row">
      <div class="col-7 align-items-center">
        <div class="hero-text hero-text-wide">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h2>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline headline.
            </h2>
            <ul class="check-list">
              <li>
                <strong>Save money </strong> on prescriptions
              </li>
              <li>
                <strong>Dental, vision</strong> and <strong>hearing</strong> included with every plan
              </li>
              <li>
                <strong>NEW!</strong> Food allowance and transportation benefits included on some plans
              </li>
            </ul>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col-5">
        <div class="hero-media img-object-fit">
          <img src="img/hero/photo.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="hero bg-gradient">
  <div class="container">
    <div class="row align-items-center">
      <div class="col">
        <div class="hero-text hero-text-wide text-center">
          <div class="gap-s">
            <h4 class="card-headline">MEDICARE</h4>
            <h2>
              Headline headline
              <span class="font-brand text-teal-dark">Brand Heading</span>
              headline headline
            </h2>
            <p>
              See how you could 
              get more benefits and save money 
              on your 2025 health care costs! 
            </p>
          </div>
          <div class="btns-group">
            <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
            <a href="#" class="btn btn-secondary">About Medicare</a>
            <a href="#" class="internal-link text-black">Internal Link</a>
          </div>
        </div>
      </div>
      <div class="col flex-center-center">
        <div class="hero-media">
          <img src="img/hero/testimonial.png" class="hero-img" alt="">
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m">
  <div class="hero-bg img-object-fit">
    <img src="img/hero/bg.png" alt="">
  </div>
  <div class="container">
    <div class="card-simple card-simple-no-media">
      <div class="card-simple-body">
        <div class="card-spacing-xs">
          <h4 class="card-headline">eyebrow</h4>
          <h2 class="text-teal headline-mobile-h1">Member Resources</h2>
          <p>
          Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
          </p>
        </div>
        <a href="#" class="btn btn-primary">Enroll Now</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m">
  <div class="hero-bg img-object-fit">
    <img src="img/hero/bg2.png" alt="">
  </div>
  <div class="container">
    <div class="card-simple card-simple-no-media">
      <div class="card-simple-body">
        <div class="card-spacing-xs">
          <h4 class="card-headline">find your plan</h4>
          <h2 class="text-teal headline-mobile-h1">Shop Medicare Advantage Plans</h2>
          <p>
            Discover how Medicare's Star Rating can guide you in making the right Medicare choice.
          </p>
        </div>
        <div class="row align-items-end">
          <div class="form-group">
            <label class="form-label" for="zip">Your Zip Code <span class="text-red">*</span></label>
            <input type="text" id="zip" name="zip" class="form-field" placeholder="Enter Zip or County" />
          </div>
          <a href="#" class="btn btn-primary">Learn More</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m">
  <div class="hero-bg img-object-fit">
    <img src="img/hero/bg2.png" alt="">
  </div>
  <div class="container">
    <div class="card-simple card-simple-no-media">
      <div class="card-simple-body">
        <div class="card-spacing-xs">
          <div class="card-simple-logo">
            <img src="img/logos/UABStVincent.svg" alt="UAB St. Vincent" />
          </div>
          <h2 class="text-teal headline-mobile-h1">Member Resources</h2>
          <p>
            Discover how Medicare's Star Rating can guide you in making the right Medicare choice.
          </p>
        </div>
        <a href="#" class="btn btn-primary">Learn More</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-white">
  <div class="container">
    <div class="row align-items-center desktop-reverse">
      <div class="col flex-center-center">
        <div class="hero-media no-margin">
          <img src="img/hero/person-on-the-phone.png" class="hero-img border-radius-s" alt="">
        </div>
      </div>
      <div class="col">
        <div class="card-simple card-simple-no-media no-shadow">
          <div class="card-simple-body">
            <div class="card-spacing-xs">
              <h4 class="card-headline">Eyebrow</h4>
              <h2 class="text-teal headline-mobile-h1">Report Fraud, Waste, <br>& Abuse</h2>
              <p>
                Medicare fraud can happen anywhere. It's important that 
                you protect your Medicare number and other personal information. 
              </p>
            </div>
            <div class="btns-group">
              <a href="#" class="btn btn-primary">Primary</a>
              <a href="#" class="btn btn-secondary">Secondary</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-white">
  <div class="container">
    <div class="row align-items-center desktop-reverse">
      <div class="col flex-center-center">
        <div class="hero-media no-margin">
          <img src="img/hero/employees-smiling.png" class="hero-img border-radius-s" alt="">
          <img src="img/hero/CallOutPurple.svg" class="hero-call-out negative-right-top" alt="">
          <div class="hero-mobile-badge bg-purple-ligth">
            All-in-One Medicare Plans
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card-simple card-simple-no-media no-shadow">
          <div class="card-simple-body">
            <div class="card-spacing-xs">
              <h4 class="card-headline">Eyebrow</h4>
              <h2 class="text-teal headline-mobile-h1">For Small Group Employers</h2>
              <p>
                We offer a number of plans designed to help you and your 
                employees get an affordable health plan with great benefits. 
              </p>
            </div>
            <div class="btns-group">
              <a href="#" class="btn btn-primary">Primary</a>
              <a href="#" class="btn btn-secondary">Secondary</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-white">
  <div class="container">
    <div class="row align-items-center desktop-reverse">
      <div class="col flex-center-center">
        <div class="hero-media no-margin">
          <img src="img/hero/prescription-bottle.png" class="hero-img border-radius-s" alt="">
        </div>
      </div>
      <div class="col">
        <div class="card-simple card-simple-no-media no-shadow">
          <div class="card-simple-body">
            <div class="card-spacing-s">
              <h2 class="text-teal">Your Medicare Rights</h2>
              <p>
                No matter how you get Medicare, you have rights and protections that: 
              </p>
              <ul class="card-list">
                <li>Provide for your safety when you get healthcare</li>
                <li>Ensure you get the healthcare you deserve</li>
                <li>Shield you against unethical practices</li>
                <li>Safeguard your privacy</li>
              </ul>
            </div>
            <div class="btns-group">
              <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
              <a href="#" class="btn btn-secondary">About Medicare</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-white">
  <div class="container">
    <div class="row align-items-center desktop-reverse">
      <div class="col flex-center-center">
        <div class="hero-media no-margin">
          <img src="img/hero/cup-of-coffee.png" class="hero-img border-radius-s" alt="">
        </div>
      </div>
      <div class="col">
        <div class="card-simple card-simple-no-media no-shadow">
          <div class="card-simple-body">
            <div class="card-spacing-s">
              <h4 class="card-headline">Shop Small Group Plans</h4>
              <div class="card-spacing-xs">
                <h2 class="text-teal">Visit a friendly</h2>
                <div class="card-simple-logo">
                  <img src="img/logos/VivaHealthCafe.svg" alt="Viva Medicare Cafe" />
                </div>
              </div>
              <p>
                The <span class="small-caps">Viva Health</span> Café is a comfortable, 
                stress-free place to get answers to your Medicare questions, chat with 
                some new friends and of course, enjoy a free cup of coffee.
              </p>
              <div class="card-spacing-s">
                <div class="card-location">
                  <span class="card-location-icon">
                    <i class="fa-regular fa-location-dot"></i>
                  </span>
                  <a href="#" class="text-bold text-gray-dark">
                    3059 Dauphin Street Mobile, AL 36606
                  </a>
                </div>
                <div class="card-location">
                  <span class="card-location-icon">
                    <i class="fa-regular fa-phone"></i>
                  </span>
                  <a href="tel:18888308442">
                    <span class="text-teal-dark">1-888-830-VIVA (8482)</span>  | TTY: 711 (toll-free)
                  </a>
                </div>
                <div class="card-location">
                  <span class="card-location-icon">
                    <i class="fa-regular fa-clock"></i>
                  </span>
                  <div>
                    <p><strong>Monday - Friday, 8am - 8pm</strong></p>
                    <p>(Oct 1 - Mar 31: 7 days a week, 8am - 8pm)</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-gray-pale">
  <div class="container">
    <div class="hero-text full-width">
      <div class="gap-s">
        <h4 class="card-headline">MEDICARE</h4>
        <h1 class="text-teal">
          Headline here and can be two to three lines.
        </h1>
        <p>
          See how you could 
          get more benefits and save money 
          on your 2025 health care costs! 
        </p>
      </div>
      <div class="btns-group">
        <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
        <a href="#" class="btn btn-secondary">About Medicare</a>
        <a href="#" class="internal-link text-black">Internal Link</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-teal bg-image" style="background-image: url(img/hero/logomark.png);">
  <div class="container">
    <div class="hero-text hero-text-extra-wide horizontal-padding-l">
      <div class="gap-s">
        <h4 class="card-headline">MEDICARE</h4>
        <h1>
          Headline here and can be two to three lines.
        </h1>
        <p>
          See how you could 
          get more benefits and save money 
          on your 2025 health care costs! 
        </p>
      </div>
      <div class="btns-group">
        <a href="#" class="btn btn-white">Shop Medicare Plans</a>
        <a href="#" class="btn btn-secondary-white">About Medicare</a>
        <a href="#" class="internal-link text-white">Internal Link</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero vertical-padding-m bg-gray-pale">
  <div class="container">
    <div class="hero-text in-line">
      <div class="col gap-xs">
        <h4 class="card-headline">Medicare</h4>
        <h1 class="text-teal">
          Frequently Asked Questions
        </h1>
      </div>
      <div class="col gap-s">
        <p>
          We know that Medicare can be confusing. We hope the answers to these 
          frequently asked questions make Medicare easy for you.
        </p>
        <div class="btns-group">
          <a href="#" class="btn btn-primary">Shop Medicare Plans</a>
          <a href="#" class="btn btn-secondary">About Medicare</a>
          <a href="#" class="internal-link text-black">Internal Link</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero bg-white">
  <div class="container">
    <div class="hero-text full-width gap-s vertical-padding-l">
      <h4 class="card-headline">Medicare</h4>
      <h1 class="text-teal">
        This Is the Full Component With Options
      </h1>
      <p>
        Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
      </p>
      <div class="hero-enrollment">
        <div class="hero-enrollment-item">
          <span class="text-cadet">
            <i class="fa-solid fa-user"></i>
          </span>
          <span>Samantha Humphries</span>
        </div>
        <div class="hero-enrollment-item">
          <span class="text-cadet">
            <i class="fa-solid fa-calendar"></i>
          </span>
          <span>March 2025</span>
        </div>
        <div class="hero-enrollment-item">
          <span class="text-cadet">
            <i class="fa-solid fa-file"></i>
          </span>
          <span><span class="small-caps">Viva Medicare</span> Plus ($20 Part B Buy-Down)</span>
        </div>
        <div class="hero-enrollment-item hero-enrollment-progress">
          <div class="progress-wrap inline">
            <div class="progress">
              <div class="progress-bar" style="width: 60%;"></div>
            </div>
            <div class="progress-value">60%</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero bg-cadet-dark">
  <div class="container">
    <div class="hero-text full-width text-center vertical-padding-xxl">
      <div class="gap-s">
        <h4 class="card-headline">Medicare</h4>
        <h1 class="headline-underline">
          Alabama is <span class="text-teal-pale font-brand">our home.</span>
        </h1>
        <p>
          We're your friends and neighbors, and looking out for you is what good neighbors do. 
          It's a big reason why over 50,0004 Alabama residents have chosen 
          Viva Medicare. Our promise to you is that you'll always be treated like a neighbor, not a number.
        </p>
      </div>
      <div class="btns-group">
        <a href="#" class="btn btn-white">Shop Medicare Plans</a>
        <a href="#" class="btn btn-secondary-white">About Medicare</a>
        <a href="#" class="internal-link text-white">Internal Link</a>
      </div>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container">
    <div class="breadcrumbs">
      <ul>
        <li>
          <a href="#">
            <i class="fa-regular fa-house"></i>
            Home
          </a>
        </li>
        <li>
          <a href="#">
            Medicare
          </a>
        </li>
        <li>
          <span>
            Member Resources
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="hero bg-cadet-dark">
  <div class="container">
    <div class="hero-text full-width gap-xl text-center vertical-padding-xxl">
      <div>
        <img src="img/hero/testimonial.png" alt="">
      </div>
      <div class="gap-s">
        <h4 class="card-headline">Medicare</h4>
        <h1 class="headline-underline">
          Alabama is <span class="text-teal-pale font-brand">our home.</span>
        </h1>
        <p>
          We're your friends and neighbors, and looking out for you is what good neighbors do. 
          It's a big reason why over 50,0004 Alabama residents have chosen 
          Viva Medicare. Our promise to you is that you'll always be treated like a neighbor, not a number.
        </p>
      </div>
      <div class="btns-group">
        <a href="#" class="btn btn-white">Shop Medicare Plans</a>
        <a href="#" class="btn btn-secondary-white">About Medicare</a>
        <a href="#" class="internal-link text-white">Internal Link</a>
      </div>
    </div>
  </div>
</div>