:root {
    --navbar-background-color: transparent; /* Default color */
    --navbar-text-color: #ffffff; /* Default text color */
    --navbar-scrolled-background-color: #fff; /* Color when scrolled */
    --navbar-scrolled-text-color: #43484e; /* Text color when scrolled */
    --link-color: #fff; /* Default link color */
    --link-scrolled-color: #43484e; /* Link color when scrolled */
}

.site-navbar {
    padding: 25px;
    background: var(--navbar-background-color);
    color: var(--navbar-text-color);
    transition: background-color 0.75s ease, color 0.75s ease;
}

.site-logo {
    font-size: 24px !important;
}

.site-menu .nav-link {
    color: var(--link-color);
    padding: 10px 0;
    font-size: 18px;
    transition: color 0.3s ease;
}

.nav-item{
    padding: 8px;
}

.site-menu .nav-link:hover span {
    color: #f59b90;
    background: transparent;
}

.site-menu .nav-item.active > .nav-link span {
    color: #f59b90;
    background: transparent;
}

.navbar.scrolled {
    background-color: var(--navbar-scrolled-background-color);
    color: var(--navbar-scrolled-text-color);
}

.navbar.scrolled .site-menu .nav-link {
    color: var(--link-scrolled-color);
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
}
.nav-item.dropdown:hover .nav-link {
    color: #f59b90; /* Optional: Change color of the link on hover */
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: #f59b90;
}
.dropdown-menu {
    border-radius: 0;
}
.dropdown-menu .dropdown-item:hover {
    background-color: transparent; /* Remove background color */
    color: #f59b90; /* Replace with your desired color */
}
.dropdown-item.active {
    color: #f59b90 !important;
}