:root{--vi-ft-size:80px;--vi-letter-spacing:-2.5px;--vi-line-ht:1;--vi-p4-ft:20px;--vi-p-ft:22px;--vi-h6-ft:24px;--vi-p3-ft:28px;--vi-p2-ft:40px;--vi-p1-ft:32px;--vi-p5-ft:36px}p{font-size:var(--vi-p-ft)}.vi-banner h1,.vi-section-title,.vi-bubble-header h2{font-size:var(--vi-ft-size);letter-spacing:var(--vi-letter-spacing);line-height:var(--vi-line-ht);font-family:var(--zf-primary-light)}.vi-secondary-ft{font-family:var(--zf-primary-regular)}.zcol-wrap,.dflx,.zwb-midea-obj,.vi-btn-set{display:flex;flex-wrap:wrap}.txt-center{text-align:center}.vi-hr-center{margin:0 auto}.flx-algn-cntr{align-items:center}.flx-algn-start{align-items:flex-start}.flx-algn-stretch{align-items:stretch}.flx-algn-end{align-items:flex-end}.flx-jstfy-cntr{justify-content:center}.flx-jstfy-btween{justify-content:space-between}.flx-jstfy-even{justify-content:space-evenly}.flx-jstfy-arnd{justify-content:space-around}.flx-jstfy-start{justify-content:flex-start}.flx-jstfy-end{justify-content:flex-end}.vi-content-wrap .zcol-1{max-width:calc(8.33% - 10px);flex-basis:calc(8.33% - 10px)}.vi-content-wrap .zcol-2{max-width:calc(16.67% - 10px);flex-basis:calc(16.67% - 10px)}.vi-content-wrap .zcol-3{max-width:calc(25% - 10px);flex-basis:calc(25% - 10px)}.vi-content-wrap .zcol-4{max-width:calc(33.33% - 10px);flex-basis:calc(33.33% - 10px)}.vi-content-wrap .zcol-5{max-width:calc(41.67% - 10px);flex-basis:calc(41.67% - 10px)}.vi-content-wrap .zcol-6{max-width:calc(50% - 10px);flex-basis:calc(50% - 10px)}.vi-content-wrap .zcol-7{max-width:calc(58.33% - 10px);flex-basis:calc(58.33% - 10px)}.vi-content-wrap .zcol-8{max-width:calc(66.67% - 10px);flex-basis:calc(66.67% - 10px)}.vi-content-wrap .zcol-9{max-width:calc(75% - 10px);flex-basis:calc(75% - 10px)}.vi-content-wrap .zcol-10{max-width:calc(83.33% - 10px);flex-basis:calc(83.33% - 10px)}.vi-content-wrap .zcol-11{max-width:calc(91.67% - 10px);flex-basis:calc(91.67% - 10px)}.vi-content-wrap .zcol-12{max-width:calc(100% - 0px);flex-basis:calc(100% - 0px)}.vi-msft-features-section{display:grid;grid-template-columns:380px 1fr;gap:40px;max-width:1330px}.vi-msft-sticky-notes{position:relative;width:80%}.vi-msft-note{width:180px;height:160px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;line-height:1.4;box-shadow:4px 6px 12px rgba(0,0,0,0.2);border-radius:6px;position:absolute}.vi-msft-note.vi-msft-pink{background:#f28c82;top:0;left:0;z-index:1}.vi-msft-note.vi-msft-yellow{background:#fef68a;top:100px;left:60px;z-index:2}.vi-msft-wholesection{display:flex;flex-wrap:wrap;gap:50px;row-gap:100px}.vi-msft-feature{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:calc(50% - 25px)}.vi-msft-feature-icon{width:100px;height:90px;display:flex;align-items:flex-end;margin-bottom:10px}.vi-msft-feature-text{font-size:var(--vi-p3-ft);line-height:1.4;max-width:400px;margin:0}.vi-videocontainer{background-color:#fff;box-shadow:0 2px 4px 0 rgba(58,37,37,0.24);border-radius:30px;width:90%;margin-left:auto;position:relative;cursor:var(--vi-cursor-pointer);display:flex;align-items:center;overflow:hidden}.vi-play-icon{width:62px;height:62px;border-radius:50px;background:rgb(0 0 0 / 80%);border:2px solid #fff;transition:transform .4s ease-in}.vi-videocontainer:hover .vi-play-icon{transform:scale(1.12) translate(-50%,-50%)}.vi-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vi-footer-wrapper h4{font-size:var(--vi-ft-size);margin-bottom:30px;max-width:890px}.vi-footer-innerwrap p{font-size:24px;max-width:680px;width:90%}.vi-box{border-radius:24px;background-color:#e9e4ec;min-height:480px;padding:32px;max-width:530px;text-align:center}.vi-box p{font-size:30px;color:var(--primary-color);width:90%;max-width:280px;margin-left:0;text-align:left}.vi-box:first-child img,.vi-box:last-child img{width:80%;margin:0 auto}.vi-box:nth-child(2) img,.vi-box:nth-child(3) img{width:60%;margin:0 auto}.vi-block3 h2{text-align:center}.vi-block3 h2 .vi-secondary-ft{display:block}.vi-block3 .vi-content-sec{margin-bottom:70px}.vi-content-sec p{margin:0 auto;max-width:720px;text-align:center;width:90%}.zcol-list{display:flex;flex-wrap:wrap;align-items:flex-start}.zcol-list p{width:calc(100% - 80px);margin-top:0;font-size:var(--vi-p-ft);line-height:1.4}.zcol-list::before{content:"";width:36px;height:36px;display:inline-block}.vi-team-mt{margin-left:10px}.vi-team-mt:nth-child(1){margin-left:0}.vi-team-mt:nth-child(3){margin-left:20px}.vi-team-mt:nth-child(1) .zcol-list:before{background:url(https://prewww.vanihq.com/sites/vanihq/files/vanihq/vi-reaction-vector.png) 0 0 / contain no-repeat}.vi-team-mt:nth-child(2) .zcol-list:before{background:url(https://prewww.vanihq.com/sites/vanihq/files/vanihq/vi-comments-vector.png) 0 0 / contain no-repeat}.vi-team-mt:nth-child(3) .zcol-list:before{background:url(https://prewww.vanihq.com/sites/vanihq/files/vanihq/vi-cursor-vector.png) 0 0 / contain no-repeat}.vi-block4 .vi-content-sec{margin:0 auto}.vi-block4 .vi-content-sec p{width:100%}.vi-block3 .vi-hr-center img,.vi-block6 .vi-img-wrap img,.vi-img-wrap img{border-radius:9px;box-shadow:0 1px 9px 4px rgba(0,0,0,0.05)}.vi-bot-icon{width:74px}.vi-block5,.vi-block6{background-color:#dcdafb}.vi-block6 .vi-img-wrap{width:100%;transform:none;margin-top:50px}.vi-img-wrap{width:140%;transform:translateX(25%);position:relative}.vi-img-wrap .vi-msft-anim-mob{width:27%;position:absolute;border-radius:16px;max-width:268px;left:-18%;top:16%;border:1px solid #d4d4d4}.vi-block5 .vi-section-title .vi-block6 .vi-img-wrap{width:100%;transform:none;margin-top:30px}.vi-block5{overflow:hidden}section{padding:120px 0}.vi-tab-container{margin-top:60px}.vi-tab-container .vi-img-wrap{width:100%;transform:translateX(-10%)}.vi-anim-img2,.vi-anim-img3{position:absolute;left:0;transform:translateX(100%);top:0}.vi-anim-img1.vi-scale-in-out{transform:translate3d(-40%,-100%,60px)}.vi-img-wrap .vi-animation-wrap{left:31%;width:62%;top:25%;overflow:hidden}.vi-img-wrap .vi-animation-wrap img{border-radius:0;box-shadow:none;transition:transform .6s ease}.vi-active-2 .vi-anim-img1{transform:translate3d(-40%,110%,60px)}.vi-active-2 .vi-anim-img2{transform:translate3d(0,0,60px)}.vi-anim-img3{transform:translate3d(40%,110%,60px);width:100%}.vi-anim-img2{transform:translate3d(40%,-100%,60px)}.hide{opacity:0}.vi-active-3 .vi-anim-img2{transform:translate3d(-40%,110%,60px)}.vi-anim-img1.vi-scale-out{transform:translate3d(-100%,100%,60px)}.vi-anim-img2.vi-focus,.vi-anim-img3.vi-focus{transform:translate3d(0,0,60px)}.vi-anim-img2.vi-focus{transform:translate3d(0,0,60px);width:98%}.vi-block3 video{border-radius:9px;box-shadow:0 1px 9px 4px rgba(0,0,0,0.05)}.vi-active-3 .vi-anim-img1{transform:translateX(-100%)}.vi-active-3 .vi-anim-img3{transform:translate3d(0,-100%,60px)}.vi-img-wrap .vi-anim-img4{position:absolute;width:20.6%;right:.2%;top:17.4%;box-shadow:none;z-index:2;opacity:0;transition:opacity .4s ease-in-out}.vi-img-wrap .vi-anim-img4.vi-fadein{opacity:1}.vi-anim-img1{transform:translateX(0)}.vi-right-tab h3{font-family:var(--zf-primary-regular);font-size:var(--vi-p1-ft)}.vi-clickable-container{padding-left:40px;position:relative}.vi-clickable-container:before{content:"";position:absolute;width:4px;top:var(--top,4px);height:var(--height,33px);transition:1s;border-radius:2px;background:var(--vi-color-org);left:-4px}.vi-clickable-container .vi-clickable{color:#7b6986;cursor:var(--vi-cursor-pointer);max-width:767px;width:100%;margin:0 auto}.vi-clickable-container .vi-clickable p{cursor:var(--vi-cursor-pointer)}.vi-clickable-container .vi-clickable.active p{font-family:var(--zf-primary-medium)}.vi-clickable-container .vi-clickable.active{color:#403349}.vi-clickable p{margin:0 0 25px}.vi-img-mob{display:none;margin-top:20px;max-width:767px}@media(min-width:1199px){.to-animate{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUp{to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.vi-team-mt.vi-anim-icon:nth-child(1) .zcol-list:before,.vi-team-mt.vi-anim-icon:nth-child(2) .zcol-list:before{animation:hand-wave 1s ease-in-out forwards}.vi-team-mt.vi-anim-icon:nth-child(3) .zcol-list:before{animation:1s move-cursor .3s ease-in-out forwards}@keyframes hand-wave{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}@keyframes move-cursor{0%,100%{transform:translate3d(-5px,7px,600px)}50%{transform:translate3d(-10px,20px,600px)}}}@media only screen and (max-width:1600px){:root{--vi-ft-size:64px;--vi-letter-spacing:-2.5px;--vi-line-ht:1}}@media(max-width:1440px){.vi-content-wrap .content-wrap{width:1140px}.vi-btn-set .act-btn,.vi-btn-set .reqst-demo-btn,.zvdio-demo{padding:10px 26px}section{padding:120px 0}}@media(max-width:1199px){.vi-content-wrap .content-wrap{width:960px}.vi-btn-set .act-btn,.vi-btn-set .reqst-demo-btn,.zvdio-demo{font-size:14px}section{padding:80px 0}:root{--vi-ft-size:48px;--vi-letter-spacing:-1.8px;--vi-line-ht:1.05;--vi-p4-ft:18px;--vi-p-ft:20px;--vi-h6-ft:22px;--vi-p3-ft:26px;--vi-p2-ft:38px;--vi-p1-ft:30px;--vi-p5-ft:34px}}@media(max-width:991px){.vi-content-wrap .vi-pagewidth{width:720px;margin:0 auto;text-align:center}.vi-content-wrap .zcol-1,.vi-content-wrap .zcol-2,.vi-content-wrap .zcol-3,.vi-content-wrap .zcol-4,.vi-content-wrap .zcol-5,.vi-content-wrap .zcol-6,.vi-content-wrap .zcol-7,.vi-content-wrap .zcol-8,.vi-content-wrap .zcol-9,.vi-content-wrap .zcol-10,.vi-content-wrap .zcol-11,.vi-content-wrap .zcol-12{position:relative;flex-basis:calc(100% - 0px);max-width:calc(100% - 0px);width:100%}.in-view-desk{display:none}.in-view-mob{display:block}.flx-row-rvrse{flex-direction:column-reverse}:root{--vi-ft-size:44px;--vi-letter-spacing:-1.6px;--vi-line-ht:1.1;--vi-p4-ft:18px;--vi-p-ft:20px;--vi-h6-ft:20px;--vi-p3-ft:24px;--vi-p2-ft:36px;--vi-p1-ft:28px;--vi-p5-ft:32px}}@media(max-width:767px){.vi-content-wrap .vi-pagewidth{width:600px;padding-inline:0 !important}.vi-content-wrap .zcol-1,.vi-content-wrap .zcol-2,.vi-content-wrap .zcol-3,.vi-content-wrap .zcol-4,.vi-content-wrap .zcol-5,.vi-content-wrap .zcol-6,.vi-content-wrap .zcol-7,.vi-content-wrap .zcol-8,.vi-content-wrap .zcol-9,.vi-content-wrap .zcol-10,.vi-content-wrap .zcol-11,.vi-content-wrap .zcol-12{position:relative;flex-basis:calc(100% - 0px);max-width:calc(100% - 0px);width:100%}.in-view-desk{display:none}.in-view-mob{display:block}.flx-row-rvrse{flex-direction:column-reverse}.vi-clickable-container{padding-left:0}.vi-msft-feature{width:100%}.vi-footer-wrapper h4{letter-spacing:-1.5px}}@media(max-width:480px){.vi-content-wrap .vi-pagewidth{width:90%}}@media all and (max-width:1480px){.vi-tab-container .vi-img-wrap{width:90%;transform:translateX(0)}}@media all and (max-width:1199px){.vi-left-tab,.vi-clickable-container::before{display:none}.vi-img-mob{display:block;border-radius:9px;box-shadow:0 1px 9px 4px rgba(0,0,0,0.05)}.vi-clickable-container .vi-clickable:not(:first-child){margin-top:80px}.vi-clickable-container .vi-clickable{color:#403349;text-align:center}.vi-tab-container .vi-right-tab.zcol-4{max-width:100%;flex-basis:100%}.vi-clickable-container{padding-left:0}.vi-right-tab h3{text-align:center}}@media all and (max-width:991px){.vi-msft-sticky-notes{display:none}.vi-msft-feature-text{text-align:left}.vi-msft-features-section{display:block}.vi-videocontainer{margin:50px auto 0}.vanihq-wrapper{overflow:hidden}.vi-img-wrap{width:100%;transform:none}.zcol-list{display:block}.vi-block3 .vi-team-mt{margin-bottom:40px}.vi-img-wrap .vi-msft-anim-mob{left:auto;right:-6%}}@media all and (max-width:767px){.vi-msft-feature-text{text-align:center}.vi-msft-feature{align-items:center}.vi-msft-wholesection{align-items:center;gap:30px}.vi-block6{padding-top:30px}.vi-banner{padding-top:40px}.vi-videocontainer{min-height:auto}}.vi-video-playpause{width:26px;height:26px;border-radius:50%;background-color:#fff;border:1px solid var(--footer-bg);display:block;position:absolute;bottom:10px;right:10px;opacity:0;transition:all .5s ease-in-out;font-size:0}.vi-video-playpause:after{content:'';background:var(--vi-common-sprite) no-repeat;width:12px;height:17px;display:inline-block;background-position:-28px -1px;background-size:200px auto}