.infographic-module .slide .infographic-img.first>div h3,.infographic-module .slide .infographic-img.first>div p{transform:translateY(-20px);transition:var(--transition);opacity:0}.infographic-module{position:relative;background-color:#151517;padding:100px 0}.infographic-module .tns-nav{background:#0d0d0e;position:absolute;display:flex;flex-direction:column;bottom:0;top:0;right:42px;padding:40px 15px;gap:30px;align-items:center;z-index:2;margin:auto;justify-content:center;max-height:265px;border-radius:50px}.infographic-module .tns-nav button{width:30px;height:30px;background-color:transparent;position:relative}.infographic-module .tns-nav button:after{content:"1";color:#383838;font-family:var(--font-family);width:100%;height:100%;font-size:41.5px;font-weight:200;font-stretch:normal;font-style:normal;line-height:.84;letter-spacing:-1.04px;transition:var(--transition)}.infographic-module .tns-nav button:hover:after{color:var(--white);opacity:.4}.infographic-module .tns-nav button.tns-nav-active:after{color:var(--primary)}.infographic-module .tns-nav button:nth-child(2):after{content:"2"}.infographic-module .tns-nav button:nth-child(3):after{content:"3"}.infographic-module .slider{display:flex}.template .infographic-module .title{font-size:2.5rem;font-weight:900;line-height:1.25;letter-spacing:-1px;text-align:center;color:#fff;text-transform:uppercase}.template .infographic-module strong{color:#f36e21;font-weight:900}.template .infographic-module p{font-family:var(--font-text);font-size:1.25rem;font-weight:300;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--white);max-width:600px;margin:40px auto 100px}.infographic-module .slide .infographic-img{position:relative;margin:100px auto 0;max-width:1000px}.infographic-module .slide .infographic-img>div{position:absolute;bottom:10%;right:0;max-width:350px}.infographic-module .slide .infographic-img>div h3{font-size:40px;font-weight:400;line-height:1.25;letter-spacing:-1px;text-align:start;margin-bottom:0}.infographic-module .slide .infographic-img>div p{margin-top:20px;text-align:start}.infographic-module .slide svg{max-width:86%;overflow:visible}.infographic-module .slide .infographic-img.second{margin:100px auto 20px}.infographic-module .slide .first .path{stroke-dashoffset:6060px;transition:stroke-dashoffset 5s ease-in-out 1.4s!important;opacity:0;stroke-miterlimit:10;-webkit-transition-delay:1.4s!important}.infographic-module .slide .show .path{opacity:1;stroke-dasharray:6060px;stroke-dashoffset:0}.infographic-module .slide .first .ball{opacity:0;transition:var(--transition);-webkit-transition-delay:3.5s!important;transition-delay:3.5s!important}.infographic-module .slide .show .ball,.show .svg-img{opacity:1}.infographic-module .slide .first .from-top{transform:translate(0,-2000px);opacity:0}.infographic-module .slide .show .from-top{transform:translate(0,-554px)!important;opacity:1!important}.first .svg-img{opacity:0}.first #car .svg-img{-webkit-transition-delay:0.4s;transition-delay:0.4s}.first #truck .svg-img{-webkit-transition-delay:0.6s;transition-delay:0.6s}.first #boat .svg-img{-webkit-transition-delay:0.8s;transition-delay:0.8s}.first #crane .svg-img{-webkit-transition-delay:1s;transition-delay:1s}.first #man .svg-img{-webkit-transition-delay:1.2s;transition-delay:1.2s}.first #suitcase .svg-img{-webkit-transition-delay:1.4s;transition-delay:1.4s}.infographic-module .slide .infographic-img.show>div h3,.infographic-module .slide .infographic-img.show>div p{opacity:1;transform:translateY(0)}.infographic-module .slide .second svg{margin:0 0 0 auto;display:block;max-width:780px;width:60%}.infographic-module .slide .infographic-img.second>div{position:absolute;bottom:unset;left:unset;max-width:350px;right:60%;top:15%}.infographic-module .slide .infographic-img.third>div{max-width:315px;left:62%}.infographic-module .slide .second svg #alarm,.infographic-module .slide .second svg #bell,.infographic-module .slide .second svg #calendar,.infographic-module .slide .second svg #graph{transform:translate(200px,270px)}.svg-img{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;fill:none;stroke:#6b5c40;-webkit-animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-out;animation-iteration-count:infinite;transition:var(--transition)}.startAnimate #car .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:5s;-webkit-animation-delay:5s;animation-name:colorPump;animation-duration:5s;animation-delay:5s}.startAnimate #truck .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:4s;-webkit-animation-delay:4s;animation-name:colorPump;animation-duration:4s;animation-delay:4s}.startAnimate #boat .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:2s;-webkit-animation-delay:2s;animation-name:colorPump;animation-duration:2s;animation-delay:2s}.startAnimate #crane .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:4.5s;-webkit-animation-delay:4.5s;animation-name:colorPump;animation-duration:4.5s;animation-delay:4.5s}.startAnimate #man .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:2.5s;-webkit-animation-delay:2.5s;animation-name:colorPump;animation-duration:2.5s;animation-delay:2.5s}.startAnimate #suitcase .svg-img{-webkit-animation-name:colorPump;-webkit-animation-duration:3.8s;-webkit-animation-delay:3.8s;animation-name:colorPump;animation-duration:3.8s;animation-delay:3.8s}.q-img{fill:#ed6f26}.second .svg-img,.third .svg-img{-webkit-animation-name:colorPump;animation-name:colorPump}#calendar .svg-img,#house .svg-img{-webkit-animation-duration:1.8s;animation-duration:1.8s}#alarm .svg-img{-webkit-animation-duration:1.2s;animation-duration:1.2s}#bell .svg-img,#factory .svg-img,#mobile .svg-img{-webkit-animation-duration:2.5s;animation-duration:2.5s}#graph .svg-img{-webkit-animation-duration:3.2s;animation-duration:3.2s}#laptop .svg-img{-webkit-animation-duration:3.8s;animation-duration:3.8s}#building .svg-img{-webkit-animation-duration:2.1s;animation-duration:2.1s}@keyframes colorPump{0%,100%{stroke:#6b5c40}10%{stroke:#f9ae23}}.infographic-module .slide .third svg{max-width:652px;width:60%}.infographic-module .slide .third .cls-1,.infographic-module .slide .third .cls-2{stroke-width:27px;fill:#ed6f26;stroke:#ed6f28;stroke-linecap:round;stroke-linejoin:round}@media (max-width:992px){.infographic-module .slide svg{max-width:100%}.infographic-module .slide .infographic-img.third>div,.infographic-module .slide .infographic-img>div{position:absolute;bottom:0;left:0;max-width:350px;right:0;margin:auto}.infographic-module .slide .infographic-img{padding-bottom:125px;display:flex}.infographic-module .slide .infographic-img>div h3{font-size:30px;text-align:center}.infographic-module .slide .infographic-img>div p{font-size:14px;text-align:center}.infographic-module .slide .infographic-img.second>div{right:0;top:unset;bottom:0;left:0}.infographic-module .slide .second svg{max-width:780px;width:100%;margin:0 auto}.infographic-module .slide .infographic-img.second{margin:0 0 50px}.infographic-module .slide .third svg{width:100%;margin:20px auto 0;max-width:90%}.infographic-module .tns-nav{top:unset;right:20px;bottom:25px}}@media (max-width:768px){.infographic-module{padding:60px 0}.template .infographic-module p{margin:15px auto 40px}.infographic-module .tns-nav{flex-direction:row;bottom:0;top:unset;right:0;left:0;max-width:unset;padding:20px;border-radius:0}.infographic-module .slide .third svg{width:85%;margin:10px auto 0}.infographic-module .slide .infographic-img{margin:60px auto 0}}