:root { --animation-fade-up:0.6s ease-out fade-in forwards, 0.6s ease-out slide-up forwards;--pattern-1-length:5786px;--pattern-2-length:3817px;--pattern-3-length:5033px;--pattern-1-animation-speed:8s;--pattern-2-animation-speed:6s;--pattern-3-animation-speed:7s;--pattern-scale:2.5;--pattern-1-offset:290px;--pattern-2-offset:100px;--pattern-3-offset:70px;--pattern-animation-speed:calc(var(--pattern-1-animation-speed)* var(--pattern-scale));--pattern-colour:#a0ffff;--pattern-stroke-default:32px;--pattern-stroke-xl:32px;--pattern-length:calc(var(--pattern-1-length)* var(--pattern-scale));--pattern-offset:calc(var(--pattern-1-offset)* var(--pattern-scale));} @keyframes fade-in { to { opacity:1 } } @keyframes slide-up { to { transform:translate(0, 0) } } body:not(.elementor-editor-active) .animate-onscroll { opacity:0;transform:translate(0, 10rem);} .animate-onscroll.scrolledin { animation:var(--animation-fade-up);} body.elementor-editor-active .line-svg { position:static;width:auto;height:auto;} .line-svg-1, .line-svg-2 { position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .line-svg-footer { position:relative;} .line-svg-1 svg { display:block !important;fill:none;stroke:#a0ffff;position:absolute;opacity:.5;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:50% 50%;top:0;left:50%;height:50rem;width:250rem;stroke-width:var(--pattern-stroke-xl);stroke-dashoffset:calc(var(--pattern-length) - var(--pattern-offset));stroke-dasharray:var(--pattern-length);--animation-draw-in:var(--pattern-animation-speed) ease-out draw-in forwards;} .line-svg-2 svg { display:block !important;fill:none;stroke:#e10a0a;position:absolute;transform:translate(-50%, -50%) rotate(90deg);top:50%;left:50%;height:20rem;width:100rem;stroke-width:var(--pattern-stroke-xl);stroke-dashoffset:calc(var(--pattern-length) - var(--pattern-offset));stroke-dasharray:var(--pattern-length);--animation-draw-in:var(--pattern-animation-speed) ease-out draw-in forwards;} .line-svg-footer svg { width:100%;display:block !important;fill:none;stroke-width:12px;stroke:#e10a0a;stroke-dashoffset:calc(var(--pattern-length) - var(--pattern-offset));stroke-dasharray:var(--pattern-length);--animation-draw-in:var(--pattern-animation-speed) ease-out draw-in forwards;overflow:visible;} .scrolledin.line-svg-1 svg, .scrolledin.line-svg-2 svg, .scrolledin.line-svg-footer svg { animation:var(--animation-draw-in);} @keyframes draw-in { from { stroke-dashoffset:calc(var(--pattern-length) - var(--pattern-offset));stroke-dasharray:var(--pattern-length) } to { stroke-dashoffset:var(--pattern-offset);stroke-dasharray:var(--pattern-length) } }