/* ---------- tab ---------- */
.tabs-container {
  display: flex;
  flex-direction: row;
}
.tab-nav {
  display: flex;
  flex-direction: column;
  width: 250px;
  max-height: 58vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.tab-title {
  font-size: 22px;
  font-weight: 500;
  font-family: ZenAntiqueSoft-Regular;
  padding: 0px 30px;
  margin-bottom: 40px;
  color: var(--dark-text-main-color);
  white-space: nowrap;
}
.tab-link {
  font-size: 13px;
  font-family: ZenAntiqueSoft-Regular;
  padding: 15px 20px 5px 30px;
  text-decoration: none;
  color: var(--dark-text-second-color);
}
.tab-link span {
  padding-bottom: 3px;
}
.tab-link.active span {
  color: var(--dark-text-second-color);
  border-bottom: 1.4px solid var(--dark-text-second-color);
  font-weight: 400;
}
.tab-content {
  flex: 1;
  margin-top: 27.5px;
}
@media (max-width: 992px) {
  /* ---------- tab ---------- */
  .tabs-container {
    flex-direction: column;
  }
  .tab-nav {
    width: 100%;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: -10px;
  }
  .tab-title {
    font-size: 14px;
    padding: 0px 30px 0 0;
    margin-bottom: 0px;
    align-self: center;
    display: none;
  }
  .tab-link {
    font-size: 12px;
    padding: 15px 10px;
    white-space: nowrap;
  }
  .tab-content {
    margin-top: 0px;
  }
}