.org-slider-block {
    @apply relative;

    .slider-heading .atm-heading {
        @apply mb-0 text-secondary-col-1;
    }

    .ambient-wrapper {
        @apply absolute top-0 left-0 w-full h-[300px] pointer-events-none;
    }

    &.has-bg {
        .slider-heading {
            @apply pt-16 sm:pt-24 md:pt-32;

            .atm-heading {
                @apply text-white;
            }
        }
    }

    .mol-slider-slider {
        @apply mb-12;
    }
}

.org-slider-block--grid {
    .grid-top {
        @apply flex justify-between items-center mb-10;
    }

    .grid-wrapper {
        @apply grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 2xl:grid-cols-4 gap-x-6 gap-y-6;
    }

    &.has-bg {
        .grid-top {
            @apply pt-16 sm:pt-24 md:pt-32;

            .atm-heading {
                @apply text-white;
            }
        }
    }
}