:root {
    --background: 150 20% 98%;
    --foreground: 200 50% 15%;
    --card: 0 0% 100%;
    --card-foreground: 200 50% 15%;
    --popover: 0 0% 100%;
    --popover-foreground: 200 50% 15%;
    --primary: 160 60% 25%;
    --primary-foreground: 0 0% 100%;
    --secondary: 175 50% 45%;
    --secondary-foreground: 0 0% 100%;
    --muted: 150 15% 92%;
    --muted-foreground: 200 20% 40%;
    --accent: 180 60% 50%;
    --accent-foreground: 200 50% 10%;
    --destructive: 0 70% 50%;
    --destructive-foreground: 0 0% 100%;
    --border: 160 20% 88%;
    --input: 160 20% 88%;
    --ring: 160 60% 25%;
    --radius: .75rem;
    --sergea-green: 160 60% 25%;
    --sergea-teal: 175 50% 45%;
    --sergea-cyan: 185 65% 55%;
    --sergea-navy: 200 50% 15%;
    --wave-start: 160 60% 35%;
    --wave-mid: 175 55% 45%;
    --wave-end: 185 65% 55%;
    --sidebar-background: 160 40% 18%;
    --sidebar-foreground: 0 0% 95%;
    --sidebar-primary: 175 50% 50%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 160 40% 25%;
    --sidebar-accent-foreground: 0 0% 95%;
    --sidebar-border: 160 30% 25%;
    --sidebar-ring: 175 50% 50%;
}

.nav-dropdown-item {
    display: block;
    padding: .625rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: hsl(var(--foreground));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    animation-duration: .15s;
}

    .nav-dropdown-item:hover {
        background-color: hsl(var(--muted));
    }

.shadow-dropdown {
    --tw-shadow: 0 10px 40px -5px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 10px 40px -5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-dropdown-divider {
    margin-top: .25rem;
    margin-bottom: .25rem;
    height: 1px;
    background-color: hsl(var(--border));
}

.mySlides {
    display: none;
}