.tabbed-content .heading-transition {
  @apply !pb-0;
}

.tabbed-content .heading-transition > h2 {
  @apply !mb-6 pb-0 text-3xl sm:text-[60px] font-crimson font-semibold;
}

.tabbed-content .heading-transition .heading-description {
  @apply font-oxygen;
  color: rgba(255, 255, 255, 0.6);
}

.tabbed-content .heading-transition .heading-description p {
  @apply mb-8 text-base;
}

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

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

.community-tab-content h2 {
  @apply font-crimson sm:text-[40px] font-semibold text-brand-green text-center;
}

.community-tab-content .collection-header h3 {
  @apply font-crimson sm:text-[40px] font-semibold text-brand-green text-center;
}

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

.community-tab-content a {
  /*color: #2b5d8b;*/
}