.add-on-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 46px;
  max-width: 1036px;
  margin: 0 auto;
}

.add-on-cards__card {
  display: flex;
  flex-direction: column;
  padding: 64px;
  background-color: rgba(0, 19, 46, 0.05);
  border-radius: 16px;
}

.add-on-cards__card:first-child {
  border-bottom-left-radius: 100px;
}

.add-on-cards__card:last-child {
  border-top-right-radius: 100px;
}

.add-on-cards__title {
  margin-bottom: 16px;
}

.add-on-cards__features {
  margin-bottom: 32px;
  flex: 1;
}

.add-on-cards__features li {
  list-style: none;
  padding-left: 26px;
  position: relative;
  margin-bottom: 8px;
  text-align: left;
}

.add-on-cards__features li::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  position: absolute;
  left: -10px;
  top: 4px;
  color: var(--color-purple-500);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  margin-right: 10px;
  content: "\f058";
}

.add-on-cards__image {
  width: 100%;
  margin-bottom: 44px;
}

.add-on-cards__card .button {
  width: fit-content;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .add-on-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*
{% for item in module.cards %}
  <div class="add-on-cards">
    <div class="add-on-cards__card">
      <h3 class="h4">
        
      </h3>
      <ul class="add-on-cards__features">
        {% for feature in item.card_features %}
          <li></li>
        {% endfor %}
      </ul>
      <img src="" alt="">
      {% set href = item.card_cta_link.url.href %}
      {% if item.card_cta_link.url.type is equalto "EMAIL_ADDRESS" %}
        {% set href = "mailto:" + href %}
      {% endif %}
      <a href=""
        class="button button--tertiary"
        {% if item.card_cta_link.open_in_new_tab %}target="_blank"{% endif %}
        {% if item.card_cta_link.rel %}rel=""{% endif %}
        >
        
      </a>
    </div>
  </div>
{% endfor %}
*.