/* Inwise Hero 5A — scoped keyframes (namespaced names, safe to enqueue site-wide) */
@keyframes inw5a-pathScene4 { 0%{opacity:0;} 2%{opacity:.85;} 23%{opacity:.85;} 25%{opacity:0;} 100%{opacity:0;} }
@keyframes inw5a-dotScene4 { 0%{opacity:0;} 0.6%{opacity:1;} 24%{opacity:1;} 25%{opacity:0;} 100%{opacity:0;} }
@keyframes inw5a-flowScene4 { 0%{opacity:0;transform:translateY(9px) scale(.99);} 2%{opacity:1;transform:translateY(0) scale(1);} 23%{opacity:1;transform:translateY(0) scale(1);} 25%{opacity:0;transform:translateY(-9px) scale(.99);} 100%{opacity:0;} }
@keyframes inw5a-brandBreathe { 0%,100%{transform:scale(1);} 50%{transform:scale(1.035);} }
@keyframes inw5a-brandRing { 0%{transform:scale(.9);opacity:.55;} 100%{transform:scale(1.5);opacity:0;} }

.inw-hero-5a { position:relative; /*width:1440px;*/ max-width:100%; height:840px; border-radius:28px; overflow:hidden; background:#EDF7F4; font-family:'Rubik',-apple-system,'Segoe UI',sans-serif; box-shadow:0 40px 90px -30px rgba(40,90,110,.14); margin:0 auto; }
.inw-hero-5a *{ box-sizing:border-box; }

/* Force LTR on the row itself so column order (anim left, text right) is deterministic
   regardless of the WordPress site's global RTL direction — Hebrew text inside the
   text column still renders correctly via its own inline direction:rtl.
   !important guards against Enfold RTL-mode theme CSS that forces direction:rtl globally. */
.inw-hero-5a .inw5a-row { direction: ltr !important; }

/* responsive: below 1440 the fixed-px inner layout scales down as one unit so nothing reflows/breaks */
.inw-hero-5a-scale-wrap { width:100%; overflow-x:auto; }
.inw-hero-5a .inw5a-row { direction: rtl;}
@media (max-width: 900px) {
  .inw-hero-5a .inw5a-row { flex-direction: column !important; height:auto !important; padding:32px 28px !important; gap:28px; }
  .inw-hero-5a .inw5a-anim-col { order:2; }
  .inw-hero-5a .inw5a-text-col { order:1; width:100% !important; padding-right:0 !important; text-align:center !important; }
  .inw-hero-5a { height:auto !important; }
}