.image-cards{& .bg{overflow:hidden;position:relative;& .text{margin:40px 0;z-index:2;@media (min-width:1210px){color:var(--color-white);left:113px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;max-width:500px;position:absolute;top:113px}}& h2{@media (min-width:1210px){color:var(--color-white)}}& img{border-radius:8px;display:block;margin-bottom:30px;max-width:100%;@media (min-width:1210px){margin-bottom:0}}& strong{font-weight:700}}& .bg.has-shade{@media (min-width:1210px){&:after{background:linear-gradient(270deg,rgba(11,11,61,0),rgba(11,11,61,.6));border-radius:8px;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}}}& .cards{display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto;position:relative;z-index:2;@media (min-width:768px) and (max-width:1209px){display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:1210px){flex-direction:row;margin-top:-60px;max-width:95%}@media (min-width:1440px){gap:32px;margin-top:-120px;max-width:80%}}& .card{background:var(--color-white);border:1px solid var(--color-fluent-beluga);border-radius:8px!important;display:flex;flex:1;flex-direction:column;padding:24px 24px 36px;@media (min-width:768px) and (max-width:1209px){flex:1 1 50%}& .fa-icon{align-items:center;align-self:flex-start;background:var(--color-fluent-fog);border-radius:4px;display:inline-flex;gap:10px;justify-content:center;margin-bottom:15px;padding:8px}& img{margin-bottom:12px}& h3{margin-bottom:6px}& p{margin-bottom:0}}}