.feature-accordion.bg-electric-blue{background-color:#2c3cbb!important}.feature-accordion.bg-black{background-color:#000!important}.feature-accordion.bg-white{background-color:#fff!important}.feature-accordion.bg-oatmeal{background-color:#e7e4df!important}.feature-accordion.bg-forged-steel{background-color:#3a352e!important}.feature-accordion.text-white{color:#fff}.feature-accordion.text-white h1,.feature-accordion.text-white h2,.feature-accordion.text-white h3,.feature-accordion.text-white h4,.feature-accordion.text-white h5,.feature-accordion.text-white h6,.feature-accordion.text-white li,.feature-accordion.text-white p,.feature-accordion.text-white span{color:#fff}.feature-accordion.text-black{color:#000}.feature-accordion.text-black h1,.feature-accordion.text-black h2,.feature-accordion.text-black h3,.feature-accordion.text-black h4,.feature-accordion.text-black h5,.feature-accordion.text-black h6,.feature-accordion.text-black li,.feature-accordion.text-black p,.feature-accordion.text-black span{color:#000}.feature-accordion.text-oatmeal{color:#e7e4df}.feature-accordion.text-oatmeal h1,.feature-accordion.text-oatmeal h2,.feature-accordion.text-oatmeal h3,.feature-accordion.text-oatmeal h4,.feature-accordion.text-oatmeal h5,.feature-accordion.text-oatmeal h6,.feature-accordion.text-oatmeal li,.feature-accordion.text-oatmeal p,.feature-accordion.text-oatmeal span{color:#e7e4df}.feature-accordion.text-forged-steel{color:#3a352e}.feature-accordion.text-forged-steel h1,.feature-accordion.text-forged-steel h2,.feature-accordion.text-forged-steel h3,.feature-accordion.text-forged-steel h4,.feature-accordion.text-forged-steel h5,.feature-accordion.text-forged-steel h6,.feature-accordion.text-forged-steel li,.feature-accordion.text-forged-steel p,.feature-accordion.text-forged-steel span{color:#3a352e}.feature-accordion .header-grid>div{grid-column:span 8}@media (max-width:820px){.feature-accordion .header-grid>div{grid-column:span 12}}.feature-accordion .mobile-progress-bar{display:none}@media (max-width:820px){.feature-accordion .mobile-progress-bar{display:block;width:100%;height:4px;background:rgba(255,255,255,.2);margin-top:2.4rem;margin-bottom:2.4rem;border-radius:2px;overflow:hidden}.feature-accordion .mobile-progress-bar .progress-fill{height:100%;background:var(--hpe1-green-lime,#8fff3e);border-radius:2px;transition:width .35s ease-in-out}}.feature-accordion .accordion-items-grid{margin-top:clamp(3.8rem,4.375vw,7rem);display:flex;overflow:auto;max-width:100%}@media (max-width:820px){.feature-accordion .accordion-items-grid{display:block;margin-top:0}}.feature-accordion .accordion-item{display:flex}@media (max-width:820px){.feature-accordion .accordion-item{display:block}}.feature-accordion .accordion-item:last-child .accordion-title{border-right:none}.feature-accordion .accordion-item.active .accordion-content{display:block}.feature-accordion .accordion-item.active .accordion-title{border-right:none;border-bottom:none;opacity:1}.feature-accordion .accordion-item.active .accordion-title div.icon,.feature-accordion .accordion-item.active .accordion-title h2{display:none}.feature-accordion .accordion-item .accordion-content{background-size:cover;background-position:center;background-repeat:no-repeat;display:none;width:calc(100% - 96px);padding:3.2rem}@media (max-width:820px){.feature-accordion .accordion-item .accordion-content{width:calc(100% + 4.8rem);margin-left:-2.4rem;margin-right:-2.4rem;margin-bottom:3.2rem;padding:2.4rem}}.feature-accordion .accordion-item .accordion-content .media svg{width:clamp(27.9rem,21.375vw,34.2rem);height:clamp(27rem,20.6875vw,33.1rem)}.feature-accordion .accordion-item .ac-header-content{position:relative;display:flex;justify-content:space-between}@media (max-width:700px){.feature-accordion .accordion-item .ac-header-content{flex-wrap:wrap}}.feature-accordion .accordion-item .ac-header-content .content{padding-right:clamp(2.4rem,4.375vw,7rem)}@media (max-width:700px){.feature-accordion .accordion-item .ac-header-content .content{width:100%;padding-right:0;order:2}}.feature-accordion .accordion-item .ac-header-content .content p{margin-bottom:0}.feature-accordion .accordion-item .ac-header-content .content .btn{margin-top:clamp(2.4rem,3vw,4.8rem)}@media (max-width:700px){.feature-accordion .accordion-item .ac-header-content .media{margin:0 auto 2.4rem}}.feature-accordion .accordion-item .accordion-lower{margin-top:2.4rem}.feature-accordion .accordion-item .accordion-lower p.overline{margin-bottom:2.4rem}.feature-accordion .accordion-item .accordion-lower .benefit-item{display:flex;align-items:flex-start}.feature-accordion .accordion-item .accordion-lower .benefit-item p{margin:0;margin-left:.8rem;text-align:left}.feature-accordion .accordion-item .accordion-title{width:96px;border-right:2px solid var(--border-primary,#3a352e);opacity:.5;transition:all .35s ease-in-out}@media (max-width:820px){.feature-accordion .accordion-item .accordion-title{width:100%;border-right:none;padding-top:1.6rem;border-bottom:2px solid var(--border-primary,#3a352e);padding-bottom:1.6rem}}.feature-accordion .accordion-item .accordion-title:hover{opacity:1}.feature-accordion .accordion-item .accordion-title:hover .icon{background-color:#fff}.feature-accordion .accordion-item .accordion-title:hover .icon svg path{fill:var(--bg-primary,#3a352e)}.feature-accordion .accordion-item .accordion-title h2,.feature-accordion .accordion-item .accordion-title p{margin:0}.feature-accordion .accordion-item .accordion-title .flex-wrapper{flex-direction:column;height:100%;align-items:center}@media (max-width:820px){.feature-accordion .accordion-item .accordion-title .flex-wrapper{flex-direction:row;justify-content:space-between}}.feature-accordion .accordion-item .accordion-title .title-content{display:flex;flex-direction:column;height:calc(100% - 48px);align-items:center}@media (max-width:820px){.feature-accordion .accordion-item .accordion-title .title-content{height:auto;flex-direction:row;align-items:center;justify-content:center}}.feature-accordion .accordion-item .accordion-title .icon{width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:4.8rem;transition:all .35s ease-in-out}.feature-accordion .accordion-item .accordion-title .icon svg path{transition:all .35s ease-in-out}@media (max-width:820px){.feature-accordion .accordion-item .accordion-title .icon{margin-top:0}}.feature-accordion .accordion-item .accordion-title h2{writing-mode:vertical-lr;margin-top:4.8rem;width:100%;transform:translateX(10px);display:block;white-space:nowrap}@media (max-width:820px){.feature-accordion .accordion-item .accordion-title h2{writing-mode:horizontal-tb;transform:translateX(0);white-space:wrap;margin-top:0;margin-left:2.4rem}}.feature-accordion.has-dark-overlay .accordion-lower{position:relative;padding:2.4rem;margin-left:-3.2rem;margin-right:-3.2rem;margin-bottom:-3.2rem}@media (max-width:820px){.feature-accordion.has-dark-overlay .accordion-lower{margin-left:-2.4rem;margin-right:-2.4rem;margin-bottom:-2.4rem}}.feature-accordion.has-dark-overlay .accordion-lower:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.85) 100%);z-index:0}.feature-accordion.has-dark-overlay .accordion-lower>*{position:relative;z-index:1}
@media (max-width:700px){.feature-accordion .accordion-item .ac-header-content{padding:0 15px}.feature-accordion.has-dark-overlay .accordion-lower{margin-left:-0.5rem;margin-right:-0.5rem}}.feature-accordion .accordion-item .accordion-lower .benefit-item svg{width:24px;height:24px;flex-shrink:0;margin-top:.2rem}