.nav {
  --bs-nav-link-font-size: 1rem;
  
  text-align: left !important;
}

[dir="rtl"] .nav {
  
  text-align: right !important;
}

@media (max-width: 576px) {
  .nav {
    
    text-align: left !important;
  }

  [dir="rtl"] .nav {
    
    text-align: right !important;
  }
}

.ml-nav-custom {
  
  margin-left: -16px;
}

[dir="rtl"] .ml-nav-custom {
  margin-left: 0;
  
  margin-right: -16px;
}