.tab-control{
  position: relative;
  width: 100%;
  margin: 0 auto;
  border-radius: 25px;
}

ul.tabs{
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 3;
}
ul.tabs li{
  background: none;
  color: var(--color1);
  display: inline-block;
  padding: 20px 55px;
  cursor: pointer;
  margin: 0;
  font-size: 1rem;
}

ul.tabs li.current{
  background: rgb(108,191,163);
  background: linear-gradient(90deg, rgba(108,191,163,1) 0%, rgba(109,191,234,1) 100%);
  color: var(--white);
}

ul.tabs li:first-child {
  border-radius: 25px 0 0 0;
}

.tab-content{
  display: none;
  float: left;
  width: calc(90% - 30px);
  background: var(--white);
  padding: 15px;
  border-radius: 0 0 25px 25px;
  -webkit-box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  -moz-box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  box-shadow: -12px -11px 25px -9px rgba(0,0,0,0.15);
  /*overflow-y: scroll;*/
}

.tab-content.current{
  display: inherit;
  border: none;
  width: 90%;
  padding: 5%;
  border: solid 1px var(--color3);
}