#section-faq {
  display: flex;
  width: 100%;
  border-right: 1px solid var(--opweb-gray);
}

#menu {
  width: 31%;
  padding: 40px 13px 0 0;
  border-right: 1px solid var(--opweb-gray);
}
.menu-title {
  padding: 0 0 15px 16px;
  font-weight: 500;
}
#menu a {
  display: block;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 20px;
  color: black;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid var(--opweb-gray);
}
#menu a:last-child {
  padding-bottom: 60px;
}
#menu a.active {
  color: white;
  background-color: black;
  border-radius: 8px;
}

#content {
  width: 69%;
  max-height: 150vh;
  padding: 0 32px 15px 32px;
  overflow-y: scroll;
}
.content-item {
  padding: 35px 0 40px 0;
  border-bottom: 1px solid var(--opweb-gray);
}
.content-date {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--opweb-dark-gray);
}
.content-item h2 {
  font-weight: normal;
  line-height: 32px;
}
.content-item p:last-child {
  margin-bottom: 0;
}
.content-item:last-child {
  border: none;
}
.content-item-text {
  font-size: 14px;
  line-height: 20px;
}