.tabbed-content .heading-transition > h2 {
  @apply mb-12;
}

.tabbed-content .heading-transition.has-description > h2 {
  @apply mb-3;
}

.tabs {
  display: flex;
  @apply px-4 mx-auto justify-center;
}
.tab {
  @apply bg-accent-tertiary text-heading rounded-tl-lg rounded-tr-lg drop-shadow-[0_-3px_4px_rgba(0,0,0,0.1)] text-heading-4 text-center font-primary-medium;
  cursor: pointer;
  padding: 10px 20px 5px 20px;
  margin-right: 5px;
  border-bottom: none;
}
.tab.active {
  @apply text-heading bg-white;
}
.tab-content {
  @apply max-w-5xl mx-auto;
  display: none;
  background-color: #fff;
}
.tab-content.active {
  display: block;
}

.tab-content h2 {
  @apply text-neutral-medium-gray;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.tab-content h2::after {
  content: "";
  background-color: #4f5d75;
  display: block;
  height: 6px;
  margin-bottom: 2rem;
  margin-top: 2rem;
  width: 82px;
}

.tab-content h3 {
  @apply text-black;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2rem;
}

.tab-content p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 3rem;
}

.tab-content a {
  color: #2b5d8b;
  text-decoration: underline;
}

.tabbed-content .buttons-component {
  @apply mx-4;
}