.main-footer {
    margin-top: 80px;
    background: #151c36;
    padding: 20px;
}

.inner-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}


.social-media-wrap {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    width: 100%;
    padding: 0px 5px;
    max-width: 490px;
    justify-content: center;
    margin: auto;
}

.social-icons {
    display: block;
    width: 24px;
    height: 30px;
    background: url(../images/social-icons.svg) no-repeat;
    background-position-y: 0px;
    cursor: pointer;
}

.support-icon:hover mask + path, .support-icon:hover circle{
    fill: var(--textHover);
}
    .support-icon:hover circle:has(stroke) {
        stroke: var(--textHover);
    }

    .icon-facebook {
        background-position-x: -3px;
    }

.icon-twitter-x {
    background-position-x: -54px;
}

.icon-linkedin {
    background-position-x: -152px;
}

.icon-youtube {
    background-position-x: -196px;
    width: 32px;
}

.icon-window {
    background-position-x: -100px;
    width: 30px;
}

.icon-playstore {
    background-position-x: -300px;
    width: 26px;
}

.icon-iosstore {
    background-position-x: -250px;
}

.social-icons:hover {
    filter: brightness(0) invert(1);
}

.foot-item-link {
    font-size: var(--fontSize);
    opacity: 0.8;
    cursor: pointer;
    color: var(--textBtn);
}

    .foot-item-link:hover {
        opacity: 1;
    }

.footer-links {
    display: flex;
    gap: 10px;
    flex-flow: row wrap;
    justify-content: center;
    max-width: 920px;
    margin: auto;
}

.copyright {
    font-size: var(--fontSize);
    opacity: 0.6;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #363636;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    color: var(--textBtn);
}

@media only screen and (max-width: 400px) {
    .social-media-wrap {
        gap: 12px;
    }
}