/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:41: 125 gold "more than a training plan" (3 outlined cards, gold number tab, icon, CTA). Frame 1920. Fonts: Noto Sans Hebrew, Poppins (numbers).
   Contrast: number digits are DARK on the gold tab (design white fails); gold titles on dark and white body text are fine. Body 22 to 20px. */
.c-wx { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); --silver: linear-gradient(270deg, #8b8c90 0%, #f8f9fa 30%, #b8b9be 55%, #f8f9fa 80%, #d1d2d6 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-wx :where(h2, h3, p, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-wx__sec { box-sizing: border-box; padding: 46px 16px 64px; text-align: center; }
.c-wx__h { max-width: 620px; margin: 0 auto; font-weight: 900; }
.c-wx__a, .c-wx__b { display: block; font-size: clamp(22px, 6vw, 30px); line-height: 1.35; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-wrap: balance; }
.c-wx__a { background-image: var(--gold); }
.c-wx__b { margin-top: 2px; background-image: var(--silver); }
.c-wx__list { display: flex; flex-direction: column; gap: 24px; max-width: 520px; margin: 34px auto 0; }
.c-wx__item { position: relative; }
.c-wx__n { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 54px; margin: 0 auto 12px; border-radius: 12px; background: linear-gradient(270deg, #b38700, #ffd62f 25%, #ffd640 55%, #ffd62f 80%, #d6a400); font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 900; line-height: 1; color: #191508; }
.c-wx__card { box-sizing: border-box; padding: 34px 22px 22px; border: 3px solid #b38700; border-radius: 28px 5px 28px 5px; text-align: center; }
.c-wx__t { font-size: 20px; font-weight: 900; line-height: 1.3; letter-spacing: .05em; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-wx__card p { margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #fff; }
.c-wx__ic { display: block; width: 72px; height: 72px; margin: 14px auto 0; }
.c-wx__cta { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 38px; padding: 16px 24px; border: 3px solid #8f5c1a; border-radius: 24px; background: #251c00; text-decoration: none; font-size: 20px; font-weight: 900; line-height: 1.35; color: #fad652; }
.c-wx__cta:focus-visible { outline: 3px solid #fad652; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-wx__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(2217 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-wx__h { position: absolute; top: calc(80 * var(--u)); left: 0; right: 0; max-width: none; }
  .c-wx__a, .c-wx__b { font-size: calc(40 * var(--u)); line-height: calc(50 * var(--u)); }
  .c-wx__b { margin-top: 0; }
  .c-wx__list { position: absolute; top: calc(288 * var(--u)); left: 0; right: 0; display: block; max-width: none; margin: 0; }
  .c-wx__item { position: absolute; left: calc(553 * var(--u)); width: calc(813 * var(--u)); height: calc(502 * var(--u)); }
  .c-wx__item:nth-child(1) { top: 0; }
  .c-wx__item:nth-child(2) { top: calc(570 * var(--u)); }
  .c-wx__item:nth-child(3) { top: calc(1140 * var(--u)); }
  .c-wx__n { position: absolute; left: calc(370 * var(--u)); top: calc(32 * var(--u)); width: calc(74 * var(--u)); height: calc(71 * var(--u)); margin: 0; font-size: calc(50 * var(--u)); }
  .c-wx__card { position: absolute; left: 0; top: calc(130 * var(--u)); width: calc(813 * var(--u)); height: calc(372 * var(--u)); padding: 0; border-radius: calc(45 * var(--u)) calc(5 * var(--u)) calc(45 * var(--u)) calc(5 * var(--u)); }
  .c-wx__t { position: absolute; top: calc(40 * var(--u)); left: 0; right: 0; font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-wx__card p { position: absolute; top: calc(100 * var(--u)); left: 50%; width: calc(700 * var(--u)); margin: 0 0 0 calc(-350 * var(--u)); font-size: max(13px, calc(21 * var(--u))); line-height: calc(35 * var(--u)); }
  .c-wx__ic { position: absolute; left: calc(342 * var(--u)); top: calc(212 * var(--u)); width: calc(130 * var(--u)); height: calc(130 * var(--u)); margin: 0; }
  .c-wx__item:nth-child(1) .c-wx__ic { top: calc(210 * var(--u)); }
  .c-wx__item:nth-child(2) .c-wx__ic { top: calc(214 * var(--u)); }
  .c-wx__item:nth-child(3) .c-wx__ic { top: calc(226 * var(--u)); }
  .c-wx__cta { position: absolute; top: calc(2043 * var(--u)); left: 50%; width: calc(478 * var(--u)); height: calc(83 * var(--u)); margin: 0 0 0 calc(-239 * var(--u)); padding: 0; display: grid; place-items: center; font-size: max(13px, calc(24 * var(--u))); line-height: calc(40 * var(--u)); }
}
