.tab__menu {
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.tab__menu--item {
  list-style: none;
  display: inline-block;
  padding: 9px 30px;
  color: #212529;
  font-weight: 600;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
}
.tab__content {
  padding: 24px 0;
}
.tab__content--item {
  display: none;
}
.tab__categories {
  border-bottom: 1px solid #024253;
  margin-bottom: 10px;
}
.tab__categories-head {
  list-style: none;
  display: inline-block;
  padding: 9px 30px;
  color: #212529;
  font-weight: 600;
  transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  cursor: pointer;
}
.tab__categories-head--active, .tab__categories-head:hover {
  color: #00ccdf;
}
.tab__categories-head--active {
  background-color: #6c757d;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
}
.tab--active.tab__content--item {
  display: block;
}
.tab--active.tab__menu--item {
  background-color: #6c757d;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
}
.tab--active.tab__menu--item:hover {
  color: #fff;
}
.doc__head {
  background: #6c757d;
  color: #fff;
}