#projects-building{align-items:center;background-color:#01030a;display:flex;justify-content:center;padding:100px 0 170px}#projects-building .container-1200{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}#projects-building .top-area{margin-bottom:30px;text-align:center}#projects-building .top-area h2{color:#fff;font-weight:600;margin:0 auto;max-width:600px}#projects-building .window{background-color:#111426;border-radius:16px;margin:0 auto;min-height:330px;overflow:hidden;padding:30px;position:relative}#projects-building .window .overlay{background:linear-gradient(45deg,#17192b,#2d3253);height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease-in-out;width:100%}#projects-building .window .top-window{display:block;margin-bottom:30px;position:relative;z-index:1}#projects-building .window .code-area img{position:relative;width:100%;z-index:1}#projects-building .gallery{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:0 0 50px;position:relative;width:100%}#projects-building .gallery-container{align-items:center;display:flex;height:400px;justify-content:center;margin-bottom:10px;position:relative;width:100%}#projects-building .gallery-item{max-width:600px;opacity:1;position:absolute;transition:transform .3s ease-in-out,left .3s ease-in-out,opacity .3s ease-in-out,z-index 0s;width:100%}#projects-building .gallery-item.active{display:block}#projects-building .gallery-item.active.center .window .overlay{opacity:1}#projects-building .gallery-item:not(.active){left:30%;opacity:0;transform:translateY(0) translateX(-50%)}#projects-building .center{left:50%;order:2;transform:translateY(0) translateX(-50%);z-index:10}#projects-building .prev{left:30%}#projects-building .prev,#projects-building .trailing{cursor:pointer;transform:translateY(0) translateX(-50%) scale(.8);z-index:5}#projects-building .trailing{left:70%;order:3}#projects-building .prev img,#projects-building .trailing img{opacity:.5}#projects-building .trailing+.gallery-item{left:70%;opacity:0;transform:translateY(0) translateX(-50%)}#projects-building .gallery-controls{margin:0 auto;position:relative}#projects-building .gallery-controls ul{display:contents}#projects-building .gallery-controls li{background-image:url();background-position:50%;background-repeat:no-repeat;background-size:contain;border:1.5px solid transparent;border-radius:100%;display:inline-block;height:50px;padding:6px;position:relative;transition:all .3s ease-in-out;width:50px}#projects-building .gallery-controls li[data-slide-name=scroll]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/scroll-logo-1.svg)}#projects-building .gallery-controls li[data-slide-name=the-graph]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/the-graph-logo.svg)}#projects-building .gallery-controls li[data-slide-name=tally]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/tally-logo.svg)}#projects-building .gallery-controls li[data-slide-name=the-sandbox]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/the-sandbox-logo.svg)}#projects-building .gallery-controls li[data-slide-name=avalanche]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/avalanche-logo.svg)}#projects-building .gallery-controls li[data-slide-name=matterlabs]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/matterlabs-logo.svg)}#projects-building .gallery-controls li[data-slide-name=aave]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/aave-logo.svg)}#projects-building .gallery-controls li[data-slide-name=optimism]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/optimism-logo.svg)}#projects-building .gallery-controls li[data-slide-name=taiko]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/taiko-logo.svg)}#projects-building .gallery-controls li[data-slide-name=daniel-von-fangue]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/daniel-von-fangue-logo.svg)}#projects-building .gallery-controls li[data-slide-name=uma]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/uma-logo.svg)}#projects-building .gallery-controls li[data-slide-name=safe]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/safe-logo-1.svg)}#projects-building .gallery-controls li[data-slide-name=axelar]{background-image:url(https://7795250.fs1.hubspotusercontent-na1.net/hubfs/7795250/axelar-logo.svg)}#projects-building .gallery-controls li:not(:last-of-type){margin-right:20px}#projects-building .gallery-controls li:hover{border-color:#fff;cursor:pointer}#projects-building .gallery-controls li.active{border-color:#fff}#projects-building .gallery-controls li.active span,#projects-building .gallery-controls li:hover span{opacity:1}#projects-building .gallery-controls li span{bottom:-30px;color:#fff;font-size:14px;left:50%;letter-spacing:-.02em;opacity:0;position:absolute;text-align:center;text-wrap:nowrap;transform:translateX(-50%);transition:all .4s ease-in-out}@media (min-width:1600px){h2{font-size:35px}}@media (max-width:991px){#projects-building .gallery-container{margin-bottom:0}#projects-building .gallery-item{max-width:400px}#projects-building .window{border-radius:8px;min-height:220px}#projects-building .window .top-window{margin-bottom:20px;max-width:30px}#projects-building .prev{left:35%}#projects-building .trailing{left:65%}#projects-building .gallery-controls li:not(:last-of-type){margin-right:5px}#projects-building .gallery-controls li{height:40px;padding:4px;width:40px}}@media (max-width:575px){#projects-building{padding:50px 0 100px}#projects-building .gallery-container{height:55vw;margin-bottom:50px}#projects-building .gallery-controls li:not(:last-of-type){margin:0}#projects-building .gallery-controls li{border-width:1px}#projects-building .gallery-item{max-width:78vw}#projects-building .window{min-height:55vw;padding:15px}#projects-building .gallery-controls{display:flex;flex-wrap:wrap;gap:5px 20px;justify-content:center}}