{% require_css %}
<style>
  {% scope_css %}
  .outlet-card-side-graphic-v3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col {
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    width: 100%;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body-icon {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .outlet_card_inner {
    flex: 1;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body-icon .outlet_card_inner {
    flex: auto;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .outlet_card_inner.card-image,
  .outlet-card-side-graphic-v3 .outlet_card-col-body .outlet_card_inner.card-icon {
    margin-right: 20px;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .outlet_card_inner.card-image img {
    max-width: 200px;
    height: auto;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .content .tagline {
    padding-bottom: 10px;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .content .heading :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .content .desc,
  .outlet-card-side-graphic-v3 .outlet_card-col-body .content .button-wrapper {
    margin-top: 15px;
  }

  .outlet-card-side-graphic-v3 .outlet_card-col-body .content .desc p:last-child {
    margin-bottom: 0;
  }

  /* RESPONSIVE BEHAVIOUR */
  @media screen and (max-width: 991px) {
    .outlet-card-side-graphic-v3 .outlet_card-col {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }
  {% end_scope_css %}
</style>
{% end_require_css %}