.container-scroll {
  @apply com-m-0 com-border-none;

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

    .heading {
      @apply com-flex com-items-center com-m-0 com-p-4  com-bg-Anti-Flash-White;

      .image {
        @apply com-p-10px com-m-0 com-mr-3 com-rounded-xl com-w-[52px] com-h-[52px] com-border-none com-bg-transparent;
      }

      .emoji {
        @apply com-bg-white com-text-Yankees-Blue com-mr-3 com-rounded-xl md:com-h-12 md:com-w-12 com-border-none;

        fa-icon {
          @apply com-text-xl;
        }
      }

      .text {
        .title {
          @apply com-text-base com-font-semibold com-text-Dark-Jungle-Green com-mb-1 com-mt-0 com-mx-0;
        }
        .sub-heading {
          @apply com-text-sm com-font-normal com-text-gunmetal com-m-0;
        }
      }
    }

    .featured-communities-scroll {
      @apply com-flex com-flex-nowrap com-overflow-x-auto com-mx-4 com-my-0 com-gap-4 com-mt-3 com-p-0;
      .featured-communities-card {
        @apply com-w-[304px] md:com-w-full;
      }
    }
  }
}

.container {
  @apply com-m-0 com-bg-Bright-Gray-opacity-30;
  nb-card-body {
    @apply com-px-3 com-pt-4;

    .heading {
      @apply com-flex com-items-center md:com-pt-0 md:com-pb-6 com-m-0 md:com-px-0 com-p-4 md:com-bg-transparent com-bg-Anti-Flash-White;

      .image {
        @apply com-p-10px com-m-0 com-mr-3 com-rounded-xl com-w-[52px] com-h-[52px];
      }

      .text {
        .title {
          @apply com-text-base com-font-semibold com-text-Dark-Jungle-Green com-mb-1 com-mt-0 com-mx-0;
        }
        .sub-heading {
          @apply com-text-sm com-font-normal com-text-gunmetal com-m-0;
        }
      }
    }

    .featured-communities {
      @apply com-flex com-flex-nowrap md:com-flex-wrap com-overflow-x-auto com-mx-4 com-my-0 md:com-m-0 com-gap-4 md:com-gap-0 com-mt-3 md:com-mt-0 com-p-0 md:com-block;
      .featured-communities-card {
        @apply com-w-[300px] md:com-w-full com-mb-4;
      }
    }
  }
}

.skeleton-cards {
  @apply com-p-0 com-px-4;
}
