.cards__card {
  align-items: stretch;
  align-self: flex-start;
  color: inherit;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  max-width: 100%;
  /*   align-content: space-between; */
  height: calc(100% - 30px);
}

.cards__card.layout-illustration {
  padding:30px 30px 0px 30px !important;
}
.cards__card.layout-illustration .card__text,
.cards__card.layout-illustration .card__text > p{
  font-family:'sharp-grotesk-light-20';
}
.cards__card:hover {
  text-decoration: none;
}

.card__image {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  margin-bottom: 20px;
}
.card__illustration {
  position:relative;
  margin-top:50px;
  display:flex;
  align-items:end;
  width:100%;
  padding-bottom:30px;
  
  width:calc(100% + 60px);
  margin-right:-30px !important;
  margin-left:-30px !important;
  max-width: unset !important;
}
.card__illustration .card__bottom_cta {
  display:flex;
  flex-wrap:wrap;
  margin-left:-2.5px;
  margin-right:-2.5px;
  position:absolute;
  bottom:30px;
}

.card__illustration .card__bottom_cta > div{
  width:50%;
  padding:0 2.5px;
}
a.cards__card.card {
  text-decoration:none;
}


.card__illustration .card__bottom_cta > div a{
  width:100%;
}
.card__illustration > img.card__image{
  width:100% !important;
  display:flex !important;
  margin-bottom:-30px !important;
  
  aspect-ratio: 330 / 200;
  object-fit: cover;
  object-position: top;
  height: 100%;
}

@media (max-width:768px){
  .card__illustration .card__bottom_cta {
    width:calc(100% - 32px);
    padding:5px;
    margin-left:16px;
    margin-right:16px;
    bottom:15px;
    background:#020341;
    border-radius:100px;
  }
  .card__illustration .card__bottom_cta > div:first-child + div:not(.custom-button) a {
    border-color:#FFFCF8;
    color:#FFFCF8;
  }
  
  .cards__card.layout-illustration.button-position-outside {
    margin-bottom:90px;
  }
  .cards__card.layout-illustration.button-position-outside .card__illustration .card__bottom_cta {
    bottom:unset;
    top: calc(100% + 15px);
  }
  .cards__card.layout-illustration .card__illustration .card__bottom_cta.single-button {
    padding:0px;
    background:none;
  }
  .cards__card.layout-illustration.button-position-outside .card__illustration .card__bottom_cta.single-button {
    width:calc(100%);
    margin-left:0px;
    margin-right:0px;
    background:none;
  }
  .cards__card.layout-illustration .card__illustration .card__bottom_cta.single-button a{
    padding:19px 20px;
    font-family: 'sharp-grotesk-book-20';
  }
  .cards__card.layout-illustration.button-position-outside .card__illustration .card__bottom_cta.single-button a {
    padding: 10px 20px;
    font-family: 'sharp-grotesk-book-20';
    padding-left: 50px;
    padding-right: 50px;
    line-height: 1.3em;
}
  .cards__card.layout-illustration .card__illustration .card__bottom_cta.single-button a .svg{
    display:none;
  }
/* 
  .card__illustration > img.card__image{
    position:absolute;
    bottom:30px;
  }
  .card__illustration{
    padding-bottom: 70%;
  } */
}
@media (min-width:768px){
  .card__illustration .card__bottom_cta > div a{
    width:auto;
    font-size:19px;
  }
  .card__illustration .card__bottom_cta > div a svg{
    width:15px;
  }
  .card__illustration {
    margin-top:64px;
    padding-left:30px;
    padding-right:30px;
  }
  .card__illustration > img.card__image{
    width:calc(60% + 60px) !important;
    margin-left:auto !important;
    margin-right:-30px !important;
    max-width: 100% !important;
  }
  .card__illustration.full-width > img.card__image {
    width:calc(100% + 60px) !important;
    margin-right:-30px !important;
    margin-left:-30px !important;
    max-width: unset !important;
  }
  
  .card__illustration .card__bottom_cta {
    display:flex;
    flex-wrap:wrap;
    margin-left:0px;
    margin-right:0px;
    gap:10px;
  }

  .card__illustration .card__bottom_cta > div{
    width:100%;
    padding:0;
  }
  
  
  .cards__card.layout-illustration.button-positionDesktop-outside {
    margin-bottom:90px;
    height: calc(100% - 90px);
  }
  .cards__card.layout-illustration.button-positionDesktop-outside .card__illustration .card__bottom_cta {
    bottom:unset;
    top:calc(100% + 15px);
    left:0;
  }
  .cards__card.layout-illustration.button-positionDesktop-outside .card__illustration .card__bottom_cta.single-button {
    padding:0px;
    background:none;
  }
  .cards__card.layout-illustration.button-positionDesktop-outside .card__illustration .card__bottom_cta.single-button {
    width:calc(100%);
    margin-left:0px;
    margin-right:0px;
    background:none;
  }
  .cards__card.layout-illustration.button-positionDesktop-outside .card__illustration .card__bottom_cta.single-button a{
    padding: 16px 30px;
    text-align: left;
    width: 100%;
    justify-content: start;
  }
}
.card__number {
  font-family: 'sharp-grotesk-book-21';
  margin-bottom:20px;
  line-height:123%;
}

