.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 60px; } .service-card { background: var(--white); padding: 30px; border-radius: 15px; text-decoration: none; color: inherit; text-align: center; box-shadow: var(--shadow); transition: transform 0.2s; display: flex; flex-direction: column; align-items: center; } .service-card:hover { transform: translateY(-5px); } .service-icon { font-size: 35px; margin-bottom: 15px; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .service-icon img { width: 120px; }