.tabs{
  font-family: var(--wp--preset--font-family--nhaas-grotesk-ds-pro) !important;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.sidebar{
  width: fit-content;
  text-align: center;
  background: #F7F0E1;
  padding: 10px 10px;
  border-radius: 20px;
}
.tab-btn{
  background-color: #fff;
  border: none;
  /* border-bottom: 1px solid gray; */
  color: #000;
  cursor: pointer;
  padding: 10px 0;
  border-radius: 50px;
  margin: 10px 10px;
  outline: none;
  display: inline-block;
  width: fit-content;
  padding: 5px 20px;
}
.tab-btn-active {
  background: #7200d4;
  color: white;
}

.editor .tab-btn {
  background: #7200d4;
  color: white;
}

/* tabs content */
.tot-content{
  width:100%;
  margin: 20px;
}
.tab-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  display: none;
}

.tab-content-active {
  display: block;
}

.editor .tab-content {
  display: block;
}

.tab-content img{
  width:350px;
}