nb-card {
  @apply md:com-m-0 com-m-0 com-p-0 md:com-p-4 md:com-border com-border-0;

  nb-card-body {
    @apply com-p-0;
  }

  .heading {
    @apply com-mt-0 md:com-mb-8 com-mb-4 com-mx-0 com-flex com-flex-col md:com-p-0 com-px-4 com-py-3 com-border-0 md:com-border-b-0 com-border-b com-border-solid com-border-Bright-Gray;

    .title {
      @apply com-m-0 com-leading-[0];
      a {
        @apply md:com-text-sm com-text-base com-font-semibold com-text-Yankees-Blue com-mb-1 com-mt-0 com-mx-0 com-no-underline;
      }
    }
    .sub-heading {
      @apply md:com-text-xs com-text-sm com-font-normal com-text-gray-500 com-m-0;
    }
  }

  .upcoming-events {
    @apply com-flex com-flex-nowrap md:com-flex-wrap com-overflow-x-auto md:com-m-0 com-gap-4 com-mt-3 md:com-mt-0 com-ml-4 md:com-ml-0 com-p-0;
    .upcoming-events-card {
      @apply com-m-0 com-p-0 com-w-full com-rounded-xl;
    }
  }

  .load-more {
    @apply com-text-center com-mt-4 com-m-0 com-p-0;

    button {
      @apply com-text-gray-500;
    }

    app-loading-spinner {
      @apply com-mb-6;
    }
  }
}
