.mol-showcase {
    @apply bg-primary bg-opacity-10 border border-primary border-opacity-20 rounded-xl overflow-hidden mb-8;

    img {
        @apply aspect-video object-cover w-full;
    }

    .showcase--content {
        @apply flex gap-x-8 px-4 py-6;
        .atm-paragraph {
            p {
                @apply mb-0;
            }
        }
    }

    .swiper-pagination {
        @apply flex px-4 py-2;

        .swiper-pagination-bullet {
            @apply rounded-full w-full transition-all bg-white opacity-100;
        }

        .swiper-pagination-bullet-active {
            @apply w-[200%] bg-accent-1;
        }
    }
    .swiper-navigation {
        @apply hidden lg:flex gap-x-2;
    }
}