body {
scroll-behavior: smooth;
}

.hero {
height: 100vh;
}

.hero-slide {
height: 100vh;
display: flex;
align-items: center;
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('https://images.unsplash.com/photo-1554224155-6726b3ff858f') center/cover;
}

.service-card {
transition: 0.3s;
border-radius: 10px;
}

.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}