footer {
    position: relative;
    overflow: hidden;
}

footer .separator-block {
    width: 50px !important;
}

footer .separator-block.full {
    width: 100% !important;
}

footer a {
    color: var(--color-light) !important;
    transition: color 0.4s ease;
}

footer a:hover {
    color: var(--color-primary-dark) !important;
}

footer .title p {
    font-size: 24px !important;
    opacity: 0.7;
}

footer .icon {
    width: 42px !important;
    height: 42px !important;
}

footer .icon a {
    display: flex;
}

@media screen and (max-width: 1024px) {
    footer p {
        text-align: center !important;
    }

    footer .image-block {
        justify-content: center !important;
    }

    footer .footer-cols>.container-fluid {
        gap: 20px !important;
    }
}