.new-footer {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0MzYiIHZpZXdCb3g9IjAgMCAxNDQwIDQzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE0NDAiIGhlaWdodD0iNDM2IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0MzYiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF8xNTlfNTU1OCkiLz4KPHJlY3Qgd2lkdGg9IjcwNyIgaGVpZ2h0PSI0MzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDczMykiIGZpbGw9InVybCgjcGFpbnQxX3JhZGlhbF8xNTlfNTU1OCkiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8xNTlfNTU1OCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg0NzUuNSA2LjgwOTI4ZS0wNikgcm90YXRlKDkwKSBzY2FsZSgyMTggNzIwKSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGREY1RDIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkRGNUQyIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDFfcmFkaWFsXzE1OV81NTU4IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDYzMy42IDEuMTUzNWUtMDUpIHJvdGF0ZSg5MCkgc2NhbGUoNDM2IDE1ODcuMDUpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q5RUVFRiIvPgo8c3RvcCBvZmZzZXQ9IjAuMzIyMTUzIiBzdG9wLWNvbG9yPSIjRDlFRUVGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    padding: 48px 0;
    background-repeat: no-repeat;
    background-size: cover;

    @media (max-width:991px) {
        background-size: contain;
    }

    &__left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        &-bottom {
            margin-top: 48px;
        }
    }

    &__right {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            top: 0;
            right: 20px;
            width: 104px;
            height: 124px;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3IiBoZWlnaHQ9IjEyNyIgdmlld0JveD0iMCAwIDEwNyAxMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik04My45Mjk2IDcuMjAxMTdMOTUuNTA2NyA0LjUzMjRMMTA1LjAwNiAyLjE2MDE2Qzk5LjM2NTcgMy42NDI4MSA5NC4zMTkzIDkuMjc2ODggOTIuMjQxMyAxNi4zOTM2TDcwLjU3MTYgOTcuMzQ2M0M2OC40OTM2IDEwNC40NjMgNjMuNDQ3MiAxMTAuMzk0IDU3LjgwNzEgMTExLjU4TDIxLjI5NSAxMjAuNDc2TDExLjQ5OTEgMTIyLjg0OEwyIDEyNS4yMkM3LjY0MDA4IDEyMy43MzcgMTIuNjg2NSAxMTguMTAzIDE0Ljc2NDQgMTEwLjk4N0wzNi40MzQyIDMwLjAzNEMzOC41MTIxIDIyLjkxNzMgNDMuNTU4NSAxNi45ODY3IDQ5LjE5ODYgMTUuODAwNUw4My45Mjk2IDcuMjAxMTdaIiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xNjRfMjExMikiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNjRfMjExMiIgeDE9IjAuNTE1NzY3IiB5MT0iNjMuNTgzMSIgeDI9IjEwNi4zMjIiIHkyPSI2My41ODMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iNi45MjYxM2UtMDgiIHN0b3AtY29sb3I9IiNGRkU5OEQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkJCQzAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
            background-repeat: no-repeat;
            background-size: contain;

            @media (max-width:991px) {
                right: 5%;
            }

            @media (max-width:767px) {
                display: none;
            }
        }
    }

    &__divider {
        border-left: 1px solid var(--neutral-bg-divider);
        margin: auto;
        width: 1px;
        height: 100%;

        @media (max-width:575px) {
            margin: 32px 0;
            width: 100%;
            border-left: 0;
            height: 1px;
            border-bottom: 1px solid var(--neutral-bg-divider);
        }
    }

    &__logo {
        display: inline-block;
        vertical-align: top;
        width: 260px;

        svg {
            max-width: 260px;
            max-height: 72px;
            display: block;
        }
    }

    &__nav {
        list-style: none;

        &-item {
            &:not(:last-child) {
                margin-bottom: 16px;
            }

            a {
                color: var(--neutral-text-primary);
                font-size: 16px;
                line-height: 150%;
                border-bottom: 1px solid var(--neutral-bg-stroke-default);
                transition: 0.2s all;

                &:hover {
                    border-bottom: 1px solid var(--neutral-text-primary);
                }
            }
        }
    }

    &__social {
        display: flex;

        .social-link__top-item {
            margin: 0 16px 0 0;

            &--visible-sm {
                display: none !important;
            }

            @media (max-width: 900px) {
                display: inline-block;
            }

            .btn-icon {
                width: 24px;
                height: 24px;
                border: none;

                &__img,
                use {
                    fill: var(--neutral-icon-default);
                    fill-opacity: 1;
                }

                &:hover {
                    background: none;

                    .btn-icon__img,
                    use {
                        fill: var(--brand-bg-primary-default);
                    }
                }
            }
        }
    }

    &__contacts {
        margin-top: 32px;

        a {
            color: var(--system-text-link-default);
            font-size: 16px;
            line-height: 150%;
            border-bottom: 1px solid transparent;

            &:hover, &:active, &:focus {
                border-bottom: 1px solid var(--system-text-link-default);
            }
        }

        &-links {
            display: flex;

            .links-item {
                position: relative;

                &:not(:last-child) {
                    margin-right: 20px;

                    &::after {
                        content: '';
                        position: absolute;
                        width: 1px;
                        height: calc(100% - 9px);
                        background: var(--neutral-text-primary);
                        right: -10px;
                        top: 5px;
                    }
                }
            }
        }

        &-detail {
            margin-top: 8px;
            font-size: 16px;
            line-height: 150%;
        }
    }

    &__info {
        margin-top: 16px;
        font-size: 16px;
        line-height: 150%;

        a {
            color: var(--system-text-link-default);
            font-size: 16px;
            line-height: 150%;
            border-bottom: 1px solid transparent;

            &:hover, &:active, &:focus {
                border-bottom: 1px solid var(--system-text-link-default);
            }
        }
    }
}

.page-wrapper {
    .new-footer {
        .btn {
            border-radius: 40px;
        }
    }
}