.font-heading {
    font-family: 'Fredoka', sans-serif;
}
/* Custom Hard Shadow Class */
.hard-shadow {
    box-shadow: 4px 4px 0px 0px #000000;
}
.hard-shadow-sm {
    box-shadow: 2px 2px 0px 0px #000000;
}
.feature-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    object-fit: contain;
}
/* Desktop Hover Dropdown */
@media (min-width: 768px) {
    .nav-group:hover .nav-dropdown {
        display: block;
    }

    /* Bridge the gap between button and dropdown */
    .nav-dropdown::before {
        content: '';
        position: absolute;
        top: -12px; /* Large enough to cover the mt-2 gap */
        left: 0;
        width: 100%;
        height: 12px;
        display: block;
    }
}