.hero-container{background-image:url(/public/images/hero_bg.svg);display:flex;align-items:center;height:calc(100vh - var(--vx-nav-height));background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}@media only screen and (min-width:600px){.hero-container .text-container{width:50%;max-width:50%;padding-right:64px}.section-8{width:100%;margin-right:auto;padding:40px;transition:opacity .775s cubic-bezier(.977,.044,.25,1)}.device-container,.section-8{margin-left:auto;display:flex;position:relative}.device-container{background-color:#0000;flex-direction:column;width:50%;margin-bottom:-15vw;transition:max-width .425s;transform:perspective(100px)}}@media only screen and (max-width:600px){.hero-container .text-container{width:100%;max-width:100%;min-height:40vh}.device-container{background-color:#0000;margin-bottom:-5vw;transition:max-width .425s;transform:perspective(100px);min-height:60vh}.device-container,.section-8{flex-direction:column;width:100%;margin-left:auto;display:flex;position:relative}.section-8{height:100%;margin-right:auto;padding:var(--vx-margin-1);transition:opacity .775s cubic-bezier(.977,.044,.25,1)}}.circular-icon-div{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:50%;padding:var(--vx-margin-2);display:flex;justify-content:center;align-items:center;margin-right:var(--vx-margin-2)}.circular-icon-div .icon-ex-large{font-size:128px}@media only screen and (min-width:600px){.project-device{transform-style:preserve-3d;background-color:#f7f7f7;border-radius:16px;width:100%;height:100%;min-width:360px;max-width:50vw;margin-bottom:20%;margin-right:-30%;padding:3%;transition:transform .5s,box-shadow .5s;position:absolute;inset:auto 0 0 auto;transform:rotateX(45deg) rotateY(0) rotate(-38deg);box-shadow:-6px 6px #dbdbdb,-25px 49px 50px -20px #0000004d}.project-device:hover{transform:rotateX(2deg) rotateY(0) rotate(0) rotateX(45deg) rotateY(0) rotate(-38deg);box-shadow:-5px 5px #dbdbdb,-23px 45px 45px -20px #0000004d}.project-device._3{margin-bottom:-30%;margin-right:-30%}.project-device._2{margin-bottom:-15%;margin-right:10%;box-shadow:-7px 7px #dbdbdb,-31px 61px 50px -20px #00000040}}@media only screen and (max-width:600px){.project-device{transform-style:preserve-3d;background-color:#f7f7f7;border-radius:16px;width:100%;height:100%;min-width:360px;max-width:50vw;margin-bottom:40%;margin-right:-35%;padding:3%;transition:transform .5s,box-shadow .5s;position:absolute;inset:auto 0 0 auto;transform:rotateX(45deg) rotateY(0) rotate(-38deg);box-shadow:-6px 6px #dbdbdb,-25px 49px 50px -20px #0000004d}.project-device:hover{transform:rotateX(2deg) rotateY(0) rotate(0) rotateX(45deg) rotateY(0) rotate(-38deg);box-shadow:-5px 5px #dbdbdb,-23px 45px 45px -20px #0000004d}.project-device._3{margin-bottom:-15%;margin-right:-15%}.project-device._2{margin-bottom:15%;margin-right:-25%;box-shadow:-7px 7px #dbdbdb,-31px 61px 50px -20px #00000040}}.cus-slider{padding-block:12px;width:100%;overflow:hidden;position:relative}.cus-list,.cus-slider{display:flex;align-items:center}.cus-list{width:calc(var(--width) * var(--imageQuantity) * 2);gap:calc(var(--width) / 4);animation:autoScroll 15s linear infinite}.cus-list:hover{animation-play-state:paused!important}@media only screen and (min-width:600px){.item{width:250px;height:180px;display:inline-block;flex-shrink:0;border-radius:24px;box-shadow:var(--vx-footer-color);margin:16px;padding:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;align-items:center}.item img{width:100%}}@media only screen and (max-width:600px){.item{width:280px;height:160px;display:inline-block;flex-shrink:0;border-radius:24px;box-shadow:var(--vx-footer-color);margin:16px;padding:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;align-items:center;justify-content:center}.item img{width:80%;margin-left:10%}}@media only screen and (min-width:600px){.item-skeleton{width:250px;height:180px;min-height:270px;border-radius:24px;margin:16px;padding:16px;align-items:center;justify-content:center}}@media only screen and (max-width:600px){.item-skeleton{width:320px;height:180px;min-height:270px;border-radius:24px;margin:16px;padding:16px;align-items:center;justify-content:center}}@media only screen and (min-width:600px){.item-big{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:584px;display:inline-block;flex-shrink:0;border-radius:20px;box-shadow:var(--vx-footer-color);margin:16px;padding:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;align-items:center}.item-big img{width:100%;border-radius:20px}}@media only screen and (max-width:600px){.item-big{width:calc(100vw - 32px - 16px);display:inline-block;flex-shrink:0;border-radius:20px;box-shadow:var(--vx-footer-color);margin:16px;padding:16px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;align-items:center}.item-big img{width:100%;border-radius:20px}}@keyframes autoScroll{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--width) * var(--imageQuantity)))}}.cus-slider[reverse=true] .list{animation:reverseScroll 20s linear infinite}@keyframes reverseScroll{0%{transform:translateX(calc(-1 * var(--width) * var(--imageQuantity)))}to{transform:translateX(0)}}.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;position:relative}.w-slider-mask{z-index:1;white-space:nowrap;display:block;left:0;right:0;overflow:hidden}.w-slide,.w-slider-mask{height:100%;position:relative}.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;display:inline-block;animation-duration:5s;animation-name:slide-in;animation-iteration-count:infinite;animation-direction:alternate}.div-block-82{flex-direction:column;justify-content:center;align-items:center;width:auto;height:100%;margin-top:0;margin-left:auto;margin-right:auto;display:flex;padding-top:16px;padding-bottom:16px}@keyframes slide-in{0%{translate:100vw}20%{translate:0}80%{translate:0}to{translate:-100vw}}@media only screen and (max-width:600px){.features-text{font-size:.9em;text-align:justify;max-width:100vw}.text-block-10{font-size:.9em;margin-top:16px;font-weight:700;text-align:center}}@media only screen and (min-width:600px){.features-text{font-size:1.2em;text-align:justify;max-width:70vw}.text-block-10{font-size:1.3em;margin-top:16px;font-weight:700}}.rotate-icon{rotate:180deg}@media only screen and (min-width:600px){.quote-icon{font-size:1.7em!important;margin-top:-16px!important}}@media only screen and (max-width:600px){.quote-icon{font-size:1.5em!important;margin-top:-16px!important}}