.vertical-slider{margin:250px auto 220px;max-width:1340px;padding:0 24px;position:relative;z-index:1}.vertical-slider .layout{align-items:start;display:grid;gap:130px;grid-template-columns:645px 560px;justify-content:center;margin:0 auto;max-width:1300px;position:relative;width:100%;z-index:3}.vertical-slider header>.image{position:relative;top:-45px}@media (max-width:1240px){.vertical-slider .layout{gap:60px;grid-template-columns:minmax(400px,533px) minmax(400px,530px);padding:0 20px}}@media (max-width:768px){.vertical-slider .layout{gap:32px;grid-template-columns:1fr;max-width:100%}}.vertical-slider header{display:flex;gap:22px;justify-content:flex-end;margin:0 0 70px;z-index:2}.vertical-slider header .copy{flex:1 1 540px;max-width:540px}.vertical-slider header .copy h2{font-size:48px;line-height:125%;margin-bottom:16px}.vertical-slider header .copy h2,.vertical-slider header .copy p{color:#10263d;font-family:Roboto;font-style:normal;font-weight:400}.vertical-slider header .copy p{font-size:24px;line-height:140%}.vertical-slider .image-stack-wrapper{height:100%;position:relative}.vertical-slider .image-stack{background:#fff;height:320px;isolation:isolate;margin-left:65px;min-height:320px;overflow:visible;position:sticky;position:-webkit-sticky;top:80px;z-index:10}.vertical-slider .image-stack img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transform:scale(.9) translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%;will-change:opacity,transform;z-index:1}.vertical-slider .image-stack img.active{opacity:1;transform:scale(1) translateY(0);z-index:5}.vertical-slider .image-stack img.prev-1{opacity:.3;transform:scale(.95) translateY(-10px);z-index:4}.vertical-slider .image-stack img.prev-2{opacity:.15;transform:scale(.92) translateY(-20px);z-index:3}.vertical-slider .image-stack img.next-1{opacity:.3;transform:scale(.95) translateY(10px);z-index:4}.vertical-slider .image-stack img.next-2{opacity:.15;transform:scale(.92) translateY(20px);z-index:3}.vertical-slider .image-stack img.far{opacity:0;z-index:1}.vertical-slider .image-stack:not(.inview) img.active{opacity:.25}.vertical-slider .image-stack.inview{box-shadow:0 4px 20px rgba(0,0,0,.08);transition:box-shadow .3s ease}.vertical-slider .image-stack .custom-dots{display:flex;flex-direction:column;gap:24px;left:-65px!important;list-style:none!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;z-index:30}.vertical-slider .custom-dots li{display:block;height:26px!important;list-style:none;margin:0!important;width:26px!important}.vertical-slider .custom-dots li button{background:#f1d6dd!important;border:0;border-radius:50%!important;cursor:pointer;display:block;height:26px!important;overflow:hidden;padding:0;text-indent:-9999px;transition:all .3s ease;width:26px!important}.vertical-slider .custom-dots li button:hover,.vertical-slider .custom-dots li.active button{background:#9369ee!important;transform:scale(1.1)}.vertical-slider .custom-dots li button:focus{outline:2px solid #9369ee;outline-offset:2px}.vertical-slider .slider-wrap{position:relative}.vertical-slider .diff-slider{display:block!important;height:auto!important}.vertical-slider .diff-slider .slide{display:flex!important;flex-direction:column;gap:8px;height:auto!important;opacity:1!important;padding-bottom:220px;visibility:visible!important}.vertical-slider .diff-slider .slide:last-child{padding-bottom:0}.vertical-slider .diff-slider .slide h3{color:#9369ee;font-family:Roboto;font-size:32px;font-style:normal;font-weight:700;line-height:125%}.vertical-slider .diff-slider .slide p{color:#10263d;font-family:Roboto;font-size:24px;font-style:normal;font-weight:400;line-height:140%}.vertical-slider .diff-slider .slide.is-active{position:relative}.vertical-slider .diff-slider:before{background:url(https://6598480.fs1.hubspotusercontent-na1.net/hubfs/6598480/SpotDev-2025/content-diamonds.svg);background-repeat:no-repeat;background-size:contain;content:"";height:671px;left:-470px;position:absolute;top:50%;transform:translateY(-50%);width:342px;z-index:0}.vertical-slider .slick-slider .slick-list{height:auto!important;overflow:visible!important}.vertical-slider .slick-slider .slick-track{height:auto!important;transform:none!important}.vertical-slider .slick-cloned{display:none!important}.vertical-slider .slick-slide:not(.slick-cloned),.vertical-slider .slick-slide:not(.slick-cloned)>div{display:block!important}.vertical-slider .slick-dots{bottom:-40px!important;flex-direction:row!important;gap:10px!important;height:auto!important;justify-content:flex-start;left:auto!important;right:0!important;top:auto!important;width:auto!important}.vertical-slider .slick-dots button:focus{outline:2px solid #9369ee;outline-offset:2px}.vertical-slider .slick-dots button:hover:not(:disabled){background:#b899f0!important}@media (max-width:980px){.vertical-slider .layout{grid-template-columns:1fr}.vertical-slider .image-stack-wrapper{height:auto;position:relative}.vertical-slider .image-stack{height:240px;margin-left:0;min-height:240px;position:relative;top:0}.vertical-slider .slider-wrap{padding-left:0}.vertical-slider .image-stack .custom-dots{bottom:20px!important;flex-direction:row!important;gap:10px!important;justify-content:center;left:50%!important;top:auto!important;transform:translateX(-50%)!important;width:auto!important}.vertical-slider .diff-slider:before{display:none}.vertical-slider .diff-slider .slide{padding-bottom:60px}}@media (max-width:768px){.vertical-slider header{align-items:center;flex-direction:column;text-align:center}.vertical-slider{margin-bottom:0;margin-top:100px}.vertical-slider header .image{order:1}.vertical-slider header .copy{flex:none;max-width:100%;order:2}.vertical-slider header .copy h2{font-size:36px}.vertical-slider header .copy p{font-size:20px}.vertical-slider .diff-slider .slide h3{font-size:28px}.vertical-slider .diff-slider .slide p{font-size:20px}}