.sd-tabs {
  height: 100%;
}
.sd-tabs .sd-tabs-content-container {
  display: grid;
  height: 100%;
  gap: 20px;
  white-space: nowrap;
}
.sd-tabs .sd-tabs-content-container > * {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}
.sd-tabs .sd-tabs-content-container.tabs-amount-1 {
  grid-template-columns: repeat(1, 1fr);
}
.sd-tabs .sd-tabs-content-container.tabs-amount-2 {
  grid-template-columns: repeat(2, 1fr);
}
.sd-tabs .sd-tabs-content-container.tabs-amount-3 {
  grid-template-columns: repeat(3, 1fr);
}
.sd-tabs .sd-tabs-content {
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sd-tabs .sd-tabs-content .content-container {
  display: none;
  padding: 20px;
}
.sd-tabs .sd-tabs-content.active {
  width: 100%;
  opacity: 1;
}
.sd-tabs .sd-tabs-content.active .content-container {
  display: block;
}
.sd-tabs .sd-tabs-content.in-active {
  width: 0 !important;
  opacity: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
@media screen and (max-width: 767px) {
  .sd-tabs .sd-tabs-content {
    display: none !important;
  }
}

/*# sourceMappingURL=style.css.map */