.mol-segment-slider {
    @apply ml-6;
    @apply md:ml-12;

    .swiper-container {
        @apply pl-2;
    }

    .swiper-slide {
        @apply py-2;
    }

    .swiper-wrapper {
        @apply pb-6;
    }

    .pagination {
        @apply w-full;
        @apply relative;
        @apply mb-8;

        .swiper-prev,
        .swiper-next {
            @apply cursor-pointer;
            @apply inline-block;
            @apply text-cta;
            transition: all 0.2s ease-in-out;

            &.swiper-button-disabled {
                @apply text-opacity-20;
                transform: scale(0.8);
            }

            &.hide-prevnext {
                @apply hidden;
            }
        }

        .swiper-prev {
            @apply mr-4;
        }
    }

    .swiper-pagination {
        @apply bottom-0;

        &-bullet {
            @apply bg-gray;
            @apply p-1;

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