:root{--card-color:#e9e4ec;--vi-ft-size:64px;--vi-letter-spacing:-2.5px;--vi-line-ht:1.1}.vi-animate-sec{transform:translateY(50px) scale(0.95);transition:transform 1s ease,opacity .6s ease}.vi-animate-sec.visible{transform:translateY(0) scale(1);opacity:1}.vi-banner-content 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)}.vi-catchup-banner{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr;gap:0;grid-auto-flow:row;grid-template-areas:". .";align-items:center}.vi-banner-contain{padding-top:100px}.vi-catchup-video-wrapper{height:auto}.vireaction-note{display:none}.vi-banner-section{padding:60px 0 70px}.vi-icon-scribble:after,.vi-icon-scribble:before{content:'';width:18px;height:33px;background:url(/sites/vanihq/files/vanihq/vi-marketing-left-icon.svg) no-repeat;background-size:100%;display:inline-block}.vi-baner-element{width:120%}.vi-icon-scribble:before{background:url(/sites/vanihq/files/vanihq/vi-marketing-right-icon.svg) no-repeat;width:40px;height:31px;position:relative;top:4px}.vi-icon-scribble{display:inline-flex;align-items:center;gap:5px}.vi-banner-description{width:90%;margin-inline:0;max-width:640px}.vi-banner-content h1{max-width:830px;margin-left:0}.vi-need-more-text-contain{max-width:835px;margin-bottom:50px;width:90%}.vi-need-more-text-contain .vi-section-title::before{font-size:var(--secondary-subtitle-size);font-family:var(--font-regular);line-height:34px;top:-2rem;left:0;rotate:-14deg;padding:25px}.vi-need-more-text-contain .vi-section-title::before{content:attr(data-title);position:absolute;border-radius:50px;background:#f4b9c2;padding:10px 28px;opacity:0}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.vi-need-more-text-contain .vi-section-title.show::before{animation:bounceIn 1s ease-in-out 1 forwards}.vi-need-more-video-contains{width:100%;min-height:5rem;border-radius:var(--border-radius-large);display:flex;max-width:1800px;margin:0 auto;justify-content:center;gap:100px}.vi-need-more-video-contain{width:90%;min-height:5rem;border-radius:var(--border-radius-large);background-color:var(--secondary-bg);max-width:960px}.flow-col-1{width:90%;position:relative;max-width:820px}.flow-col-2{width:35%;position:relative}.vi-context-wrapper{grid-template-columns:1fr .9fr;grid-auto-flow:row;padding:150px 0 100px;align-items:center}.vi-catchup-video-wrapper{width:110%;transform:translateX(-20%)}.vi-context-content{width:100%}.vi-context-content .vi-description{margin-bottom:0}.vi-messy-scribble{width:128px;height:auto;stroke-dasharray:1000;stroke-dashoffset:1000;margin-right:-130px;transform:translateX(-60px);animation:draw 3s linear forwards}.block6 .vi-need-more-text-contain{max-width:790px}.block6 .vi-section-title{display:inline-flex}@keyframes draw{to{stroke-dashoffset:0}}.vi-sharing-wrapper{grid-template-columns:1.2fr 1fr;grid-auto-flow:row;align-items:center}.typing-container,.cursor{color:var(--accent-color)}.typing-container{display:inline-block;text-transform:uppercase;font-size:var(--secondary-subtitle-size);border:1px solid #7f7bff;background-color:#eeedff}.cursor{display:inline-block;animation:blink .7s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.vi-sharing-content{width:85%}.vi-sharing-video-wrapper{transform:translateX(5%);width:120%}.vi-so-much-content{width:60%;text-align:left}.vi-so-much-content .vi-section-title::before,.vi-so-much-content .vi-section-title::after{position:absolute;left:0}.vi-so-much-content .vi-section-title::before{content:attr(data-title);font-size:24px;line-height:34px;top:-25%;rotate:-10deg;font-weight:600}.vi-so-much-content .vi-section-title::after{content:"";background:url(adjust-frame-icon.svg) center center / cover no-repeat;width:18%;height:40%;top:-35%;left:-18px;rotate:-2deg}.vi-scribble-text::after{width:75%;bottom:-4.5rem;right:4rem;left:auto}.vi-so-much-card-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:24px}.vi-so-much-card{display:flex;width:150px;height:25rem;padding:25px;border-radius:var(--border-radius-extra-large);background-color:var(--card-color);transition:all .3s ease-in-out;text-align:left;overflow:hidden;cursor:pointer}.vi-so-much-card:first-child{width:180px}.vi-so-much-card:hover>div:first-child,.vi-so-much-card.vi-hover-active>div:first-child{width:60%}.vi-so-much-card-title{font-size:var(--secondary-subtitle-size);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:right;width:100%}.vi-so-much-card-title h3{font-size:var(--secondary-subtitle-size)}.vi-so-much-card:hover .vi-so-much-card-title,.vi-so-much-card.vi-hover-active .vi-so-much-card-title{justify-content:flex-start}.vi-so-much-card:hover .vi-so-much-card-title h3,.vi-so-much-card.vi-hover-active .vi-so-much-card-title h3{margin:0;margin-right:auto}.vi-so-much-card:hover .vi-so-much-card-title,.vi-so-much-card.vi-hover-active .vi-so-much-card-title{text-align:left}.vi-so-much-card div:nth-child(2),.vi-so-much-card:hover .vi-pre-activeimage,.vi-so-much-card.vi-hover-active .vi-pre-activeimage,.vi-so-much-card p{display:none}.vi-so-much-card:hover div:nth-child(2) .vi-so-much-card .vi-pre-activeimage,.vi-so-much-card:hover p,.vi-so-much-card.vi-hover-active p{display:block}.vi-so-much-card:hover,.vi-so-much-card.vi-hover-active{flex-grow:1;background-color:#6438e0;color:var(--secondary-color);box-shadow:0 15px 30px 0 #00000014}.vi-card-icon{width:40px;height:40px;margin-right:auto}.vi-slider-card{min-width:450px;height:20rem;margin-right:20px;background-color:var(--secondary-bg);text-align:left;border-radius:10px}.vi-slider-viewport{display:flex;transition:transform .5s}.vi-nav-btn{height:50px;width:50px;border-radius:50%;border:1px solid var(--black-color);transform:scale(0.9);opacity:.3}.vi-left-nav .vi-svg-icon{rotate:180deg}.vi-nav-btn.vi-active{opacity:1;transform:scale(1)}.vi-active-card-count{font-size:16px}.vi-active-card-count span:first-child{font-weight:600}.catchup-img{padding:30px}.catchup-position{position:relative}.yasmin-img{position:absolute;width:87px;height:60px;top:20px !important;right:-300px}.xiang-img{position:absolute;width:87px;height:56px;bottom:-1px;right:0}.usecase-img{position:relative;left:40px;padding:20px 0 0 0}.planusecase-img{position:relative;left:40px;padding:20px 0 0 0}.mockusecase-img{position:relative;right:40px;padding:20px 0 0 0}.mokusecase-img{position:relative;left:40px;width:200px}.brain-img{width:100%}.brain-img img{position:absolute;right:-50px;width:300px;height:300px;bottom:-60px}.emoji-relative{position:relative;display:flex;justify-content:center}.emoji-relative img{max-width:500px !important}.emoji-des{position:absolute;width:500px;text-align:center}.reactions-img{display:flex;justify-content:center;width:130%}.reactions-img img{width:500px;margin-top:20px}.good-company{display:flex;justify-content:space-between;width:100%;margin-top:90px}.good-company-img{width:60px;height:60px;margin-right:20px}.bottom-section{display:flex}.vi-comapny{display:flex;justify-content:flex-start !important;text-align:left}.vi-footer-innerwrap h4{font-size:80px;max-width:900px;width:90%;margin-bottom:30px}.vi-footer-innerwrap p{max-width:560px;margin-bottom:30px;width:100%}.vi-first-col,.vi-second-col{position:relative;width:421px;padding:30px;margin-bottom:30px;border-radius:var(--border-radius-large);background-color:#D7CEF299}.vi-first-col:after,.vi-second-col:after{content:"";position:absolute;bottom:-20px;left:30px;border-bottom:20px solid transparent;border-right:0 solid #D7CEF299;border-left:30px solid #D7CEF299;border-radius:0 0 0 1px}.pin-img{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.second-col{margin-top:200px}.role-name{display:flex;flex-direction:column}.role-name>.vi-customer-name{font-size:18px;color:#333;font-family:var(--zf-secondary-semibold)}.role-name>.vi-role-designation{font-size:18px;color:#2a1f31}.butterfly-relative{position:relative}.butterfly-relative h2::after{content:'';width:60px;height:60px;background:url(/sites/vanihq/files/vanihq/vi-good-company-v.svg) no-repeat;display:inline-block;background-size:100%}.butterfly{position:absolute;top:-20px;right:220px}.together{position:relative}.together-img{position:absolute;bottom:-50px;left:0}.xiang-img{position:absolute;top:-80px;right:220px}.marketting-img{width:300px}.flow{width:100%}.xiang-flow-img{position:absolute;top:150px;right:650px}.xiang-flow2-img{width:130px;position:absolute;bottom:220px}.infinite{background:url(/sites/vanihq/files/vanihq/vi-infinitive-campaigns.svg) no-repeat;width:274px;background-size:100%;line-height:2.2;position:relative;padding-left:10px}.vi-bubble-header{transform:scale(1);transform-origin:center top;transition:.3s ease-in-out;width:100%;margin:0 auto;padding-bottom:0;text-align:center;max-width:970px;text-align:center}.vi-bubble-header .vi-description{max-width:950px;line-height:1.4}.vi-bubble-header h2 span{display:block}.vi-play-interaction-wrapper{width:100%;display:flex;flex-flow:column;flex-wrap:wrap;align-items:center;justify-content:center}.vi-play-image-container{position:relative;margin-top:20px;background:#fff;border-radius:44px;padding:30px;width:100%;height:100%;max-width:765px}.vi-play-content{display:flex;flex-direction:column;justify-content:center;opacity:0;width:85%;margin:0 auto;transition:opacity .6s ease-in-out;visibility:hidden}.vi-play-content .vi-description{line-height:1.5;width:100%}.vi-play-content:not(:first-child){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vi-play-image-container[data-active="0"] .vi-play-content:nth-child(1),.vi-play-image-container[data-active="1"] .vi-play-content:nth-child(2),.vi-play-image-container[data-active="2"] .vi-play-content:nth-child(3),.vi-play-image-container[data-active="3"] .vi-play-content:nth-child(4),.vi-play-image-container[data-active="4"] .vi-play-content:nth-child(5),.vi-play-image-container[data-active="5"] .vi-play-content:nth-child(6),.vi-play-image-container[data-active="6"] .vi-play-content:nth-child(7),.vi-play-image-container[data-active="7"] .vi-play-content:nth-child(8),.vi-play-image-container[data-active="8"] .vi-play-content:nth-child(9){opacity:1;visibility:visible}.vi-play-btn{transition:width .6s ease-in-out,background .3s ease-in-out}.vi-play-btn-container{display:flex;align-items:center;justify-content:center;margin-top:30px;min-height:100px;width:80%}.vi-text-gradient{background:linear-gradient(80.68deg,rgba(0,139,237,0.8) -0.13%,rgba(103,85,231,0.77) 14.6%,rgba(117,68,190,0.9) 25.41%,rgba(179,0,139,0.87) 38.18%,rgba(255,0,102,0.85) 52.91%,rgba(255,57,0,0.91) 67.64%,rgba(255,78,0,0.88) 81.4%,rgba(255,109,0,0.87) 98.09%) text;-webkit-text-fill-color:transparent}.vi-play-btn{font-family:var(--zf-primary-semibold);font-size:var(--primary-cta-size);width:70px;height:70px;border:2px solid #9f83ed;background:var(--secondary-color);border-radius:50%;position:relative;animation:none;transition:width .6s ease-in-out}.vi-play-btn:not(:first-child){margin-left:-15px}.vi-counter-wrapper{width:100%}.vi-play-btn.vi-active{border-color:var(--secondary-color);border-radius:50px;background:#d6c8fc;z-index:1}@media(min-width:981px){.vi-play-btn.vi-active{animation:expanded .6s ease forwards}.vi-play-btn span{position:absolute;opacity:0;visibility:hidden;width:100%;left:0}.vi-play-btn:hover{border-color:var(--secondary-color);border-radius:50px;background:#d6c8fc}.vi-play-btn{transition:all .4s ease}.vi-play-btn.vi-active span{transition:all 1s ease-in}.vi-play-btn span,.vi-play-btn.vi-active svg{opacity:0;visibility:hidden}.vi-play-btn.vi-active span,.vi-play-btn svg{opacity:1;visibility:visible}@keyframes expanded{to{width:250px}}.vi-readymade-section,.vi-so-much-card-wrapper{width:95%;margin:0 auto;transition:width .7s ease-in-out,border-radius .7s ease-in-out}.vi-readymade-section.vi-expand{width:100%}.vi-readymade-section.vi-expand .vi-readymade-wrapper{border-radius:0;transition:width .7s ease-in-out,border-radius .7s ease-in-out}.vi-so-much-card-wrapper div{padding:25px}.vi-so-much-card-wrapper div:nth-child(3){border-radius:var(--border-radius-large)}.vi-banner-title,.vi-banner-description{transition:transform .6s ease-in-out}.animated-section .vi-banner-title,.animated-section .vi-banner-description{transform:translateY(0)}.animated-section .vi-banner-description{transition-delay:.5s}}.vi-testimonial-section{padding-top:150px}@media only screen and (min-width:1600px){:root{--vi-ft-size:80px;--vi-letter-spacing:-2.5px;--vi-line-ht:1.05}}@media only screen and (max-width:1600px){.vi-need-more-text-contain .vi-section-title::before{top:-2rem;left:-3rem;left:-5%}.vi-so-much-card-wrapper{gap:10px}.vi-so-much-card{height:30rem}.vi-so-much-card:hover>div:first-child,.vi-so-much-card.vi-hover-active>div:first-child{width:100%}.vi-so-much-content{width:80%}.vi-testimonial-section{max-width:1360px;width:95%}}@media only screen and (max-width:1400px){.vi-so-mush-section{height:1480px}.vi-so-much-card-wrapper{display:grid;grid-template-columns:repeat(2,1fr);align-items:flex-start}.vi-so-much-card:not(:hover) .vi-so-much-card-title{flex-direction:row;justify-content:space-between}.vi-so-much-card:not(:hover) .vi-so-much-card-title *{width:50%}.vi-so-much-card:not(:hover) .vi-so-much-card-title h3{margin-right:5%}.vi-so-much-card,.vi-so-much-card:first-child{width:100%;height:8rem}.vi-so-much-card:hover>div:first-child,.vi-so-much-card.vi-hover-active>div:first-child{width:60%}.vi-so-much-card:hover{height:100%}.vi-first-col,.vi-second-col{width:370px}.vi-first-col p,.vi-second-col{font-size:20px}}@media only screen and (max-width:1280px){.vi-so-mush-section{height:100%}.vi-so-much-content{width:60%}.vi-need-more-text-contain .vi-section-title::before{top:-2rem;left:-10px;padding:5px 18px}}@media only screen and (max-width:1228px){.vi-need-more-text-contain .vi-section-title::before{left:6%}}@media(min-width:1201px){.vi-so-much-slider{display:none}}@media only screen and (max-width:1200px){.vi-banner-contain,.vi-context-wrapper{padding:70px 0}.vi-need-more-text-contain{width:60%}.vi-need-more-text-contain .vi-section-title::before{left:-5px}.vi-so-much-content .vi-section-title::after{width:23%;height:45%;left:-18px}.vi-so-much-content{margin:0 auto;text-align:center}.vi-so-much-card-wrapper{display:none}.vi-so-much-card-wrapper{gap:14px}.vi-so-much-mb-card-wrapper{width:90%;overflow:hidden}.vi-catchup-banner{grid-template-columns:1fr;grid-template-areas:unset;gap:30px;text-align:center}.vi-banner-content h1{margin-left:auto}.vi-banner-content p{margin:0 auto 30px}.vi-baner-element{width:100%;max-width:830px;margin:0 auto}.good-company{flex-flow:column;align-items:center;gap:40px}.second-col{margin-top:0}.vi-first-col,.vi-second-col{width:460px}.vi-catchup-video-wrapper{width:100%;transform:translateX(0)}.vi-context-content{text-align:center}.infinite{margin:0 auto}.vi-sharing-content{margin:0 auto}.vi-need-more-video-contains{align-items:center}.flow-col-2{width:100%;position:relative;text-align:center;max-width:850px}.vi-context-wrapper,.vi-need-more-video-contains{display:flex;flex-direction:column-reverse}.vi-catchup-video-wrapper{max-width:800px;margin:0 auto}.vi-sharing-wrapper{grid-template-columns:1fr;text-align:center}.vi-banner-contain.vi-testimonial-section{padding-bottom:90px}}@media only screen and (max-width:1131px){.vi-need-more-text-contain .vi-section-title::before{top:-2.5rem;left:2rem}.vi-catchup-video-wrapper{height:auto}}@media only screen and (max-width:1080px){.vi-so-much-content{width:70%}.vi-baner-element img{width:90%;max-width:680px}.good-company{width:100%}}@media only screen and (max-width:980px){:root{--vi-ft-size:60px;--vi-letter-spacing:-2.3px;--vi-line-ht:1.1}.vi-grid{grid-template-columns:1fr;grid-template-areas:unset;gap:30px}.infinite{margin:0 auto}.vi-context-wrapper{display:flex;flex-direction:column-reverse}.vi-context-wrapper .vi-catchup-video-wrapper{transform:translateX(0);width:100%}.vi-context-content{width:70%;text-align:center;margin:0 auto}.vi-need-more-text-contain .vi-section-title::before{top:-2.5rem;left:-1rem}.vi-so-much-mb-card-wrapper{width:550px}.vi-slider-card{min-width:550px}.vi-so-much-content{width:80%}.vi-sharing-video-wrapper{transform:translateX(0);width:100%}.vi-need-more-video-contains{column-gap:100px;flex-flow:column-reverse;align-items:center;border-radius:0}.vi-sharing-content,.flow-col-2{width:90%;text-align:center;margin:0 auto;max-width:640px}.good-company{flex-flow:column;justify-content:center;align-items:center}.catchup-img{padding:15px}.vi-play-btn span{display:none}.together{display:inline-block}.block6 .vi-section-title{display:inline-flex;font-size:42px;flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:767px){.vireaction-note{display:block}.vi-play-content .vi-description{margin-top:10px}.vi-need-more-text-contain,.vi-so-much-content{width:70%}.vi-need-more-video-contain{width:100%}.vi-catchup-video-wrapper{height:100%}.vi-banner-contain,.vi-context-wrapper{padding:60px 0}.vi-footer-innerwrap h4{font-size:60px}.vi-banner-section{padding:40px 0 100px}.vi-banner-content,.vi-baner-element{text-align:center}.vi-need-more-video-contains{gap:50px}.vi-first-col,.vi-second-col{max-width:360px;width:100%}.vi-banner-description{margin:0 auto 30px}.vi-play-btn-container{width:100%}.vi-play-btn,.vi-play-btn.vi-active{width:60px;height:60px}.vi-svg-icon{width:20px;height:20px}}@media only screen and (max-width:580px){.vi-need-more-text-contain,.vi-so-much-content{width:100%}.vi-context-content{width:100%}.vi-so-much-mb-card-wrapper{width:350px}.vi-slider-card{min-width:350px}.vi-banner-section{padding:20px 0 60px}.butterfly-relative h2::after{display:none}.vi-play-btn,.vi-play-btn.vi-active{width:50px;height:50px}.vi-svg-icon{width:18px;height:18px}.vi-need-more-text-contain{margin-top:0}:root{--vi-ft-size:48px;--vi-letter-spacing:-2px;--vi-line-ht:1.1}.vi-first-col p,.vi-second-col{font-size:18px}}