.cta_cards_group { }

.cta_cards_group { padding: var(--wrapper-margin) var(--wrapper-margin) calc(var(--wrapper-margin) - var(--gutter));

    padding: 40px;  padding-bottom:calc(40px - var(--gutter));
    display: flex; flex-wrap: wrap; background: white; border-radius: var(--radius);   }
.cta_cards_group > div:first-child  { width: var(--grid-third); margin-right: var(--gutter); margin-bottom: var(--gutter); }
.cta_cards_group > div:last-child { display: flex; flex-wrap: wrap;  flex: 1; }


div.subcard,
.cta_cards_group > div:last-child > div { display: flex; flex-direction: column; margin-bottom: var(--gutter);
    background: var(--light-blue);
    border: 1px solid var(--hero-blue); border-radius:var(--radius2); padding: 32px;
}
.cta_cards_group > div:last-child > div div.intro { margin-bottom: 16px;}

@media all and (min-width:600px) {
    .cta_cards_group > div:last-child > div {
        width: var(--grid-half);
    }
    .cta_cards_group > div:last-child > div:not(:nth-child(2n+2)) {
        margin-right: var(--gutter);
    }
}

@media all and (min-width:900px) and (max-width:1099px) {
    .cta_cards_group > div:first-child  { width: var(--grid-half); width: 100%; }
   /* .cta_cards_group > div:last-child > div {
        width: 100%;
    }
    .cta_cards_group > div:last-child > div:not(:nth-child(2n+2)) {
        margin-right: 0;
    }*/
}
@media all and (max-width:899px) {
    .cta_cards_group > div:first-child  { width: 100%; margin-right: 0; margin-bottom: var(--wrapper-margin); }

}
@media all and (max-width:599px) {
    .cta_cards_group > div:first-child  {   margin-bottom: 24px; }
    .cta_cards_group > div:last-child > div { padding: 24px;}
    .cta_cards_group  {padding: 24px;  padding-bottom:calc(24px - var(--gutter)); }

}