style.css

/* Custom styles that complement Tailwind */
.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://static.photos/industry/1200x630/10');
    background-size: cover;
    background-position: center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

.category-card:hover h3 {
    color: #2563eb; /* blue-600 */
    transition: color 0.3s ease;
}

.product-card:hover h3 {
    color: #2563eb; /* blue-600 */
    transition: color 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero {
        min-height: 300px;
        text-align: center;
    }
    
    .hero div {
        margin: 0 auto;
        text-align: center;
    }
    
    .hero .flex {
        justify-content: center;
    }
}