.site-footer {
    background: var(--black);
    color: var(--white);
    padding: calc(var(--spacing-sm) * 2) 0 0;
}

.site-footer-columns {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    row-gap: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
}

.site-footer-columns .col {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;

    @media (min-width: 480px) {
        flex-basis: calc(50% - var(--spacing-sm) / 2);
    }

    @media (min-width: 960px) {
        flex-basis: calc(100% / 4 - var(--spacing-sm) * 4 / 3);
    }
}

.footer_logo {
    padding-bottom: var(--spacing-xxs);
}

.footer_logo img {
    max-width: 199px;
    aspect-ratio: 199/40;
}

.footer_logo_slogan {
    font-weight: 400;
    font-size: var(--font-size-small);
    line-height: calc(var(--font-size-small) * 1.4);
}

footer .widget-title {
    padding: 0;
    margin: 0;
    font-size: var(--font-size-big);
    font-weight: 600;
    line-height: calc(var(--font-size-big) * 1.5);
    padding-bottom: var(--spacing-xxs);
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer ul li {
    padding-bottom: var(--spacing-xxs);
}

footer ul li a {
    color: var(--white);
    text-decoration: none;
    font-size: var(--font-size-normal);
    font-weight: 400;
    line-height: calc(var(--font-size-normal) * 1.5);
}

.footer_contact ul li {
    display: flex;
    gap: 8px;

}

.footer_contact ul li span {
    display: block;
}

.footer_contact ul li span span {
    display: block;
    padding-bottom: var(--font-size-smallest);
}

.footer_contact ul li span span:last-child {
    padding-bottom: 0;
}

.footer_made .container {
    border-top: 1px solid var(--white);
    padding: var(--spacing-sm) 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_made .container ul{
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--spacing-md);
}

.footer_made .container ul li{
    padding-bottom: 0;
}