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

    .cta-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-5);
        margin-bottom: var(--space-5);

        > *:nth-child(3n - 1) .call-to-action {
            background: var(--blue-dark);
        }

        > *:nth-child(3n) .call-to-action {
            background: var(--red);
        }
    }

    .footer-main {
        position: relative;
        z-index: 2;
        padding: var(--space-10) var(--space-5);
    }

    .inner-row {
        display: grid;
        grid-template:
            'logo' auto
            'content' auto
            'nav' auto
            'social' auto
            'logos' auto
            'bottom' auto / minmax(0, 1fr);
        gap: var(--space-6);
        width: 100%;
        max-width: 1160px;
        margin: 0 auto;
    }

    .social-col,
    .logo-col {
        display: contents;
    }

    .footer-content {
        grid-area: content;
        text-align: center;
        
        .contentRender_name_plugins_core_textbox {
            max-width: none;
            padding: 0;
            margin: 0;
    
            p {
                margin: 0;
                font-family: var(--font-soft);
                font-weight: var(--font-weight-medium);
                font-size: var(--text-base);
                line-height: 1.8;
                color: inherit;
            }
    
            a {
                font: inherit;
                color: inherit;
            }
        }
    }


    .footer-social {
        grid-area: social;
        margin-bottom: 17px;
    }

    .footer-logo {
        grid-area: logo;
        margin-bottom: 9px;
    }

    .logo-footer {
        width: 251px;
        margin: 0 auto;

        img {
            width: 100%;
        }
    }

    .footer-nav {
        grid-area: nav;
    }

    .other-logos-col {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: var(--space-6);
        grid-area: logos;
    }

    .other-footer-logo {
        display: block;
        width: 124px;
        text-decoration: none !important;

        img {
            width: 100%;
        }
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-4);
        grid-area: bottom;
        padding-top: 35px;
        margin-top: 13px;
        text-align: center;
        border-top: 2px solid rgba(232, 223, 205, 0.5);
    }

    .copyright {
        margin: 0;
        font-family: var(--font-soft);
        font-weight: var(--font-weight-medium);
        font-size: 0.8125rem;
        line-height: normal;
        text-transform: uppercase;
        color: inherit;
    }

    .made-by-sv {
        display: block;
        width: 134px;
        margin: 0 auto;
        text-decoration: none !important;

        img {
            width: 100%;
        }
    }

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

        .slide-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.25;
        }
    }
    
    @media (min-width: 64em) {
        .cta-row {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .call-to-action {
            height: 100%;
        }

        .footer-main {
            padding: var(--space-10) var(--space-5) var(--space-4);
        }

        .inner-row {
            grid-template:
                'social logo logos' auto
                'bottom bottom bottom' auto / minmax(0, 1fr) 425px minmax(0, 1fr);
            justify-content: space-between;
            align-items: end;
            gap: var(--space-8);
        }

        .footer-social,
        .footer-logo {
            margin: 0;
        }

        .footer-content,
        .footer-social {
            grid-area: unset;
        }
        
        .social-col {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 26px;
            grid-area: social;
        }
        
        .footer-content {
            text-align: left;
        }
        
        .logo-col {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-self: center;
            gap: 58px;
            grid-area: logo;
        }

        .logo-footer {
            width: 352px;
        }

        .other-logos-col {
            justify-items: end;
        }

        .footer-bottom {
            flex-direction: row;
            justify-content: space-between;
            padding-top: 26px;
            margin-top: var(--space-5);
            text-align: left;
        }

        .made-by-sv {
            margin: 0;
        }
    }
}