.tabs .tab-header {
  height:35px;
  justify-content: space-between;
  display:flex;
  align-items:center;
}
.tabs .tab-header > div {
  cursor:pointer;
  font-size:14px;
  text-transform:uppercase;
}
.tabs .tab-header > div.active {
  color:#397338;
}
.tabs .tab-indicator {
  position:relative;
  height:4px;
  background:#397338;
  left:0px;
  border-radius:5px;
  transition:all 500ms ease-in-out;
  margin-bottom: 3rem;
}
.tabs .tab-body > div,
.tab-image > img,
.tab-title > div {
  width: 0;
  height: 0;
  opacity:0;
  overflow: hidden;
  transition:opacity 500ms ease-in-out 0ms;
}
.tabs .tab-body > div.active,
.tab-image > img.active,
.tab-title > div.active {
  width: 100%;
  height: 100%;
  opacity: 1;
}