#page .site-content section .projects-wrapper .wrapper-inner .heading{font-weight:900;margin-left:19%;padding:3rem 0}#page .site-content section .projects-wrapper .wrapper-inner .portfolio{display:grid;gap:6px;grid-template-columns:repeat(4, 1fr);align-content:start}@media screen and (max-width: 1024px){#page .site-content section .projects-wrapper .wrapper-inner .portfolio{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){#page .site-content section .projects-wrapper .wrapper-inner .portfolio{grid-template-columns:repeat(2, 1fr)}}#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item{padding:5.5rem;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item:hover>div:first-child{opacity:.8}#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item:hover :nth-child(2){transform:scale(1);transition:transform .3s ease-in-out}@media screen and (max-width: 768px){#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item:hover :nth-child(2){transform:scale(3)}}#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item .overlay{position:absolute;background:black;opacity:0;width:85%;height:85%;z-index:1;transition:all .5s}#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item .logo{transform:scale(0);max-width:70%;height:auto;z-index:2}@media screen and (max-width: 1024px){#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item .logo{max-width:80%}}@media screen and (max-width: 768px){#page .site-content section .projects-wrapper .wrapper-inner .portfolio .item .logo{max-width:100%}}