.header .nav-item .nav-link{color: #fff;}
.header .nav-item .nav-link.show{color: #fff !important;}
.header .navbar-brand img{width:200px;}
.header .navbar{padding:0.6rem 1rem;}
.header .nav-item{padding: 0 4px;}


   @media (min-width:992px){
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
    }
   }
    
    .btn {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .btn-light {
        color: #212529 !important;
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important;
    }

    .header .nav-item .nav-link{position: relative;}
    .header .nav-item .nav-link:not(.no-hover)::before{content: '';
        height: 3px; width: 0%;
        background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) bottom no-repeat;
        position: absolute; bottom: 12px;
        transition: 0.2s;}
    .header .nav-item .nav-link:not(.no-hover):hover::before {
         width: 70% !important;
        
    }


    .header .menu-box ul{list-style-type: none; padding: unset;}

   @media (max-width:600px){
    .vh-100{height: auto !important;}
    .header .navbar{padding:1.6rem 0.2rem !important;}
   }

   @media (max-width:1200px){
    .navbar-collapse ul{margin-top:50px;}
    .btn.btn-light{
        width: fit-content;
        padding: 8px 12px;margin: 10px 0;}
       }
   

       
       @media (min-width:1200px){
        .header.hidden{top:0px; opacity: 0 !important;visibility: hidden !important;}
        .header{top :0; transition: 0.4s;opacity: 1 !important; visibility: visible !important;}
       }

       header{position: sticky; top: 0; z-index: 9999;}
@media (min-width: 992px) and (max-width: 1300px){
    .dropdown-menu.w-100.vh-100{height: 80vh !important; overflow-y: scroll !important;}
}


.header .nav-item .nav-link{position: relative;}
.header .nav-item .nav-link:not(.no-hover)::before{content: '';
    height: 3px; width: 0%;
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) bottom no-repeat;
    position: absolute; bottom: 12px;
    transition: 0.2s;}
.header .nav-item .nav-link:not(.no-hover):hover::before {
     width: 70% !important;
    
}

.header .menu-box ul{list-style-type: none; padding: unset;}

@media (max-width:600px){
.vh-100{height: auto !important;}
.header .navbar{padding:1.6rem 0.2rem !important;}
}

@media (max-width:1200px){
.navbar-collapse ul{margin-top:50px;}
.btn.btn-light{
    width: fit-content;
    padding: 8px 12px;margin: 10px 0;}
   }

   
@media (max-width: 1200px){
.header .navbar-collapse{background-color: #fff !important;}
header .container-fluid{padding: 0;}
.header .navbar {
    padding: 0 !important;
}
.header .navbar-brand{padding: 17px;}
.header .navbar-toggler{padding: 17px;color: #fff !important;}
.header .navbar-collapse ul li a{color: #000 !important;}
.header .nav-item .nav-link.show {
    color: #000 !important;
}
.header .nav-item .nav-link:not(.no-hover)::before {
    content: '';
    height: 0px;
    width: 0%;
    background: unset !important;
    position: absolute;
    bottom: 12px;
    transition: 0.2s;
}
.header .dropdown-menu {
    background-color: #fff !important;border: 0 !important;
}
.navbar-collapse ul {
    margin-top: 0px !important;
}
.header .submenu{padding-left: 20px;}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0 !important;
    vertical-align: 0 !important;
    content: "";
    border-top: 0 !important;
    border-right:0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}
.navbar-nav.me-auto.justify-content-end.w-100.mb-2.mb-lg-0.d-lg-none{padding: 5px 20px;}
}
@media (min-width: 1200px){
    .dropdown-toggle::after{content: '\F282' !important;font-family: 'bootstrap-icons';display: inline-block;
        margin-left: 0 !important;
        vertical-align: 0 !important;
        position: relative;
    top: 3px;
    font-size: 14px;
        border-top: 0 !important;
        border-right:0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;transition: 0.4s;}

        .dropdown-toggle:hover::after{transform: rotate(180deg);}
}

.dropdown-menu{background-color: #f9f9f9;}
.menu-box{background-color: #fff !important;padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    transition: background-color .3s, box-shadow .3s;}

@media (min-width: 1200px){
    .nav-item.dropdown .dropdown-menu{display: block !important;max-height: 0 !important;padding: 20px !important;left: 0;visibility: hidden;transition: max-height 0.3s !important;}
    .nav-item.dropdown:hover .dropdown-menu{display: block !important;max-height: 600px !important;padding: 20px !important;visibility: visible;height: auto !important;}
    .navbar-expand-lg .navbar-nav .nav-link:not(.btn-light){padding-top: 20px; padding-bottom: 20px;}
}