[data-component=client-hub] .comp-intro{margin-bottom:12rem}[data-component=client-hub] .client-hub{--timeline-x:1.9rem;display:grid;position:relative}@media (width<=1023px){[data-component=client-hub] .client-hub{grid-template-columns:1fr;gap:2rem}}@media (width>=1022px){[data-component=client-hub] .client-hub{grid-template-columns:minmax(0,1fr) minmax(32rem,50rem);gap:clamp(4rem,6vw,8rem)}}[data-component=client-hub] .client-hub__slides{flex-direction:column;display:flex;position:relative}[data-component=client-hub] .client-hub__slides:before{z-index:0;background:color-mix(in srgb, var(--tap-grey-dark), var(--tap-white) 80%);content:"";width:.2rem;position:absolute;inset-inline-start:var(--timeline-x)}@media (width<=1023px){[data-component=client-hub] .client-hub__slides{--timeline-x:1.2rem;gap:8rem;padding-inline-start:4rem}[data-component=client-hub] .client-hub__slides:before{inset-block:1.2rem}}@media (width>=1022px){[data-component=client-hub] .client-hub__slides{gap:clamp(8rem,12vw,16rem)}[data-component=client-hub] .client-hub__slides:before{inset-block:2rem 30rem}[data-component=client-hub] .client-hub__slide{min-height:32rem}}[data-component=client-hub] .client-hub__text{color:var(--tap-grey-dark);position:relative}@media (width<=1023px){[data-component=client-hub] .client-hub__text{font-size:var(--font-size-md);padding-inline-start:0;line-height:1.4}}@media (width>=1022px){[data-component=client-hub] .client-hub__text{max-width:43rem;font-size:var(--font-size-lg);padding-inline-start:7.2rem;font-weight:600;line-height:1.35}}[data-component=client-hub] .client-hub__dot{background:var(--tap-grey-light);border:.4rem solid var(--tap-blue-base);transition:background-color var(--transition-base), border-color var(--transition-base);border-radius:50%;display:block;position:absolute}@media (width<=1023px){[data-component=client-hub] .client-hub__dot{width:2.4rem;height:2.4rem;inset-block-start:0;inset-inline-start:-4rem}}@media (width>=1022px){[data-component=client-hub] .client-hub__dot{border-width:.5rem;width:3.8rem;height:3.8rem;inset-block-start:.1rem;inset-inline-start:0}}[data-component=client-hub] .client-hub__slide.is-active .client-hub__dot{background:var(--tap-blue-base);border-color:var(--tap-blue-base)}@media (width<=1023px){[data-component=client-hub] .client-hub__lottie-mobile{width:min(100%,28rem);margin-block-start:1.6rem}[data-component=client-hub] .client-hub__lottie-mobile canvas{width:100%;height:auto;display:block}}@media (width>=1022px){[data-component=client-hub] .client-hub__lottie-mobile{display:none}}[data-component=client-hub] .client-hub__visuals{isolation:isolate;position:relative}@media (width<=1023px){[data-component=client-hub] .client-hub__visuals{display:none}}@media (width>=1022px){[data-component=client-hub] .client-hub__visuals{min-height:100%}}[data-component=client-hub] .client-hub__visuals-inner{z-index:2;margin-inline:auto}@media (width<=1023px){[data-component=client-hub] .client-hub__visuals-inner{width:min(100%,28rem);position:relative}}@media (width>=1022px){[data-component=client-hub] .client-hub__visuals-inner{aspect-ratio:1/.8;width:100%;max-height:400px;position:sticky;inset-block-start:15vh}}[data-component=client-hub] .line-animation{pointer-events:none;z-index:0;width:30%;height:83%;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}@media (width<=1023px){[data-component=client-hub] .line-animation{display:none}}@media (width>=1022px){[data-component=client-hub] .line-animation{grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,4vw,5.2rem);display:grid}}[data-component=client-hub] .grey-line{background:color-mix(in srgb, var(--tap-blue-base), var(--tap-white) 70%);justify-self:center;width:.2rem;height:100%;position:relative;overflow:hidden}[data-component=client-hub] .col-line{inset-inline:0;background:var(--tap-blue-deep);height:24%;animation:5.5s ease-in-out infinite forwards line-animation;position:absolute;top:-24%}[data-component=client-hub] .col-line.green{background:var(--tap-mint)}[data-component=client-hub] .col-line.blue{background:var(--tap-blue-base)}[data-component=client-hub] .client-hub__lottie-item{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s;position:absolute;inset:0}[data-component=client-hub] .client-hub__lottie-item.is-active{opacity:1;visibility:visible}[data-component=client-hub] .client-hub__lottie-item .anim-wrapper{width:100%}[data-component=client-hub] .client-hub__lottie-item .anim-wrapper svg{max-height:40rem}[data-component=client-hub] .client-hub__lottie-item canvas{width:100%;height:auto;display:block}@keyframes line-animation{0%{opacity:0;transform:translateY(0)}5%{opacity:1}30%{opacity:1;transform:translateY(520%)}31%{opacity:0;transform:translateY(520%)}to{opacity:0;transform:translateY(520%)}}
