<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>

Latest News & Automative Stories

Discover the legendary story of the Subaru Impreza STi 22B, a rare gem in automotive history. Learn about its limited production, rally success, and unique design that continues to captivate car enthusiasts worldwide. Explore the legacy of Subaru's relentless pursuit of perfection.

  • How the Subaru Impreza STi 22B Became a Motorsport Legend