<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>
In the pantheon of automotive design, few vehicles have captured the imagination and stirred the souls of car enthusiasts quite like the Mercedes-Benz 300 SL, celebrated not only for its graceful lines and racing pedigree but also for its revolutionary gullwing doors. Born out of necessity, the high door sills of its spaceframe chassis precluded…
