body {
    font-family: 'Inter', sans-serif;
}

nav {
    position: sticky;
    top: 0;
    z-index: 50;
}

nav a {
    transition: color 0.3s ease;
}

section {
    scroll-margin-top: 80px;
    padding-top: 4rem; 
    padding-left: 1rem; 
    padding-right: 1rem; 
}

@media (min-width: 640px) {
    section {
        padding-left: 1.5rem; 
        padding-right: 1.5rem;
    }
}

img {
    max-width: 100%;
    height: auto;
}

button, a.bg-blue-600, a.bg-white {
    transition: background-color 0.3s ease;
}

video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.service-card {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.service-card p {
    max-width: 80%;
    margin: 0 auto;
}