/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:38: 122 gold video testimonials (3 tall cards, grey video placeholder with play, dark quote panel, outlined CTA). Frame 1920. Fonts: Noto Sans Hebrew.
   Video slots are placeholders (play icon); videos 9:16. */
.c-vq { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-vq :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-vq__sec { box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-vq__h { max-width: 600px; margin: 0 auto; font-size: clamp(24px, 6.4vw, 34px); font-weight: 900; line-height: 1.3; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-wrap: balance; }
.c-vq__list { display: flex; flex-direction: column; gap: 26px; max-width: 360px; margin: 34px auto 0; }
.c-vq__card { overflow: hidden; border: 3px solid #8f5c1a; border-radius: 30px; background: #191508; }
.c-vq__vid { position: relative; aspect-ratio: 9 / 14; background: #a4a4a4; }
.c-vq__play { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; }
.c-vq__play img:first-child { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-vq__play img:last-child { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; }
.c-vq__txt { position: relative; padding: 22px 20px 24px; border-top: 3px solid #8f5c1a; }
.c-vq__qm { position: absolute; right: 12px; bottom: 10px; width: 28px; height: auto; opacity: .5; }
.c-vq__txt p { font-size: 17px; font-weight: 500; line-height: 1.6; color: #fff; }
.c-vq__txt br { display: none; }
.c-vq__cta { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 36px; 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-vq__cta:focus-visible { outline: 3px solid #fad652; outline-offset: 4px; }

@media (min-width: 1280px) {
  .c-vq__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1263 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-vq__h { position: absolute; top: calc(66 * var(--u)); left: 0; right: 0; max-width: none; font-size: calc(40 * var(--u)); line-height: calc(77 * var(--u)); }
  .c-vq__list { position: absolute; top: calc(221 * var(--u)); left: 0; right: 0; display: block; max-width: none; margin: 0; }
  .c-vq__card { position: absolute; width: calc(508 * var(--u)); height: calc(751 * var(--u)); border-radius: calc(30 * var(--u)); }
  .c-vq__card:nth-child(1) { left: calc(1311 * var(--u)); }
  .c-vq__card:nth-child(2) { left: calc(706 * var(--u)); }
  .c-vq__card:nth-child(3) { left: calc(101 * var(--u)); }
  .c-vq__vid { position: absolute; inset: 0; aspect-ratio: auto; }
  .c-vq__play { width: calc(112 * var(--u)); height: calc(112 * var(--u)); margin: calc(-55 * var(--u)) 0 0 calc(-56 * var(--u)); }
  .c-vq__play img:last-child { width: calc(80 * var(--u)); height: calc(80 * var(--u)); margin: calc(-40 * var(--u)) 0 0 calc(-40 * var(--u)); }
  .c-vq__txt { position: absolute; left: 0; right: 0; bottom: 0; height: calc(168 * var(--u)); padding: 0 calc(28 * var(--u)); box-sizing: border-box; border-top: 0; display: grid; place-items: center; background: #191508; }
  .c-vq__txt::before { content: ""; position: absolute; left: calc(-3 * var(--u)); right: calc(-3 * var(--u)); top: 0; bottom: calc(-3 * var(--u)); border: calc(3 * var(--u)) solid #8f5c1a; border-radius: 0 0 calc(30 * var(--u)) calc(30 * var(--u)); pointer-events: none; }
  .c-vq__qm { right: calc(10 * var(--u)); top: calc(29 * var(--u)); bottom: auto; width: calc(52 * var(--u)); transform: rotate(6deg); opacity: .7; }
  .c-vq__txt p { font-size: max(13px, calc(19 * var(--u))); line-height: calc(31 * var(--u)); }
  .c-vq__txt br { display: inline; }
  .c-vq__cta { position: absolute; top: calc(1080 * var(--u)); left: 50%; width: calc(579 * var(--u)); height: calc(83 * var(--u)); margin: 0 0 0 calc(-290 * var(--u)); padding: 0; display: grid; place-items: center; font-size: max(13px, calc(24 * var(--u))); line-height: calc(40 * var(--u)); }
}