.details-section {
  @apply com-flex com-flex-col md:com-flex-row com-justify-between com-items-start md:com-items-center com-py-4;
  .details {
    @apply com-flex com-flex-col;
    .hackathon-name {
      @apply com-text-Yankees-Blue com-text-4xl com-font-bold com-mt-0 com-mb-4;
    }

    .hackathon-badge {
      @apply com-flex-shrink-0;
    }
  }
  .social-links {
    @apply com-flex com-gap-4 com-items-center com-mt-4 md:com-mt-0;
    a {
      @apply com-text-xl com-w-9 com-h-9 com-grid com-items-center com-justify-center com-border com-border-solid com-border-Bright-Gray com-rounded-lg com-text-primary-500 hover:com-shadow;
    }
  }
}

.banner-image {
  @apply com-mt-0;
  nb-card-body {
    @apply com-p-0;
  }
}

.tabs {
  @apply com-my-0 com-sticky com-top-16 com-z-30;
  .router-links {
    @apply com-flex com-gap-5 com-py-0 com-px-2;
    a {
      @apply com-flex com-gap-2 com-items-center com-text-Black-Coral com-no-underline com-py-3 com-px-1;
      .name {
        @apply com-m-0 com-text-Black-Coral;
      }
      &.active {
        @apply com-border-0 com-border-b-2 com-border-solid com-border-primary-500 com-text-primary-500;
        .name {
          @apply com-text-primary-500;
        }
      }
    }
  }
}

.router {
  @apply com-px-2;
}
