/* High Flyfe v68: animated cooperation path using the existing process line */
.v68-process-animated .v44-process-line{
  position:relative;
  border-top-color:rgba(255,255,255,.14);
}
.v68-process-animated .v44-process-line::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-1px;
  left:0;
  width:0;
  height:2px;
  border-radius:999px;
  background:rgba(239,235,225,.9);
  box-shadow:0 0 10px rgba(239,235,225,.12);
}
.v68-process-animated .v44-process-line .v68-process-step::before{
  z-index:2;
  width:8px;
  height:8px;
  background:rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.22);
  transform:scale(.9);
  transition:none;
}
.v68-process-animated.is-process-visible .v44-process-line::after{
  animation:v68ProcessLine 3s cubic-bezier(.38,.02,.2,1) forwards;
}
.v68-process-animated.is-process-visible .v68-process-step::before{
  animation:v68ProcessDot .34s ease-out forwards;
}
.v68-process-animated.is-process-visible .v68-step-1::before{animation-delay:.08s}
.v68-process-animated.is-process-visible .v68-step-2::before{animation-delay:.78s}
.v68-process-animated.is-process-visible .v68-step-3::before{animation-delay:1.50s}
.v68-process-animated.is-process-visible .v68-step-4::before{animation-delay:2.22s}
.v68-process-animated.is-process-visible .v68-step-5::before{animation-delay:2.90s}
@keyframes v68ProcessLine{from{width:0}to{width:100%}}
@keyframes v68ProcessDot{
  0%{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.22);transform:scale(.9);box-shadow:none}
  55%{background:rgba(239,235,225,1);border-color:rgba(239,235,225,1);transform:scale(1.35);box-shadow:0 0 12px rgba(239,235,225,.22)}
  100%{background:rgba(239,235,225,.95);border-color:rgba(239,235,225,.95);transform:scale(1);box-shadow:0 0 7px rgba(239,235,225,.12)}
}
@media(max-width:850px){
  .v68-process-animated .v44-process-line::after{
    top:0;
    left:0;
    width:1px;
    height:0;
  }
  .v68-process-animated.is-process-visible .v44-process-line::after{
    animation:v68ProcessLineMobile 3s cubic-bezier(.38,.02,.2,1) forwards;
  }
  @keyframes v68ProcessLineMobile{from{height:0}to{height:100%}}
}
@media(prefers-reduced-motion:reduce){
  .v68-process-animated .v44-process-line::after{width:100%;animation:none!important}
  .v68-process-animated .v68-process-step::before{background:rgba(239,235,225,.95);border-color:rgba(239,235,225,.95);transform:scale(1);animation:none!important}
  @media(max-width:850px){.v68-process-animated .v44-process-line::after{width:1px;height:100%}}
}
