/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2042:11: 105 four doubt cards (outlined, round badge on the top edge) with a man photo + blue circle on the left. Frame 1920. Fonts: Noto Sans Hebrew.
   Cards are flow layout (height follows the text). Body 16 to 17px, title 20 to 21px. */
.c-db { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: linear-gradient(180deg, #010c1d 0%, #04042c 54%, #010c1d 100%); color: #eef7ff; overflow-x: clip; display: flow-root; }
.c-db :where(h2, h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-db__sec { position: relative; box-sizing: border-box; padding: 46px 16px 60px; overflow: hidden; }
.c-db__ellipse, .c-db__man { display: none; }
.c-db__h { position: relative; text-align: center; font-size: clamp(24px, 6.4vw, 34px); font-weight: 900; line-height: 1.25; text-wrap: balance; background: linear-gradient(90deg, #eef7ff, #c5e7ff 36%, #c5e7ff 73%, #eef7ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-db__grid { position: relative; display: flex; flex-direction: column; gap: 52px; max-width: 600px; margin: 58px auto 0; }
.c-db__card { position: relative; box-sizing: border-box; padding: 52px 20px 26px; border: 1px solid #edf8ff; border-radius: 19px; text-align: right; }
.c-db__badge { position: absolute; top: -30px; left: 50%; width: 60px; height: 60px; margin-left: -30px; }
.c-db__badge img { position: absolute; inset: 0; width: 100%; height: 100%; }
.c-db__badge .c-db__ic { inset: 10px; width: 40px; height: 40px; }
.c-db__t { font-size: 19px; font-weight: 800; line-height: 1.35; letter-spacing: .02em; color: #eef7ff; }
.c-db__card p { margin-top: 14px; font-size: 17px; font-weight: 400; line-height: 1.6; color: #c5e7ff; }

@media (min-width: 1280px) {
  .c-db__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(960 * var(--u)); margin: 0 auto; padding: calc(36 * var(--u)) 0 0; }
  .c-db__ellipse { display: block; position: absolute; left: calc(-226 * var(--u)); top: auto; bottom: calc(-138 * var(--u)); width: calc(582 * var(--u)); height: calc(582 * var(--u)); }
  .c-db__man { display: block; position: absolute; left: calc(-121 * var(--u)); top: auto; bottom: 0; width: calc(716 * var(--u)); height: calc(701 * var(--u)); object-fit: cover; object-position: 50% 30%; filter: drop-shadow(0 calc(3 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, .66)); }
  .c-db__h { width: calc(760 * var(--u)); margin: 0 auto; font-size: calc(40 * var(--u)); line-height: calc(47 * var(--u)); }
  .c-db__grid { display: grid; grid-template-columns: calc(596 * var(--u)) calc(596 * var(--u)); gap: calc(72 * var(--u)) calc(52 * var(--u)); width: calc(1244 * var(--u)); max-width: none; margin: calc(70 * var(--u)) calc(63 * var(--u)) 0 0; grid-auto-rows: calc(330 * var(--u)); }
  .c-db__card { height: calc(330 * var(--u)); padding: calc(58 * var(--u)) calc(28 * var(--u)) calc(24 * var(--u)); border-radius: calc(19 * var(--u)); }
  .c-db__badge { top: calc(-30 * var(--u)); width: calc(59 * var(--u)); height: calc(59 * var(--u)); margin-left: calc(-29 * var(--u)); }
  .c-db__badge .c-db__ic { inset: calc(9 * var(--u)); width: calc(41 * var(--u)); height: calc(41 * var(--u)); }
  .c-db__t { font-size: max(13px, calc(24 * var(--u))); line-height: calc(32 * var(--u)); }
  .c-db__card p { margin-top: calc(16 * var(--u)); font-size: max(13px, calc(20 * var(--u))); line-height: calc(31 * var(--u)); }
}