.org-vacancy-highlight-block {
    @apply py-16 overflow-hidden;

    .vacancy-highlight-block-top {
        @apply mb-10;

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

    .vacancy-grid {
        @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8;

        &.swiper-container {
            @apply block overflow-visible;
            clip-path: polygon(0 0, 200% 0, 200% 100%, 0% 100%);

            .swiper-wrapper {
                @apply flex;
            }

            .swiper-slide {
                @apply h-auto;
            }
        }
    }

    .bottom-wrapper {
        @apply flex justify-between lg:justify-center items-center;

        .swiper-pagination {
            @apply flex-1 xl:hidden flex items-center relative;

            &-bullet {
                @apply bg-secondary-col-2 bg-opacity-50 rounded-full transition-all duration-300 p-1 mx-1 cursor-pointer;

                &-active {
                    @apply bg-opacity-100 w-4;
                }
            }
        }

        .button-wrapper {
            @apply flex-shrink-0;
        }
    }

    @media (min-width: 1280px) {
        .vacancy-grid.swiper-container {
            @apply grid;

            .swiper-wrapper {
                @apply contents;
            }
        }

        .swiper-pagination {
            @apply hidden;
        }
    }
}