.scroll-boxes-section{margin:3rem 4rem;padding:2rem 0;position:relative}.scroll-boxes-heading{color:#1a1a1a;text-align:center;letter-spacing:-.5px;margin-bottom:2rem;font-size:1.8rem;font-weight:700}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.scroll-boxes-wrapper{min-height:auto;position:relative}.scroll-boxes{flex-direction:row;gap:0;width:100%;height:500px;padding:0;display:flex;position:relative}.scroll-box{cursor:pointer;background:#000;border-right:1px solid #ffffff1a;border-radius:0;flex-shrink:0;width:50px;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scroll-box:first-child{border-radius:16px 0 0 16px}.scroll-box:last-child{border-right:none;border-radius:0 16px 16px 0}.scroll-box.in-view{z-index:10;width:480px}.scroll-box:not(.in-view){width:70px}.scroll-box__bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s,opacity .5s;position:absolute;top:0;left:0}.scroll-box:hover .scroll-box__bg{transform:scale(1.05)}.scroll-box.in-view .scroll-box__bg{opacity:.6}.scroll-box:not(.in-view) .scroll-box__bg{opacity:.3}.scroll-box__preview{color:#fff;cursor:pointer;z-index:3;text-transform:uppercase;letter-spacing:2px;text-align:center;white-space:nowrap;transform-origin:50%;background:0 0;border:none;width:auto;padding:0;font-size:1.1rem;font-weight:700;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.scroll-box.in-view .scroll-box__preview{opacity:0;pointer-events:none}.scroll-box:not(.in-view):hover .scroll-box__preview{color:#ff6b35}.scroll-box__inner{opacity:0;z-index:2;color:#fff;background:linear-gradient(#0000 0%,#000000b3 40%,#000000f2 100%);flex-direction:column;justify-content:flex-end;height:100%;padding:2.5rem;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0}.scroll-box.in-view .scroll-box__inner{opacity:1}.scroll-box__inner h3{color:#fff;letter-spacing:1px;margin-bottom:1.2rem;font-size:1.8rem;font-weight:700;line-height:1.2}.scroll-box__inner p{color:#fffffff2;max-width:90%;margin:0;font-size:1rem;line-height:1.6}.scroll-box-decoration{position:relative}.scroll-box-decoration:before{content:"";width:4px;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.scroll-box-decoration--1:before{background:linear-gradient(#ff6b35,#f7931e)}.scroll-box-decoration--2:before{background:linear-gradient(#4ecdc4,#44a08d)}.scroll-box-decoration--3:before{background:linear-gradient(#9b59b6,#8e44ad)}.text-white{color:#fff}.text-uppercase{text-transform:uppercase}.text-medium{font-weight:600}.text-small{font-size:.9rem}.m-0{margin:0}.scroll-box-marker{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (max-width:1400px){.scroll-boxes-section{margin:3rem 4rem}.scroll-boxes{height:500px}.scroll-box.in-view{width:600px}.scroll-box__inner h3{font-size:1.9rem}.scroll-box__inner p{font-size:1rem}}@media (max-width:1200px){.scroll-boxes-section{margin:3rem 2rem}.scroll-boxes{height:450px}.scroll-box{width:70px}.scroll-box.in-view{width:500px}.scroll-box__preview{font-size:1.1rem}.scroll-box__inner{padding:2rem}.scroll-box__inner h3{font-size:1.7rem}.scroll-box__inner p{font-size:.95rem}}@media (max-width:992px){.scroll-boxes-section{margin:2rem 1rem}.scroll-boxes{height:400px;overflow-x:auto}.scroll-box{width:60px}.scroll-box.in-view{width:450px}.scroll-box__preview{font-size:1rem}.scroll-box__inner h3{font-size:1.5rem}.scroll-box__inner p{font-size:.9rem}}@media (max-width:768px){.scroll-boxes-section{margin:2rem .5rem;padding:2rem 0}.scroll-boxes-heading{margin-bottom:2rem;font-size:2rem}.scroll-boxes{flex-direction:column;gap:0;height:auto;overflow-x:visible}.scroll-box{border-bottom:1px solid #ffffff1a;border-right:none;flex-shrink:0;height:80px;width:100%!important}.scroll-box:not(.in-view){height:80px;width:100%!important}.scroll-box:first-child{border-radius:16px 16px 0 0}.scroll-box:last-child{border-bottom:none;border-radius:0 0 16px 16px}.scroll-box.in-view{height:auto;min-height:450px;width:100%!important}.scroll-box__preview{text-align:left;letter-spacing:1px;white-space:normal;width:calc(100% - 3rem);font-size:1rem;line-height:1.3;top:50%;left:1.5rem;transform:translateY(-50%)rotate(0)}.scroll-box:not(.in-view) .scroll-box__preview{opacity:.7;pointer-events:auto}.scroll-box__inner{background:linear-gradient(#00000080 0%,#000000d9 30%,#000000f2 100%);padding:2rem 1.5rem}.scroll-box__inner h3{margin-bottom:1.2rem;font-size:1.5rem;line-height:1.3}.scroll-box__inner p{max-width:100%;font-size:.95rem;line-height:1.6}}@media (max-width:480px){.scroll-boxes-section{margin:1.5rem .5rem;padding:1.5rem 0}.scroll-boxes-heading{margin-bottom:1.5rem;font-size:1.6rem}.scroll-box,.scroll-box:not(.in-view){height:70px;width:100%!important}.scroll-box.in-view{height:auto;min-height:400px;width:100%!important}.scroll-box__preview{letter-spacing:.5px;width:calc(100% - 2rem);font-size:.9rem;left:1rem}.scroll-box__inner{padding:1.5rem 1.2rem}.scroll-box__inner h3{margin-bottom:1rem;font-size:1.3rem}.scroll-box__inner p{font-size:.9rem;line-height:1.5}}