.main-btn{font-family:var(--font-neue,"Neue Montreal"),sans-serif;cursor:pointer;border-radius:30px 30px 30px 0;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:400;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.main-btn.primary{color:#fff;background-color:#0054ff;border:1px solid #0000;padding:10px 20px;box-shadow:0 8px 20px #0054ff80}.main-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #0054ff99}.main-btn .arrow-icon{transition:transform .4s cubic-bezier(.16,1,.3,1)}.main-btn:hover .arrow-icon{transform:translate(3px,-3px)}.main-btn .label{height:1.2em;line-height:1.2em;display:block;position:relative;overflow:hidden}.main-btn .label span{transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.main-btn .label:after{content:attr(data-text);color:#fff;text-shadow:0 0 10px #ffffff80;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:100%;left:0}.main-btn:hover .label span{transform:translateY(-150%)}.main-btn:hover .label:after{transform:translateY(-100%)}.logo-carousel{background:0 0;width:100%;padding:10px 0;position:relative;overflow:hidden}.logo-track{will-change:transform;align-items:center;gap:50px;width:max-content;display:flex}.logo-item{opacity:.8;flex:none;justify-content:center;align-items:center;width:80px;height:100%;transition:opacity .3s;display:flex}.logo-item:hover{opacity:1;transform:scale(1.05)}.logo-item img{object-fit:contain;filter:grayscale();width:100%;height:auto;transition:filter .3s}.logo-item:hover img{filter:grayscale(0%)}.client-header{text-align:center;flex-direction:column;justify-content:center;margin-bottom:10px;display:flex}.client-header h4{color:#fff;font-size:22px;font-weight:400}.client-header span{color:#7a7a7a;font-size:15px;font-weight:400}.overlay{z-index:5;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.overlay-left{background:linear-gradient(90deg,#000,#0000);left:0}.overlay-right{background:linear-gradient(270deg,#000,#0000);right:0}.portfolio-vertical-wrapper{background-color:#000;gap:20px;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.portfolio-col{flex:1;height:100%;position:relative;overflow:hidden}.portfolio-col-track{will-change:transform;flex-direction:column;gap:20px;width:100%;display:flex}.portfolio-item-vertical{border-radius:0;width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}.vertical-img{object-fit:cover;filter:none;width:100%;height:100%;display:block}.sticky-buttons{z-index:9999;justify-content:right;align-items:center;gap:6px;display:flex;position:fixed;bottom:30px;right:30px}.sticky-button-item{color:#fff;z-index:1;background-color:#000;border:1px solid #646464;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.sticky-button-item:before{content:"";background:conic-gradient(transparent,transparent,transparent,var(--primary));z-index:-2;opacity:0;width:200%;height:200%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sticky-button-item:after{content:"";z-index:-1;background-color:#000;border-radius:50%;position:absolute;inset:2px}.sticky-button-item:hover{border-color:#0000;box-shadow:0 0 15px #0054ff80}.sticky-button-item:hover:before{opacity:1;animation:1.5s linear infinite spinBorder}@keyframes spinBorder{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:768px){.portfolio-item-vertical{height:20vh}.portfolio-vertical-wrapper,.portfolio-col-track{gap:10px}.portfolio-col:nth-child(n+4){display:none}.sticky-buttons{flex-direction:column;gap:10px;display:flex;bottom:10px;right:10px}}