/* @u */
/* Figma qbsXbJkHKKVl0JlNXJ8ESH node 45:35: 115 gold reviews (3 outlined cards, name + round avatar, quote text, stars, big quote marks on the top corners). Frame 1920. Fonts: Noto Sans Hebrew.
   Type reduced (name 64 to 40, text 43 to 26). Stars and quote marks are the design svgs. */
.c-gt { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(95deg, #ffd742 68%, #ffcc30 79%, #deb335 93%, #e3a701 106%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #141200; color: #ffd742; overflow-x: clip; display: flow-root; }
.c-gt :where(h2, ul, li, figure, blockquote, p) { margin: 0; padding: 0; list-style: none; }
.c-gt__sec { box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-gt__h { font-weight: 900; }
.c-gt__a, .c-gt__b { display: block; }
.c-gt__a { font-size: clamp(24px, 6.4vw, 32px); line-height: 1.25; background: linear-gradient(108deg, #ffd742 12%, #ffcc30 40%, #deb335 75%, #e3a701 106%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-gt__b { margin-top: 4px; font-size: clamp(28px, 7.6vw, 40px); line-height: 1.2; color: #fff; }
.c-gt__list { display: flex; flex-direction: column; gap: 44px; max-width: 560px; margin: 40px auto 0; }
.c-gt__item { position: relative; padding-top: 14px; }
.c-gt__q { position: absolute; top: 0; width: 26px; height: auto; transform: translateY(-50%); }
.c-gt__q--l { left: 22px; }
.c-gt__q--r { right: 22px; }
.c-gt__card { position: relative; box-sizing: border-box; padding: 22px 20px 20px; border-radius: 22px; text-align: right; }
/* the border is drawn on ::before so a gap can be cut behind the quote marks that sit on it */
.c-gt__card::before { content: ""; position: absolute; inset: 0; border: 3px solid #ffd742; border-radius: inherit; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) left 14px top 0 / 42px 14px no-repeat, linear-gradient(#000 0 0) right 14px top 0 / 42px 14px no-repeat; -webkit-mask-composite: xor, xor; mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) left 14px top 0 / 42px 14px no-repeat, linear-gradient(#000 0 0) right 14px top 0 / 42px 14px no-repeat; mask-composite: exclude, exclude; }
.c-gt__who { display: flex; align-items: center; gap: 12px; }
.c-gt__avw { flex: none; display: block; box-sizing: border-box; width: 52px; height: 52px; border: 1px solid #ffd742; border-radius: 50%; overflow: hidden; }
.c-gt__avw { position: relative; }
.c-gt__avw img { position: absolute; display: block; max-width: none; height: auto; }
/* the source files are round crops with empty margins and off-centre circles: crop each one to its circle so it fills the gold ring (circle box measured per file, inset 1px) */
.c-gt__avw img[src$="av1.png"] { width: 118.4%; left: -10.2%; top: -20.4%; }
.c-gt__avw img[src$="av2.png"] { width: 113%; left: -6.8%; top: -1.7%; }
.c-gt__avw img[src$="av3.png"] { width: 163.8%; left: -34%; top: -17%; }
.c-gt__av { flex: none; width: 52px; height: 52px; border: 1px solid #ffd742; border-radius: 50%; object-fit: cover; }
.c-gt__name { font-size: 24px; font-weight: 900; line-height: 1.2; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-gt blockquote { margin-top: 12px; font-size: 17px; font-weight: 300; line-height: 1.6; color: #ffd742; }
.c-gt__stars { display: block; width: 100px; height: auto; margin-top: 16px; }

@media (min-width: 1280px) {
  .c-gt__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(2000 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-gt__h { position: absolute; top: calc(72 * var(--u)); left: 0; right: 0; }
  .c-gt__a { font-size: calc(52 * var(--u)); line-height: calc(60 * var(--u)); }
  .c-gt__b { margin-top: calc(10 * var(--u)); font-size: calc(64 * var(--u)); line-height: calc(70 * var(--u)); }
  .c-gt__list { position: absolute; top: calc(293 * var(--u)); left: 0; right: 0; display: block; max-width: none; margin: 0; }
  .c-gt__item { position: absolute; left: calc(416 * var(--u)); width: calc(1088 * var(--u)); padding: 0; }
  .c-gt__item:nth-child(1) { top: 0; }
  .c-gt__item:nth-child(2) { top: calc(637 * var(--u)); }
  .c-gt__item:nth-child(3) { top: calc(1168 * var(--u)); }
  .c-gt__q { width: calc(72 * var(--u)); }
  .c-gt__q--l { left: calc(56 * var(--u)); transform: translateY(-50%) rotate(-16.8deg); }
  .c-gt__q--r { right: calc(56 * var(--u)); transform: translateY(-50%) rotate(9.3deg); }
  .c-gt__card { margin: calc(89 * var(--u)) calc(84 * var(--u)) 0; padding: calc(50 * var(--u)) calc(80 * var(--u)) calc(44 * var(--u)); border-radius: calc(40 * var(--u)); min-height: calc(359 * var(--u)); }
  .c-gt__card::before { border-width: calc(3 * var(--u)); -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) left calc(40 * var(--u)) top 0 / calc(100 * var(--u)) calc(24 * var(--u)) no-repeat, linear-gradient(#000 0 0) right calc(40 * var(--u)) top 0 / calc(100 * var(--u)) calc(24 * var(--u)) no-repeat; -webkit-mask-composite: xor, xor; mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) left calc(40 * var(--u)) top 0 / calc(100 * var(--u)) calc(24 * var(--u)) no-repeat, linear-gradient(#000 0 0) right calc(40 * var(--u)) top 0 / calc(100 * var(--u)) calc(24 * var(--u)) no-repeat; mask-composite: exclude, exclude; }
  .c-gt__item:nth-child(1) .c-gt__card { min-height: calc(475 * var(--u)); }
  .c-gt__avw { width: calc(81 * var(--u)); height: calc(81 * var(--u)); }
  .c-gt__who { gap: calc(24 * var(--u)); }
  .c-gt__name { font-size: calc(46 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-gt blockquote { margin-top: calc(28 * var(--u)); font-size: calc(30 * var(--u)); line-height: calc(44 * var(--u)); }
  .c-gt__stars { width: calc(161 * var(--u)); margin-top: calc(30 * var(--u)); }
}