/* Figma uDZg3WYkcWRbWbPLThB3Ry node 2293:624: 104 three testimonial cards (blue card, avatar half over the top edge, video 9:16 on the left, stars). Frame 1194, fluid.
   Fonts: Noto Sans Hebrew. Type reduced (name 38.9 to 34, body 30 to 22). Stars = Phosphor star fill (MIT) via mask. Text colour #fff on #037cbe (4.5:1 or better). */
.c-tq { direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: radial-gradient(ellipse 50% 50% at 50% 50%, #fff 0, #e6f7fe 50%, #fff 100%); color: #fff; overflow-x: clip; display: flow-root; }
.c-tq :where(h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-tq__sec { box-sizing: border-box; padding: 20px 14px 40px; }
.c-tq__list { display: flex; flex-direction: column; gap: 44px; max-width: 1194px; margin: 0 auto; }
.c-tq__item { position: relative; padding-top: 52px; }
.c-tq__avatar { position: absolute; top: 0; left: 50%; z-index: 2; width: 104px; height: 104px; margin-left: -52px; border-radius: 50%; }
.c-tq__card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 22px; padding: 64px 20px 24px; border-radius: 8px 40px 8px 40px; background: #037cbe; box-shadow: 0 4px 20px rgba(0, 0, 0, .2); }
.c-tq__txt { text-align: right; }
.c-tq__name { font-size: 24px; font-weight: 900; line-height: 1.3; color: #e6f2ff; text-shadow: 0 3px 6px rgba(0, 0, 0, .25); }
.c-tq__txt p { margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #e6f2ff; }
.c-tq__txt b { font-weight: 700; }
.c-tq__stars { display: flex; justify-content: flex-start; gap: 4px; box-sizing: border-box; width: fit-content; margin-top: 18px; padding: 8px 12px; border-radius: 20px; background: rgba(0, 138, 169, .2); }
.c-tq__stars span { width: 30px; height: 30px; background: #ffd400; -webkit-mask: url("../assets/icons/ph-star-fill.svg") center / contain no-repeat; mask: url("../assets/icons/ph-star-fill.svg") center / contain no-repeat; }
.c-tq__video { align-self: center; width: min(100%, 200px); aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: #fff; }
.c-tq__video img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .c-tq__sec { padding: 20px 24px 60px; }
  .c-tq__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 32px; max-width: 1100px; }
  .c-tq__item { padding-top: 56px; }
  .c-tq__avatar { width: 112px; height: 112px; margin-left: -56px; }
  .c-tq__card { flex-direction: column; align-items: stretch; gap: 20px; padding: 70px 26px 28px; min-height: 0; border-radius: 8px 40px 8px 40px; }
  .c-tq__txt { flex: none; align-self: auto; }
  .c-tq__name { font-size: 24px; }
  .c-tq__txt p { margin-top: 12px; font-size: 16px; line-height: 1.6; }
  .c-tq__stars { margin-top: 18px; padding: 8px 14px; }
  .c-tq__stars span { width: 28px; height: 28px; }
  .c-tq__video { align-self: center; width: 180px; border-radius: 12px; }
}