<style>
/*==== Start Underline Grow hover====*/
.ba-menu21-underline ul li a {
position: relative;}
/*==== Start Underline Center ====*/
.ba-menu21-underline 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-menu21-underline nav ul li a::before {
content: "";
position: absolute;
height: 2px;
width: 10px;
left: -20px;
top: 5px;
background-color: #03045e;
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-menu21-underline nav ul li a::after {
content: "";
position: absolute;
height: 2px;
width: 10px;
left: calc(100% + 20px);
bottom: 5px;
background-color: #03045e;
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-menu21-underline nav ul li:hover a::before {
opacity: 1;
left: 0;
width: 100%; }
.ba-menu21-underline nav ul li:hover a::after {
opacity: 1;
left: 0;
width: 100%;}
.ba-menu21-underline .bricks-nav-menu .sub-menu > li.menu-item > a::after,.ba-menu21-underline .bricks-nav-menu .sub-menu > li.menu-item > a::before {
display: none }
.bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a, .bricks-nav-menu > .current-menu-parent > a{
border:none!important}
/*==== End Underline Center ====*/
/*==== Start Submenu hover background color====*/
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li{
display:block;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a{
padding: 10px 25px 10px 25px;
position: relative!important;
border-bottom: 1px solid #d3dce8;
display: block;
text-transform: uppercase;
width: 100%;
margin-top: 2px;
width: 100%;
transition: all .500s ease-in-out;}
.ba-medical-submenu.et_pb_menu .et_mobile_menu li ul {
padding-left: 0px!important; }
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover {
transition: all .500s ease-in-out;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:before{
position: absolute;
content: '';
left:0px;
top: 50%;
width: 0;
height: 2px;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out!important;
display: block!important}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover:before{
background-color: #03045e;
width: 14px!important;}
.ba-medical-submenu ul.sub-menu li.current-menu-item a{
opacity:1!important; }
.ba-medical-submenu ul.sub-menu li.current-menu-item a:before{
position: absolute;
content: '';
left: 0px;
top: 49%;
height: 3px;
opacity: 1!important;
background-color: #03045e!important;
width: 14px!important;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;}
/**======SUbmenu======*/
.ba-medical-submenu ul.sub-menu {
min-width: 240px!important;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 40px!important; }
.ba-medical-submenu .bricks-nav-menu .sub-menu .sub-menu{
min-width: 240px!important;
padding-top: 10px;
padding-bottom: 10px;
top: 0!important;
margin: 1px!important;}
.ba-medical-submenu nav>ul>li>ul:before {
content: "";
position: absolute;
height: 25px;
width: 25px;
top: -5px;
left: 20px;
opacity: 1;
z-index: -1;
border-radius: 0px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#fff;}
.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>