.portfolioSection{padding:60px 20px}.portfolioGrid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.gridItem{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.gridItem:hover{transform:translateY(-5px)}.portfolioImg{position:relative;overflow:hidden}.image{width:100%;height:auto;display:block}.portfolioIcon{opacity:0;gap:15px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolioImg:hover .portfolioIcon{opacity:1}.portfolioIcon a{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s;display:flex}.portfolioIcon a:hover{color:#fff;background:#000}figcaption{text-align:center;padding:18px}figcaption span{text-transform:uppercase;color:#222;letter-spacing:1px;font-size:14px;font-weight:600}@media (max-width:992px){.portfolioGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.portfolioGrid{grid-template-columns:1fr}}