footer {
    background-color: var(--color-07);
    background: linear-gradient(225deg, rgba(22, 26, 23, 1) 0%, var(--color-07) 25%, var(--color-07) 50%, var(--color-07) 75%, rgba(22, 26, 23, 1) 100%);

    display: flex;
    flex-direction: column;
    gap: var(--space-xxxxl);

    padding: 0 calc(2 * var(--space-xxxxl)) var(--space-xxxxl) calc(2 * var(--space-xxxxl));

    margin-top: var(--space-xxxxl);
}

.footer-contacts {
    border: 1px solid var(--color-06);
    border-radius: var(--radius-l);

    box-shadow: 0px 0px 48px 0px rgba(10, 62, 40, 0.4);

    background-color: var(--color-07);

    display: flex;
    flex-direction: column;
    gap: var(--space-xxxl);

    padding: var(--space-m);

    margin-top: calc(0px - var(--space-xxxxl));
}

.footer-contacts > .c-title {
    color: var(--color-03);
}

.footer-contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxs);
}

.footer-contacts-wrapper > .c-link {
    width: max-content;
    
    color: var(--color-03);
}

.footer-main {
    display: flex;
    flex-direction: column;
    gap: var(--space-l);
}

.footer-main > .c-heading {
    color: var(--color-03);
}

.footer-main > p {
    width: 50%;

    color: var(--color-03);
}

.footer-main-links {
    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.footer-main-links > .c-link {
    color: var(--color-03);

    display: flex;
    align-items: center;
    gap: var(--space-m);
}

.footer-main-link-icon-wrapper {
    width: 16px;
    height: 16px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-main-link-icon-wrapper > img {
    height: 100%;
}

.footer-main > span,
.footer-main > span > a,
.footer-main > a {
    color: var(--color-05);
}

@media only screen and (max-width: 800px) {
    footer {
        padding: 0 var(--space-xxxxl) var(--space-xxxxl) var(--space-xxxxl);
    }
    
    .footer-main > p {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .footer-main-links {
        flex-direction: column;
        align-items: flex-start;
    }
}