html, body{ scroll-behavior:smooth; }  .portfolio-card:hover .overlay{ opacity:1; } @media (max-width: 767px){ .overlay{ opacity:1; background:rgba(0,0,0,.55); } }    .services-stack{ position:relative; } .main-service{ position:sticky; top:0; }  .desktop-only{ display:block; } .mobile-only{ display:none; } @media (max-width:991px){ .desktop-only{ display:none; } .mobile-only{ display:block; } } .text-reveal-line{ position:relative; display:block; color:#c8c8c8; } .text-reveal-fill{ position:absolute; inset:0; width:0%; overflow:hidden; white-space:nowrap; color:#242424; pointer-events:none; }  .card-reveal{ opacity:0; transform:translateY(120px) scale(.9); transition: opacity .8s ease, transform .8s cubic-bezier(.22,1,.36,1); } .card-reveal.in-view{ opacity:1; transform:translateY(0) scale(1); } .card-reveal.in-view{ transform:translateY(0) scale(1); } .grid-feature .card-feature:nth-child(1){z-index:1;} .grid-feature .card-feature:nth-child(2){z-index:2;} .grid-feature .card-feature:nth-child(3){z-index:3;} .grid-feature .card-feature:nth-child(4){z-index:4;} .grid-feature .card-feature:nth-child(5){z-index:5;} .grid-feature .card-feature:nth-child(6){z-index:6;}    @keyframes kamakLoop{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }     .brx-popup-content{ background: transparent !important; max-width: none !important; width: auto !important; padding: 0 !important; box-shadow: none !important; border: none !important; }