<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 enduring charm and rich history of the iconic Fiat 500. From its humble beginnings as the Fiat 500 "Topolino" to the game-changing Nuova 500, explore the evolution and major developments of this beloved small car. Learn about the early models, including the 500 Sport and 500 D, and the luxurious 500 L. Delve…

  • The Fiat 500: How a Tiny Car Became a Symbol of Italy

  • The Untold History of Porsche Tractors: From Luxury Cars to Farm Fields

  • Engineering Marvel: The Story of Mercedes-Benz 300SL’s Revolutionary Tubular Frame Chassis

  • The Stratos Effect: The Lancia Stratos and an Era of Inspirational Rally Car Design

  • The Beetle’s Champion: How Heinz Nordhoff Steered Volkswagen to Global Dominance

  • The Ford GT40: The Underdog Racer That Took on Ferrari and Won

  • A Bavarian Brawler Born to Conquer the Track and the Street

  • Vintage car on autumn road with fall leaves

    The Porsche 356: A Pioneering Icon and the Foundation of a Legacy

  • original race vespa 125

    The Legendary Vespa: A Tale of Innovation and Enduring Legacy

  • austin healey 100 4 v3

    The Inspired Origins of the Austin-Healey 100/4