/* 227 new-styles page, round 4: the dimmed two-paths version Liav asked to keep. Prefix c-nwl. */
/* 227 L (the ORIGINAL 221, kept on request): ZEBRA BRAND emerald #047857 (white 5.5:1), the OLD path is dimmed (box border .45, text #d1fae5, X marks at .75), the NEW path is lit (white border, glow). fieldset legend interrupts the border natively. */
.c-nwl { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #047857; color: #fff; }
.c-nwl :where(h2, ul, li, p, fieldset, legend) { margin: 0; padding: 0; list-style: none; }
.c-nwl::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-nwl__sec { padding: 56px 20px 64px; }
.c-nwl__h { margin: 0 auto 44px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwl__acc { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .16) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwl__stack { width: min(576px, 100%); margin-inline: auto; }
.c-nwl__box { box-sizing: border-box; min-width: 0; padding: 14px 22px 22px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 18px; }
.c-nwl__box--old { color: #d1fae5; }
.c-nwl__box--new { border: 2px solid #fff; background: rgba(255, 255, 255, .12); box-shadow: 0 10px 30px rgba(2, 44, 34, .35); color: #fff; }
.c-nwl__lg { margin-inline: auto; padding: 0 16px; font-size: 20px; font-weight: 900; line-height: 1.3; text-align: center; color: #fff; }
.c-nwl__list { margin-top: 6px; }
.c-nwl__li { display: flex; align-items: center; gap: 16px; padding: 12px 0; font-size: 18px; line-height: 1.5; }
.c-nwl__ic { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #fff; -webkit-mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-nwl__ic--x { --ic: url(../assets/icons/ph-x-bold.svg); opacity: .75; }
.c-nwl__ic--v { --ic: url(../assets/icons/ph-check-bold.svg); }
.c-nwl__or { margin: 26px 0; font-size: 36px; font-weight: 900; line-height: 1; text-align: center; color: #fff; }
@media (min-width: 900px) {
  .c-nwl__sec { padding: 96px 32px 104px; }
  .c-nwl__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwl__stack { width: min(640px, 100%); }
  .c-nwl__box { padding: 16px 36px 28px; }
  .c-nwl__lg { font-size: 24px; }
  .c-nwl__li { gap: 20px; padding: 14px 0; font-size: 20px; }
  .c-nwl__ic { width: 34px; height: 34px; -webkit-mask-size: 18px 18px, auto; mask-size: 18px 18px, auto; }
  .c-nwl__or { margin: 32px 0; font-size: 44px; }
}