.highlight_cards{display:flex;flex-wrap:wrap;gap:var(--gutter);position:relative;z-index:1;--card-padding:64px}.highlight_cards>div{border-radius:var(--section-radius);overflow:hidden;background:#fff;position:relative;position:relative;z-index:1;width:calc(50% - (var(--gutter) / 2));color:var(--black)}.highlight_cards>div.white{background:var(--white);color:var(--black)}.highlight_cards>div.lighter_blue{background:var(--lighter_blue);color:var(--black)}.highlight_cards>div.blue{background:var(--blue);color:#fff}.highlight_cards>div.container_blue{background:var(--container_blue);color:#fff}.highlight_cards>div{display:flex;flex-direction:column}.wrapper:first-child>.highlight_banner{margin-top:0}.wrapper:last-child>.highlight_banner{margin-bottom:0}.highlight_cards figure{display:block;position:relative;background:var(--container_blue)}.highlight_cards figure picture{position:absolute;top:-1px;left:-1px;width:var(--overflow);height:var(--overflow)}.highlight_cards figure:before{display:block;content:"";width:100%;height:0;padding-bottom:50%}.highlight_cards figure{display:flex;flex-direction:column;flex:1}.highlight_cards>div>div{padding:var(--card-padding);display:flex;flex-direction:column;justify-content:center}.highlight_cards>div.norm>div{flex:1}.highlight_cards div h2{font-size:40px}.highlight_cards div p:not(.cta){font-size:20px;line-height:1.5}.highlight_cards div p:not(:last-child){margin-bottom:var(--bodytext_size)}.highlight_cards div p.cta{margin-top:auto}@media all and (max-width:1199.98px){.highlight_cards{--card-padding:40px}.highlight_cards>div{border-radius:var(--radius)}.highlight_cards div h2{font-size:var(--h2_size)}.highlight_cards div p:not(.cta){font-size:18px}}@media all and (min-width:900px){.highlight_cards>div.full{display:flex;width:100%;flex-direction:row-reverse}.highlight_cards>div.full :is(figure,div){width:50%}}@media all and (max-width:899.98px){.highlight_cards{--card-padding:32px}}@media all and (max-width:599.98px){.highlight_cards{--card-padding:20px}.highlight_cards div p:not(.cta){font-size:16px}}@media all and (max-width:899px){.highlight_cards{flex-direction:column}.highlight_cards :is(figure,div){width:100%}.highlight_cards figure picture{height:0;padding-bottom:50%}.highlight_cards>div>div{padding:32px}.highlight_cards div p:not(.cta){font-size:24px}}@media all and (max-width:899px){.highlight_cards div p:not(.cta){font-size:20px}}