.nx-how{position:relative;isolation:isolate;overflow:hidden;padding:var(--nx-how-top, 48px) 0 var(--nx-how-bottom, 48px);background:var(--nx-how-bg, #eaf0e8);color:#20231f}.nx-how:before,.nx-how:after{content:"";position:absolute;right:0;left:0;height:1px;background:#cfddcc;z-index:2}.nx-how:before{top:0}.nx-how:after{bottom:0}.nx-how__visual{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:42%;background-size:cover;background-position:right center;background-repeat:no-repeat;opacity:.38}.nx-how__visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--nx-how-bg, #eaf0e8),transparent 75%)}.nx-how__content{display:grid;grid-template-columns:minmax(185px,235px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,70px);max-width:calc(100% - 170px);min-height:170px}.nx-how__eyebrow{display:block;margin-bottom:9px;color:var(--nx-how-accent, #2f5b38);font-size:11px;font-weight:700;letter-spacing:.24em;line-height:1.4;text-transform:uppercase}.nx-how__heading h2{max-width:320px;margin:0;color:#20231f;font-size:clamp(27px,2.4vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.12}.nx-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,38px)}.nx-how__step{position:relative;min-width:0;text-align:center}.nx-how__step:not(:last-child):after{content:"";position:absolute;top:32px;right:-23px;width:11px;height:11px;border-top:1px solid var(--nx-how-accent, #2f5b38);border-right:1px solid var(--nx-how-accent, #2f5b38);transform:rotate(45deg);opacity:.8}.nx-how__icon{position:relative;display:grid;place-items:center;width:70px;height:70px;margin:0 auto 11px;border:1px solid var(--nx-how-accent, #2f5b38);border-radius:50%;color:var(--nx-how-accent, #2f5b38);background:#ffffffb8}.nx-how__icon svg{display:block;width:34px;height:34px}.nx-how__number{position:absolute;top:-4px;right:-5px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--nx-how-accent, #2f5b38);color:#fff;font-size:12px;font-weight:700;line-height:1}.nx-how__step-copy h3{margin:0 0 4px;color:#223328;font-size:15px;font-weight:700;line-height:1.25}.nx-how__step-copy p{max-width:180px;margin:0 auto;color:#465249;font-size:13px;line-height:1.4}@media(max-width:1100px){.nx-how__content{max-width:calc(100% - 100px);grid-template-columns:minmax(160px,205px) minmax(0,1fr);gap:30px}.nx-how__step:not(:last-child):after{right:-15px}.nx-how__visual{width:36%}}@media(max-width:749px){.nx-how{padding:min(var(--nx-how-top, 48px),52px) 0 min(var(--nx-how-bottom, 48px),52px)}.nx-how__visual{width:70%;height:190px;bottom:auto;opacity:.24}.nx-how__visual:before{background:linear-gradient(90deg,var(--nx-how-bg, #eaf0e8) 0,transparent 80%),linear-gradient(0deg,var(--nx-how-bg, #eaf0e8),transparent 80%)}.nx-how__content{display:block;max-width:none;min-height:0}.nx-how__heading{position:relative;z-index:1;min-height:155px}.nx-how__heading h2{max-width:280px;font-size:clamp(29px,7vw,37px)}.nx-how__steps{grid-template-columns:1fr;gap:0}.nx-how__step{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:18px;padding:18px 0;border-top:1px solid #cfddcc;text-align:left}.nx-how__step:not(:last-child):after{display:none}.nx-how__icon{width:58px;height:58px;margin:0}.nx-how__icon svg{width:28px;height:28px}.nx-how__step-copy h3{font-size:16px}.nx-how__step-copy p{max-width:none;margin:0;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/newxwell-how-to-use.css.map */