* {scroll-margin-top: 110px; scroll-behavior: smooth;}

:root {
    --c-primary: #f7eb18;
    --c-secondary: #2da2db;
}

body {font: 400 16px 'Work Sans', sans-serif; letter-spacing: -1px;}

.fs_11{font-size:11px}
.fs_12{font-size:12px}
.fs_13{font-size:13px}
.fs_14{font-size:14px}
.fs_15{font-size:15px}
.fs_16{font-size:16px}

/* INNER PAGES START CODE */

/* INNER PAGES END CODE */

/* Navigation Active State and Focus Handling */
.nav-link {
    position: relative;
    transition: all 0.3s ease;
}

.nav-link:hover {
    background-color: #41903c !important;
    color: white !important;
}

.nav-link:focus {
    background-color: #41903c !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 2px #41903c !important;
}

.nav-link:focus-visible {
    background-color: #41903c !important;
    color: white !important;
}

/* Active state for current page - only show for the actual active link */
.nav-link.active {
    background-color: #41903c !important;
    color: white !important;
    font-weight: 600 !important;
}

/* Ensure focus states persist */
.nav-link:focus-within {
    background-color: #41903c !important;
    color: white !important;
}

/* Force focus styles to persist */
.nav-link[style*="background-color: rgb(65, 144, 60)"],
.nav-link[style*="background-color: #41903c"] {
    background-color: #41903c !important;
    color: white !important;
}

/* Override any conflicting styles */
.nav-link:focus,
.nav-link:focus-visible,
.nav-link:focus-within,
.nav-link.active {
    background-color: #41903c !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 2px #41903c !important;
}

/* Keyboard navigation support */
.nav-link:focus-visible {
    background-color: #41903c !important;
    color: white !important;
    outline: 2px solid #41903c !important;
    outline-offset: 2px !important;
}

/* Ensure focus ring is visible */
.nav-link:focus {
    ring: 2px !important;
    ring-color: #41903c !important;
    ring-offset: 2px !important;
}

/* High contrast focus indicator for accessibility */
.nav-link:focus-visible::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid #41903c;
    border-radius: 6px;
    pointer-events: none;
    z-index: 1;
}

/* Mobile navigation focus states */
@media (max-width: 768px) {
    .nav-link:focus {
        background-color: #374151 !important;
        color: #41903c !important;
    }
    
    .nav-link:focus-visible {
        background-color: #374151 !important;
        color: #41903c !important;
    }
    
    .nav-link.active {
        background-color: #374151 !important;
        color: #41903c !important;
    }
}

@media screen and (max-width: 1023.98px) {}