.footer{
    position: relative
}

.footer-wrap{
    background: #00000080;
    height: 75px;
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden
}

.footer-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem
}

.footer-logo{
    width: 157px;
    height: 34px;
    background: url(../images/glsail-logo-white-DIfLlXAN.png) no-repeat center center;
    background-size: 100% 100%
}

.footer-line{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: #fff
}

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

.footer-nav a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: color .3s
}

.footer-info{
    display: flex;
    align-items: center;
    gap: 5px
}

.footer-info p{
    font-size: 14px;
    margin: 0;
    color: #c5c5c5
}

.footer-switcher{
    position: absolute;
    bottom: 24px;
    right: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 5px
}

@media (any-hover: hover) {
    .footer-wrap:hover {
        visibility:visible
    }

    .footer:has(.footer-wrap:hover) .footer-switcher .switch-icon{
        transform: rotate(180deg)
    }

    .footer-switcher:hover .switch-icon{
        transform: rotate(180deg)
    }

    .footer-switcher:hover+.footer-wrap{
        visibility: visible
    }
}

.switch-icon{
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,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) no-repeat center center;
    background-size: 100% 100%;
    transition: all .3s ease
}

.switch-text{
    color: #e7ddc5;
    font-size: 14px
}

@media (max-width: 11768px) {
    .footer-wrap{
        visibility:visible
    }

    .footer-switcher{
        display: none
    }

    .footer-logo{
        width: 7rem;
        height: 1.7rem
    }

    .footer-line{
        margin-left: 1rem
    }

    .container{
        padding: 0 .8rem
    }

    .footer-info p{
        font-size: .8rem
    }
}