.navigation_container {
  position: fixed;
  bottom: 24px;
  left: 125px;
  right: 125px;
  z-index: 1000;
  display: flex;
  justify-content: center;
}

.navigation_container--anchored {
  position: absolute;
  top: var(--anchor-nav-top, auto);
  bottom: auto;
}

@media (max-width: 1496px) {
  .navigation_container {
    left: 95px;
    right: 95px; 
  }

}

@media (max-width: 1176px) {
  .navigation_container {
    left: 76px;
    right: 76px; 
  }
}

@media (max-width: 1023px) {
  .navigation_container {
    display: none;
  }

}
.navigation_list {
  display: flex;
  max-width: 100%;
  border-radius: 36px;
  background: #D7EBFF;
  padding: 4px;
  box-shadow: 0 1px 4.9px 0 rgba(11, 87, 163, 0.20), 0 1px 12px 0 rgba(11, 87, 163, 0.16);
}
.navigation_item {
  display: inline-flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #0D0F10;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 86px;
}
.navigation_item,
.navigation_item:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .navigation_item:hover {
    position: relative;
    z-index: 1;
    background: #A1D0FF;
    color: #0D0F10;
  }
  [data-market="pl"] .navigation_item:hover {
    background: #FFF7F5;
  }
}

.navigation_item.active {
  background: #FFD839;
}
[data-market="pl"] .navigation_item.active {
  background: #FF5935;
  color: #fff;
}

/*mobile*/
@media (max-width: 767px) {
  .navigation_container {
    padding: 0 60px 0 20px;
  }
  .navigation_container .container {
    padding: 0;
  }
  .navigation_list {
    overflow: auto;
    padding: 0 20px;
    max-width: 100%;
  }
  .navigation_item {
    white-space: nowrap;
    padding: 0 20px;
    background: transparent;
    height: 40px;
    border-right: none !important;
  }
  .navigation_item:first-child {
    background: #fff;
  }
}