Попробуй добавить container margin: 0 auto;
А в header w-100% тебе вообще не нужен и другие вещи.
Всё что я использую в container это

.container {
    max-width: 1400px;
    margin: 0 auto;
  }
  @media (max-width: 1024px) {
 .container {
      padding: 0 20px;
    }
}

Обычно я делаю так

<div class="header">
          <div class="container">
              <div class="header__inner">
                  <div class="header__item">
                      Содержимое
                  </div>
                  <div class="header__item">
                        Содержимое
                  </div>
                  <div class="header__item">
                          Содержимое
                  </div>
              </div>
          </div>
      </div>

.header{
  padding: 20px 0;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
}
.header__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}