.portfolio-filter{padding:0 15px;flex:0 0 100%;max-width:100%;text-align:center;margin-bottom:20px}.portfolio-filter .filter-item{display:inline-block;margin:0 5px 10px;padding:5px 10px;border-radius:30px;cursor:pointer;font-weight:500;color:var(--text-black-600);text-transform:capitalize;font-size:16px;transition:all .3s ease}.portfolio-filter .filter-item:hover:not(.active){opacity:.6}.portfolio-filter .filter-item.active{color:var(--skin-color)}.portfolio-item{flex:0 0 33.33%;max-width:100%;padding:15px;display:flex;flex-wrap:wrap}.portfolio-item.hide{display:none}.portfolio-item.show{display:block;animation:fadeInTop .5s ease}.portfolio-item .portfolio-item-inner{padding:15px;border-radius:5px;cursor:pointer;width:100%}.portfolio-item .portfolio-item-inner .portfolio-item-img{position:relative}.portfolio-item .portfolio-item-inner .portfolio-item-img .animate{border-radius:5px;width:100%;transition:all .3s ease;height:auto}.portfolio-item .portfolio-item-inner .portfolio-item-img .view-project{text-transform:capitalize;font-size:16px;font-weight:500;color:var(--skin-color);transition:all .3s ease;position:absolute;left:0;bottom:-4px;transform:translateY(-5px);z-index:-1;opacity:0}.portfolio-item .portfolio-item-inner:hover .portfolio-item-img .animate{transform:translateY(-25px)}.portfolio-item .portfolio-item-inner:hover .view-project{transform:translateY(0);opacity:1}.portfolio-item .portfolio-item-inner p{font-size:16px;margin:10px 0 0;color:var(--text-black-600);text-transform:capitalize}@media(max-width:991px){.portfolio-section .portfolio-item{flex:0 0 50%;max-width:50%}}@media(max-width:768px){.portfolio-section .portfolio-item{flex:0 0 100%;max-width:100%}}