:root{--vi-ft-size:80px;--vi-letter-spacing:-2.5px;--vi-line-ht:1}.icon-reaction path,.icon-reaction circle{stroke:red;fill:red}.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-svg-icon use{color:#b7acbf}.vi-catchup-video-wrapper{height:auto}.vi-whiteboard-icon{background:var(--secondary-color);padding:8px 6px;border-radius:2px;display:inline-flex;align-items:center;font-family:var(--zf-primary-medium)}.vi-whiteboard-icon:before{content:'';width:22px;height:22px;background:url(/sites/vanihq/files/vanihq/whiteboard/whiteboardicon.svg) no-repeat;background-size:100%;margin-right:10px;display:inline-block}.vi-hero-banner{overflow:hidden}.vi-baner-element{width:120%}.vi-whiteboard-banner{align-items:center;padding:100px 0 0}.vi-banner-contain{grid-template-columns:1.1fr .7fr}.vi-banner-content h1{margin-left:0}.vi-banner-content{width:100%}.vi-banner-content .vi-description{margin-left:0;max-width:620px}.vi-text-gradient{background:var(--highlight-color to right,var(--secondary-color),transparent,var(--highlight-color));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-gradient 5s ease-in-out .6s infinite}@keyframes text-gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.vi-everyonce-idea-wrapper{grid-template-columns:1fr .9fr;gap:0;grid-auto-flow:row;padding:150px 0 120px;align-items:center}.vi-catchup-video-wrapper{width:110%;transform:translateX(-20%)}.vi-everyonce-video-wrapper{border-radius:68px}.vi-everyonce-video-wrapper{padding:25px}.vi-everyonce-video-wrapper img{width:90%}.vi-context-content{width:100%}.vi-scribble-text::after{bottom:-5rem;left:-1rem}.vi-banner-contain .vi-everyonce-idea-wrapper{padding-top:60px}.vi-catchupwith-wrapper{grid-template-columns:1fr .9fr;gap:0;grid-auto-flow:row;padding-bottom:40px;align-items:center}.vi-catchupwith-content{width:95%}.vi-catchupwith-video-wrapper{transform:translateX(5%);width:120%;padding:20px}.vi-expression-wrapper{background:var(--footer-bg);padding:120px 0 90px}.vi-expression-wrapper>*{color:var(--secondary-color)}.vi-expression-container{grid-template-columns:.9fr 1fr;gap:0;grid-auto-flow:row}.vi-expression-asset-wrapper{grid-row:span 2;position:relative}.vi-expression-asset-wrapper img{position:absolute;bottom:0;width:100%;height:100%;object-fit:cover;transform:translateY(30%);opacity:0;transition:opacity .6s ease}.vi-expression-asset-wrapper[data-active="0"] img:nth-child(1),.vi-expression-asset-wrapper[data-active="1"] img:nth-child(2),.vi-expression-asset-wrapper[data-active="2"] img:nth-child(3),.vi-expression-asset-wrapper[data-active="3"] img:nth-child(4),.vi-expression-asset-wrapper[data-active="4"] img:nth-child(5),.vi-expression-asset-wrapper[data-active="5"] img:nth-child(6),.vi-expression-asset-wrapper[data-active="6"] img:nth-child(7),.vi-expression-asset-wrapper[data-active="7"] img:nth-child(8){opacity:1}.vi-expression-content .vi-description{width:80%;margin:0;color:#fff;max-width:500px}.vi-icon-contain{display:flex;align-items:center;padding:10px;border-radius:30px;margin:1.2rem auto}.vi-icon{position:relative;z-index:2;padding:15px;background:#46394e;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:6px solid #2a1f31;position:relative;transition:all .6s ease}.vi-icon:first-child{margin-left:0 !important}.vi-icon img{width:30px;height:30px;display:block}.vi-icon span{display:none;font-family:var(--zf-primary-semibold);color:var(--black-color)}.vi-icon.active{background-color:#ff8e75;color:var(--black-color);padding:15px 25px;width:fit-content;border-radius:50px;font-weight:bold;display:flex;justify-content:center;align-items:center;margin-left:0 !important;opacity:1}.vireaction-note{display:none}.vi-icon.active+.vi-icon{margin-left:0 !important}.vi-icon.active img{display:none}.vi-icon.active span{display:inline}.vi-icon:hover:not(.active){opacity:.8}.vi-scroller-section .vi-pagewidth{display:block;margin:0 auto;width:100%;max-width:calc(1234px + 2rem)}.vi-stack-wrapper{display:flex;gap:4rem}.vi-stack-wrapper>div{flex:1}.vi-stack-header>div{position:sticky;top:0;left:0;display:flex;height:100vh;align-items:center}.vi-stack-contain{height:720vh;position:relative;display:flex;flex-wrap:wrap;margin-top:100px}.vi-sticky-wrapper{position:sticky;top:150px;left:0;height:100vh;display:flex;align-items:center;width:92%}.vi-stack-item{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;padding-right:4rem;transition:opacity .4s ease-in,transform .4s ease-in,visibility .4s ease-in}.vi-stack-item-content{text-align:center;background:#fff;border-radius:var(--border-radius-extra-large);padding:30px;height:54%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;box-shadow:0 2px 4px 0 #3A25253D}.vi-image-context{width:70%;margin:0 auto}.vi-stack-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:sticky;right:0;height:100vh;top:150px}.vi-progress-bar{width:4px;height:400px;border-radius:999px;background:#e1e1e1;overflow:hidden}.vi-progress-fill{position:absolute;left:0;top:0;width:100%;height:var(--progress-height);background:var(--accent-color);border-radius:999px;transition:height .3s ease}.vi-stack-item-content p{line-height:1.5;font-size:18px;margin-top:0}.vi-stack-item-content h3{margin-bottom:5px}:root{--progress-height:0}* Play section starts */.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 h2{font-size:40px;line-height:1.3}.vi-bubble-header .vi-description{max-width:950px;line-height:1.4}.vi-bubble-header h2 span{font-size:80px;display:block}.vi-play-interaction-wrapper{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.vi-play-image-container{position:relative;margin-top:20px;border-radius:44px;padding:30px;width:100%;max-width:765px}.vi-play-content{display:flex;flex-direction:column;justify-content:center;opacity:0;width:90%;max-width:600px;margin:0 auto;transition:opacity .6s ease-in-out;visibility:hidden}.vi-play-content img{width:80%;max-width:400px;margin:0 auto 10px}.vi-play-content .vi-description{line-height:1.5;width:100%;color:#fff}.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:0;min-height:100px;width:100%}.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;padding:20px;border:2px solid var(--primary-color);background:#46394e;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{padding:24px;border-color:#d6c8fc;border-radius:50px;background:#d6c8fc;z-index:1}.vi-workwith{padding:100px 0;overflow:hidden}.vi-footer-wrapper h4{font-size:80px;margin-bottom:30px;max-width:1030px}.vi-footer-innerwrap p{font-size:24px;max-width:700px;width:90%}@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.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{transition:all .4s ease}.vi-play-btn:hover{border-color:var(--secondary-color);border-radius:50px;background:#d6c8fc}.vi-play-btn:hover .vi-svg-icon use{color:#2a1f31}.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{margin-top:150px}.vi-readymade-section.vi-expand{width:100%;border-radius:0}.vi-readymade-section.vi-expand .vi-readymade-inner{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}}@media all and (max-width:1279px){.vi-hero-banner{padding-top:170px}.vi-whiteboard-banner{grid-template-columns:auto;text-align:center}.vi-whiteboard-banner .vi-baner-element{max-width:760px;margin:50px auto 0;width:100%}.vi-catchup-video-wrapper{height:auto}.vi-everyonce-idea-wrapper{display:flex;flex-direction:column-reverse}.vi-banner-content .vi-description{margin-left:auto}.vi-everyonce-idea-wrapper,.vi-catchupwith-wrapper,.vi-catchupwith-video-wrapper,.vi-catchup-video-wrapper{width:auto;transform:translateX(0);grid-template-columns:auto;overflow:hidden}.vi-catchupwith-video-wrapper,.vi-catchup-video-wrapper{border-radius:28px}.vi-everyonce-idea-wrapper,.vi-pagewidth{padding-top:100px;max-width:800px;text-align:center;margin:0 auto}.vi-pagewidth{padding-top:0}.vi-context-content .vi-description{max-width:680px}.vi-expression-container{grid-template-columns:auto;padding-bottom:100px}.vi-expression-content{text-align:center}.vi-expression-content .vi-description{margin:40px auto 10px}:root{--vi-ft-size:70px;--vi-letter-spacing:-2.5px;--vi-line-ht:1}.vi-banner-content h1{margin-left:auto;max-width:740px}.vi-workwith{padding-top:30px}}@media all and (max-width:999px){.vi-stack-item-content{box-shadow:unset}.vi-stack-header>div,.vi-sticky-wrapper{position:relative;height:auto}.vi-stack-contain{height:auto}.vi-everyonce-idea-wrapper{padding-top:0}.vi-play-image-container{padding-bottom:0}.vi-stack-item{position:relative;height:auto;width:auto;padding-right:0}.vi-stack-wrapper,.vi-sticky-wrapper{display:block}.vi-sticky-wrapper .slick-list{width:90%;margin:0 auto}.vi-stack-progress{display:none}.vi-sticky-wrapper{top:0;width:100%}.vi-banner-content h1{font-size:60px}.vi-banner-contain{padding-bottom:80px}.vi-play-btn span,.vi-scribble-text::after{display:none}.vi-play-btn.vi-active{width:80px}.vireaction-note{display:block;font-family:var(--zf-primary-medium);font-size:20px;margin-top:20px}.vi-play-content .vi-description{margin-top:10px;line-height:1.6}.vi-play-btn-container{margin-top:0}.vi-play-btn.vi-active use{filter:invert(1)}.vi-expression-wrapper{padding-bottom:20px;padding-top:80px}.vi-stack-contain{margin-top:40px}.vi-scroller-section{padding-top:80px}}@media all and (max-width:768px){.vi-everyonce-idea-wrapper{padding-top:50px}.vi-expression-content .vi-description{margin-top:10px}.vi-expression-content .vi-section-title{margin-bottom:10px}.vi-workwith{padding-top:70px}.vi-catchupwith-content,.vi-stack-header{width:90%;margin:0 auto;text-align:center;max-width:680px}.vi-footer-wrapper h4{font-size:50px;padding:0 20px}.vi-banner-contain{padding-bottom:0}.vi-hero-banner{padding-top:140px}}@media all and (max-width:660px){.vi-play-btn,.vi-play-btn.vi-active{width:60px}.vi-play-btn.vi-active,.vi-play-btn{padding:16px}.vi-play-content{width:80%}.vi-catchupwith-wrapper{padding-bottom:60px}.vi-workwith{padding-top:0}.vi-stack-contain{margin-top:50px}:root{--vi-ft-size:48px;--vi-letter-spacing:-2px;--vi-line-ht:1.1}}