html {
    scroll-behavior: smooth
}

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

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

.nav-link {
    transition: color .2s, background .2s
}

.nav-link:hover,
.nav-link.active {
    color: #078A4B;
    background: #F4F9F7
}

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

.service-card:hover {
    transform: translateY(-5px);
    border-color: #078A4B;
    box-shadow: 0 18px 38px rgba(8, 40, 91, .10)
}

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

.mobile-nav {
    display: none
}

.mobile-nav.open {
    display: block
}

.contact-row {
    overflow-wrap: anywhere
}

summary::-webkit-details-marker {
    display: none
}

@media(max-width:767px) {

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

    .mobile-nav {
        padding-bottom: 1rem
    }
}