#wpadminbar{
    z-index:999999999!important;
}


.hpp-header-overlay.show {
    display: block;
}




@media screen and (min-width: 1025px){
    /* Style for the parent item */

    #hpp-header-nav-mobile{
        display: none;
    }
    
    #hpp-header-nav-desktop .navbar-nav > li > a{
        padding-top:0.6rem;
        padding-bottom:0.6rem;
    }


    .site-header {
        position: relative!important;
    }

    .menu-item-has-children{
        position: static!important;
    }

    .hpp-mega-dropdown,#hpp-header-nav-desktop .dropdown-menu {
        position: absolute!important;
        width: 100vw!important;
        left: 0!important;
        top:5rem!important;
        border-radius: 0!important;
        color:var(--black-color) !important;
        /*display: block!important;*/
        z-index: 9999!important;
        justify-content: center!important;
        /*border-top: 2px solid var(--black-color)!important;*/
        /*border-bottom: 2px solid var(--black-color)!important;*/

    }

    #hpp-header-nav-desktop .dropdown:hover>.dropdown-menu {
        /*display: inline-block;*/
        /*display: inline-block;*/
        display:flex!important;
    }
    .dropdown .btn-red__outline:not(:hover)>.dropdown-menu {
        display:none;
    }

    .hpp-mega-dropdown ul{
        background-color: red!important;
        z-index: 999999!important;
    }

    .hpp-mega-dropdown .dropdown-menu .nav-item{
        display: flex!important;
        justify-content: space-evenly!important;

        margin-right: 1rem!important;
    }



    .nav-item {
        padding: 0.8rem 1rem!important;
    }

    /* show dropdown on hover*/



    .dropdown-hover>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        /*pointer-events: none;*/
    }

    /*custom styling*/


    .megaMenu-content .megaMenu-lists {
        display: grid;
        /*grid-template-columns: repeat(auto-fill, minmax(calc(33.333333% - 2px), 1fr));*/
        gap: 0;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        /*position: relative;*/
    }

    .megaMenu-content .megaMenu-list-1 {
        grid-template-columns: 1fr;
    }

    .megaMenu-content .megaMenu-list-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .megaMenu-content .megaMenu-list-3 {
        grid-template-columns: repeat(3, calc(33.333333% - (2px + 2px/3)));
    }

    /*custom stylings ends here*/
    /*.megaMenu-content .megaMenu-lists{*/
    /*    display: flex!important;*/
    /*    justify-content:space-between!important;*/
    /*    !*gap: 5!important;*!*/
    /*    flex-wrap: wrap!important;*/
    /*    flex: 0 0 33.333333%!important;*/
    /*    border-top:1px solid black!important;*/
    /*    border-bottom:1px solid black!important;*/
    /*}*/

    .megaMenu-content .megaMenu-lists li{
        padding-top:2rem!important;
        padding-bottom:2rem!important;
        border-top:solid 2x var(--black-color)!important;
        /*margin-right: 8rem!important;*/
        position: relative;

    }

    .megaMenu-content .megaMenu-lists li::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background-color: black;
    }

    .megaMenu-content .megaMenu-lists li a{
        font-size: 1.5rem!important;
        font-weight: bold!important;
        color:var(--black-color);
    }
    
    .megaMenu-content .megaMenu-lists li a:hover{
       background-color:transparent!important;
    }

    .megaMenuContainer .megaMenuCard-wrapper{
        padding:0rem 2rem!important;
    }

    .magaMenu-card{

        min-height: 300px!important;
    }

    .magaMenu-card .card-body{
        min-height: 400px!important;
    }

     /*custom code bhavin**/
    .megaMenuContainer {
        flex-direction: row;
    }

    .megaMenuContainer.right .megaMenu-content {
        order: 1;
    }

    .megaMenuContainer.right .megaMenu-image {
        order: 2;
    }



}



/*.dropdown-item.active, .dropdown-item:active {*/
/*    color: var(--bs-dropdown-link-active-color);*/
/*    text-decoration: none;*/
/*    background-color: #212529!important;*/
/*    color: var(--white-color)!important;*/
/*}*/


.megaMenu-content .dropdown-item {
    transition: transform 0.5s ease-in-out;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: transparent !important;
}
.dropdown-item:hover {
    transform: scale(1.05);
    transition: transform 0.5s ease-in-out;
}


/* Tablet and Mobile */

@media (max-width:1024px){
    #hpp-header-nav-desktop{
        display: none;
    }

    #hpp-header-nav-mobile .container-fluid{
        padding-left: -10px!important;
        padding-right: -10px!important;
        margin-right: auto;
        margin-left: auto;
    }

    #hpp-header-nav{
        /*background-color: var(--black-color);*/
        /*height: 100vh;*/
        /*align-items: start;*/
    }

    .hpp-header-overlay {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100% !important;
        /*height: 100%!important;*/
        background-color: rgba(0, 0, 0, 1)!important;
        z-index: 999!important;
        display: none;
        height: 100vh!important;
    }

    .menu-item,.nav-item {
        /*transform: translate(-50%, -50%);*/
        z-index: 1000;
        color: #fff;
    }

    .btn-red__header,.navbar-brand{
        z-index: 999999!important;
        position: relative;
    }

    .hpp-header-close-btn{
        z-index: 1000!important;
    }


    .navbar-toggler{
        z-index: 99999!important;
        /*color:var(--white-color) !important;*/
        color:transparent!important;
        border:0!important;
        margin-right: -20px!important;
    }

    .navbar-toggler .navbar-toggler-icon{
        background-image: url('../svg/open-button.svg');
    }


    .hpp-open {
        background-image: url('../svg/close-button.svg')!important;
        /*background-color: green!important;*/
    }

    .navbar-collapse{
        margin-top:1rem!important;
        ;
    }

    .nav-item .dropdown-menu{
        background-color: transparent!important;
    }

    #main-menu > ul >li{
        padding:1rem 0!important;
        border-bottom:1px solid #fff!important;
    }

    .nav-item .dropdown-menu a{
        color:var(--white-color)!important;
    }
    
    /*new stylings navbar*/
    

    .site-header .bg-dark {
        background-color: black!important;
    }


}