.portfolio-module__XbO6Ca__imageContainer{aspect-ratio:16/9;width:100%;height:300px;position:relative;overflow:hidden}.portfolio-module__XbO6Ca__image{object-fit:cover}.portfolio-module__XbO6Ca__portfolio{background-color:#f1f1f1}.portfolio-module__XbO6Ca__text{flex-direction:column;align-items:center;margin:0 auto;padding:20px;display:flex}
.portfolio{padding:50px 0}.container{width:90%;max-width:1200px;margin:0 auto}.heading{text-align:center;margin-bottom:45px;font-size:2rem}.filterMenu{justify-content:center;gap:20px;margin-top:-40px;margin-bottom:30px;padding:0;list-style:none;display:flex}.filterMenu li{cursor:pointer;border:1px solid #ccc;padding:10px 20px;transition:all .3s}.filterMenu li:hover,.filterMenu .active{color:#fff;background-color:#24b70e}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.gridItem{text-align:center;opacity:1;background:#f8f8f8;border-radius:10px;padding:15px;transition:transform .3s,opacity .3s;transform:scale(1);box-shadow:0 4px 12px #00000014}.gridItem:hover{transform:scale(1.05)}.gridItem img{border-radius:8px;width:100%;height:auto;transition:transform .3s}.fade-in{animation:.4s ease-in-out both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:500px){.filterMenu{flex-wrap:wrap;gap:10px}}