.elementor .e-91bb2c9-8e0786c{flex-direction:column;justify-content:center;align-items:end;}.elementor .e-02f8ac4-f2767b7{flex-direction:column;align-self:center;}.elementor .e-fdc9067-11dfb65{width:80%;flex-direction:row-reverse;align-self:center;}.elementor .e-8817dfc-24a2f5c{justify-content:center;align-items:center;}.elementor .e-0313eb9{flex-direction:column;/* ==========================
 SECTION 2 — hero-flex-next
 מתחיל שקוף ואחיד לגמרי, ומפתח את הטקסטורה בהדרגה
 ========================== */

position: relative;
overflow: hidden;
isolation: isolate;
min-height: 70vh;

/* רקע — מעבר חלק עד #f5f8fc בתחתית */
background:
  linear-gradient(
      180deg,
      #edf2f7 0%,
      #edf2f7 180px,
      #e9eef5 300px,
      #e4eaf3 430px,
      #e8edf5 560px,
      #eef2f7 700px,
      #f5f8fc 100%
  );

/* גווני לבן עדינים במרכז ובאזורים שונים */
background-image:
  radial-gradient(
      ellipse 38% 25% at 50% 48%,
      rgba(255,255,255,.32),
      transparent 75%
  ),
  radial-gradient(
      ellipse 28% 22% at 28% 62%,
      rgba(255,255,255,.20),
      transparent 75%
  ),
  radial-gradient(
      ellipse 30% 24% at 75% 68%,
      rgba(255,255,255,.18),
      transparent 78%
  ),
  linear-gradient(
      180deg,
      #edf2f7 0%,
      #edf2f7 180px,
      #e9eef5 300px,
      #e4eaf3 430px,
      #e8edf5 560px,
      #eef2f7 700px,
      #f5f8fc 100%
  );
}


/* ==========================
 רדיאלים צבעוניים — מתחילים רק אחרי 250px מהראש
 כדי שלא יהיה "פרץ צבע" מיד בתפר
 ========================== */

.hero-flex-next::before {

content:"";

position:absolute;

inset:0;

background:

  radial-gradient(
      ellipse 55% 40% at 50% 55%,
      rgba(56,189,248,.14),
      transparent 70%
  ),

  radial-gradient(
      ellipse 40% 35% at 20% 70%,
      rgba(168,85,247,.09),
      transparent 72%
  ),

  radial-gradient(
      ellipse 40% 35% at 82% 60%,
      rgba(99,102,241,.10),
      transparent 72%
  );

/* המסכה הזו דוחפת את כל הצבע להתחיל רק מ-250px ומטה */
-webkit-mask-image: linear-gradient(
  180deg,
  transparent 0px,
  transparent 200px,
  black 420px
);

mask-image: linear-gradient(
  180deg,
  transparent 0px,
  transparent 200px,
  black 420px
);

pointer-events:none;

z-index:0;
}


/* ==========================
 רשת (grid) — מופיעה רק החל מ-300px, לא נוגעת בתפר בכלל
 ========================== */

.hero-flex-next::after {

content:"";

position:absolute;

inset:0;

background:

  repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 78px,
      rgba(15,23,42,.04) 79px,
      rgba(15,23,42,.04) 81px
  ),

  repeating-linear-gradient(
      0deg,
      transparent 0px,
      transparent 78px,
      rgba(15,23,42,.04) 79px,
      rgba(15,23,42,.04) 81px
  );

-webkit-mask-image: linear-gradient(
  180deg,
  transparent 0px,
  transparent 300px,
  black 550px,
  black 100%
);

mask-image: linear-gradient(
  180deg,
  transparent 0px,
  transparent 300px,
  black 550px,
  black 100%
);

opacity:.7;

pointer-events:none;

z-index:0;
}


.hero-flex-next > * {
position:relative;
z-index:1;\n}