ul {
    list-style: none;
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 0;
}

.footer {
    position: relative;
    content-visibility: auto;
    width: 100%;
}

.footer-top {
    display: flex;
}

.footer-top .footer-container {
    position: relative;
    padding: 64px 0 100px;
}

.footer-container {
    max-width: 996px;
    margin: 0 auto;
    display: flex;
    width: 100%;
}

.footer-top .footer-container:before {
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 1440px;
}

.footer-top .footer-container:before, .footer-top .footer-container:after {
    background: linear-gradient(to right,transparent,rgba(226,232,255,.12),transparent);
    content: "";
    position: absolute;
    height: 1px;
}

.footer-brand {
    display: flex;
    align-items: center;
    color: #fff;
    flex: 1;
    height: -moz-max-content;
    height: max-content;
}


.footer-nav {
    display: flex;
    gap: 24px;
}

.footer-nav-group {
    width: 180px;
}
.footer-nav-group-label, .footer-nav a {
    font-size: 14px;
    line-height: 20px;
}

.footer-bottom, .footer-nav-group-label, .footer-nav a, .footer-brand {
    font-feature-settings: "ss01" on,"cv10" on,"calt" off,"liga" off;
}
.footer-nav li:not(:last-child) {
    margin-bottom: 20px;
}

.footer-nav a {
    color: #e2e8ff8c;
    transition: color .45s cubic-bezier(.6,.6,0,1);
}

.footer-nav-group-label, .footer-nav a {
    font-size: 14px;
    line-height: 20px;
}
.footer-bottom, .footer-nav-group-label, .footer-nav a, .footer-brand {
    font-feature-settings: "ss01" on,"cv10" on,"calt" off,"liga" off;
}

.footer-top .footer-container:after {
    bottom: 0;
    left: 0;
    width: 100%;
}

.footer-bottom {
    color: #e2e8ff59;
    padding: 48px 0;
}

.footer-bottom {
    font-size: 12px;
    line-height: 16px;
}
.footer-copyright {
    flex: 1;
}

.footer-terms {
    display: flex;
    gap: 32px;
}


@media (max-width: 996px) {
.footer-container {
    flex-direction: column;
    max-width: 350px;
}

.footer-container {
    max-width: 996px;
    margin: 0 auto;
    display: flex;
    width: 100%;
}

.footer-nav {
    flex-wrap: wrap;
    gap: 32px 0;
}

.footer-brand {
    margin-bottom: 40px;
}

.footer-top .footer-container {
    padding: 56px 0;
}

.footer-nav-group {
    width: 170px;
}

.footer {
    width: 95%;
}
}