.nfpk-purchase-steps{
  --nfpk-purchase-panel:#F5F5F6;
  --nfpk-purchase-card:#FFFFFF;
  --nfpk-purchase-card-hover:#F1F1F3;
  --nfpk-purchase-text:#171719;
  --nfpk-purchase-muted:#707277;
  --nfpk-purchase-stroke:rgba(17,17,19,.14);
  --nfpk-purchase-stroke-strong:rgba(17,17,19,.24);
  --nfpk-purchase-red:#ED2025;
  width:calc(100% - 40px);
  margin-inline:20px;
  min-width:0;
  box-sizing:border-box;
  color:var(--nfpk-purchase-text);
}
html[data-nfpk-theme="dark"] .nfpk-purchase-steps,
html[data-theme="dark"] .nfpk-purchase-steps,
html.nfpk-dark-mode .nfpk-purchase-steps,
body[data-nfpk-theme="dark"] .nfpk-purchase-steps,
body[data-theme="dark"] .nfpk-purchase-steps,
body.nfpk-dark-mode .nfpk-purchase-steps,
body.nfpk-dark .nfpk-purchase-steps,
body.dark-mode .nfpk-purchase-steps{
  --nfpk-purchase-panel:#09090B;
  --nfpk-purchase-card:#0D0D0F;
  --nfpk-purchase-card-hover:#141417;
  --nfpk-purchase-text:#FFFFFF;
  --nfpk-purchase-muted:rgba(255,255,255,.64);
  --nfpk-purchase-stroke:rgba(255,255,255,.16);
  --nfpk-purchase-stroke-strong:rgba(255,255,255,.28);
}
.nfpk-purchase-steps__header{
  margin:0 0 20px;
  text-align:center;
}
.nfpk-purchase-steps__header h2{
  margin:0!important;
  padding:0!important;
  color:var(--nfpk-purchase-text)!important;
  font-family:inherit!important;
  font-size:clamp(26px,2.25vw,38px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
}
.nfpk-purchase-steps__header h2:before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin:0 auto 12px;
  background:var(--nfpk-purchase-red);
  border-radius:99px;
}
.nfpk-purchase-steps__header p{
  max-width:780px;
  margin:8px auto 0!important;
  color:var(--nfpk-purchase-muted)!important;
  font-size:13px!important;
  line-height:1.8!important;
  text-align:center!important;
}
.nfpk-purchase-steps__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  padding:20px;
  background:var(--nfpk-purchase-panel);
  border:1px solid var(--nfpk-purchase-stroke);
  border-radius:25px;
  box-sizing:border-box;
}
.nfpk-purchase-step{
  position:relative;
  min-width:0;
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:20px 12px 16px;
  color:var(--nfpk-purchase-text);
  background:var(--nfpk-purchase-card);
  border:1px solid var(--nfpk-purchase-stroke);
  border-radius:18px;
  text-align:center;
  box-sizing:border-box;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.nfpk-purchase-step:hover,
.nfpk-purchase-step:focus-within{
  background:var(--nfpk-purchase-card-hover);
  border-color:var(--nfpk-purchase-red);
  transform:translateY(-2px);
}
.nfpk-purchase-step__number{
  position:absolute;
  top:10px;
  inset-inline-end:10px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#FFFFFF;
  background:var(--nfpk-purchase-red);
  border-radius:50%;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.nfpk-purchase-step__icon{
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  color:var(--nfpk-purchase-text);
}
.nfpk-purchase-step__icon svg{
  width:54px;
  height:54px;
  display:block;
  overflow:visible;
}
.nfpk-purchase-step h3{
  margin:12px 0 0!important;
  padding:0!important;
  color:var(--nfpk-purchase-text)!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-align:center!important;
}
.nfpk-purchase-step__accent{
  width:28px;
  height:2px;
  display:block;
  margin:10px auto 0;
  background:var(--nfpk-purchase-red);
  border-radius:99px;
}
.nfpk-purchase-step p{
  margin:10px 0 0!important;
  padding:0!important;
  color:var(--nfpk-purchase-muted)!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.8!important;
  text-align:center!important;
}
.nfpk-purchase-step__connector{
  position:absolute;
  top:50%;
  inset-inline-end:-27px;
  z-index:3;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  color:var(--nfpk-purchase-red);
  background:var(--nfpk-purchase-card);
  border:1px solid var(--nfpk-purchase-stroke);
  border-radius:50%;
  pointer-events:none;
}
.nfpk-purchase-step__connector svg{width:14px;height:14px;display:block}
.nfpk-dir-ltr .nfpk-purchase-step__connector svg{transform:rotate(180deg)}

@media(max-width:1180px){
  .nfpk-purchase-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .nfpk-purchase-step{min-height:220px}
  .nfpk-purchase-step:nth-child(3n) .nfpk-purchase-step__connector{display:none}
}
@media(max-width:767px){
  .nfpk-purchase-steps__header{margin-bottom:14px}
  .nfpk-purchase-steps__header h2{font-size:24px!important}
  .nfpk-purchase-steps__header h2:before{width:36px;margin-bottom:9px}
  .nfpk-purchase-steps__header p{font-size:11.5px!important;line-height:1.7!important}
  .nfpk-purchase-steps__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:10px;
    border-radius:18px;
  }
  .nfpk-purchase-step{
    min-height:166px;
    padding:14px 8px 10px;
    border-radius:14px;
  }
  .nfpk-purchase-step__number{top:7px;inset-inline-end:7px;width:23px;height:23px;font-size:10px}
  .nfpk-purchase-step__icon{width:48px;height:48px;margin-top:9px}
  .nfpk-purchase-step__icon svg{width:43px;height:43px}
  .nfpk-purchase-step h3{margin-top:7px!important;font-size:12px!important;line-height:1.5!important}
  .nfpk-purchase-step__accent{width:22px;margin-top:7px}
  .nfpk-purchase-step p{margin-top:7px!important;font-size:9px!important;line-height:1.65!important}
  .nfpk-purchase-step__connector{display:none!important}
}
@media(max-width:390px){
  .nfpk-purchase-steps__grid{gap:7px;padding:8px}
  .nfpk-purchase-step{min-height:158px;padding-inline:6px}
  .nfpk-purchase-step h3{font-size:11.5px!important}
  .nfpk-purchase-step p{font-size:8.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .nfpk-purchase-step{transition:none!important;transform:none!important}
}