.feature-cards-component{content-visibility:auto;contain-intrinsic-size:500px}
.feature-cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem 0}
@media(width>=1024px){.feature-cards{gap:1rem}
}
.feature-cards>*{flex:0 1 100%}
@media(width>=768px){.feature-cards>*{flex:0 1 calc(calc(100% / 2) - calc(1rem / 2 * 1))}
}
.feature-card{position:relative;display:grid;grid-template:"container";overflow:hidden;padding:.75rem;border:3px solid #ddd;background:var(--brand-color-light);color:var(--text-color-dark);transition:all 1s}
.feature-card:hover{transition:all 1.5s}
.feature-card>*{flex:0 1 auto}
.feature-card__initial{grid-area:container;opacity:1;max-height:180px;display:flex;flex-direction:column;justify-content:center;gap:1rem;transition:opacity .5s}
.feature-card__initial:hover{opacity:0}
.feature-card__eyebrow{text-transform:uppercase}
.feature-card__eyebrow::before{content:'';display:block;background:#5f98a7;width:50px;height:12px;position:absolute;top:0;left:24px;transition:all 750ms linear;transform-origin:0 0}
.feature-card__preview{pointer-events:none;flex:0 1 50%;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;align-items:flex-start;padding-left:.75rem}
.feature-card__preview-new{pointer-events:none;flex:0 1 50%;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;align-items:flex-start;padding-left:.75rem;margin-top:6rem}
.feature-card__reveal{grid-area:container;opacity:0;background:#fff;padding:2rem}
.height-checker{color:#7a7a7a;font-family:"Akkurat Pro Regular",Sans-serif;font-size:1.25rem;font-weight:400;line-height:30px;padding-left:1rem}
.feature-card__reveal.exitTransition{transition:all 1s}
.feature-card__reveal>*{color:#7a7a7a;font-size:1.25rem}
.feature-card__reveal>*+*{margin-top:1.5rem}
.feature-card:is(:hover,:focus-visible,:focus)>.feature-card__reveal{height:100%;opacity:1;transition:all 1s;transition-delay:500ms}
.feature-card:is(:hover,:focus-visible,:focus)>.feature-card__initial{opacity:0;min-height:unset}
.feature-card:is(:hover,:focus-visible,:focus)>.feature-card__eyebrow::before{width:100%;left:0}
.feature-card__image{color:var(--text-color-light)}
.feature-card__image img{height:48px;aspect-ratio:1 / 1}
.feature-card__content{flex:0 1 100%;max-width:40ch}
.feature-card__content>*{font-family:var(--font-heading);font-size:1.3125rem;line-height:1.25;justify-items:flex-end;color:var(--text-color-slate)}
.feature-card__content a{color:currentColor;text-decoration:none}
.feature-card__content sup{vertical-align:inherit;position:relative;top:-0.5em}
.feature-card__cta{display:block;color:var(--brand-color-darkblue);text-decoration:none;background:url(../../../../../content/dam/imemea/web/images/icons/arrow.svg) .75rem center no-repeat;background-size:20px 20px;padding-left:2.75rem;font-family:var(--font-body-bold)}
.feature-card__reveal ul{padding-left:2rem}
.feature-card__reveal ul ul{padding-left:2rem}