.footer {
        display: flex;
        flex-direction: column;
    }

    /* Верхняя часть */

    .footer__menu {
        background-color: #f6f8ff;
        padding: 60px 0 121px 0;
    }

    .footer__menu-container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 30px;
        display: flex;
        gap: 20px;
    }

    .footer__practices {
        width: 447px;
        margin-left: 360px;
    }

    .footer__title {
        margin-bottom: 20px;
        color: #1b1b1b;
    }

    .footer__practice-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer__practice-link {
        color: rgba(27, 27, 27, 0.5);
        text-decoration: none;
        transition: opacity 0.2s ease;
        font-family: "TT Hoves Pro", sans-serif;
        transition: .2s;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        -o-transition: .2s;
        margin-left: 0;
    }

    .footer__nav-link,
    .footer__practice-link {
        font-family: "TT Hoves Pro", sans-serif;
        line-height: 120%;

    }

    .footer__practice-link:hover {
        opacity: 0.7;
        margin-left: 10px;
    }

    .footer__nav {
        width: 446px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .footer__nav-link {
        color: #1b1b1b;
        text-decoration: none;
    }

    /* Нижняя часть */

    .footer__contacts {
        background-color: #234134;
        color: #ffffff;
    }

    .footer__contacts-container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 80px 30px 120px 30px;
        display: flex;
        gap: 120px;
    }


    .footer__logo {
        min-width: 240px;
        color: #ffffff;
    }

    .footer__offices {
        display: flex;
        gap: 20px;
    }


    .footer__office {
        max-width: 330px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }


    .footer__office-contacts {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .footer__contact-link {
        color: #ffffff;
        text-decoration: underline;
        white-space: nowrap;
        display: flex;
        gap: 12px;
        text-decoration-thickness: .5px;
        text-underline-offset: 4px;
    }

    .footer__address {
        color: #ffffff;
        line-height: 120%;
        font-family: "Livret_Subhead_Light_Italic", sans-serif;
    }

    /* Нижняя линия */

    .footer__bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        max-width: 1440px;
        margin: 0 auto;
        padding: 28px 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 120px;
    }

    .footer__copyright {
        width: 240px;
    }

    .footer__copyright,
    .footer__sitemap {
        color: #ffffff;
    }

    .footer__sitemap {
        text-decoration: none;
    }

    .footer__p {
        font-family: "Livret_Subhead_Light_Italic", sans-serif;
    }

    @media(max-width: 1303px) {
        .footer__contacts-container {
            flex-wrap: wrap;
            gap: 60px;
        }

        .footer__offices {
            width: 100%;
        }

        .footer__contacts-container {
            padding: 40px 40px 93px 40px;
        }

        .footer__menu-container {
            justify-content: center;
            padding: 0 40px;
        }

        .footer__practices {
            margin-left: inherit;
        }

        .footer__menu {
            padding: 60px 0 57px 0;
        }
    }

    @media(max-width: 955px) {
        .footer__office {
            max-width: 216px;
            gap: 20px;
        }

        .footer__copyright {
            width: 216px;
        }

        .footer__bottom {
            gap: 30px;
        }
    }

    @media(max-width: 700px) {
        .footer__offices {
            flex-wrap: wrap;
            row-gap: 40px;
        }
    }

    @media(max-width: 767px) {
        .footer__contacts-container {
            padding: 40px 20px 60px 20px;
        }

        .footer__offices {
            flex-direction: column;
            gap: 40px;
        }

        .footer__copyright {
            width: auto;
        }

        .footer__bottom {
            justify-content: space-between;
            padding: 20px 24px 28px 24px;
        }

        .footer__menu-container {
            flex-direction: column;
            gap: 40px;
        }

        .footer__nav,
        .footer__practices {
            width: 100%;
        }

        .footer__nav {
            gap: 12px;
        }

        .footer__menu-container {
            padding: 0 20px;
        }

        .footer__menu {
            padding: 40px 0 60px 0;
        }
    }