.content-cards{display:flex;flex-direction:column;gap:var(--spacing-30x);@media (max-width:820px){gap:var(--spacing-10x)}}.content-card-wrapper{--margin:85px 0;display:flex;padding-block:152px;&.content-card--image-left{--margin:0 85px;justify-content:flex-end}@media (max-width:820px){--margin:0;flex-direction:column;gap:var(--spacing-8x);padding-block:0;&.content-card--image-left{--margin:0}}}.content-card{--bg-color:var(--white);margin-inline:var(--margin);max-width:100%;padding:var(--spacing-20x) var(--spacing-24x);position:relative;width:660px;z-index:0;&.content-card--dark{--bg-color:var(--navy-base)}&:before{background:var(--bg-color);border:1px solid var(--text-base);border-radius:var(--radius-md);box-shadow:var(--box-shadow-md);content:"";height:calc(100% + 2px);inset:0;position:absolute;width:calc(100% + 2px);z-index:1}@media (max-width:820px){padding:var(--spacing-16x) var(--spacing-20x);width:100%}@media (max-width:640px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;&.content-card--dark{padding:var(--spacing-10x) 0}&:before{background:var(--bg-color);border:none;border-radius:0;box-shadow:none;height:100%;inset:0 auto auto 50%;transform:translateX(-50%);width:100vw;z-index:-1}}}.content-card__image{--width-offset:calc((100vw - var(--container-width))/2);border-radius:var(--radius-md) 0 0 var(--radius-md);height:calc(100% + 304px);inset:50% auto auto calc(100% - 230px);max-width:unset;object-fit:cover;position:absolute;transform:translateY(-50%);width:calc(var(--container-width) - 100% + 230px + var(--width-offset));z-index:-1;.content-card--image-left &{border-radius:0 var(--radius-md) var(--radius-md) 0;inset:50% calc(100% - 230px) auto auto}@media (max-width:820px){display:none}}.content-card__image--mobile{border-radius:var(--radius-md);display:none;height:400px;object-fit:cover;width:100%;@media (max-width:820px){display:block}@media (max-width:640px){height:330px}}.content-card__body{position:relative;z-index:2;& .btn-group{margin-top:var(--spacing-8x)}}.content-card__title{margin-bottom:var(--spacing-4x)}.content-card__description{margin-bottom:var(--spacing-6x)}.content-card__list{margin-bottom:0}