/* =========================
   NX PROCESS TIMELINE V2
   Non-GSAP
========================= */

:root{
  --nx-process-accent:#e6007e;
  --nx-process-ease:cubic-bezier(.16,1,.3,1);
}

/* Rail aktif di atas rail bawaan Builder */
.nx-process-rail{
  position:absolute;
  overflow:hidden;
}

.nx-process-rail::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:var(--nx-process-accent);

  transform:scaleY(0);
  transform-origin:top center;

  transition:transform 4s linear;
  will-change:transform;
}

.nx-process-wrapper.is-running .nx-process-rail::after{
  transform:scaleY(1);
}

/* State awal */
.nx-process-bullet{
  position:relative;
  z-index:3;
  transition:
    transform .45s var(--nx-process-ease),
    background-color .35s ease,
    border-color .35s ease;
}

.nx-process-connector{
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;

  transition:
    opacity .3s ease,
    transform .65s var(--nx-process-ease);
}

.nx-process-content{
  opacity:0;
  transform:translateY(28px);

  transition:
    opacity .75s ease,
    transform .9s var(--nx-process-ease);
}

/* Step aktif */
.nx-process-step.is-active .nx-process-bullet{
  transform:scale(1.15);
  background-color:var(--nx-process-accent);
  border-color:var(--nx-process-accent);
}

.nx-process-step.is-active .nx-process-connector{
  opacity:1;
  transform:scaleX(1);
}

.nx-process-step.is-active .nx-process-content{
  opacity:1;
  transform:translateY(0);
}

.nx-process-step.is-settled .nx-process-bullet{
  transform:scale(1);
}

/* Elementor Editor */
body.elementor-editor-active .nx-process-rail::after{
  transform:scaleY(1) !important;
}

body.elementor-editor-active .nx-process-connector,
body.elementor-editor-active .nx-process-content{
  opacity:1 !important;
  transform:none !important;
}