.portfolio-wrapper{padding:60px 20px}.portfolio-filters{list-style:none;text-align:center;margin-bottom:30px;padding:0;position:sticky;top:20px;z-index:1000;background:#fff}.portfolio-filters li{display:inline-block;font-size:15px;font-weight:500;text-transform:capitalize;margin:0 5px;padding:22px 10px;min-width:140px;background-color:#fff;color:#0B93C5;cursor:pointer;border-radius:3px;-webkit-box-shadow:0 5px 30px 0 rgb(148 146 245 / .15);box-shadow:0 5px 30px 0 rgb(148 146 245 / .15);transition:all 0.4s ease 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;margin-bottom:10px}.portfolio-filters li:hover,.portfolio-filters li.active{background:#0B93C5;color:#fff}.portfolio-grid{column-count:3;column-gap:20px}.portfolio-item{break-inside:avoid;margin-bottom:20px;opacity:0;transition:opacity 0.5s ease-in-out,transform 0.3s ease}.portfolio-item.aos-animate{opacity:1}.portfolio-item .image{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 8px 20px rgb(0 0 0 / .1);transition:transform 0.3s ease}.portfolio-item .image:hover{transform:scale(1.03)}.portfolio-item img{width:100%;height:auto;display:block}@media (max-width:768px){.portfolio-grid{column-count:2}}@media (max-width:480px){.portfolio-grid{column-count:1}}