.panel-footer {
    position: relative;
    z-index: 10;
    color: var(--white);

    /*==========================*/
    /*=====----- CTAs -----=====*/
    /*==========================*/

    .cta-container {
        position: relative;
        z-index: 2;
        padding: 0 var(--space-5);
    }
    
    .ctas > * {
        border-bottom: 2px solid var(--white);
    }

    .ctas > *:last-child {
        border: none;
    }

    .background {
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--black);
        pointer-events: none;

        .slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.45;
        }
    }

    /*==================================*/
    /*=====----- MAIN SECTION -----=====*/
    /*==================================*/

    .footer-main {
        background: var(--blue);
    }

    .footer-nav-row,
    .logo-container,
    .social-media {
        display: flex;
        flex-direction: column;
    }

    .footer-nav-row,
    .social-media {
        gap: var(--space-10);
    }

    .footer-nav-row {
        padding: 50px var(--space-5) 30px;
    }

    .logo-container {
        gap: var(--space-5);
    }

    .logo-footer {
        width: calc(100% - var(--space-16));
        max-width: 319px;
        margin: 0 auto;

        img {
            width: 100%;
        }
    }

    .contentRender_name_plugins_core_textbox {
        width: calc(100% - 38px);
        max-width: none;
        padding: 0;
        text-align: center;

        p {
            line-height: var(--leading-tight);
            color: inherit;
        }

        a {
            color: inherit;
        }

        *:last-child {
            margin-bottom: 0;
        }
    }

    .external-logos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 22px var(--space-5);

        & > * {
            flex-shrink: 0;
        }
    }

    .external-logo {
        width: 101px;
        height: 44px;
        text-decoration: none;

        .logo-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }

    .made-by-sv {
        display: block;
        width: 100%;
        max-width: 134px;
        text-decoration: none;

        img {
            width: 100%;
        }
    }

    /*====================================*/
    /*=====----- BOTTOM SECTION -----=====*/
    /*====================================*/

    .footer-bottom {
        display: flex;
        flex-direction: column;
        gap: var(--space-5);
        padding: 30px var(--space-3);
        border-top: 1px solid var(--white);
    }

    .copyright {
        order: -1;
        margin: 0;
        font-family: var(--font-body);
        font-weight: var(--font-weight-normal);
        font-size: var(--text-base);
        line-height: 1.2;
        color: inherit;
        text-align: center;
    }

    /*====================================*/
    /*=====----- FIXED ELEMENTS -----=====*/
    /*====================================*/

    .mobile-fixed {
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 9999;
    }

    /*===================================*/
    /*=====----- MEDIA QUERIES -----=====*/
    /*===================================*/

    @media (min-width: 64em) {
        /*----- ctas -----*/

        .cta-container {
            padding: 0;
        }

        .ctas {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));

            & > * {
                position: relative;
                border: none;
            }

            & > *::before {
                position: absolute;
                inset: 50% 0 auto auto;
                translate: 50% -50%;
                width: 1px;
                height: calc(100% - 104px);
                content: '';
                background: var(--white);
                pointer-events: none;
            }

            & > *:last-child::before {
                display: none;
            }
        }

        /*----- main section -----*/

        .footer-nav-row {
            display: grid;
            grid-template-columns: 35% minmax(0, 1fr) max-content;
            justify-content: space-between;
            padding: 60px var(--space-10) 50px;
        }

        .logo-container,
        .footer-nav {
            max-width: 319px;
        }

        .logo-container {
            gap: var(--space-10);
        }

        .logo-footer {
            width: 100%;
            margin: 0;
        }

        .contentRender_name_plugins_core_textbox {
            width: 100%;
            text-align: left;

            p {
                font-size: var(--text-sm);
                line-height: calc(10/7);
            }
        }

        .social-links {
            text-align: right;

            .social-list {
                justify-content: end;
            }
        }

        /*----- bottom section -----*/

        .footer-bottom {
            flex-direction: row;
            justify-content: space-between;
            padding: 30px 37px;
        }

        .copyright {
            order: unset;
            text-align: right;
        }
    }
}