.nav-link-header:hover {
    border-top: red!important;
 }
 
 #navbar{
     transition: top 0.3s; /* Transition effect when sliding down (and up) */
     background-color: black;
}
#navbar a{
    /* font-family: CorpoS; */
    font-family: "Corpo S Text Office";
    font-size: 18px;
}

.navbar-header .collapsing{
    transition: none!important;
}
@media (max-width: 768px) { 
    #navbar{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.logo-spacing {
    padding-left: 16px;
}

@media (min-width: 992px) { 
    .navbar-header .dropdown-menu:has(.dropdown-submenu){
        width:400px;
    }
    .navbar-header .dropdown-menu{
        width:270px;
    }
    

    .navbar-header .navbar-items{
        border-top: 1px solid hsla(0,0%,100%,.15);
        background-color: black;
    }
    .navbar-header .nav-link{
        color:#bfbfbf;
    }
    .navbar-header .nav-link:hover{
        color:white!important;
    }
    .navbar-header li > ul.dropdown-menu {
        visibility: hidden;
        opacity:0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: block; 
        /* transform: translateY(-30px);
        transition: opacity .5s ease-in-out,transform .4s ease-in-out; */
        box-shadow: 0 4px 6px rgba(0,0,0,.3);
     }
    
    .navbar-header li:hover > ul.dropdown-menu {
       /* transform: translateY(0px); */
        visibility:visible;
        opacity: 1;
        display: block;
    }
    
    .navbar-header .dropdown-submenu {
        position:relative;
        width: 400px;
    } 
    .navbar-header .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 105%;
        margin-right: -20%;
        /* margin-top:-6px; */
        width: 400px;
    } 
    
    
    .navbar-header .dropdown-menu>li {
        display: inline;
        float: none;
        position: static;
    }
    
    .navbar-header .dropdown-menu li>a {
        color: #333;
        background: #fff !important;
        border-bottom: 0;
        padding-block: 9px;
        border-radius: 5px;
        min-height: 44px;
        font-size: 18px;
        padding-inline: 10px;
    }

    .navbar-header .dropdown-menu li>a:hover{
        /* padding-inline: 15px;
        transition-property: padding, background-color;
        transition-duration: .25s;
        transition-timing-function: ease-in-out; */
        background-color: #E8E8E8!important;
    }   
    
    .navbar-header .dropdown-submenu.active > a{
        padding-inline: 15px;
        background-color: #E8E8E8!important;
    }  
    
    .navbar-header .nav-item{
    
        border-top: 2px solid transparent;
        transition: border-top 0.4s;
    }

    .navbar-header .nav-item .dropdown-toggle:after{
        content: none
    }
    
    .navbar-header .nav-item:hover {
        border-top: 2px solid #004881;
    }

    /* .dropdown-toggle:after { content: none }  */
    
    /* submenu icon */
    .navbar-header .dropdown-submenu > .dropdown-toggle:after{
        /* margin-left: 7em; */
        border: 1px solid black;
        border-width: 0 0 2px 2px;
        height: 10px;
        width: 10px;
        margin-left: 15em;
        margin-top: -1em;
        content: '';
        display: inline-block;
        transform: rotate(225deg);
        left:0;
        float: right;
    }
    

}



@media (max-width: 991.98px)  { 
     /* submenu icon */
    .navbar .dropdown > .dropdown-toggle:after{
    /* margin-left: 7em; */
    border: 1px solid black;
    border-width: 0 0 2px 2px;
    height: 10px;
    width: 10px;
    margin-left: 8em;
    margin-top: 0.5rem;
    content: '';
    display: inline-block;
    transform: rotate(225deg);
    left:0;
    float: right;
}

.navbar .dropdown-menu.show {
    visibility: visible!important;
    opacity: 1!important;
}

.navbar .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s  ease;
}

.navbar ul.dropdown-menu,
#navbarSupportedContent{
    position: fixed;
    top: 0;
    height: 100vh;
    width:100%;
    background-color: white;
    color:black;
    z-index: 1;
}
.navbar .navbar-items{
    background:white;
    color:black;
}


.hideNavIcon{
    display: none!important;
}

.dropdown-mainmenu-btn{
    color:black;
}

.navbar .container-fluid .logo-spacing img {
    width: 45px;
    margin: 0.5rem 0;
}

.logo-spacing { 
    padding-left: 43%;
}

.navbar .container-fluid .d-flex img {
    /* display: none!important; */
}

.navbar .container-fluid button img {
    width: 25px;
    height: 23px;
    margin: 0.5rem 0;
}

}

@media (max-width: 575.98px)  { 
}