<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>