.vision-scroller-block{--vsn-dot-base:#253441;--vsn-dot-fill:#83f0ff;align-items:flex-start;display:flex}.vision-scroller-block .vsn-left{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;padding:40px;position:sticky;top:56px;width:50%}.vision-scroller-block .vsn-left h2{max-width:600px}.vision-scroller-block .vsn-dot-area{align-items:center;display:flex;flex:1;overflow:hidden;padding:12px 0 32px 16px}.vision-scroller-block .vsn-dot-area svg{aspect-ratio:1/1;display:block;height:auto;max-width:442px;width:100%}.vision-scroller-block .vsn-pattern-base{fill:var(--vsn-dot-base)}.vision-scroller-block .vsn-pattern-fill{fill:var(--vsn-dot-fill)}.vision-scroller-block .vsn-right{flex:1;min-width:0}.vision-scroller-block .vsn-step{border:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:240px 0;margin:0;min-height:488px;padding:40px}.vision-scroller-block .vsn-step.bdr-bottom{border-bottom:1px solid #333e47}.vision-scroller-block .vsn-step-top{max-width:317px}.vision-scroller-block .vsn-no{display:block;font-size:112px;letter-spacing:-.04em;line-height:1;margin-bottom:16px}.vision-scroller-block .vsn-mobile-nav{display:none}@media only screen and (max-width:1440px){.vision-scroller-block .vsn-step{gap:160px 0}.vision-scroller-block .vsn-no{font-size:80px}.vision-scroller-block .vsn-step{min-height:300px}.vision-scroller-block .vsn-dot-area svg{max-width:380px}}@media only screen and (max-width:1199px){.vision-scroller-block .vsn-left,.vision-scroller-block .vsn-step{padding:30px}}@media only screen and (max-width:767px){.vision-scroller-block{flex-wrap:wrap;padding:60px 0}.vision-scroller-block .vsn-left{border-right:0;height:auto;padding:20px;position:static;width:100%}.vision-scroller-block .vsn-dot-area{justify-content:center;margin:20px 0;padding:0}.vision-scroller-block .vsn-dot-area svg{margin:25px 0 0;max-width:235px}.vision-scroller-block .vsn-right{display:flex;flex:0 0 100%;max-width:100%;overflow:hidden;padding:0;position:relative}.vision-scroller-block .vsn-step{border:1px solid #333e47;gap:100px 0;margin-right:-1px;min-height:inherit;padding:20px;width:calc(100vw - 35px)}.vision-scroller-block .vsn-step.bdr-bottom{border-bottom:1px solid #333e47}.vision-scroller-block .vsn-no{font-size:40px;margin-bottom:70px}.vision-scroller-block .vsn-right .owl-stage{display:flex;padding-left:20px}.vision-scroller-block .vsn-right .owl-item{display:flex}.vision-scroller-block .vsn-right.vsn-native{overflow-x:auto;padding-left:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.vision-scroller-block .vsn-right.vsn-native::-webkit-scrollbar{display:none}.vision-scroller-block .vsn-right.vsn-native .vsn-step{flex:0 0 calc(100% - 20px);scroll-snap-align:start}.vision-scroller-block .vsn-mobile-nav{display:flex;justify-content:center;width:100%;z-index:5}.vision-scroller-block .vsn-nav-row{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.vision-scroller-block .vsn-dots{display:flex;justify-content:center;margin:32px auto 0;max-width:150px;width:100%}.vision-scroller-block .vsn-dot{background:#323d46;flex:1;height:1px;transition:background .35s}.vision-scroller-block .vsn-dot.active{background:#fff}.vision-scroller-block .vsn-btns{display:flex;gap:10px;justify-content:center;margin-top:32px;width:100%}.vision-scroller-block .vsn-btn{align-items:center;background:#333e47;border:0;border-radius:50%;color:hsla(0,0%,100%,.35);cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px;-webkit-tap-highlight-color:transparent}.vision-scroller-block .vsn-btn img,.vision-scroller-block .vsn-btn svg{height:20px;width:20px}.vision-scroller-block .vsn-btn.vsn-prev img,.vision-scroller-block .vsn-btn.vsn-prev svg{transform:scaleX(-1)}.vision-scroller-block .vsn-btn.is-enabled{background-color:#fff;color:#1d2a35}.vision-scroller-block .vsn-btn.is-enabled:hover{background-color:#ffde50}.vision-scroller-block .vsn-btn:disabled{cursor:default}.vision-scroller-block .vsn-btn:active:not(:disabled){transform:scale(.94)}}