.logo-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.logo-card{background:#fff;padding:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 5px 15px rgb(0 0 0 / .08);cursor:pointer}.logo-card img{max-width:100%;transition:transform .5s ease}.logo-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.logo-card:hover img{transform:scale(1.08)}.logo-card:hover{background:#111}.logo-card:hover{background:linear-gradient(145deg,#ffffff,#f6f6f6);border:1px solid rgb(0 0 0 / .05)}@media (max-width:992px){.logo-portfolio{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.logo-portfolio{grid-template-columns:repeat(2,1fr);gap:15px}.logo-card{padding:15px}}@media (max-width:400px){.logo-portfolio{grid-template-columns:repeat(1,1fr)}}.logo-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.logo-card{background:#fff;padding:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 5px 15px rgb(0 0 0 / .08);cursor:pointer}.logo-card img{max-width:100%;transition:transform .5s ease}.logo-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.logo-card:hover img{transform:scale(1.08)}.logo-card:hover{background:#111}.logo-card:hover{background:linear-gradient(145deg,#ffffff,#f6f6f6);border:1px solid rgb(0 0 0 / .05)}@media (max-width:992px){.logo-portfolio{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.logo-portfolio{grid-template-columns:repeat(2,1fr);gap:15px}.logo-card{padding:15px}}@media (max-width:400px){.logo-portfolio{grid-template-columns:repeat(1,1fr)}}.logo-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.logo-card{background:#fff;padding:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 5px 15px rgb(0 0 0 / .08);cursor:pointer}.logo-card img{max-width:100%;transition:transform .5s ease}.logo-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.logo-card:hover img{transform:scale(1.08)}.logo-card:hover{background:#111}.logo-card:hover{background:linear-gradient(145deg,#ffffff,#f6f6f6);border:1px solid rgb(0 0 0 / .05)}@media (max-width:992px){.logo-portfolio{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.logo-portfolio{grid-template-columns:repeat(2,1fr);gap:15px}.logo-card{padding:15px}}@media (max-width:400px){.logo-portfolio{grid-template-columns:repeat(1,1fr)}}