/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2014:256: 109 "what you leave with" (4 dark cards with an amber notch outline, icon in the notch). Frame 1920. Fonts: Noto Sans Hebrew.
   The card outline is the design svg used as background. Text centred like the design. Body 16 to 17px. */
.c-gx { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #1a1100; color: #f6f9ff; overflow-x: clip; display: flow-root; }
.c-gx :where(h2, h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-gx__sec { box-sizing: border-box; padding: 46px 16px 60px; }
.c-gx__h { text-align: center; font-size: clamp(22px, 6vw, 30px); font-weight: 900; line-height: 1.4; color: #fff6e3; }
.c-gx__o { background: linear-gradient(90deg, #ffac00, #ffce6a 37%, #ffce6a 77%, #ffac00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-gx__list { display: flex; flex-direction: column; gap: 22px; max-width: 560px; margin: 34px auto 0; }
.c-gx__card { position: relative; box-sizing: border-box; padding: 26px 74px 26px 22px; border: 1.5px solid #ffac00; border-radius: 26px; background: #241a06; text-align: center; }
.c-gx__card--4 { padding-right: 22px; }
.c-gx__ic { position: absolute; top: 50%; right: 16px; width: 40px; height: 40px; margin-top: -20px; }
.c-gx__t { font-size: 18px; font-weight: 800; line-height: 1.35; color: #f6f9ff; }
.c-gx__card p { margin-top: 8px; font-size: 16px; font-weight: 300; line-height: 1.6; color: #f6f9ff; }
.c-gx__card b { font-weight: 700; }

@media (min-width: 1280px) {
  .c-gx__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1031 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-gx__h { position: absolute; top: calc(26 * var(--u)); left: 0; right: 0; font-size: calc(38 * var(--u)); line-height: calc(47 * var(--u)); }
  .c-gx__list { display: block; max-width: none; margin: 0; }
  .c-gx__card { position: absolute; left: calc(510 * var(--u)); width: calc(899 * var(--u)); height: calc(156 * var(--u)); padding: 0; border: 0; border-radius: 0; background: url("../assets/gt/frame.svg") center / 100% 100% no-repeat; display: block; }
  .c-gx__card:nth-child(1) { top: calc(181 * var(--u)); }
  .c-gx__card:nth-child(2) { top: calc(385 * var(--u)); }
  .c-gx__card:nth-child(3) { top: calc(589 * var(--u)); }
  .c-gx__card:nth-child(4) { top: calc(793 * var(--u)); background-image: url("../assets/gt/frame2.svg"); }
  .c-gx__ic { top: calc(54 * var(--u)); right: calc(15 * var(--u)); left: auto; width: calc(48 * var(--u)); height: calc(48 * var(--u)); margin: 0; }
  .c-gx__t { position: absolute; top: calc(20 * var(--u)); left: calc(160 * var(--u)); right: calc(160 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(34 * var(--u)); }
  .c-gx__card p { position: absolute; top: calc(62 * var(--u)); left: calc(100 * var(--u)); right: calc(100 * var(--u)); margin: 0; font-size: max(13px, calc(17 * var(--u))); line-height: calc(24 * var(--u)); }
  .c-gx__card--4 .c-gx__t { left: calc(100 * var(--u)); right: calc(100 * var(--u)); }
  .c-gx__card--4 .c-gx__p, .c-gx__card--4 p { left: calc(90 * var(--u)); right: calc(90 * var(--u)); }
}