{#### MODULE CSS ####}

{% require_css %}
<style>
  {% scope_css %}

  .icon-cards__outer {
    background-color: ;
  }

  .icon-cards__swiper__card {
    background-color: ;
  }

  {% if !module.style.card_background_colour.color %}
    .icon-cards__card  {
      padding: 0;
    }
  {% endif %}

  {% if module.style.icon_background_colour.color %}
    .icon-cards__card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .icon-cards__card__icon {
      display: flex;
      align-items: center;
      padding: 0 0px;
      border-radius: var(--border-radius);
      background-color: ;
    }
  {% endif %}
/* Mobile breakpoint */

@media screen and (max-width: 767px) {

.icon-cards__card {
align-items: center !important;
text-align: center;
}

.icon-cards__card__icon {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
  
.icon-cards__card h1,
.icon-cards__card h2,
.icon-cards__card h3,
.icon-cards__card h4,
.icon-cards__card h5,
.icon-cards__card h6,
.icon-cards__card p,
.icon-cards__card .hs_cos_wrapper {
text-align: center;
}

}

  {% end_scope_css %}
</style>
{% end_require_css %}