.org-content-header {
    @apply h-[600px];
    @apply relative;
    @apply flex items-end;
    @apply overflow-hidden;

    .swiper {
        @apply w-full h-full;
    }

    .mySwiper2 {
        @apply w-full;
    }

    .swiper-pagination {
        @apply bottom-0 relative;

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

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

    .content-header-image {
        @apply w-full;
        @apply h-[85%];
        @apply absolute top-0 left-0;

        .atm-image {
            @apply h-full;

            img {
                @apply w-full;
                @apply h-full;
                object-fit: cover;
            }
        }
    }

    .vebego-container {
        .content-header-text {
            @apply bg-gray-100;
            @apply relative;
            @apply self-end cursor-pointer;

            svg {
                @apply opacity-0 top-0 left-0 z-10;
            }

            .mol-card-extended {
                @apply relative z-20;
                @apply p-6 md:p-8;

                * {
                    @apply text-black;
                }

                .h-subtitle {
                    @apply hidden;
                }
            }

            &.swiper-slide-thumb-active {
                svg {
                    @apply opacity-100;
                }
                .mol-card-extended * {
                    @apply text-white;
                }
            }
        }
    }
}