.m{ overflow-x: auto; width: 100%; white-space: nowrap;}
.navbar ul li a{ text-decoration: none; color: #fff;font-weight: 400; position: relative}
.navbar ul li a:hover{ text-decoration: none; color: #fff}

.navbar ul li a:hover:after{ height: 2px; background: #fff; width: 100%; bottom: -5px; position: absolute; content: ''}

.menu-item {position: relative;display: inline-block;margin-left: 1.5rem;}
.menu-link {display: flex;justify-content: center;align-items: center;column-gap: 0.25rem;font-family: inherit;font-size: 1rem;font-weight: 400;line-height: inherit;cursor: pointer;text-transform: capitalize;transition: all 0.3s ease-in-out; color: #fff;}
.menu-link > i.bx {font-size: 1.35rem;line-height: 1.5;color: inherit;PADDING: 0PX;
    MARGIN: 0PX;
    /* BACKGROUND: #FF0000; */
    WIDTH: 5PX;
}
.menu-link:hover {outline: none;}

.submenu {position: absolute;top: 2.35rem;left: -2rem;min-width: 15rem;height: auto;padding: 0px;opacity: 0;visibility: hidden;transform: translateY(1rem);border-radius: 0 0 0.25rem 0.25rem;border-top: 2px solid var(--color-pink-400);transition: all 0.3s ease-in-out;}


.submenu-item {display: block;margin-top: 0rem;}
.submenu-link {font-family: inherit;font-size: 1rem;font-weight: 400;line-height: inherit;cursor: pointer;color: var(--color-black-500);transition: all 0.35s ease;}
.submenu-link:hover {outline: none;}
.submenu a{display: block; width: 100%; box-sizing: border-box;padding: 10px 10px;}
.submenu a:hover{background: #006587; color: #fff !important}
.burger {position: relative;display: none;cursor: pointer;user-select: none;width:auto;height: auto;opacity: 0;visibility: hidden;background: transparent;}
.burger-line {position: absolute;display: block;right: 0;width: 100%;height: 2.1px;opacity: 1;border: none;outline: none;border-radius: 1rem;background: var(--color-black-500);}
.burger-line:nth-child(1) {top: 0px;}.burger-line:nth-child(2) {top: 0.5rem;width: 70%;}
.burger-line:nth-child(3) {top: 1rem;}

.overlay {position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;opacity: 0;visibility: hidden;transition: all 0.35s ease-in-out;background-color: rgba(0, 0, 0, 0.65);} 
ul.submenu li a:hover:after {
    height: 0px !important;
    background: #fff;
    width: 100%;
    bottom: -5px;
    position: absolute;
    content: '';
}

/*
ul.menu li.menu-item:last-child  {border: 1px solid #06572C;border-radius: 5px; color: #fff; background:   #06572C;
    padding: 2px 4px 2px 13px;
}

ul.menu li.menu-item:last-child .submenu {right: -2rem; left: auto}
*/

.bx {float: right;z-index: -9;}



.menu-dropdown a:hover:after {
  
    left: 0px;
}


@media only screen and (min-width: 993px) {
  .menu-dropdown:hover > .submenu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.menu-link > i.bx{padding-left: 15px;}
.bx-chevron-down:before { margin-left: -15px;}

@media screen and (max-width: 992px) {
.bx {z-index: -9;}
.navbar {position: fixed;top: 0;right: -100%;width: 75%;height: 100%;z-index: 10;opacity: 0;overflow-y: auto;visibility: hidden;background-color:#fff;transition: all 0.5s ease;}
.navbar.active {right: 0rem;opacity: 1;visibility: visible;align-content: flex-start;}
}

@media only screen and (max-width: 992px) {
.submenu {position: relative;top: -0.2rem;left: 1.0rem;width: 100%;max-height: 0;padding: 0px;border: none;outline: none;opacity: 1;overflow: hidden;visibility: visible;transform: translateY(0px);box-shadow: none;background: transparent;}
    
    
     li.active .menu-link{background-color: #188ac0 !important }
     li.active{background-color: #0a384e !important;color: #fff}
    
    li.active i.bx{color:#fff;z-index: 999;}
    
    ul.menu li.menu-item:last-child  {border: 0px solid #06572C;border-radius: 0px; color: #000;
    padding: 0px;
}

    
}
@media only screen and (min-width: 993px) {
.menu-dropdown:hover > .submenu {display: block;opacity: 1;visibility: visible;transform: translateY(0);}
}
@media only screen and (max-width: 992px) {
.menu {width: 100%;height: auto;padding: 1rem 0;}
.menu-item {display: block;margin: 0 auto; text-align: left}
.menu-link {justify-content: space-between;padding: 0.5rem 1.25rem;}
}
@media only screen and (max-width: 992px) {
.burger {display: inline-flex;opacity: 1;visibility: visible; float: right; margin-top: 0px; background: #959F7A; padding: 12px 8px;
        overflow: hidden;
        border-radius: 4px;}
    
}
.burger img{width: 24px !important;height: auto}

@media only screen and (max-width: 992px) {
.overlay.active {display: block;opacity: 1;visibility: visible;}
    
}

@media screen and (max-width: 830px) {
.navbar ul li a:hover:after {
    height: 0px ;
    background: transparent;
    width: 0%;
    bottom: -5px;
    position: absolute;
    content: '';
}
}