@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap');

:root {
    --primary: 22 163 74;
}

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

.heading-font {
    font-family: 'Space Grotesk', sans-serif;
}

.hero-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
    url('https://picsum.photos/id/1015/2000/1200') center/cover no-repeat;
}

.nav-link {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover {
    color: rgb(234 179 8);
    transform: translateY(-2px);
}

.card-hover {
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.section-header:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 3px;
    background: rgb(234 179 8);
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}