<style>
/*==== Start Underline Grow hover====*/
.ba-header-21__nav-menu ul li a {
position: relative;}
/*==== Start Underline Center ====*/
@media all and (min-width: 991px) {
.ba-header-21__nav-menu 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-header-21__nav-menu nav ul li a::before {
content: "";
position: absolute;
height: 2px;
width: 10px;
left: -20px;
top: 5px;
background-color: var(--bricks-color-12d32d);
display: block;
z-index: 2;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
-o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
transition-timing-function: cubic-bezier(.58, .3, .005, 1);}
.ba-header-21__nav-menu nav ul li a::after {
content: "";
position: absolute;
height: 2px;
width: 10px;
left: calc(100% + 20px);
bottom: 5px;
background-color:var(--bricks-color-12d32d);
display: block;
z-index: 2;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
-o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
transition-timing-function: cubic-bezier(.58, .3, .005, 1); }
.ba-header-21__nav-menu nav ul li a:hover::before {
opacity: 1;
left: 0;
width: 100%; }
.ba-header-21__nav-menu nav ul li a:hover::after {
opacity: 1;
left: 0;
width: 100%;}
.ba-header-21__nav-menu .sub-menu a:hover::after,.ba-header-21__nav-menu .sub-menu a:hover::before {
opacity:0;
left: 0;
width: 0%!important; }
.bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a, .bricks-nav-menu > .current-menu-parent > a{
border:none!important}}
/**======SUbmenu======*/
@media all and (min-width: 991px) {
.ba-header-21__nav-menu ul.sub-menu {
min-width: 240px!important;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 40px!important; }
.brx-submenu-toggle {
justify-content: space-between;}
.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}}
</style>
white swatch
