.elementor-970 .elementor-element.elementor-element-c80d7eb{--display:flex;--min-height:73vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;border-style:dashed;--border-style:dashed;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-970 .elementor-element.elementor-element-c80d7eb:not(.elementor-motion-effects-element-type-background), .elementor-970 .elementor-element.elementor-element-c80d7eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://sarazayat.com/wp-content/uploads/2026/01/Group-23.png");}.elementor-970 .elementor-element.elementor-element-c33b721{--display:flex;--min-height:0vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-970 .elementor-element.elementor-element-a18aa64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-970 .elementor-element.elementor-element-3048881{--display:flex;--min-height:16vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:dashed;--border-style:dashed;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );}.elementor-970 .elementor-element.elementor-element-3048881:not(.elementor-motion-effects-element-type-background), .elementor-970 .elementor-element.elementor-element-3048881 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-adacf35 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a18aa64 *//* ===== Intro (Transparent + Responsive) ===== */
#introPlaneScreen.introP{
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: transparent;
  overflow: hidden;
  display: grid;
  place-items: center;
  pointer-events: none;
}

/* עוטף מרכזי */
#introPlaneScreen .introP__wrap{
  width: min(1400px, 96vw);
  height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  justify-items: center;
  gap: clamp(8px, 1.8vh, 18px);
  padding: clamp(12px, 2.5vh, 28px) clamp(12px, 2vw, 18px);
  position: relative;
}

/* טקסט עליון */
#introPlaneScreen .introP__topText{
  font-family: "פלסבו", sans-serif;
  font-weight: 700;
  font-size: clamp(54px, 8.5vw, 100px);
  line-height: 1;
  color: #ffffff;
  text-align: center;
  direction: rtl;
  margin: 0;
  min-height: 1.1em;

  margin-top: clamp(60px, 15vh, 150px);

  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  transform: translateY(2px);
}

#introPlaneScreen.start .introP__topText{
  opacity: 1;
}

/* פופ לטקסט */
#introPlaneScreen .introP__topText.pop{
  animation: introTopPop .35s ease-out;
}
@keyframes introTopPop{
  0%{ transform: translateY(12px) scale(.985); opacity:.55; }
  100%{ transform: translateY(2px) scale(1); opacity:1; }
}

/* במה */
#introPlaneScreen .introP__stage{
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  place-items: center;
}

/* המטוס */
#introPlaneScreen .introP__plane{
  width: min(950px, 90vw);
  max-height: 62vh;
  object-fit: contain;

  filter: none !important;
  box-shadow: none !important;

  transform-origin: center center;
  will-change: transform, opacity;
  opacity: 1;
}

/* מצב התחלה */
#introPlaneScreen.start .introP__plane{
  transform: scale(.22);
}

/* גדילה */
#introPlaneScreen.arrive .introP__plane{
  animation: planeArriveSmooth 1.7s cubic-bezier(.22, .95, .2, 1) forwards;
}
@keyframes planeArriveSmooth{
  from { transform: scale(.22); }
  to   { transform: scale(1); }
}

/* ===== טיסה למעלה — רציף לגמרי (בלי תקיעות) + גדילה ===== */
#introPlaneScreen.takeoff .introP__plane{
  animation: planeFlyUpSmooth 2.8s linear forwards; /* linear = אין תקיעות */
}

@keyframes planeFlyUpSmooth{
  0%   { transform: translateY(0)       scale(1.00); opacity: 1; }
  20%  { transform: translateY(-30vh)   scale(1.05); opacity: 1; }
  40%  { transform: translateY(-65vh)   scale(1.10); opacity: 1; }
  60%  { transform: translateY(-105vh)  scale(1.16); opacity: 1; }
  80%  { transform: translateY(-155vh)  scale(1.22); opacity: 1; }
  100% { transform: translateY(-230vh)  scale(1.28); opacity: 0; }
}

/* "עולה" + חץ */
#introPlaneScreen .introP__bottom{
  display: grid;
  place-items: center;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  font-family: "פלסבו", sans-serif;
  color: #111;

  position: absolute;
  left: 50%;
  bottom: 5vh;
  transform: translateX(-50%);
}

#introPlaneScreen .introP__bottom.show{
  opacity: 1;
  animation: bottomIn .35s ease-out forwards;
}
@keyframes bottomIn{
  from{ transform: translateX(-50%) translateY(12px); opacity: 0; }
  to{ transform: translateX(-50%) translateY(0); opacity: 1; }
}

#introPlaneScreen .introP__arrowUp{
  font-size: clamp(34px, 6vw, 40px);
  line-height: 1;
  animation: arrowPulse 1s ease-in-out infinite;
}
@keyframes arrowPulse{
  0%,100%{ transform: translateY(0); opacity: 1; }
  50%{ transform: translateY(-12px); opacity: .55; }
}

#introPlaneScreen .introP__upText{
  font-size: clamp(32px, 5vw, 50px);
  font-weight: 700;
}

/* מובייל */
@media (max-width: 480px){
  #introPlaneScreen .introP__plane{ max-height: 58vh; }
  #introPlaneScreen .introP__topText{ margin-top: clamp(28px, 7vh, 70px); }
  #introPlaneScreen .introP__bottom{ bottom: 6vh; }
}/* End custom CSS */