.cards__title--pill {
  align-self: start;
  display: inline-block;
  padding: 9px 64px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize;
  background: #5B7F95;
  color: #FFF;
  border: none;
}


.cards__items, 
.cards__item {
  display: flex;
  flex-wrap: wrap;
}

.cards__item {
  position: relative;
  flex-flow: column;
}

.cards__items .hs_cos_wrapper_type_inline_rich_text *:last-child {
  margin-bottom: 0; 
}

.cards__item:not(.image-aside) .cards__item-link {
  flex-flow: column;
}

.cards__content {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}
.cards__title{
  margin:0;
}
.cards__description,
.cards__description *{
  margin:0;
}
.cards__description ul{
  list-style-position: revert;
  padding-left: 25px;
}
.cards__content-text-button{
  height:100%;
  display:flex;
  flex-direction:column;
}
.cards__content-image {
  display: inline-block;
}

.cards__content-cta .button {
  display: inline-block;
}

.cards__item-link {
  display: flex;
  background-color: transparent;
  text-decoration: none !important;
}

/** Layouts - Text on Image */
.cards__content-text-on-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s;
}

.cards__item:hover .cards__content-text-on-image {
  transform: scale(1.1);
}

.cards--text-on-image .cards__item {
  overflow: hidden;
}
/** End Layouts - Text on Image **/
.cards__top-text{
  margin-bottom:20px;
}
.cards__top-description{
  margin-bottom:40px;
}
/* Image Aside*/
.cards__item.image-aside,
.cards__item.image-aside > a{
  flex-flow: row;
  gap:15px;
}
.cards__item.image-aside > a{
  color:var(--heading);
}
{# ---- List Icon ---- #}
.cards--add-list-icon ul,
.cards--add-list-icon ol{
  padding:0;
  list-style:none;
  margin-top:20px;
}
.cards--add-list-icon li{
  position:relative;
  padding-left:45px;
  margin-bottom:10px;
}
.cards--add-list-icon li:last-child{
  margin-bottom:0;
}
.cards--add-list-icon li::before{
  content:"";
  background-size: 15px;
  position: absolute;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  left:0;
}
{# ---- End List Icon ---- #}
@media(max-width:420px){
  /* Image Aside*/
  .cards__item.image-aside,
  .cards__item.image-aside > a{
    flex-direction:column;
  }
  .cards__item.image-aside .cards__content-image,
  .cards__item.image-aside .cards__content{
    text-align:center;
  }
}