/* =========================
   NX PROCESS TIMELINE V2
   HJR Theme
========================= */

:root{
  --nx-process-accent:var(--nx-color-primary);
  --nx-process-ease:cubic-bezier(.16,1,.3,1);
}

/* Wrapper */
.nx-process-wrapper{
  position:relative;
}

/* Rail */
.nx-process-rail{
  position:absolute;
  top:0;
  bottom:0;
  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);
}

/* Step */
.nx-process-step{
  position:relative;
}

/* Bullet */
.nx-process-bullet{
  position:relative;
  z-index:3;

  transition:
    transform .45s var(--nx-process-ease),
    background-color .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

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

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

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

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

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

  box-shadow:
    0 0 0 4px rgba(200,162,74,.12),
    0 0 18px rgba(200,162,74,.28);
}

.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;
}