.i2-learning-banner { --gs-primary: #fff; --gs-primary-hover: #dff3ff; --gs-text: #fff; scroll-margin-top: 6rem; }
.i2-learning-banner .gs-media-section { position: relative; overflow: hidden; }
.i2-learning-banner .gs-media-section::before { position: absolute; top: -15rem; right: -7rem; width: 34rem; height: 34rem; border: 1px solid rgb(255 255 255 / 14%); border-radius: 50%; content: ""; pointer-events: none; }
.i2-learning-banner .gs-layout-grid { align-items: center; }
.i2-learning-banner .gs-content-header__title { color: #fff; padding: 0; font-size: clamp(2rem, 3.5vw, 3.25rem); }
.i2-learning-banner .gs-content-header__eyebrow { color: #8fd4ff; }
.i2-learning-banner .gs-content-header__text { color: #d9eafb; line-height: 1.7; }
.i2-learning-banner .gs-action.gs-action--primary { color: #092c52; }
.i2-learning-banner .gs-action.gs-action--primary:hover { background: var(--gs-primary-hover); }
.i2-learning-banner .gs-action.gs-action--secondary { color: #fff; }
.i2-learning-banner .gs-action.gs-action--secondary:hover { background: rgb(255 255 255 / 12%); }
.i2-learning-banner .gs-action.gs-action--primary:focus-visible { outline-color: #8fd4ff; box-shadow: 0 0 0 .2rem #071a34; }
.i2-learning-banner__path { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.i2-learning-banner__path li { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.25rem; border: 1px solid rgb(255 255 255 / 25%); border-radius: 1rem; background: rgb(255 255 255 / 7%); }
.i2-learning-banner__path span { color: #9ed9ff; font-size: .85rem; font-weight: 700; }
.i2-learning-banner__path strong { font-size: 1.2rem; }
.i2-learning-banner__path p { margin: .3rem 0 0; color: #d9eafb; line-height: 1.5; }