section.u5m-cards{margin:var(--section-margin-none);padding:var(--section-padding-medium);.section-inner.center{.intro-content{margin-bottom:50px}}.card-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;--gap:30px;columns:var(--cols);gap:var(--gap);&.two{--cols:2;@media (max-width:580px){--cols:1}}&.three{--cols:3;@media (max-width:768px){--cols:2}@media (max-width:580px){--cols:1}}&.four{--cols:4;@media (max-width:1024px){--cols:3}@media (max-width:768px){--cols:2}@media (max-width:580px){--cols:1}}}.bottom-content{margin-top:50px}&.dark-mode{.bottom-content{color:var(--white)}}.card.no-media{background:transparent;border:none;border-radius:0;box-shadow:none;pointer-events:none;&.full-click{pointer-events:auto}}.card{border:none;border-radius:5px;box-shadow:0 12px 15px 0 rgba(140,152,164,.1);.media.image{border-radius:0}&.icon-card{box-shadow:none;&.align-center{.media.icon{display:flex;justify-content:center}.content,.content-upper{align-items:center;text-align:center}}}.content{padding:24px;.content-upper{span.title{color:var(--isg-blue);font-size:var(--fs-h4);line-height:var(--lh-h4);margin:0 0 16px}span.description{color:var(--isg-text);font-size:var(--fs-b3);line-height:var(--lh-b3);margin-top:0}}.button-group{margin-top:24px;width:100%;.button-span{display:block;width:100%}.button-span.btn a,.button-span.btn-primary a{border-radius:5px;display:block;font-size:12px;font-weight:700;letter-spacing:.25px;padding:12px 16px;text-align:center;text-transform:uppercase;width:100%}}}}.card-wrapper.style-navy{.card{background-color:var(--isg-navy);border-radius:0;box-shadow:none;color:var(--white);pointer-events:auto;&.no-media{background-color:var(--isg-navy);border-radius:0}.content{padding:32px;.content-upper{span.description,span.title{color:var(--white)}span.eyebrow{background:none;border-radius:0;color:var(--isg-skyblue);padding:0;text-transform:uppercase}span.description{.h1,.h2,.h3,.h4,.h5,.h6,a,h1,h2,h3,h4,h5,h6{color:var(--white)}}span.title{font-size:var(--fs-b3);line-height:1.4;margin:0 0 12px}}.button-group{.button-span.btn a,.button-span.btn-primary a{background-color:var(--white);border-color:var(--white);color:var(--isg-navy);&:hover{opacity:.9}}.button-span.btn-stroked a{border-color:var(--white);color:var(--white)}.button-span.btn-text a{color:var(--white)}}}.media.icon svg path{fill:var(--white)}}}&.style-home{--home-accent:var(--isg-aquamarine);background-color:var(--isg-navy);.intro-content{.description,.description *,.heading{color:var(--white)}.eyebrow{background:none;border-radius:0;color:var(--isg-skyblue);padding:0;text-transform:uppercase}}.card-wrapper.style-home{overflow:visible;&.two{@media (max-width:768px){--cols:1}}.card{background-color:var(--isg-navy);border:none;border-radius:var(--border2);box-shadow:none;color:var(--white);pointer-events:auto;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;z-index:1;.content-upper span.eyebrow,.media{display:none}&.no-media{background-color:var(--isg-navy);border-radius:var(--border2);pointer-events:auto}&.full-click:focus,&.full-click:hover,&:focus,&:hover{background-color:var(--isg-navy);border:none;box-shadow:0 0 30px rgba(0,226,192,.3);transform:scale(1.125);z-index:2;.content-upper span.title:before{width:100px}.button-group .button-span a:after{transform:translateX(5px)}}.content{justify-content:flex-start;padding:20px;.content-upper{span.title{color:var(--white);display:block;font-size:var(--fs-h4);margin:0 0 10px;padding-top:20px;position:relative;&:before{background-color:var(--home-accent);content:"";height:4px;left:0;position:absolute;top:0;transition:width .25s;width:60px}}span.description{color:var(--white);font-size:var(--fs-b5);line-height:var(--lh-b5);margin:0 0 16px;p{color:var(--white);font-size:var(--fs-b5);line-height:var(--lh-b5);margin:0 0 16px;&:last-child{margin-bottom:0}}.h1,.h2,.h3,.h4,.h5,.h6,a,h1,h2,h3,h4,h5,h6{color:var(--white)}}}.button-group{margin:0 0 8px;width:auto;.button-span{display:block;width:auto}.button-span.btn a,.button-span.btn-primary a,.button-span.btn-text a,.button-span.btn-text-white a{background:none;border:none;border-radius:0;color:var(--home-accent);display:inline;font-size:14px;font-weight:600;letter-spacing:normal;line-height:1.6;padding:0;text-align:left;text-transform:uppercase;width:auto;&:after{color:var(--home-accent);content:"→";display:inline-block;font-size:14px;font-weight:600;line-height:0;margin-left:8px;position:relative;top:1px;transition:var(--animation1)}&:focus,&:hover{background:none;color:var(--home-accent);opacity:.85;&:after{transform:translateX(5px)}}}}.tagline{color:var(--white);display:block;font-size:12px;font-weight:200;letter-spacing:.5px;line-height:16px;margin:0}}}}}&.style-image-fade{--fade-navy:var(--isg-navy);--fade-link:#cae5ff;background-color:var(--isg-navy);.intro-content{.description,.description *,.heading{color:var(--white)}.eyebrow{background:none;border-radius:0;color:var(--isg-skyblue);padding:0;text-transform:uppercase}}.card-wrapper.style-image_fade{&.four{--gap:30px;@media (max-width:1024px){--cols:2}@media (max-width:580px){--cols:1}}.card{background-color:var(--fade-navy);background-position:bottom;background-repeat:no-repeat;background-size:cover;border:none;border-radius:5px;box-shadow:none;color:var(--white);display:flex;flex-direction:column;margin:0;min-height:400px;overflow:hidden;pointer-events:auto;transition:transform .25s ease;.media{display:none}&.no-media{background-color:var(--fade-navy);border-radius:5px;pointer-events:auto}&.full-click:focus,&.full-click:hover,&:focus,&:hover{background-color:var(--fade-navy);border:none;transform:translateY(-2px);.button-group .button-span a:after{transform:translateX(5px)}}.content{align-items:flex-start;background:linear-gradient(var(--fade-navy) 40%,transparent 100%);display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;min-height:400px;padding:24px;.content-upper{flex:0 0 auto;flex-grow:0;span.eyebrow{background:none;border-radius:0;color:var(--isg-skyblue);display:block;margin:0 0 10px;padding:0;text-transform:uppercase}span.title{color:var(--white);display:block;font-size:var(--fs-b3);line-height:1.4;margin:0 0 12px}span.description{color:var(--white);font-size:var(--fs-b3);line-height:1.5;margin:0 0 12px;p{color:var(--white);font-size:var(--fs-b3);line-height:1.5;margin:0 0 12px;&:last-child{margin-bottom:0}}.h1,.h2,.h3,.h4,.h5,.h6,a,h1,h2,h3,h4,h5,h6{color:var(--white)}}}.button-group{margin:0;width:auto;.button-span{display:block;width:auto}.button-span.btn a,.button-span.btn-primary a,.button-span.btn-text a,.button-span.btn-text-white a{background:none;border:none;border-radius:0;color:var(--fade-link);display:inline;font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.5;padding:0;text-align:left;text-transform:none;width:auto;&:after{color:var(--fade-link);content:"→";display:inline-block;font-size:1.75em;font-weight:400;line-height:1;margin-left:8px;transition:var(--animation1);vertical-align:-.15em}&:focus,&:hover{background:none;color:var(--fade-link);opacity:.85}}}}}}}}