<div class="card text-center {{ values.get('col-', 'col-md-12 col-lg-6') }} mb-4 px-0 border border-info">
  <div class="card-header d-sm-flex justify-content-between bg-white border-0">
    <h5 class="text-success m-0 align-self-center font-weight-bold text-left">{{ values['title'] }}</h5>
  </div>
  <div class="card-body">
    <div class="{{ values['on'] }}"></div>
  </div>
</div>
