<style>

/*==== Start Underline Grow hover====*/
.ba-menu3-underline ul li a {
   position: relative;}
/*==== Start Underline Center ====*/

.ba-menu3-underline nav ul li {
   position: relative;}
.ba-menu3-underline nav ul li a {
    position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-menu3-underline nav ul li a::after {
    content: "";
   position: absolute;
   z-index: 2;
   left: 51%;
   right: 51%;
   bottom: 0;
   background: #FC0012;
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}
.ba-menu3-underline nav ul li:hover a::after {
    left: 0;
   right: 0;}
.ba-menu3-underline nav ul.sub-menu li a::after {
 display: none }
  #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}
/*==== End Underline Center ====*/

  /*==== Start Underline Grow current ====*/

.ba-menu2-underline  .current-menu-ancestor > a  {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-menu2-underline  .current-menu-ancestor >  a::after {
     content: "";
   position: absolute;
   z-index: 2;
   left: 0%;
   right: 0%;
   bottom: 0;
   background: #FC0012;
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}

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

  /*==== Start Submenu hover background color====*/
.ba-menu3-submenu ul li.menu-item-has-children ul.sub-menu li{
  display:block;
  padding:0;}
.ba-menu3-submenu ul li.menu-item-has-children ul.sub-menu li a{
padding: 14px 25px 14px 13px!important;
    position: relative;
    border-bottom: 1px solid #ffffff42;
    display: block;
    text-transform: uppercase;
    width: 100%;
    margin-top: 2px;
width: 100%; 
  transition: all .500s ease-in-out;}
.ba-menu3-submenu.et_pb_menu .et_mobile_menu li ul {
   padding-left: 0px!important; }
.ba-menu3-submenu ul li.menu-item-has-children ul.sub-menu li a:hover {
  opacity:1;
  background-color:#f71735;
  color:#fff !important;
  transition: all .500s ease-in-out;}
.ba-menu3-submenu ul li.menu-item-has-children ul.sub-menu li a:before{
  position: absolute;
content: '';
    left: 0px;
    top: 0%;
    width: 4px;
    height: 0%;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out!important;}
.ba-menu3-submenu ul li.menu-item-has-children ul.sub-menu li a:hover:before{
background-color: rgba(255,255,255,1);
    height: 100%!important;}
.ba-menu3-submenu  ul.sub-menu li.current-menu-item a{
	  opacity:1;
  background-color:#f71735;
  color:#fff !important; }
.ba-menu3-submenu  ul.sub-menu li.current-menu-item a:before{
  position: absolute;
content: '';
left: 0;
top: 0%;
height: 100%!important;
  opacity: 1!important;
  background-color: rgba(255,255,255,1)!important;
width: 4px!important;
  -webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;}
  
  /**============*/
  
.ba-menu3-submenu  ul.sub-menu {
      min-width: 240px!important;
}
 .bricks-nav-menu .sub-menu > li.menu-item > a{
      overflow: hidden;}
.bricks-nav-menu > .current-menu-item > a,  .bricks-nav-menu > .current-menu-ancestor > a,  .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}
  
  
  
  /*========{{Mobile menu}}=============*/
  /*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .ba-menu2-underline .current-menu-ancestor > a::after{
  display: none}
  .ba-menu2-underline nav ul li:hover a::after{
 display: none}  }

</style>