@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.m-195-stage-with-cards{--dm-position:static;--dm-z-index:1;--versionColor:var(--brand-white);--coalColor:var(--text-headings);--grayColor:var(--text-body);--eyebrowColor:var(--text-eyebrow);--floatBg:var(--brand-white);--badge-padding:0;--badgeFamily:AvenirNext-DemiBold,sans-serif;--badgeSize:22px;--badgeLh:30px;--badgeMargin:0;--badgeBg:transparent;--shadow:unset;background-color:var(--versionColor)}
.m-195-stage-with-cards .dynamic-media-container,.m-195-stage-with-cards .image-fallback,.m-195-stage-with-cards .image-container{--dm-width:100%;--container-height:500px;width:var(--dm-width);position:var(--dm-position);height:var(--container-height)}
.m-195-stage-with-cards .dynamic-media-container .focuspoint,.m-195-stage-with-cards .image-fallback .focuspoint,.m-195-stage-with-cards .image-container .focuspoint{width:var(--dm-width);height:var(--container-height)}
.m-195-stage-with-cards .dynamic-media-container.no-bg img,.m-195-stage-with-cards .image-fallback.no-bg img,.m-195-stage-with-cards .image-container.no-bg img{top:0 !important;left:0 !important;object-fit:cover}
.m-195-stage-with-cards .mob{display:none}
.m-195-stage-with-cards .image-container{height:var(--container-height);object-fit:cover;object-position:center;position:var(--dm-position);width:var(--dm-width)}
.m-195-stage-with-cards .float-element{background-color:var(--floatBg);background-image:url("../../clientlibs/clientlib-base/resources/img/background/m-195/waves-only.svg");background-repeat:no-repeat;background-position:center right;border-radius:20px;box-shadow:var(--shadow-1);display:flex;height:fit-content;justify-content:space-between;margin:-115px auto 0;padding:40px;position:relative}
.m-195-stage-with-cards .float-element .text-part{display:flex;flex-direction:column;gap:5px;max-width:701px;width:70%}
.m-195-stage-with-cards .float-element .overTitle{background-color:var(--badgeBg);border-radius:30px;box-shadow:var(--shadow);color:var(--text-eyebrow);font-family:var(--badgeFamily);font-size:var(--badgeSize);line-height:var(--badgeLh);margin:var(--badgeMargin);padding:var(--badge-padding);width:fit-content}
.m-195-stage-with-cards .float-element .title{color:var(--coalColor);font-family:"AvenirNext-DemiBold",sans-serif;font-size:36px;line-height:44px}
.m-195-stage-with-cards .float-element .description{color:var(--grayColor);font-family:"Noto Sans",sans-serif;font-size:16px;line-height:26px}
.m-195-stage-with-cards .float-element .cta-wrapper{display:flex;justify-content:flex-end;align-items:flex-end}
.m-195-stage-with-cards.dark{--versionColor:var(--brand-secondary-700);--floatBg:var(--brand-secondary-900);--coalColor:var(--brand-white);--grayColor:var(--brand-secondary-100);--eyebrowColor:var(--text-body);--shadow:0 0 20.9px 0 var(--brand-primary);--badge-padding:5px 15px;--badgeFamily:Noto Sans,sans-serif;--badgeSize:14px;--badgeBg:var(--brand-secondary-300);--badgeLh:22px}
@media(max-width:1419.98px){.m-195-stage-with-cards .float-element{max-width:calc(100% - 80px)}
}
@media(max-width:939.98px){.m-195-stage-with-cards{--dm-position:static;--dm-z-index:1;--badgeSize:18px;--badgeLh:26px}
.m-195-stage-with-cards .dynamic-media-container,.m-195-stage-with-cards .image-fallback,.m-195-stage-with-cards .image-container{--dm-width:100%;--container-height:432px}
.m-195-stage-with-cards .desk{display:none}
.m-195-stage-with-cards .mob{display:flex}
.m-195-stage-with-cards .float-element{align-items:center;background-image:none;flex-direction:column;gap:40px;margin:-115px auto 0;padding:40px 20px 20px;max-width:calc(100% - 60px)}
.m-195-stage-with-cards .float-element .text-part{align-items:center;width:100%}
.m-195-stage-with-cards .float-element .title{font-size:28px;line-height:36px;margin-bottom:15px}
.m-195-stage-with-cards .float-element .overTitle,.m-195-stage-with-cards .float-element .title,.m-195-stage-with-cards .float-element .description{text-align:center}
.m-195-stage-with-cards .float-element .cta-wrapper{justify-content:center;align-items:center}
.m-195-stage-with-cards.dark{--badgeMargin:0 0 5px}
}
@media(max-width:709.98px){.m-195-stage-with-cards .dynamic-media-container,.m-195-stage-with-cards .image-fallback,.m-195-stage-with-cards .image-container{--dm-width:100%;--container-height:432px}
.m-195-stage-with-cards .float-element{margin:-200px auto 0;max-width:calc(100% - 40px)}
}