/* @u */
/* Figma 717tIYkclDyNXTsHrJIc6e node 2:4054: light hero (photo with two chat bubbles on the left, text on the right).
   Fonts per site rules: Noto Sans Hebrew (weights as in the design: 400 / 700 / 800 / 900) + Poppins for the digits (the design used Inter). */
.c-wb { --u: calc(min(100vw, 1920px) / 1920); background: #fff; color: #000; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; }
.c-wb :where(h2, p) { margin: 0; }
.c-wb-br { display: none; }
.c-wb__section { display: flex; flex-direction: column; gap: 28px; padding: 36px 20px 40px; }
.c-wb__text { order: 1; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.c-wb__media { order: 2; position: relative; width: min(100%, 520px); margin: 0 auto 190px; aspect-ratio: 658 / 802.7; container-type: inline-size; --wb-shape-a: #d0b677; --wb-shape-b: #bc9e63; }
.c-wb__shape { position: absolute; inset: 0; background: linear-gradient(160deg, var(--wb-shape-a), var(--wb-shape-b)); -webkit-mask: url("../assets/wb-shape-mask.png") 0 0 / 100% 100% no-repeat; mask: url("../assets/wb-shape-mask.png") 0 0 / 100% 100% no-repeat; }
.c-wb__photo { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; }
.c-wb__msg { position: absolute; width: 22.4em; height: 7.95em; font-size: 14px; line-height: 1.45; color: #000; }
.c-wb__msg--1 { left: 0; bottom: -34px; }
.c-wb__msg--2 { right: 0; bottom: -158px; }
.c-wb__av { position: absolute; left: .64em; top: -.55em; width: 2.33em; height: 2.33em; border-radius: 50%; object-fit: cover; }
.c-wb__bx { position: absolute; left: 3.45em; right: .67em; top: 1.22em; box-sizing: border-box; padding: .9em 1.1em; border-radius: 0 1em 1em 1em; background: #fff; box-shadow: 0 .3em 1em rgba(0, 0, 0, .22); font-weight: 400; text-align: right; }
.c-wb__bx::before { content: ""; position: absolute; left: 0; top: -.8em; width: .62em; height: .8em; background: radial-gradient(ellipse 100% 100% at 100% 0, transparent 98%, #fff 100%); }
.c-wb__bx b { font-weight: 800; }
.c-wb__lat { font-family: "Poppins", "Noto Sans Hebrew", sans-serif; font-weight: 800; }
.c-wb__logo { position: relative; width: 110px; height: 75px; margin-bottom: 18px; }
.c-wb__logo img { position: absolute; display: block; }
.c-wb__l1 { left: 0; top: 37.17%; width: 70.64%; height: 62.83%; }
.c-wb__l2 { left: 21.95%; top: 65.47%; width: 44.99%; height: 7.43%; }
.c-wb__l3 { left: 52.77%; top: 0; width: 47.23%; height: 73.05%; }
.c-wb__kicker { font-size: clamp(17px, 4.6vw, 26.9px); font-weight: 400; line-height: 1.5; }
.c-wb__title { margin-top: 14px; font-size: clamp(30px, 8vw, 63.4px); font-weight: 800; line-height: 1.0; }
.c-wb__num { font-family: "Poppins", "Noto Sans Hebrew", sans-serif; font-weight: 800; background: linear-gradient(90deg, #e7d48d 0%, #b5965c 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-wb__sub { margin-top: 22px; font-size: clamp(18px, 4.8vw, 30.7px); font-weight: 400; line-height: 1.5; }
.c-wb__btn { display: inline-block; margin-top: 30px; padding: 22px 26px; border-radius: 5px; background: linear-gradient(90deg, #e7d48d 0%, #b5965c 64%); color: #000; font-size: clamp(17px, 4.6vw, 25px); line-height: 1.2; text-decoration: none; text-align: center; }
.c-wb__b1 { font-weight: 700; }
.c-wb__b2 { font-weight: 900; }

@media (min-width: 1280px) {
  .c-wb__section { position: relative; display: block; box-sizing: border-box; height: calc(822.72 * var(--u)); padding: 0; }
  .c-wb__media { position: absolute; left: 0; top: calc(10 * var(--u)); width: calc(658 * var(--u)); height: calc(802.72 * var(--u)); margin: 0; aspect-ratio: auto; container-type: normal; }
  .c-wb__photo { width: calc(658 * var(--u)); height: calc(802.72 * var(--u)); }
  .c-wb__msg { font-size: max(13px, calc(18 * var(--u))); }
  .c-wb__msg--1 { left: calc(21 * var(--u)); right: auto; top: calc(480 * var(--u)); bottom: auto; }
  .c-wb__msg--2 { left: calc(480 * var(--u)); right: auto; top: calc(632 * var(--u)); bottom: auto; }
  .c-wb__text { position: absolute; left: calc(960 * var(--u)); top: calc(119 * var(--u)); width: calc(880 * var(--u)); height: calc(584.08 * var(--u)); padding: 0; }
  .c-wb__logo { position: absolute; right: 0; top: 0; width: calc(202.39 * var(--u)); height: calc(137.95 * var(--u)); margin: 0; }
  .c-wb-br { display: inline; }
  .c-wb__kicker { position: absolute; right: 0; top: calc(152.9 * var(--u)); font-size: calc(26.9 * var(--u)); line-height: calc(40.32 * var(--u)); white-space: nowrap; }
  .c-wb__title { position: absolute; right: 0; top: calc(213.3 * var(--u)); margin: 0; font-size: calc(63.4 * var(--u)); line-height: calc(63.36 * var(--u)); white-space: nowrap; }
  .c-wb__sub { position: absolute; right: 0; top: calc(365 * var(--u)); margin: 0; font-size: calc(30.7 * var(--u)); line-height: calc(46 * var(--u)); white-space: nowrap; }
  .c-wb__btn { position: absolute; right: 0; top: calc(489 * var(--u)); margin: 0; padding: calc(34 * var(--u)) calc(30 * var(--u)) calc(35 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(24.96 * var(--u)); white-space: nowrap; }
}