/* Mobile navigation */
.lp-navbar-mobile-light{
  background: var(--rank-regular, linear-gradient(45deg, #FFF9EF 16.08%, #FFF 47.52%, #FFF6E9 86.02%));
}
.lp-navbar-mobile {
  background: #161616 !important;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.11) inset;
}

.lp-navbar-mobile .nav-link {
  background: none;
  color: #2c394b;
  font-weight: bolder;
  border: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px 3px;
  border-right: 0.5px solid;
  border-right: solid;
  border-width: 0.5px;
  border-color: rgba(255, 255, 255, 0.25);
  height: 47px;
}

.lp-navbar-mobile .nav-item:last-child .nav-link {
  border-right: none;
}

.lp-navbar-mobile .nav-link .text {
  color: rgba(250, 250, 250, 0.5);
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 10px;
}

.body-lang-vn .lp-navbar-mobile .nav-link .text{
  font-size: 8px!important;
}

.lp-navbar-mobile .nav-link img {
  filter: invert(50%) sepia(5%) saturate(500%) hue-rotate(0deg) brightness(110%);
  height: 24px;
}

.lp-navbar-mobile .nav-item {
  border: none;
}

.lp-navbar-mobile button {
  border: none;
  outline: none;
}
.py-custom {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}
/* Icons */
.lp-navbar-mobile .nav-link.active img,
.lp-navbar-mobile .nav-link.active .text {
  filter: brightness(0) invert(1);
  color: #ffffff;
}


.lp-navbar-mobile-light {
  background: #ffffff !important;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.11) inset;
}

.lp-navbar-mobile-light .nav-link {
  background: none;
  color: #2c394b;
  font-weight: bolder;
  border: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px 3px;
  border-right: 0.5px solid;
  border-right: solid;
  border-width: 0.5px;
  border-color: rgba(0, 0, 0, 0.15);
  height: 47px;
}

.lp-navbar-mobile-light .nav-item:last-child .nav-link {
  border-right: none;
}

.lp-navbar-mobile-light .nav-link .text {
  color: rgba(44, 57, 75, 0.7);
  text-align: center;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 10px;
}

.lp-navbar-mobile-light .nav-link img {
  filter: invert(20%) sepia(10%) saturate(200%) hue-rotate(180deg) brightness(90%);
  height: 24px;
}

.lp-navbar-mobile-light .nav-item {
  border: none;
}

.lp-navbar-mobile-light button {
  border: none;
  outline: none;
}

.py-custom {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

/* Icons */
.lp-navbar-mobile-light .nav-link.active img,
.lp-navbar-mobile-light .nav-link.active .text {
  filter: brightness(0) invert(0);
  color: #000000;
}