.advanced-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.advanced-tabs__nav {
  background-color: var(--nav-bg);
  padding: 25px 0px;
  border-bottom: 1px solid #ddd;
}

.advanced-tabs__nav .page-width {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.advanced-tabs__tab-btn {
  background-color: var(--nav-btn-bg);
  color: var(--nav-text-color);
  border-radius: var(--nav-border-radius);
  border: 1px solid var(--nav-text-color);
  padding: 10px 25px;
  cursor: pointer;
  transition: color .3s ease, background .3s ease, border-color .3s ease;
  position: relative;

}

.advanced-tabs__tab-btn:hover {
  background-color: var(--nav-btn-active-bg);
  color: var(--nav-active-text-color);
}

.advanced-tabs__tab-btn.custom {
  font-size: var(--custom-font-size);
}

.advanced-tabs__tab-btn:hover {
  color: var(--nav-active-text-color);
}

.advanced-tabs__tab-btn.is-active {
  color: var(--nav-active-text-color);
  background-color: var(--nav-btn-active-bg);
}

.advanced-tabs__content {
  width: 100%;
  background-color: rgb(var(--color-background));
}

.advanced-tabs__panel {
  display: block;
}

.advanced-tabs__panel[hidden] {
  display: none !important;
}