#ctl00_SPSecurityTrimmedControlRibbon {
    z-index: 99;
    top: 0;
    position: fixed;
    width: 100%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* background-image: linear-gradient(to bottom, #fff, #7cafc6, #80808000); */
    /* background-image: linear-gradient(to bottom, #fff, #7cafc659, #80808000); */
    z-index: 9;
    padding-bottom: 3rem;
    transition: all 0.3s ease-in;
}

#searchBtn {
    color: #161616;
}
    header.scrolled .top__header .top__header__actions ul li a:visited:hover {
        color: #fff !important;
    }

    header .bottom__header nav .navbar-collapse .navbar-nav .nav-item .nav-link {
        /*color: #fff;*/
        color: #161616;
    }

    header:not(.scrolled)
    .bottom__header
    nav
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link:visited {
        /*color: #e9ecef !important*/
    }

    header.scrolled {
        background-image: none;
        padding-bottom: 0;
        background: white !important;
        max-width: 100%;
        /* box-shadow: 0 6px 30px #cadbe3; */
    }

        header .top__header {
            padding: .5rem 0;
        }

        header.scrolled .top__header {
            padding: .5rem 0;
        }

            header.scrolled .top__header .header__logo img {
                max-width: 220px;
            }

            header.scrolled .top__header .top__header__actions ul li a:hover {
                background-color: #c7a271;
                color: #fff;
            }

                header.scrolled .top__header .top__header__actions ul li a:hover img {
                    filter: brightness(0) invert(1);
                }

        header.scrolled .bottom__header nav .navbar-toggler span {
            background-color: #414042;
        }

        header.scrolled
        .bottom__header
        nav
        .navbar-collapse
        .navbar-nav
        .nav-item
        .nav-link {
            color: #161616;
        }

            header.scrolled
            .bottom__header
            nav
            .navbar-collapse
            .navbar-nav
            .nav-item
            .nav-link:hover {
                /* color: #c7a271; */
            }

@media (max-width: 991px) {
    header.scrolled
    .bottom__header
    nav
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link {
        color: #000000 !important;
    }

        header.scrolled
        .bottom__header
        nav
        .navbar-collapse
        .navbar-nav
        .nav-item
        .nav-link:hover {
            color: var(--secondary_color);
        }

    header
    .bottom__header
    nav
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu {
        /* background-color: rgba(var(--primary_color_rgb), 0.3); */
        border: 0;
        color: #000000;
    }

        header
        .bottom__header
        nav
        .navbar-collapse
        .navbar-nav
        .nav-item
        .dropdown-menu
        a {
            color: #000000 !important;
        }

            header
            .bottom__header
            nav
            .navbar-collapse
            .navbar-nav
            .nav-item
            .dropdown-menu
            a:hover {
                background-color: #f3f4f6;
            }
}

.navbar-expand-lg {
    width: 100% !important;
}

@media (min-width: 1200px) {
    .navbar-nav {
        font-size: 1rem !important;
    }

    @media (min-width: 990px) and (max-width: 1200px) {
        .navbar-nav {
            font-size: 0.7rem !important;
        }
    }

    @media (min-width: 768px) and (max-width: 990px) {
        .navbar-nav {
            font-size: 0.8rem !important;
        }
    }

    @media (max-width: 990px) {
        .navbar-collapse {
            background-color: red !important;
            transform: translateX(4rem) !important;
        }
    }
}

/* Default Styles (Desktop First) */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

/*.navbar-toggler {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    left: 1rem;
}*/

    .navbar-toggler span {
        display: block;
        width: 25px;
        height: 3px;
        background: #000;
        margin: 5px 0;
    }

.navbar-nav {
    display: flex;
    list-style: none;
    padding: 0;
}

.nav-item {
    /* margin: 0 1rem; */
}

.nav-actions {
    display: flex;
    gap: 10px;
}

/* Tablet (768px and below) */
@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .navbar-toggler {
        display: block;
    }

    .collapse {
        display: none;
        width: 100%;
    }

        .collapse.show {
            display: block;
        }

    .navbar-nav {
        flex-direction: column;
        width: 100%;
    }

    .nav-item {
        text-align: left;
        margin: 0;
        padding: 10px;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .navbar {
        padding: 1rem;
    }

    .mobile-logo {
        text-align: center;
        width: 100%;
    }

    .navbar-nav {
        padding: 0;
    }

    .nav-actions {
        justify-content: center;
    }
}

.arrow-down {
    width: 15px;
    height: 15px;
}

.nav-item.dropdown {
    display: flex !important;
    align-items: center;
}

@media (max-width: 991px) {
    .nav-item.dropdown {
        display: inline-block !important;
    }
}

.header .bottom__header nav .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding: 1rem .5rem;
    font-size: 1rem;
    /*font-weight: 500;*/
    font-family: "IBMmediumFont";
    gap: .5rem;
}

/* ✅ Shared active and opened state */
.nav-item.dropdown:active,
.nav-item.dropdown.show,
.nav-item.dropdown.show:hover {
    position: relative;
    background-color: #1b8354;
    color: #fff !important;
    transition: none !important;
    border-radius: 4px;
}
.nav-item.search-mobile-icon:active,
.nav-item.search-mobile-icon.show,
.nav-item.search-mobile-icon.show:hover {
    position: relative;
    background-color: #1b8354;
  
    transition: none !important;
    border-radius: 4px;
    .icon-img

{
    filter: brightness(0) invert(1) !important;
}
span {
    color: #fff !important;
}
}

    /* ✅ Nav link inside active/opened dropdown */
    .nav-item.dropdown:active > .nav-link,
    .nav-item.dropdown.show > .nav-link,
    .nav-item.dropdown.show:hover > .nav-link {
        color: #fff !important;
        transition: none !important;
    }

    /* ✅ Decorative underline for active/opened states */
.nav-item.dropdown:active::after,
.nav-item.dropdown.show::after,
.nav-item.search-mobile-icon.show::after,
.nav-item.search-mobile-icon.show:hover::after,
.nav-item.dropdown.show:hover::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
    height: 6px;
    width: 95%;
    background: #54c08a;
}

/* ❌ Default hover (only apply when NOT active/open) */
.nav-item.hovered:hover:not(.show) {
    position: relative;
    background-color: #f3f4f6;
    color: #000 !important;
    transition: none !important;
    border-radius: 4px;
}

    .nav-item.hovered:hover:not(.show) > .nav-link {
        color: #000 !important;
        transition: none !important;
    }

header.scrolled
/* ❌ Decorative hover underline (only if not active/open) */
.nav-item.hovered:hover:not(.show)::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
    height: 6px;
    width: 95%;
    background: #9da4ae;
}

.nav-item.hovered:hover:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
    height: 6px;
    width: 95%;
    background: #9da4ae;
}


.dropdown-arrow {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.nav-item.dropdown.show .dropdown-arrow {
    transform: rotate(180deg);
    filter: invert(1);
}

@media (max-width: 991px) {
    .nav-item.dropdown:active,
    .nav-item.dropdown.show,
    .nav-item.dropdown.show:hover {
        background-color: #fff;
    }

        .nav-item.dropdown:active::after,
        .nav-item.dropdown.show::after,
        .nav-item.dropdown.show:hover::after {
            display: none;
        }

        .nav-item.dropdown.show .nav-link {
            background-color: #1b8354;
            border-radius: 4px;
        }
}

header.scrolled {
    background-color: #fff !important;
}

.header {
    max-width: 100%;
}

.header-bg {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background : white
}