.tabbed-content {
  @apply pb-12;
}

.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-brand-coral text-white rounded-tl-lg rounded-tr-lg drop-shadow-[0_-3px_4px_rgba(0,0,0,0.1)] bg-brand-coral text-xl font-medium text-center font-figtree;
  cursor: pointer;
  padding: 10px 20px;
  margin-right: 5px;
  border-bottom: none;
}
.tab.active {
  @apply text-brand-coral 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-bc-gray;
  font-family: "Open Sans", sans-serif;
  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-family: "Open Sans", sans-serif;
  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;
}