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

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

    .title {
      @apply com-flex com-flex-col md:com-m-0 md:com-p-4 com-p-4 com-rounded-t-lg;
      @apply com-bg-gradient-to-l com-from-gray-100 com-to-white;
      h3 {
        @apply com-m-0 com-mb-1 com-leading-[0px];
        a {
          @apply com-text-sm com-font-semibold com-text-Yankees-Blue com-m-0 com-no-underline;
        }
      }
      nb-icon {
        @apply md:com-text-Yankees-Blue com-ml-1 com-text-[12px] com-text-black com-mt-1;
      }
      .sub-heading {
        @apply com-text-xs com-font-normal com-text-gray-500 com-m-0;
      }
    }

    .heading {
      @apply com-flex com-flex-row;
    }

    .tags {
      @apply md:com-flex md:com-justify-center com-m-0 com-mx-0 md:com-pt-4 md:com-pb-5 com-p-4;

      nb-tag {
        @apply com-bg-white com-text-gray-600 com-text-xs com-font-medium;

        ::ng-deep {
          nb-icon {
            @apply com-text-xs com-font-medium;
          }
        }
      }

      .nb-tag-remove {
        @apply com-text-xs com-font-medium #{!important};
      }

      .activeTag {
        @apply com-border-gray-500 com-bg-gray-100 com-text-xs com-font-medium;
      }
    }

    .top-builders {
      @apply com-flex com-flex-nowrap md:com-flex-wrap com-overflow-x-auto com-m-0 com-gap-4 md:com-gap-0 md:com-mt-0 com-mt-4 com-p-0 md:com-p-0 com-items-center md:com-justify-center md:com-px-4 com-px-4;
      .top-builders-card {
        @apply com-m-0 com-w-full md:com-py-3 com-p-0 com-rounded-none;
      }
      .top-builders-card:not(:last-child) {
        @apply com-border-0 md:com-border-b md:com-border-solid md:com-border-Bright-Gray;
      }

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

      .load-more {
        @apply com-text-center com-m-0 com-p-4 com-rounded-md;
      }
    }
  }
}
