<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>
Gulf Oil’s unmistakable powder-blue and orange livery turns heads the moment it appears. For racing devotees, those colours stand for far more than an oil company logo—they summon memories of bellowing exhausts, overnight endurance stints and the sport’s golden years. In short, they’re a visual shorthand for speed and heritage that has blazed across circuits…
