body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li {
position:relative; isolation:isolate; overflow:hidden;
min-height:440px; transition:border-color .28s ease,box-shadow .28s ease,translate .28s ease;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li:hover {
translate:0 -4px; box-shadow:0 18px 34px rgba(12,25,11,.12);
border-color:#84C041!important;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li::after {
content:"";position:absolute;left:21px;right:21px;bottom:0;height:3px;
background:linear-gradient(90deg,#84C041,#B5E66A);transform:scaleX(0);transform-origin:left center;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li.is-in-view::after{
animation:ngwp-step-line 1.05s .35s cubic-bezier(.2,.9,.1,1) both;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker {
position:relative;display:block!important;width:100%!important;min-width:0!important;
max-width:100%;margin:0 0 22px!important;flex:0 0 auto;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker>.ngill-scene {
display:block!important;width:100%!important;max-width:none!important;
aspect-ratio:320/190!important;height:auto!important;margin:0!important;
border:1px solid #DAE7D3!important;border-radius:11px!important;
position:relative;overflow:hidden;
background:#F7F8F9;
box-shadow:0 9px 18px rgba(16,26,12,.045);
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker>.ngill-scene>svg {
width:100%!important;height:100%!important;display:block;overflow:visible;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker>b {
display:inline-flex;align-items:center;justify-content:center;
position:absolute;left:11px;top:11px;z-index:2;
width:39px;height:36px;padding:0!important;border-radius:8px;
background:rgba(255,255,255,.95);border:1px solid rgba(32,33,36,.13);
font:700 17px/1 'Proximanova-bold',sans-serif!important;color:#305F16!important;
box-shadow:0 4px 12px rgba(32,33,36,.07);
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li:nth-child(4) .ngw-process__step-marker>b{
background:rgba(255,255,255,.95);color:#305F16!important;border-color:rgba(32,33,36,.13);
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li h3 {
position:relative;z-index:1;margin-top:0!important;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker>.ngill-scene::after{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(112deg,transparent 19%,rgba(255,255,255,.0) 34%,rgba(255,255,255,.55) 49%,transparent 64%);
transform:translateX(-140%);animation:ngwp-glass-sweep 6.2s ease-in-out infinite;
} body.page-id-168 #ngw-process .ngill-scene--research .ngill-point{
animation:ngwp-lens-scan 5.4s cubic-bezier(.47,0,.3,1) infinite!important;
transform-box:fill-box;transform-origin:center;
}
body.page-id-168 #ngw-process .ngill-scene--research svg>path{
stroke-dasharray:460;animation:ngwp-brief-lines 5.4s ease-in-out infinite;
}
body.page-id-168 #ngw-process .ngill-scene--research svg>rect[x="56"][y="131"]{
transform-box:fill-box;transform-origin:left center;
animation:ngwp-approved 5.4s ease-in-out infinite;
} body.page-id-168 #ngw-process .ngill-scene--brand .ngill-float{
transform-box:fill-box;transform-origin:center;
animation:ngwp-artboard 4.8s ease-in-out infinite!important;
}
body.page-id-168 #ngw-process .ngill-scene--brand .ngill-slide{
animation:none!important;
}
body.page-id-168 #ngw-process .ngill-scene--brand .ngill-slide rect{
transform-box:fill-box;transform-origin:center;
animation:ngwp-swatch 4.8s ease-in-out infinite;
}
body.page-id-168 #ngw-process .ngill-scene--brand .ngill-slide rect:nth-child(2){animation-delay:.18s}
body.page-id-168 #ngw-process .ngill-scene--brand .ngill-slide rect:nth-child(3){animation-delay:.36s}
body.page-id-168 #ngw-process .ngill-scene--brand text.ngill-display{
transform-box:fill-box;transform-origin:center;
animation:ngwp-type-set 4.8s ease-in-out infinite;
} body.page-id-168 #ngw-process .ngill-scene--integration .ngill-flow{
animation:ngwp-data-flow 1.15s linear infinite!important;
filter:drop-shadow(0 0 2px rgba(132,192,65,.45));
}
body.page-id-168 #ngw-process .ngill-scene--integration svg>rect[x="198"][y="62"],
body.page-id-168 #ngw-process .ngill-scene--integration svg>rect[x="198"][y="126"]{
transform-box:fill-box;transform-origin:center;
animation:ngwp-connected 4.6s ease-in-out infinite;
}
body.page-id-168 #ngw-process .ngill-scene--integration svg>rect[x="198"][y="126"]{animation-delay:1.5s}
body.page-id-168 #ngw-process .ngill-scene--integration .ngill-float{
animation:ngwp-booking-connected 4.6s ease-in-out infinite!important;
}
body.page-id-168 #ngw-process .ngill-scene--integration text.ngill-big{
animation:ngwp-code-pulse 4.6s ease-in-out infinite;
} body.page-id-168 #ngw-process .ngill-scene--launch svg>path:not(.ngill-blink){
stroke-dasharray:140;stroke-dashoffset:0;
animation:ngwp-checklist 5.2s ease-in-out infinite;
}
body.page-id-168 #ngw-process .ngill-scene--launch .ngill-float{
animation:ngwp-liftoff 5.2s cubic-bezier(.45,0,.3,1) infinite!important;
}
body.page-id-168 #ngw-process .ngill-scene--launch .ngill-blink{
transform-box:fill-box;transform-origin:center;
animation:ngwp-rocket-flame 5.2s ease-in-out infinite!important;
}
body.page-id-168 #ngw-process .ngill-scene--launch svg>path:not(.ngill-blink):last-of-type{animation:none}
@keyframes ngwp-step-line{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes ngwp-glass-sweep{0%,22%{transform:translateX(-140%)}48%,100%{transform:translateX(140%)}}
@keyframes ngwp-lens-scan{
0%,12%,100%{transform:translate(9px,7px) rotate(-4deg)}
36%{transform:translate(-25px,-24px) rotate(-9deg)}
65%,83%{transform:translate(-42px,10px) rotate(4deg)}
}
@keyframes ngwp-brief-lines{
0%,10%{stroke-dashoffset:460;opacity:.65}
47%,88%{stroke-dashoffset:0;opacity:1}
100%{stroke-dashoffset:460;opacity:.65}
}
@keyframes ngwp-approved{0%,23%{transform:scaleX(.1)}57%,90%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
@keyframes ngwp-artboard{
0%,100%{transform:translate(-4px,4px) rotate(-3deg)}
30%,72%{transform:translate(2px,-5px) rotate(2deg)}
}
@keyframes ngwp-swatch{0%,15%,100%{transform:translateY(3px);opacity:.7}37%,76%{transform:translateY(-7px);opacity:1}}
@keyframes ngwp-type-set{0%,12%,100%{transform:scale(.94);opacity:.72}38%,82%{transform:scale(1.06);opacity:1}}
@keyframes ngwp-data-flow{to{stroke-dashoffset:-24}}
@keyframes ngwp-connected{0%,19%,100%{filter:brightness(1);transform:scale(1)}40%,65%{filter:brightness(1.13);transform:scale(1.06)}}
@keyframes ngwp-booking-connected{0%,14%,100%{transform:translateY(3px);opacity:.78}32%,67%{transform:translateY(-4px);opacity:1}}
@keyframes ngwp-code-pulse{0%,100%{opacity:.65}45%,70%{opacity:1}}
@keyframes ngwp-checklist{0%,14%{stroke-dashoffset:140;opacity:.45}48%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:140;opacity:.45}}
@keyframes ngwp-liftoff{0%,18%,100%{transform:translate(0,7px) rotate(0)}51%,77%{transform:translate(17px,-17px) rotate(3deg)}}
@keyframes ngwp-rocket-flame{0%,17%,100%{transform:scale(.55);opacity:.35}35%,70%{transform:scale(1.3);opacity:1}88%{transform:scale(.6);opacity:.4}}
@media(max-width:1130px){
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li{min-height:390px}
}
@media(max-width:670px){
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li{
min-height:0;padding:22px!important;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker{
margin:0 0 20px!important;
}
body.page-id-168 .ngw-design #ngw-process .ngw-process__step-marker>.ngill-scene{
max-width:none!important;
}
}
@media(hover:none){
body.page-id-168 .ngw-design #ngw-process .ngw-process__steps>li:hover{
translate:0 0;box-shadow:none;
}
}
@media(prefers-reduced-motion:reduce){
body.page-id-168 #ngw-process .ngw-process__steps>li,
body.page-id-168 #ngw-process .ngw-process__steps>li::after,
body.page-id-168 #ngw-process .ngw-process__step-marker>.ngill-scene::after,
body.page-id-168 #ngw-process .ngw-process__step-marker svg *{
animation:none!important;transition:none!important;translate:none!important;
}
body.page-id-168 #ngw-process .ngw-process__step-marker svg *{
transform:none!important;opacity:1!important;stroke-dashoffset:0!important;
}
body.page-id-168 #ngw-process .ngw-process__steps>li::after{transform:scaleX(1)}
}
body.page-id-168 #ngw-process .ngill-scene.ngill-paused::after{animation-play-state:paused!important}