footer {
    position: relative;
    overflow: hidden;
}

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

footer a {
    color: var(--color-light) !important;
}

footer .picto {
    width: 40px !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.4s ease;
}

footer .picto i {
    transition: color 0.4s ease;
}

footer .picto:hover {
    background-color: var(--color-light) !important;
}

footer .picto:hover i {
    color: var(--color-primary) !important;
}

@media screen and (max-width: 768px) {
    footer {
        margin-top: 80px;
    }

    footer p {
        text-align: start !important;
    }

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

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