<style>

  #brx-header {
    z-index: 999!important;
}
  
/*==== Start Underline Grow hover====*/
.ba-menu4-underline ul li a {
   position: relative;}
  
/*==== Start Underline Center ====*/
  @media all and (min-width: 991px) {

.ba-menu4-underline nav ul li {
   position: relative;}
.ba-menu4-underline nav ul li a::after {
content: '';
    left: 50%;
    bottom: -5%!important;
    transition: all .3s ease-in-out;
    text-shadow: 0 0 transparent;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    transform: translateX(-50%);
    position: absolute;}
.ba-menu4-underline nav ul li:hover a::after {
   background-color: var(--bricks-color-12d32d);
    box-shadow: 10px 0 var(--bricks-color-12d32d), -10px 0 var(--bricks-color-12d32d);}
.ba-menu4-underline nav ul.sub-menu li a::after {
 display: none }
.bricks-nav-menu > .current-menu-item > a,  .bricks-nav-menu > .current-menu-ancestor > a,  .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}}
/*==== End Underline Center ====*/

  /*==== Start Underline Grow current ====*/
  @media all and (min-width: 991px) {

.ba-menu4-underline  .current-menu-ancestor > a  {
   position: relative;}
.ba-menu4-underline  .current-menu-ancestor >  a::after {
  content: '';
    left: 50%;
    bottom: 20%!important;
    transition: all .3s ease-in-out;
 background-color: var(--bricks-color-12d32d);
    box-shadow: 10px 0 #000, -10px 0 #000;
  width: 5px;
    height: 5px;
    border-radius: 100px;
    transform: translateX(-50%);
  position: absolute;}}

/*==== End Underline Center ====*/

  /*==== Start Submenu hover background color====*/
    @media all and (min-width: 991px) {
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu{
  padding: 5px 20px;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li{
  display:block;
  padding:0;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li{
    position: relative;
    display: block;
    margin-top: 2px;
width: 100%; 
transition: all 0.95s ease;
    -moz-transition: all 0.95s ease;
    -webkit-transition: all 0.95s ease;
  }
  .ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li a{
    width: 100%!important;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li:before {
position: absolute;
    z-index: 1;
    background-color: var(--bricks-color-12d32d);
    content: "";
    height: 1px;
    width: 0;
    right: 0;
    left: inherit;
    bottom: 8px;
    -webkit-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
    transition: all 0.7s cubic-bezier(.645,.045,.355,1);}

.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li:hover:before {
    width: 100%;
    left: 0;
    right: inherit;
  }}
/*=====================*/
    @media all and (min-width: 991px) {

  .ba-menu4-submenu ul.sub-menu li.current-menu-item a:before {
position: absolute;
    z-index: 1;
    background-color: var(--bricks-color-12d32d);
    content: "";
    height: 1px;
    width: 100%!important;
  left: 0!important;
    right: inherit!important;
    bottom: 0;
    -webkit-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
    transition: all 0.7s cubic-bezier(.645,.045,.355,1);}}
  
  
  
  /**============*/
    @media all and (min-width: 991px) {

.ba-menu4-submenu  ul.sub-menu {
  padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px!important;
 width: 240px }
  
  .ba-menu4-submenu  .bricks-nav-menu .sub-menu .sub-menu{
  padding-top: 10px;
    padding-bottom: 10px; 
}
.ba-menu4-submenu  nav>ul>li>ul:before {
    position: absolute;
    left: 10%;
    margin-left: 0;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--bricks-color-12d32d);
}
 .bricks-nav-menu .sub-menu > li.menu-item > a{
      overflow: hidden;}
#brxe-nukfld .bricks-nav-menu > .current-menu-item > a, #brxe-nukfld .bricks-nav-menu > .current-menu-ancestor > a, #brxe-nukfld .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}}
  
  
  
  /*========{{Mobile menu}}=============*/
  /*** Responsive Styles Tablet And Below ***/
  @media (max-width: 990px){
.brxe-nav-menu ul {

  }}

</style>