A Reimbursement Section is used to display details about reimbursement policies, such as eligibility, required documents, claim process, benefits, payments and deadlines. This section is typically found in HR portals, insurance websites, or educational institutions offering fee refunds.
Lorem ipsum Month Date, Year, X:XX ipsum ipsum dolor sit X% ipsum dolor sit
Lorem ipsum dolor sit amet
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
<section class="pricing--cards-container py-5 ">
<div class="container">
<div class="row display--flex justify--center">
<div class="col-lg-12">
<h2 class="large-text-3 text--center"> Lorem ipsum dolor </h2>
<h4 class="medium-text-1 text--center text-primary m-b-0">Lorem ipsum: US$X,XXX</h4>
<div class="content-wrapper branding-primary-reverse">
<div class="cmn-card reg-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Ut enim$XXX</h4>
<div class="pricing-parent text-primary display--flex justify--center items--center">
<h4 class="medium-text-1 text-decoration-line-through m-b-0 original-price">US$XXX0</h4>
<h3 class="large-text-3 m-b-0 offered-price">US$XXXX</h3>
</div>
<div class="description para--four">
<p>Lorem ipsum <b>Month Date, Year, X:XX ipsum</b> lorem ipsum <b>X%</b> lorem ipsum </p>
</div>
<button type="button" class="btn btn--large col-12" aria-label="Button">Button</button>
</div>
<div class="cmn-card installment-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Lorem ipsum dolor</h4>
<div class="pricing-parent text-primary display--flex justify--center items--center">
<p class="overline--one">Lorem ipsum dolor</p>
<h3 class="large-text-3 m-b-0 offered-price">US$XXX</h3>
</div>
<button type="button" class="btn btn--large btn--primary-border col-12" aria-label="Button">Button</button>
</div>
<div class="cmn-card refer-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Lorem ipsum dolor</h4>
<div class="pricing-parent text-primary display--flex justify--center items--center">
<h3 class="large-text-3 m-b-0 offered-price">US$XXX</h3>
</div>
<div class="para--two">
<p>Ut enim ad minim</p>
</div>
<div class="description para--four">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporm.</p>
</div>
<button type="button" class="btn btn--large btn--primary-border col-12" aria-label="Button">Button</button>
</div>
<div class="cmn-card communication-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Lorem ipsum dolor</h4>
<div class="learning-lists para--three text--left round-list-style">
<ul>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
</ul>
</div>
<button type="button" class="btn btn--large btn--primary-border col-12" aria-label="">Button</button>
</div>
</div>
</div>
</div>
<div class="row display--flex justify--center reimbursement--wrapper m-t-30">
<div class="col-lg-12">
<div class="reimbursement--parent p-y-20 p-x-12">
<div class="heading-bar display--flex justify--center items--center text--center">
<span class="blueprint-icon icon-arrow_right text-primary icon-4x"></span>
<h5 class="medium-text-2 m-a-0">Lorem ipsum dolor sit amet</h5>
<button class="btn medium-text-2 link text-accent m-b-0">
<span class="txt">Lorem ipsum</span>
<span class="blueprint-icon icon-chevron_down icon-2x"></span>
</button>
</div>
<div class="benefits--parent col-lg-10 m-x-auto active">
<div class="m-y-30">
<div class="para--two">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat </p>
</div>
<div class="para--three text--left round-list-style m-t-20">
<ul class="benefits display--flex m-b-0">
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt <br />
<a class="text-accent" href="#">See sample email</a>
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet consectetur. Eu euismod volutpat suspendisse eu vitae. Faucibus ullamcorper vulputate laoreet fermentum non vitae.
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
</ul>
</div>
</div>
<div class="text--center">
<button type="button" class="btn btn--large btn--primary-border" aria-label="Lorem ipsum">Lorem ipsum</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Ut enim ad minim
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporm.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
<section class="pricing--cards-container py-5 ">
<div class="container">
<div class="row display--flex justify--center">
<div class="col-lg-12">
<h2 class="large-text-3 text--center"> Lorem ipsum dolor </h2>
<h4 class="medium-text-1 text--center text-primary m-b-0">Lorem ipsum: US$X,XXX</h4>
<div class="content-wrapper branding-primary-reverse">
<div class="cmn-card refer-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Lorem ipsum dolor</h4>
<div class="pricing-parent text-primary display--flex justify--center items--center">
<h3 class="large-text-3 m-b-0 offered-price">US$XXX</h3>
</div>
<div class="para--two">
<p>Ut enim ad minim</p>
</div>
<div class="description para--four">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporm.</p>
</div>
<button type="button" class="btn btn--large btn--primary-border col-12" aria-label="Button">Button</button>
</div>
<div class="cmn-card communication-card text--center">
<h6 class="small-text-2 tagline">Lorem ipsum dolor</h6>
<h4 class="medium-text-1 subtitle">Lorem ipsum dolor</h4>
<div class="learning-lists para--three text--left round-list-style">
<ul>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<li>Customize skill building across all levels of your business </li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
</ul>
</div>
<button type="button" class="btn btn--large btn--primary-border col-12" aria-label="Button">Button</button>
</div>
</div>
</div>
</div>
<div class="row display--flex justify--center reimbursement--wrapper m-t-30">
<div class="col-lg-12">
<div class="reimbursement--parent p-y-20 p-x-12">
<div class="heading-bar display--flex justify--center items--center text--center">
<span class="blueprint-icon icon-arrow_right text-primary icon-4x"></span>
<h5 class="medium-text-2 m-a-0">Lorem ipsum dolor sit amet</h5>
<button class="btn medium-text-2 link text-accent m-b-0">
<span class="txt">Lorem ipsum</span>
<span class="blueprint-icon icon-chevron_down icon-2x"></span>
</button>
</div>
<div class="benefits--parent col-lg-10 m-x-auto active">
<div class="m-y-30">
<div class="para--two">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat </p>
</div>
<div class="para--three text--left round-list-style m-t-20">
<ul class="benefits display--flex m-b-0">
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt <br />
<a class="text-accent" href="#">See sample email</a>
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet consectetur. Eu euismod volutpat suspendisse eu vitae. Faucibus ullamcorper vulputate laoreet fermentum non vitae.
</li>
<li class="m-a-0">
<span class="text-weight-bold text-primary">Lorem ipsum dolor sit</span>
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
</ul>
</div>
</div>
<div class="text--center">
<button type="button" class="btn btn--large btn--primary-border" aria-label="Lorem ipsum">Lorem ipsum</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>