/* paddings for old design; rewritten in new-index.css */
div.container{
  padding-left:40px;
  padding-right:40px;
}

header{
  font-family:"Inter",sans-serif;
  background: #2b2927;
  position: relative;
  z-index: 21;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
}
.outer__header{
  display: flex;
  align-items:center;
  justify-content:center;
  position: relative;
  min-height:50px;
}
.outer__header>.left__header{
  position: absolute;
  left: 0px;
}
.outer__header .center__header ul{
  padding:0px;
  list-style-type: none;
  margin:0px;
  display: flex;
  align-items:center;
  justify-content:center;
}
.outer__header .center__header ul li{
  margin:0px;
  display: flex;
  align-items:center;
  justify-content:center;
}
.outer__header .center__header ul li{
  margin-right:5px;
}
.outer__header .center__header ul li.active__menu a{
  background: #4a4846;
  color:white;
  border-radius: 6px;
}
.outer__header .center__header ul li a{
  padding:3px 15px;
  text-decoration:none;
  font-size:14px;
  line-height:28px;
  color:white;
  transition:.3s ease all;
  border-radius: 6px;
}
.outer__header .center__header ul li a:hover{
  background: #4a4846;
  color:white;
}
.left__header>a{
  display: flex;
  align-items:center;
  justify-content:center;
  transition:.4s ease all;
}
.left__header>a:hover{
  opacity:.7;
}

header .join__slack {
  color: rgba(0, 0, 0, .5);
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  position: absolute;
  right: 0;
  padding: 8px 10px;
  display: flex;
  text-decoration: none;
  color: white;
}
header .join__slack img {
  max-height: 16px;
  margin-right: 6px;
}
header .join__slack:active {
  background: white;
}
header .join__slack:hover {
  border-color: #ddd;
  color: #5c1751cc;
  background: white;
}
.new-product-link {
  height: 32px;
  max-width: 400px;
  min-width: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 16px;
  background-color: #313943;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
.new-product-link::before {
  content: "New";
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  margin-right: 12px;
  border-radius: 16px;
  background-color: #fdb515;
  color: #141e29;
}
.new-product-link::after {
  content: "";
  background: url(https://assets.website-files.com/6101e8714894db49dbef0f24/61027e702e82970a07ffe572_Vector.svg) no-repeat center/16px;
  width: 16px;
  height: 100%;
  margin: 0 12px;
}

@media (max-width: 991px){
  header{
    display: none;
  }
}