footer {
    border-top: 1px solid #313131;
    /* background: #00091E; */
}

footer {
    .wrapper:first-child {
        /* border-bottom: 1px solid #363636; */
    }

    & .footer_left>a {
        margin-bottom: 20px;
        max-width: 180px;
    }

    .footer_left {
        &>p {
            margin-bottom: 24px;
            font-size: 14px;
            color: #FFFFFF99;
        }

        & div {
            flex-wrap: wrap;
            justify-content: start !important;

            & a {
                flex: 0 0 21%;
                max-height: 29px;
                /* max-width: 77px; */
            }
        }


    }

    & a {
        color: white !important;
        /* color: #a7a7a7; */
        font-weight: 400;
        font-size: 16px;
    }

    & p {
        /* color: white; */
    }

    & .wrapper {
        padding: 64px 0;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        gap: 24px;

        &>* {
            flex: 1 1 30%;
        }
    }

    & nav {
        &>p {
            font-size: 16px;
            margin-bottom: 8px;
            color: white !important;
            font-weight: 600 !important;



            /* &::after {
                content: "";
                position: absolute;
                bottom: -24px;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #313131;
            } */
        }

        & a {
            font-weight: 400 !important;
            opacity: .8 !important;
        }
    }

    & nav li:not(:last-child) {
        margin-bottom: 8px;
    }

    & a:has(span) {
        gap: 12px;
    }

    & .socials {
        max-width: 212px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;

        margin-top: 28px;
        flex-wrap: wrap !important;

        &>* {
            flex: unset !important;

            & a {
                max-width: 44px;
            }
        }
    }

    & a::after {
        content: "";
        position: absolute;
        width: 0%;
        height: 1px;
        background-color: currentColor;
        bottom: -2px;
        left: 0;
        transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    & a:hover::after {
        width: 100%;
    }

    & a:has(img, svg)::after {
        content: none;
    }
}

@media (max-width: 768px) {
    footer>.wrapper>* {
        width: 100%;
    }

    footer>.wrapper {
        padding: 40px 0;
    }

    footer>.wrapper {
        flex-direction: column;
    }

    .footer_bottom>div {
        flex-direction: column;
    }
}

.footer_bottom {
    background-color: #050505;

    &>div {
        padding: 16px 0 !important;

        & p {
            color: white !important;
            font-size: 14px;
        }

        &>div {
            flex: unset !important;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 12px;
        }
    }

    /* .socials {
        gap: 24px;
        margin-top: 0 !important;
        & a {
            gap: 8px;
            align-items: center !important;
        }
        @media (max-width: 768px) {
            flex-wrap: wrap;
        }
    } */
    /* & > div:last-child {
        max-width: 140px;
        @media (max-width: 768px) {
            align-self: start;
        }
    } */
}