.org-social-feed-block {
    @apply bg-primary bg-opacity-10 pt-24 pb-16 overflow-hidden;

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

    .socialfeed {
        @apply mt-4 mb-8;

        iframe {
            @apply max-w-full;
        }
    }

    .socialfeed-socials {
        @apply flex flex-col md:flex-row md:items-center gap-4 md:gap-8;

        .mol-social-media {
            @apply flex;
        }
    }

    .swiper-top {
        @apply flex justify-between items-center mb-10;

        .navigation {
            @apply flex self-end;

            * {
                @apply transition;
            }

            .swiper-prev,
            .swiper-next {
                @apply focus:ring-2 cursor-pointer text-white bg-accent-1 h-11 w-11 rounded-full inline-flex justify-center items-center;

                > * {
                    @apply pointer-events-none;
                }

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

                    &:hover {
                        .atm-icon {
                            transform: translateX(0px);
                        }
                    }
                }

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

            .swiper-prev {
                @apply mr-4;

                &:hover {
                    .atm-icon {
                        transform: translateX(-2px);
                    }
                }
            }

            .swiper-next:hover {
                .atm-icon {
                    transform: translateX(2px);
                }
            }
        }

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

        .swiper-pagination {
            @apply bottom-0;

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

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