html {
    scroll-behavior: smooth
}

body {
    font-family: Inter, Arial, sans-serif
}

.font-display {
    font-family: Manrope, Inter, sans-serif
}

.nav-link:hover,
.nav-link.active {
    color: #20b52a;
    background: #f0f9f1
}

.lift {
    transition: transform .2s, box-shadow .2s
}

.lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(8, 38, 83, .12)
}

.service-card {
    transition: transform .2s, border-color .2s, box-shadow .2s
}

.service-card:hover {
    transform: translateY(-4px);
    border-color: #a8dcb0;
    box-shadow: 0 18px 35px rgba(8, 38, 83, .08)
}

.icon-tile {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #eef8ef;
    color: #159126
}

.mobile-nav {
    display: none
}

.mobile-nav.open {
    display: block
}

.contact-row {
    overflow-wrap: anywhere
}

@media(max-width:767px) {

    .desktop-nav,
    .desktop-cta {
        display: none
    }
}