.main-wrapper {
  width: 75%;
  margin: auto;
}
.tabs {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 75vh;
}

.tabs_tab {
  display: flex;
  min-height: 100vh;
}

.tabs_link {
  cursor: pointer;
  border-right: 2px solid transparent;
  border-left: 2px solid #CB7628;
  background-color: #CB76284D;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  padding: 0 15px;
  color: #5F3213;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 25px;
  line-height: 1.5;
}
.tabs_link:nth-last-child(2) {
  border-right: 2px solid #CB7628;
}

.tabs_link:hover {
  background: #CB7628;
  color: #4f4f4f;
}
.tabs_link.active {
  border-right-color: #5F3213;
  background-color: #5F3213;
  padding: 0 80px;
  color: #fff;
}
.tabs_link.active:hover {
  color: #CB7628;
}

.tabs_content {
  position: relative;
  overflow: hidden;
  width: 0%;
  background-color: #e5d8c5;
  -webkit-transition: height 400ms ease, width 400ms ease;
  transition: height 400ms ease, width 400ms ease;
}

.tabs_content.active {
  width: 100%;
}

.tab_wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;

  width: 100%;
  height: 100%;
  padding: 2.8em;
  box-sizing: border-box;
}

.tab_contain {}

.tabs_heading {
  margin-right: 0px;
  margin-left: 0px;
  font-weight: 700;
  writing-mode: vertical-rl;
  /* Otočí text o 90 stupňů */
  transform: rotate(180deg);
  /* Otočí text tak, aby byl ve čitelné orientaci */
  white-space: nowrap;
  /* Zabrání zalamování textu */
  text-align: center;
  /* Horizontální centrování */
  display: flex;
  align-items: center;
  /* Vertikální centrování */
  justify-content: center;
  /* Horizontální centrování uvnitř boxu */
  height: 100%;
  width: 30px;
}