.card__text {
  width: 100%;
  font-family: 'sharp-grotesk-book-20';
}
.card__text > p {
  font-size:14px;
  font-family: 'sharp-grotesk-book-20';
  line-height:1.5;
}

@media (min-width: 768px) {
  .cards {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .cards__col {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.cards__col .card__text > p:last-child {
  margin-bottom:0px;
}
@media (max-width:768px){
  .cards__col.cards__col-numbered .card__text > p:last-child {
    margin-bottom:0px;
  }
  .card__number {
    font-family: 'sharp-grotesk-book-21';
    font-size:72px;
    text-align:center;
    line-height: 85%;
  }
  .cards__col.cards__col-numbered .cards__card{
    display:flex;
    flex-direction:row;
    gap:18px;
    align-items:start;
  }
  .cards__col.cards__col-numbered .cards__card > div:first-child{
    width:45px;
  }
  .cards__col.cards__col-numbered .cards__card > div:Last-child{
    width:calc(100% - 18px - 45px);
  }
  
  .card__illustration .card__bottom_cta.single-button>div {
    width:100%;
  }
}

.cards__arrows {
  display: none;
}
.cards-mod-wrapper--mobile-slider,
.cards-mod-wrapper--desktop-slider,
.cards-mod-wrapper--slider {
  position: relative;
}
.cards-mod-wrapper--desktop-slider .cards__arrows,
.cards-mod-wrapper--slider .cards__arrows {
  display: inline-flex;
}
.cards__arrows > div {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.cards__arrows > div.arrow-left {
  left: -50px;
}
.cards__arrows > div.arrow-right {
  right: -50px;
}
@media (max-width: 1400px) {
  .cards__arrows > div.arrow-left {
    left: -40px;
  }
  .cards__arrows > div.arrow-right {
    right: -40px;
  }
}
@media (max-width: 1025px) {
  .cards__arrows {
    display: none;
  }
}
.cards:not(.card-mode-illustration) .button-wrapper {
  margin-top:10px;
}
@media (max-width:768px){
  .cards.card-mode-illustration .slick-slide{
    margin:0px 5px;
    height: inherit !important;
  }
  
  .cards.card-mode-illustration .slick-slide > div{
    height: 100%;
  }
  
  .cards.card-mode-illustration .slick-slide .cards__col{
    height: calc(100% - 67px);
  }
  
  .cards.card-mode-illustration .slick-list{
    overflow:visible;
  }
  .cards.card-mode-illustration .slick-track {
    display: flex !important;
  }
}
@media (min-width:768px){
  .cards.desktop-show-side-cards .slick-list{
    overflow:visible;
  }
  .cards.desktop-show-side-cards .slick-slider{
    margin-left:-15px;
    margin-right:-15px;
  }
  .cards.desktop-show-side-cards .slick-slide{
    margin-left:15px;
    margin-right:15px;
  }
}
.cards__pills {
  display:none;
}
@media (max-width:768px){
  .cards__pills {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
    padding-bottom:20px;
    padding-top:20px;
    margin-left:-10px;
    margin-right:-10px;
  }
  .cards__pills-item:focus,
  .cards__pills-item:active,
  .cards__pills-item:hover,
  .cards__pills-item{
    border-radius: 40px;
    background: #FFFCF8;
    border:none;
    color:#A6A4A2;
    padding: 12px 10px;
    text-align: center;
    font-family: "sharp-grotesk-book-20";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
  .cards__pills-item.active{
    border-radius: 40px;
    background: #FFFCF8;
    border:none;
    color:#0F48D9;
  }
  .cards.mobile-show-side-cards .slick-list{
    overflow:visible;
  }
  .cards.mobile-show-side-cards .slick-slider{
    margin-left:-5px;
    margin-right:-5px;
  }
  .cards.mobile-show-side-cards .slick-slide{
    margin-left:5px;
    margin-right:5px;
  }
  .cards__pills[pill-width="50%"] > span {
    width:calc(50% - 5px);
  }
}


.card__head_right_image > .card__text > is:(h2,h3,h4,h5) {
  margin-bottom:0px;
}
.card__head_right_image {
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items:end;
  justify-content:space-between;
}

.card__head_right_image > div {
  width:calc(100% - 60px - 20px);
}
.card__head_right_image > img {
  width:60px;
  height:60px;
  object-fit:contain;
}
.cards__card.card.layout-right_image {
  width:100%;
  display:block;
}

@media (max-width:768px){
  .card__head_right_image > div {
    width:calc(100% - 70px - 20px);
  }
  .card__head_right_image > img {
    width:70px;
    height:70px;
    object-fit:contain;
  }
}

@media (min-width:992px){
  .layout-right_image.right_image_mobile {
    display: flex;
    flex-direction: column-reverse;
  }
  .layout-right_image.right_image_mobile .card__head_right_image {
    display: flex;
    flex-direction: column-reverse;
    gap:0px;
  }
  .layout-right_image.right_image_mobile .card__head_right_image > img {
    width:unset;
    height:unset;
  }
  .layout-right_image.right_image_mobile .card__head_right_image > div{
    width: 100%;
  }

  
  /*   Reverse Desktop */
  .layout-right_image.left_image-desktop .card__head_right_image {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    align-items:center;
    justify-content:space-between;
  }
  
  .layout-right_image.left_image-desktop .card__head_right_image > img {
    width:60px;
    height:60px;
    margin:0px !important;
  }
}

.cards__card.featured__card_item {
  background: var(--featured-bg) !important;
  background-color: var(--featured-bg) !important;
  color: var(--featured-bg) !important;
  display:flex !important;
  align-items:end;
}
.cards__card.featured__card_item .card__head_right_image > .card__text {
  width:100% !important;
}
.cards__card.featured__card_item .card__head_right_image > .card__image {
  display:none !important;
}
.cards__card.featured__card_item .card__text *:is(h2,h3,h4,h5,h6){
  font-size:19px !important;
  font-family: 'sharp-grotesk-book-20' !important;
  font-weight:400 !important;
  margin-bottom:0px;
}

.cards__card.featured__card_item a {
  color: var(--featured-bg);
}

.cards__card.layout-right_image .link {
  font-size:14px;
}

@media (max-width:768px){
  .cards__card.layout-right_image .link {
    /*     font-size:16px; */
  }
}