.mq20-footer {
    position: relative;

    color: var(--c_neutral--white);
    background: var(--c_neutral--black);
}

.mq20-footer a {
    color: var(--c_neutral--300);
}

.mq20-footer a:hover {
    color: var(--c_brand--200);
    text-decoration: none;
}

.mq20-footer,
.footer-bottom {
    border-top: 1px solid var(--c_neutral--800);
}

.footer-navigation {
    padding: 100px 0;
}

.footer-top {
    display: flex;
    justify-content: space-between;

    margin-top: 80px;

    gap: 40px;
}

.footer-info,
.footer-info .box,
.footer-menus ul {
    display: flex;
    flex-direction: column;
}

.footer-info {
    gap: 24px;
}

.footer-info .box {
    gap: 6px;
}

.footer-info h4,
.footer-menus h4 {
    font-size: 18px;
    line-height: 26px;
}

.footer-info p,
.footer-menus li {
    font-size: 16px;
    line-height: 24px;
}

.footer-info h4 {
    margin-bottom: 4px;
}

.footer-info p,
.footer-bottom {
    color: var(--c_neutral--300);
}

.footer-menus {
    display: flex;

    gap: 80px;
}

.footer-menus h4 a {
    color: var(--c_neutral--white);
}

.footer-menus ul {
    margin-top: 16px;

    gap: 8px;
}

.footer__copyright {
    display: flex;
    align-items: center;
}

.footer-badges-items {
    display: flex;

    gap: 40px;
}

.footer-award a {
    display: block;
}

.footer-award img {
    max-width: 100%;
}

.footer-bottom {
    padding: 40px 0;
}

.footer-bottom .mq20-wrapper {
    display: flex;
    justify-content: space-between;
}

.footer__social {
    gap: 24px;
}

.footer__bottom-links {
    position: relative;

    margin-left: 24px;
    padding-left: 24px;

    display: flex;
    gap: 24px;
}

.footer__bottom-links:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 1px;
    height: 100%;

    content: '';

    background: var(--c_neutral--800);
}

.footer__social {
    display: flex;
    align-items: center;
}

.menu-social-footer-container ul {
    display: flex;

    gap: 20px;
}

.menu-social-footer-container a {
    display: block;

    width: 24px;
    height: 24px;

    text-indent: -999em;

    background-repeat: no-repeat;
    background-position: center;
}

.menu-social-footer-container .icon-linkedin a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-linkedin.svg");
}

.menu-social-footer-container .icon-x a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-x.svg");
}

.menu-social-footer-container .icon-clutch a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-clutch.svg");
}

.menu-social-footer-container .icon-facebook a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-facebook.svg");
}

.menu-social-footer-container .icon-dribbble a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-dribbble.svg");
}

.menu-social-footer-container .icon-behance a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-behance.svg");
}

.menu-social-footer-container .icon-instagram a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-instagram.svg");
}

.menu-social-footer-container .icon-medium a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-medium.svg");
}

.menu-social-footer-container .icon-youtube a {
    background-image: url("/wp-content/themes/wpmiquido/miquido20/img/logos/footer/logo_social_footer-youtube.svg");
}

.toTop {
    position: fixed;
    z-index: 10;
    right: 24px;
    bottom: 24px;

    opacity: 0;
}

.toTop.showed {
    opacity: 1;
}

.toTop.inverted {
    filter: invert(1);
}

.toTop a {
    width: 48px;
    height: 48px;
}

.toTop .toTop_icon {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    transition: all var(--animations_duration);

    border-radius: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.toTop .toTop_icon svg {
    width: 24px;
    height: 24px;
}

.toTop .toTop_label {
    position: absolute;
    bottom: 0;

    width: 100%;

    transition: all var(--animations_duration);
    text-align: center;

    opacity: 0;
    color: var(--c_neutral--white);
}

.toTop:hover .toTop_icon {
    transform: translateY(-30px);

    background: var(--c_neutral--white);
}

.toTop:hover .toTop_label {
    opacity: 1;
}


@media screen and (max-width: 1024px) {
    .footer-navigation {
        padding: 40px 0;
    }

    .footer-top {
        flex-direction: column;

        margin-top: 40px;
    }

    .footer-info {
        position: relative;

        padding-bottom: 40px;
    }

    .footer-menus {
        flex-direction: column;

        gap: 16px;
    }

    .footer-info p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-menus li {
        font-size: 18px;
        line-height: 24px;
    }

    .footer-menus h4 {
        letter-spacing: var(--ls--s);

        font-size: 20px;
        line-height: 28px;
    }

    .footer-menus h4 a {
        position: relative;

        display: inline-block;
    }

    .footer-menus h4 a:after {
        position: absolute;
        top: 4px;
        right: -30px;

        display: block;

        width: 20px;
        height: 20px;

        content: '';
        transition: all var(--animations_duration);

        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.825 6.9126L10 10.7293L6.175 6.9126L5 8.0876L10 13.0876L15 8.0876L13.825 6.9126Z' fill='white'/%3E%3C/svg%3E");
    }

    .footer-menus h4 a:hover:after {
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.825 6.91211L10 10.7288L6.175 6.91211L5 8.08711L10 13.0871L15 8.08711L13.825 6.91211Z" fill="%23A498FE"/></svg>');
    }

    .footer-menus h4.menu-open a:after {
        transform: rotate(180deg);
    }

    .footer-menus ul {
        display: flex;

        height: 0;

        opacity: 0;
    }

    .footer-badges-items {
        display: grid;

        width: 100%;

        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
        row-gap: 16px;
    }

    .footer-info:after {
        position: absolute;
        bottom: 0;
        left: -24px;

        width: 100vw;
        height: 1px;

        content: '';

        background: var(--c_neutral--800);
    }

    .footer-badges-items {
        padding-top: 40px;
    }

    .footer-badge {
        text-align: center;

        img {
            max-width: 90px;
        }
    }

    .footer-bottom .mq20-wrapper {
        flex-direction: column-reverse;

        gap: 40px;
    }

    .footer__social {
        flex-direction: column;
    }

    .menu-social-footer-container ul {
        flex-wrap: wrap;
        justify-content: center;

        column-gap: 40px;
    }

    .footer__copyright {
        flex-direction: column;
        gap: 24px;
    }

    .footer__bottom-links {
        margin-left: unset;
        padding-left: unset;
    }

    .footer__bottom-links:before {
        content: unset;
    }
}