.np-sub{padding-top:var(--np-sub-pt, 56px);padding-bottom:var(--np-sub-pb, 56px);background:#1e4a38;position:relative;overflow:hidden}.np-sub:before{content:"";position:absolute;top:-30%;right:-10%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#9fe1cb29,#9fe1cb00 68%);pointer-events:none}.np-sub .container{position:relative;z-index:1}.np-sub__inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:4.5rem;align-items:center}.np-sub__badge{display:inline-flex;align-items:center;gap:.6rem;background:#9fe1cb;color:#12352a;font-size:1.25rem;font-weight:600;padding:.7rem 1.5rem;border-radius:99px;margin-bottom:1.5rem}.np-sub__title{margin:0 0 1.1rem;color:#fff;font-size:3.4rem;line-height:1.12}.np-sub__text p{margin:0 0 2rem;color:#ffffffc2;font-size:1.5rem;line-height:1.65}.np-sub__btn{display:inline-flex;align-items:center;gap:.8rem;background:#fff;color:#1e4a38;font-size:1.5rem;font-weight:600;padding:1.5rem 3rem;border-radius:99px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.np-sub__btn svg{transition:transform .2s ease}.np-sub__btn:hover{background:#9fe1cb;color:#12352a;transform:translateY(-2px)}.np-sub__btn:hover svg{transform:translate(4px)}.np-sub__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem;position:relative}.np-sub__steps:before{content:"";position:absolute;left:39px;top:46px;bottom:46px;width:2px;background:repeating-linear-gradient(to bottom,rgba(159,225,203,.45) 0 5px,transparent 5px 11px)}.np-sub__step{display:flex;align-items:center;gap:1.6rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:1.5rem 1.9rem;position:relative;transition:background-color .25s ease,border-color .25s ease,transform .25s ease,opacity .6s ease,filter .6s ease;opacity:0;transform:translateY(22px);filter:blur(2px);transition-delay:var(--delay, 0s)}.np-sub__step.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.np-sub__step:hover{background:#ffffff1f;border-color:#9fe1cb6b;transform:translate(4px)}.np-sub__iconwrap{position:relative;flex:0 0 58px}.np-sub__icon{width:58px;height:58px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;position:relative}.np-sub__step:hover .np-sub__icon{transform:scale(1.06) rotate(-3deg)}.np-sub__icon img{width:40px;height:40px;object-fit:contain;display:block;position:relative;z-index:1}.np-sub__icon_ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;border:1.5px solid rgba(159,225,203,.55);opacity:0;animation:np-icon-pulse 2.6s ease-out infinite}.np-sub__step.is-visible .np-sub__icon_ring{animation-play-state:running}.np-sub__step:nth-child(1) .np-sub__icon_ring{animation-delay:0s}.np-sub__step:nth-child(2) .np-sub__icon_ring{animation-delay:.5s}.np-sub__step:nth-child(3) .np-sub__icon_ring{animation-delay:1s}.np-sub__step:nth-child(4) .np-sub__icon_ring{animation-delay:1.5s}@keyframes np-icon-pulse{0%{transform:scale(.85);opacity:.65}70%{transform:scale(1.22);opacity:0}to{transform:scale(1.22);opacity:0}}.np-sub__num{position:absolute;right:-5px;bottom:-5px;width:23px;height:23px;border-radius:50%;background:#9fe1cb;color:#12352a;font-size:1.15rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #1e4a38;z-index:2}.np-sub__stepbody{display:flex;flex-direction:column;gap:.3rem}.np-sub__stephead{color:#fff;font-size:1.55rem;font-weight:600;line-height:1.3}.np-sub__steptext{color:#ffffffa8;font-size:1.25rem;line-height:1.45}@media screen and (max-width:900px){.np-sub__inner{grid-template-columns:1fr;gap:2.8rem}.np-sub__title{font-size:2.9rem}}@media screen and (max-width:640px){.np-sub{padding-top:40px;padding-bottom:40px}.np-sub__title{font-size:2.5rem}.np-sub__text p{font-size:1.4rem;margin-bottom:1.8rem}.np-sub__btn{padding:1.4rem 2.6rem;font-size:1.45rem}.np-sub__step{padding:1.3rem 1.5rem;gap:1.3rem}.np-sub__steps:before{left:34px}.np-sub__iconwrap{flex-basis:48px}.np-sub__icon{width:48px;height:48px;border-radius:13px}.np-sub__icon img{width:33px;height:33px}.np-sub__stephead{font-size:1.42rem}}@media(prefers-reduced-motion:reduce){.np-sub__step{opacity:1;transform:none;filter:none;transition:none}.np-sub__icon_ring{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/np-subscribe.css.map */