.org-card-slider {
    @apply mb-16;

    .column {
        @apply md:grid;
        @apply md:gap-8;
        @apply mb-8;
        @apply md:grid-cols-12;
    }

    .swiper-slide {
        @apply h-auto;
        @apply bg-white border border-solid border-gray shadow-xl;

        .card-container {
            @apply bg-none border-none border-0 shadow-none;
        }
    }

    .card-slider {
        @apply relative;

        .swiper-container {
            @apply pb-12;

            .swiper-pagination {
                @apply bottom-0;

                &-bullet {
                    @apply bg-black opacity-100;

                    &-active {
                        @apply bg-red;
                    }
                }
            }
        }

        .swiper-prev,
        .swiper-next {
            @apply absolute top-1/3 transform -translate-y-1/2 z-10;

            &.swiper-button-disabled {
                @apply opacity-50;
            }
        }

        .swiper-prev {
            @apply -left-0 -translate-x-1/2;
        }

        .swiper-next {
            @apply right-0 translate-x-1/2;
        }
    }
}