/* Style the tab */
.tab {
  float: left;
  border: 0vw solid #ccc;
  background-color: white;
  width: 30%;
  top: 1.3vw;
  position: relative;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 1.15vw;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  background: var(--universal--white--ffffff);
  border: none;
  /* margin: 0vw 0vw .52vw; 0vw; */
  left: .104vw;
  color: var(--main-gray-text);
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}


/* Create an active/current "tab button" class */
.tab button.active {
  box-shadow: .052vw .052vw 1.04vw #00000029;
  clip-path: inset(-1.146vw .833vw -1.146vw -1.146vw);
  border-radius: 1.25vw 0vw 0vw 1.25vw;
  left: 0vw;
  z-index: 20;
  opacity: 100%;
  position: relative;
  width: calc(100% + 2.083vw);
  color: black;
  font-family: var(--font-family-mreaves_xl_mod_ot-reg);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

/* Style the tab content */
.tabcontent {
  position: relative;
  left: 1.15vw;
  float: left;
  padding: 1.56vw 1.56vw;
  border: none;
  width: 70%;
  border-left: none;
  box-shadow: .052vw .052vw 1.04vw #00000029;
  border-radius: 1.25vw;
  min-height: 27vw;
  z-index: 1;
}

@media only screen and (max-width: 600px) {
  .tabcontent {
    overflow: hidden;
  }
}