/* Main Styles */
:root {
    --primary-color: #8cc63f;
    --text-color: #333;
    --bg-color: #fff;
}

/* Navigation Styles */
.desktop-header,
.mobile-header {}

.shadowed-header {
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.12);
    z-index:120000!important;
}

.navbar {
    padding: 1rem 0;
}

.navbar-nav .nav-link {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    padding: 0.5rem 1rem;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link {
    position: relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    /* color: var(--primary-color);
     */
}

.navbar-toggler {
    padding: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-vector img {
    width: 80vw !important;
    ;
}

.navbar-brand {
    z-index: 10;
}