.site-footer {
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:center;
    margin:0;
    padding:50px 15px;
    max-width:100vw!important;
    box-shadow:var(--vc_box_shadow);
    color:var(--vc_black);
    background:var(--vc_white);
    flex-direction:column;
    gap:50px;
    font-family:"Aspekta", "Inter", sans-serif;
}

.game-mode .site-footer{
    color:var(--vc_white);
    background:var(--vc_black);
}

.site-footer-inner{
    display:flex;
    width:100%;
}

.footer-info {
    display:flex;
    width:100%;
    flex-direction:column;
    max-width:700px;
}

.footer-logo {
    display:flex;
    width:100%;
    justify-content:flex-start;
}

.footer-logo svg {
    width:100%;
    object-fit:contain;
    max-height:40px;
    fill:var(--vc_black);
}

.game-mode .footer-logo svg {
    fill:var(--vc_white);
}

.footer-description {
    display:flex;
}

.footer-description span{
    padding:1.5em 0;
    line-height:1.75em;
}

.footer-socials {
    display:flex;
    flex-direction:row;
    gap:8px;
}

.footer-socials-item{
    opacity:0.4;
}

.footer-socials-item:hover{
    opacity:1;
    animation: floatUpDown 1.5s ease-in-out;
    animation-iteration-count:infinite;
}

.footer-socials-item svg {
    display:block;
    width:100%;
    height:100%;
    max-width:30px;
    max-height:30px;
    fill:var(--vc_black);
}

.game-mode .footer-socials-item svg {
    fill:var(--vc_white);
}

@keyframes floatUpDown {
    0% {
        transform:translateY(0px);
    }

    50% {
        transform:translateY(-5px);
    }

    100% {
        transform:translateY(0px);
    }
}

.footer-links {
    display:flex;
    width:100%;
    justify-content: flex-end;
    gap:30px;
}

.footer-navigation,
.footer-account {
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:120px
}

.footer-links-label{
    font-weight:700;
}

a.footer-links-item {
    color:var(--vc_black);
    background:rgba(12,12,12,0);
    padding:4px 0;
    border-radius:4px;
}

.game-mode a.footer-links-item {
    color:var(--vc_white);
}

a.footer-links-item:hover{
    background:rgba(12,12,12,0.1);
    padding:4px 0 4px 8px;
}

.site-footer-copyright {
    display:flex;
    width:100%;
    justify-content: center;
}

@media screen and (max-width:768px){
    .site-footer {
        gap:30px;
        text-align: center;
    }

    .site-footer-inner{
        flex-direction:column;
        gap:30px;
    }

    .footer-logo{
        justify-content: center;
    }

    .footer-socials {
        justify-content: center;
    }

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