READ MORE
<style>

/*==== Start Underline Grow hover====*/
.ba-header-7__nav-menu ul li a {
   position: relative;}
/*==== Start Underline Center ====*/
  @media all and (min-width: 991px) {

.ba-header-7__nav-menu nav ul li {
   position: relative;}
.ba-header-7__nav-menu nav ul li a {
   position: relative;
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);}
.ba-header-7__nav-menu nav ul li a::after {
   content: '';
   position: absolute;
   top: 80%;
   left: 0%;
   width: 0px;
   height: 2px;
   background: var(--bricks-color-12d32d);
   -webkit-transition: -webkit-transform 0.5s;
   transition: 0.5s;
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);}
.ba-header-7__nav-menu nav ul li:hover a::after {
   width: 100%;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);}
.ba-header-7__nav-menu nav ul.sub-menu li a::after {
 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 Underline Grow current ====*/
  @media all and (min-width: 991px) {

.ba-header-7__nav-menu  .current-menu-ancestor > a  {
   position: relative;
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);}
.ba-header-7__nav-menu  .current-menu-ancestor >  a::after {
    content: '';
    position: absolute;
    top: 80%;
    left: 0%;
    width: 100%!important;
    height: 2px;
    background:var(--bricks-color-12d32d);
    -webkit-transition: -webkit-transform 0.5s;
    transition: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);}

/*==== End Underline Center ====*/
  /*==== Start Underline Grow current ====*/
.ba-header-7__nav-menu  .current-menu-ancestor > a {
   position: relative;}
.ba-header-7__nav-menu  .current-menu-ancestor > a::after {
   content: "";
   position: absolute;
   bottom: 0;
   height: 0;
   width: 0;
   left: 50%;
   opacity: 0;
   background-color:var(--bricks-color-12d32d);
   z-index: 2;
   display: block;
   -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-7__nav-menu .current-menu-ancestor > a:hover::after {
   width: 100%;
   left: 0;
   opacity: 1;
   height: 2px;}
.ba-header-7__nav-menu nav ul.sub-menu li a::after {
  display: none }}
  /*==== Start Submenu hover background color====*/
    @media all and (min-width: 991px) {

.ba-header-7__nav-menu ul li.menu-item-has-children ul.sub-menu li{
  display:block;
  padding:0;}
.ba-header-7__nav-menu ul li.menu-item-has-children ul.sub-menu li a{
padding: 10px  25px 10px 13px;
    position: relative;
    display: block;
    width: 100%;
  transition: all .500s ease-in-out;}
.ba-header-7__nav-menu .et_pb_menu .et_mobile_menu li ul {
   padding-left: 0px!important; }
.ba-header-7__nav-menu ul li.menu-item-has-children ul.sub-menu li a:hover {
  opacity:1;
  padding-left: 40px!important;
  transition: all .500s ease-in-out;}
.ba-header-7__nav-menu ul li.menu-item-has-children ul.sub-menu li:before{
  position: absolute;
content: '';
    left: 18px;
    top: 50%;
    width: 0;
    height: 2px;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out!important;}
.ba-header-7__nav-menu ul li.menu-item-has-children ul.sub-menu li:hover:before{
background-color: var(--bricks-color-12d32d);
    width: 14px!important;}
.ba-header-7__nav-menu  ul.sub-menu li.current-menu-item a{
	  opacity:1;
  padding-left: 40px!important;
 }
.ba-header-7__nav-menu  ul.sub-menu li.current-menu-item:before{
  position: absolute;
content: '';
left: 18px;
top: 50%;
height: 3px;
  opacity: 1!important;
  background-color:var(--bricks-color-12d32d)!important;
width: 14px!important;
  -webkit-transition: all .500s ease-in-out;
  transition: all .500s ease-in-out;}}

  
 
  /**======SUbmenu======*/
    @media all and (min-width: 991px) {

  .ba-header-7__nav-menu  ul.sub-menu {
      min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px!important;
  }
  
  .ba-header-7__nav-menu  .bricks-nav-menu .sub-menu .sub-menu{
  min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px; 
top: 0!important;
    margin-top: -7px!important;}
  .ba-header-7__nav-menu  nav>ul>li>ul:before {
    position: absolute;
    left: 10%;
    margin-left: 0;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--bricks-color-yjjllc);
}
 .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>

Phone

+971 56 906 6494

+971 56 906 6494