Multiple navbars are not usually used. The navbar is used as a primary header navigation.
But if for some reason is needed a second/third navbar, wrap them inside <header class="main-nav">...</header> to have exactly the same features as header!
Do not use #header id because is reserved to SOW Header plugin (sticky, autoreveal on scroll, etc) to control the primary header.
For navbar colors, you can use .bg-gradient-[primary|secondary|dark|danger|warning|pink|indigo] instead of default bootstrap bg-*..