/* Custom style to set a fixed width for the dropdown menus in the navbar */
.navbar .dropdown-menu {
  width: 300px;
  /* Adjust this value as needed */
  left: 0;
  /* Aligns the submenu to the left of its parent item */
  /* You may also include other properties for better positioning */
  box-sizing: border-box;
  padding: 10px 0;
}

/* If you have flex settings or need to display submenu contents in columns,
   you can adjust them here.
*/
.navbar .dropdown-menu>li {
  /* If required, set a width for each column item inside a flexed submenu */
  flex: 1;
  min-width: 100px;
  /* Or any value as needed */
}