footer {
    background-color: var(--black-soft);
    padding: clamp(20px, 4vw, 44px) 0;
    min-height: clamp(150px, 18vw, 210px);
}

footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer .container .col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 50%;
    gap: clamp(10px, 2vw, 20px);
    color: white;
}

footer .container .col .footer-logo {
    display: block;
    max-width: clamp(150px, 20vw, 237px);
}

footer .container .col .footer-logo img {
    object-fit: cover;
    width: 100%;
}

footer .container .col .info {
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 18px);
    max-width: clamp(300px, 40vw, 456px);
    padding-top: clamp(5px, 1vw, 10px);
}

footer .container .col.footer-contacts {
    padding-top: clamp(10px, 2vw, 20px);
}

footer .container .col.footer-contacts a {
    font-weight: 400;
    font-size: clamp(14px, 1.5vw, 18px);
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: white;
}

footer .container .col.footer-contacts a:last-child {
    text-decoration: underline;
}


@media  (max-width: 1024px) {
    footer .container {
        flex-wrap: wrap;
        padding: 50px 20px;
    }

    footer .container .col {
        width: 100%;
    }
}