.org-footer {
    @apply relative;

    .footer-links {
        @apply lg:absolute top-0 left-0 w-full lg:bg-opacity-0 bg-white h-4/5;
    }

    .desktop-path {
        @apply h-[400px] xl:h-[450px] w-full hidden lg:block;
    }

    .mobile-path {
        @apply h-[100px] sm:h-[150px] w-full block lg:hidden -translate-y-px;
    }

    .footer-top {
        @apply pt-10 lg:pt-24 xl:pt-32 grid lg:grid-cols-5 grid-cols-2 gap-8;

        .footer-column {
            &.linkcolumn {
                @apply grid md:grid-cols-2 gap-6;
            }
        }

        .logo {
            @apply pb-4;
            @apply text-left;

            img {
                @apply h-16;
            }
        }

        .company-info {
            @apply lg:max-w-xs;
        }

        .mol-footer-newsletter {
            @apply mb-6;
        }

        .mol-social-media {
            @apply lg:float-right;

            li:last-child {
                @apply lg:m-0;
            }
        }
    }

    .footer-middle {
        @apply py-28 text-center text-white flex justify-end font-display px-8;

        .footer-middle-title {
            @apply text-h1;
        }
    }

    .footer-bottom {
        @apply flex justify-center py-4 bg-white overflow-hidden;

        &.footer-certificates {
            @apply border-b border-[#d6d6d6];
        }

        .footer-copyright {
            @apply sm:text-sm text-xs;
        }
    }
}