section.u5m-cards-side{margin:var(--section-margin-none);padding:var(--section-padding-medium);&.reverse-text{h2.heading,h3.subheading{color:var(--white)}}.outer-wrap{align-items:flex-start;display:flex;gap:80px;margin:0 auto;max-width:var(--center);padding:0 var(--page-gutter);position:relative;z-index:1;.left{display:flex;flex:0 0 320px;flex-direction:column;gap:20px;padding:0;.eyebrow{color:var(--red);font:600 13px/1.5 var(--font1);letter-spacing:2.6px;margin:0;text-transform:uppercase}.heading{font:700 33px/1.2 var(--font1)}.heading,.subheading{color:var(--raisin-black);margin:0}.subheading{font:400 16px/1.5 var(--font1)}.button-group{display:flex;flex-direction:column;gap:20px;margin:0}}.right{flex:1;min-width:0;.wrapper{display:flex;flex-wrap:wrap;gap:40px;div.card{flex:1 0 calc(50% - 20px);span.title{text-transform:none}.image.thumb{display:block;min-height:0;position:relative;img{display:block;margin:30px auto 0;&.left{margin:30px auto 0 30px}}}.content{span.cta,span.url{padding-top:10px;&.btn-text a{letter-spacing:0}}}}&.two div.card{flex:1 0 calc(50% - 20px)}&.three div.card{flex:1 0 calc(33.333% - 27px)}&.four div.card{flex:1 0 calc(25% - 30px)}}}@media (max-width:1024px){gap:40px;padding:0 var(--page-gutter-sm);.left{flex:0 1 280px}}@media (max-width:768px){flex-direction:column;gap:40px;.left{flex:unset;width:100%}}}@media (max-width:580px){.outer-wrap .right .wrapper{flex-direction:column;&.four div.card,&.three div.card,div.card{flex:1 0 100%}}}&.layout-stacked{background:var(--oxford-blue);overflow:hidden;position:relative;&:not(.dark-mode) .outer-wrap .left{.eyebrow{color:var(--red)}.heading,.subheading,h2.heading,p.subheading{color:var(--raisin-black)}}&.dark-mode .outer-wrap .left{.eyebrow{color:var(--cadet-grey)}.heading,.subheading,h2.heading,p.subheading{color:var(--white)}}.u5-background-image{z-index:0}.stacked-bg-vector{inset:0 auto 0 56%;pointer-events:none;position:absolute;width:min(416px,34%);z-index:0;img,svg{display:block;height:100%;inset:0;object-fit:fill;position:absolute;width:100%}}.outer-wrap{gap:40px;.left{flex:0 0 422px;.button-group{margin-top:18px;@media (max-width:768px){margin-top:12px}}}.right{flex:0 1 818px;max-width:818px;width:100%}.right .wrapper{flex-direction:column;flex-wrap:nowrap;gap:40px;div.card{border-radius:4px;flex:none;max-width:818px;overflow:visible;width:100%;.card-row{align-items:flex-start;display:flex;gap:28px;padding:32px;@media (max-width:768px){flex-direction:column;gap:16px}}.card-icon-badge{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px;img,svg{display:block;height:40px;object-fit:contain;width:40px}}.card-body{display:flex;flex-direction:column;gap:8px;min-width:0;span.title{font:700 23px/1.4 var(--font1);text-transform:none}span.teaser,span.title{color:var(--raisin-black);display:block;margin:0}span.teaser{font:400 16px/1.5 var(--font1)}}}}@media (max-width:1024px){.left{flex:0 1 320px}}@media (max-width:768px){.left{flex:unset;width:100%}}}@media (max-width:768px){.stacked-bg-vector{left:auto;right:0;width:min(280px,45%)}}}.cta,.url{display:block;margin-top:10px}}