#block-bizsolution-main-menu-navigation, .header-menu {
  display: block;
  padding-block: 2rem;
}


#block-bizsolution-main-menu-navigation>ul, .header-menu>ul {
  list-style: none;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /*justify-content: flex-end;*/
  justify-content: center;
  align-content: center;
  align-items: center;
}

#block-bizsolution-main-menu-navigation>ul li, .header-menu>ul li {
  padding-inline: 1rem;
  /*border-right: 2px solid var(--theme-text-color);*/
}

#block-bizsolution-main-menu-navigation>ul li:last-child {
  border-right: none;
}

#block-bizsolution-main-menu-navigation>ul a, .header-menu>ul a {
  position: relative;
  text-transform: uppercase;
  color: var(--theme-text-color);
  font-family: var(--theme-regular-font);
  padding-bottom: 0.5rem;
  transition: color 0.5s ease;
}

#block-bizsolution-main-menu-navigation>ul a.is-active,
#block-bizsolution-main-menu-navigation>ul a.is-active:hover,
#block-bizsolution-main-menu-navigation>ul a.is-active:focus,
.header-menu>ul a.is-active,
.header-menu>ul a.is-active:hover, 
.header-menu>ul a.is-active:focus {
  color: var(--theme-primary-color);
}

#block-bizsolution-main-menu-navigation>ul a:hover,
#block-bizsolution-main-menu-navigation>ul a:focus,
.header-menu>ul a:hover, .header-menu>ul a:focus {
  color: var(--theme-secondary-color);
}

#block-bizsolution-main-menu-navigation>ul a::before, .header-menu>ul a::before{
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: 0.5s transform ease;
  transform: scale3d(0,1,1);
  transform-origin: 0 50%;
}
#block-bizsolution-main-menu-navigation>ul a:hover::before,
#block-bizsolution-main-menu-navigation>ul a:focus::before,
.header-menu>ul a:hover::before,
.header-menu>ul a:focus::before   {
  transform: scale3d(1,1,1);
  transform-origin: 0 50%;
}
#block-bizsolution-main-menu-navigation>ul a::before,
.header-menu>ul a::before {
  background: var(--theme-secondary-color);
  transform-origin: 100% 50%;
}

#block-bizsolution-main-menu-navigation>ul a.is-active::before,
.header-menu>ul a.is-active::before {
  transform: scale3d(1,1,1);
  transform-origin: 0 50%;
  background: var(--theme-primary-color);
}

@media screen and (max-width: 1600px) {
  #block-bizsolution-main-menu-navigation>ul li,
  .header-menu>ul li {
    padding-inline: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

@media screen and (max-width: 1024px) {
  #block-bizsolution-main-menu-navigation, .header-menu {
    display: none;
  }
}