/**
 * Block : Tabs
 * =================================
 *
 *
 *
 */

.tabs {
  margin-top: 0;
}

.tabs > div {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1440px) {
  .tabs > div {
    max-width: 1200px;
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }
}

@media screen and (max-width: 480px) {
  .tabs > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.tabs__body {
  position: relative;
}

.mb-block-preview .js-tabs-content > div:first-child {
  display: block;
}

.tabs__items
  .wp-block-button.is-style-outline
  > .wp-block-button__link.active:not(.has-background) {
  background-color: var(--wp--preset--color--secondary);
  color: white;
}

.tabs__image {
  height: 288px;
}

.tabs__content-double-column-title {
  font-family: var(--wp--preset--font-family--mulish);
}

.tabs__content-double-column-image {
  position: relative;
}

.tabs__content-double-column-image::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  background-image: url("search-plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

@media screen and (max-width: 992px) {
  .js-tabs > ul {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
}

.tab-content {
  display: block;
}

.tab-content.hidden {
  display: none;
}