/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2097:14: 110 fit / not fit (8 pill cards: amber with a check, red with an X) + CTA. Frame 1920 (content 1505 wide). Fonts: Noto Sans Hebrew.
   Underline under the two sub headings follows the library rule (solid line behind the letters). CTA text is dark on amber for contrast (design text is white-ish). */
.c-fy { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #17130d; color: #f3ede2; overflow-x: clip; display: flow-root; }
.c-fy :where(h2, h3, h4, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-fy__sec { box-sizing: border-box; padding: 46px 16px 64px; text-align: center; }
.c-fy__h { max-width: 560px; margin: 0 auto; font-size: clamp(24px, 6.4vw, 32px); font-weight: 900; line-height: 1.35; color: #f6efe3; }
.c-fy__sub { margin-top: 38px; font-size: 23px; font-weight: 500; line-height: 1.5; color: #fff6e3; }
.c-fy__sub span { background: linear-gradient(180deg, transparent 75%, var(--ul) 75%, var(--ul) 95%, transparent 95%); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 4px; }
.c-fy__sub--ok { --ul: #b98a2e; }
.c-fy__sub--no { --ul: #c9625a; margin-top: 56px; }
.c-fy__grid { display: flex; flex-direction: column; gap: 16px; max-width: 560px; margin: 22px auto 0; }
.c-fy__card { position: relative; box-sizing: border-box; padding: 18px 78px 18px 18px; border: 1.5px solid rgba(232, 169, 58, .6); border-radius: 26px; background: #201910; text-align: right; }
.c-fy__card--no { border-color: rgba(222, 108, 98, .6); }
.c-fy__ic, .c-fy__x { position: absolute; top: 50%; right: 14px; width: 52px; height: 52px; margin-top: -26px; }
.c-fy__ic { object-fit: contain; }
.c-fy__ic { filter: saturate(.78) brightness(.96); }
.c-fy__x img { filter: saturate(.55) brightness(.9); }
.c-fy__x img { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-fy__x b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; font-weight: 700; line-height: 1; color: #191100; }
.c-fy__t { font-size: 19px; font-weight: 800; line-height: 1.35; color: #f3ede2; }
.c-fy__card p { margin-top: 6px; font-size: 16px; font-weight: 400; line-height: 1.55; color: #dcd3c4; }
.c-fy__cta { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 44px; padding: 18px 34px; border-radius: 16px; background: linear-gradient(180deg, #efb540 0%, #e0971a 100%); box-shadow: 0 12px 26px rgba(224, 151, 26, .28), inset 0 1px 0 rgba(255, 255, 255, .35); color: #1a1100; text-decoration: none; font-size: 26px; font-weight: 900; line-height: 1.3; }
.c-fy__cta::after { content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 14px; vertical-align: -5px; background: #1a1100; -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; }
.c-fy__cta:focus-visible { outline: 3px solid #fff6e3; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-fy__sec { position: relative; width: calc(1920 * var(--u)); max-width: none; height: calc(1480 * var(--u)); margin: 0 auto; padding: 0; }
  .c-fy__h { position: absolute; top: calc(56 * var(--u)); left: 0; right: 0; max-width: none; font-size: calc(46 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-fy__sub { position: absolute; left: 0; right: 0; margin: 0; font-size: calc(36 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-fy__sub--ok { top: calc(190 * var(--u)); }
  .c-fy__sub--no { top: calc(744 * var(--u)); }
  .c-fy__grid { position: absolute; left: calc(245 * var(--u)); width: calc(1433 * var(--u)); display: grid; grid-template-columns: calc(663 * var(--u)) calc(663 * var(--u)); gap: calc(38 * var(--u)) calc(107 * var(--u)); max-width: none; margin: 0; }
  .c-fy__grid:not(.c-fy__grid--no) { top: calc(292 * var(--u)); }
  .c-fy__grid--no { top: calc(846 * var(--u)); }
  .c-fy__card { height: calc(168 * var(--u)); padding: 0 calc(118 * var(--u)) 0 calc(30 * var(--u)); border-radius: calc(34 * var(--u)); display: flex; flex-direction: column; justify-content: center; }
  .c-fy__ic, .c-fy__x { right: calc(28 * var(--u)); width: calc(68 * var(--u)); height: calc(68 * var(--u)); margin-top: calc(-34 * var(--u)); }
  .c-fy__x b { font-size: calc(42 * var(--u)); }
  .c-fy__t { font-size: calc(27 * var(--u)); line-height: calc(36 * var(--u)); }
  .c-fy__card p { margin-top: calc(8 * var(--u)); font-size: max(13px, calc(21 * var(--u))); line-height: calc(31 * var(--u)); }
  .c-fy__cta { position: absolute; top: calc(1288 * var(--u)); left: 50%; width: auto; margin: 0; transform: translateX(-50%); padding: calc(24 * var(--u)) calc(72 * var(--u)); border-radius: calc(20 * var(--u)); font-size: calc(38 * var(--u)); line-height: calc(50 * var(--u)); text-align: center; white-space: nowrap; }
}