<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

Terms and Conditions Use of Web Site Terms and Conditions PLEASE READ THESE TERMS AND CONDITIONS OF USE CAREFULLY BEFORE USING THIS WEBSITE. Welcome to our website. If you continue to browse and use this website you are agreeing to comply with and be bound by the following terms and conditions of use, which together…