#menu{background: var(--primary);}
#menu .menu_pro > .navbar-nav > li > a{color: var(--text);}

#menu .menu_pro > .navbar-nav > li > a {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 13px;
    display: flex;
    align-items:center;
}
#menu .menu_pro > .navbar-nav > li > a:hover{background: #303030;}

.menu_pro > .navbar-nav{width: 100%; justify-content: center; display: flex; align-items:center!important;}

.menu_pro .dropdown-menu{border-radius: 0 !important; border:none; padding: 15px;}

.menu_pro .last-link{color: var(--primary);}

.menu_pro > .navbar-nav > li:first-child > a {background: var(--secondary);padding: 6px !important; }

.menu_pro svg {width: 16px; height: 16px; margin-right: 5px;    width: 85px;
    height: auto;
    margin-right: 5px;}
.menu_pro svg path {fill: #fff;}

.menu-mobile {display: flex; flex-direction: column; gap: 5px;}
.menu-mobile .menu_pro > .navbar-nav > li > a{font-size: 18px; text-transform: uppercase; text-transform: uppercase; font-weight: 500; padding: 10px !important;}
.menu-mobile > li > a{font-size: 16px; text-transform: uppercase; text-transform: uppercase; font-weight: 500; display: flex; gap: 5px;}
.menu-mobile .menu_pro > .navbar-nav > li > a:hover{background: #303030;}
.menu-mobile .last-link{margin-bottom: 30px;}

@media(max-width:1250px){
    #menu .menu_pro > .navbar-nav > li > a{padding: 10px 13px !important; font-size: 12px;}
}
@media(min-width:991px){
    .dropdown:hover > .dropdown-menu{
        top: 100%;
        left: 0;
        display: block;
    }
    .dropend:hover > .dropdown-menu{
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer);
        display: block;
    }
    .dropstart:hover > .dropdown-menu{
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
        display: block;
    }
}