/* Section family 32-36 (Kobi-style): red/black "cut" dividers with a red stripe (32 curve, 33 slant, 34 slant mirrored),
   steps section with red parallelogram cards (35) and an about section with a red wedge behind the photo (36).
   Geometry, gradients and sizes measured on the reference at 1440; copy and photo are PLACEHOLDERS. Font: Noto Sans Hebrew. */
.c-kb { --kb-red: #bd1f1f; color: #fff; direction: rtl; font-family: "Noto Sans Hebrew", Arial, sans-serif; overflow-x: clip; }
.c-kb :where(h2, h3, p) { margin: 0; }
.c-kb-red { color: var(--kb-red); }

/* -- 32-34 dividers: wrapper shows the section ABOVE, the svg draws the cut + red stripe -- */
.c-kb-cut { position: relative; line-height: 0; overflow: hidden; }
.c-kb-cut__svg { display: block; width: 123.5%; height: auto; margin-left: -11.75%; }
.c-kb-cut--curve { background: linear-gradient(90deg, #000, #212121e6) #1b1b1b; --kb-below: #000; }
.c-kb-cut--slant { background: #000; --kb-below: #212121; }
.c-kb-cut--mirror { background: #212121; --kb-above: #000; }
.c-kb-cut--mirror .c-kb-cut__svg { transform: scaleY(-1); }

/* -- 35 steps -- */
.c-kb-steps { background: #000; }
.c-kb-steps__section { padding: 64px 16px; }
.c-kb-steps__head { text-align: center; }
.c-kb-steps__title { font-size: 45px; font-weight: 800; line-height: 51.75px; }
.c-kb-steps__lead { width: min(294px, 100%); margin: 24px auto 0; font-size: 18px; font-weight: 400; line-height: 24px; }
.c-kb-steps__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; width: min(1136px, 100%); margin: 80px auto 0; }
.c-kb-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; box-sizing: border-box; width: min(520px, 100%); min-height: 200px; padding: 44px 44px 26px; }
.c-kb-card__shape { position: absolute; top: 0; bottom: 0; left: 2.57%; width: 97.4%; background: linear-gradient(90deg, #ce1e1e 0%, #821414 100%); transform: skewX(-3.72deg); transform-origin: 0 0; }
.c-kb-card__icon { position: relative; z-index: 2; display: grid; flex: none; place-items: center; box-sizing: border-box; width: 80px; height: 80px; margin-top: -80px; border: 4px solid #fff; border-radius: 50%; background: #231f20; }
.c-kb-card__icon svg { width: 36px; height: 36px; }
.c-kb-card__text { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; text-align: center; }
.c-kb-card__text h3 { font-size: 26px; font-weight: 700; line-height: 34px; }
.c-kb-card__text p { font-size: 18px; font-weight: 400; line-height: 24px; }

/* -- 36 about -- */
.c-kb-about { background: #212121; }
.c-kb-about__section { position: relative; overflow: hidden; }
.c-kb-about__wedge { position: absolute; left: -104px; top: -28px; width: 825px; height: 606px; pointer-events: none; }
.c-kb-about__inner { position: relative; display: flex; flex-direction: column; width: min(936px, 100%); margin: 0 auto; padding: 0 16px; }
.c-kb-about__photo { display: flex; align-items: flex-end; justify-content: center; box-sizing: border-box; width: 100%; height: 330px; margin-top: 24px; border: 1px dashed #ffffff55; border-bottom: 0; border-radius: 16px 16px 0 0; background: #ffffff14; color: #ffffffb0; font-size: 18px; }
.c-kb-about__photo span { align-self: center; }
.c-kb-about__text { order: -1; padding: 40px 0 32px; text-align: right; }
.c-kb-about__title { font-size: 45px; font-weight: 800; line-height: 51.75px; }
.c-kb-about__text p { margin-top: 24px; font-size: 18px; font-weight: 400; line-height: 24px; }
.c-kb-about__title + p { margin-top: 24px; }

@media (min-width: 900px) {
  .c-kb-about__section { height: 551px; }
  .c-kb-about__inner { direction: ltr; flex-direction: row; align-items: stretch; gap: 60px; width: 936px; padding: 0; }
  .c-kb-about__inner > * { direction: rtl; }
  .c-kb-about__photo { flex: none; width: 561px; height: 551px; margin-top: 0; }
  .c-kb-about__text { order: 0; flex: none; width: 315px; padding: 52px 0 0; }
}
@media (max-width: 899px) {
  .c-kb-about__wedge { left: -10%; top: 0; width: 120%; height: 380px; }
  .c-kb-steps__title { font-size: 36px; line-height: 41px; }
  .c-kb-steps__grid { gap: 36px; margin-top: 64px; }
  .c-kb-card { padding: 44px 24px 26px; }
  .c-kb-card__text h3 { font-size: 22px; line-height: 28px; }
  .c-kb-card__text p { font-size: 16px; line-height: 22px; }
  .c-kb-about__title { font-size: 36px; line-height: 41px; }
}