.__footer {
    margin-top: auto;
}

.__footer-inner {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 52px;
    grid-row-gap: var(--space-xs);
    background: var(--v3-dark);
    padding: var(--space-md) 5% 0 5%;
}

.__footer-detail {
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--space-xs);
}

.__footer-text {
    max-width: 565px;
    color: var(--v3-white);
}

.__footer-social {
    display: flex;
    align-items: center;
    grid-column-gap: 24px;
}

.__footer-nav-list {
    display: flex;
    flex-direction: column;
    grid-row-gap: 8px;
}

.__footer-nav-list li a {
    color: var(--v3-white);
    transition: opacity 300ms ease;
}

.__footer-nav-list li a:hover {
    opacity: .8;
}

.__footer-contact {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-row-gap: 14px;
}

.__footer-contact p {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 6px;
}

.__footer-contact a {
    color: var(--v3-white-2);
    transition: opacity 300ms ease;
}

.__footer-contact a:hover {
    opacity: .8;
}

.__footer-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 40px;
    grid-row-gap: 12px;
    background: var(--v3-dark);
    padding: clamp(24px, 4vw, 40px) 5% 24px 5%;
}

.__nav-secondary-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column-gap: 24px;
}

.__nav-secondary-list li a {
    color: var(--v3-white);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    transition: opacity 300ms ease;
}

.__nav-secondary-list li a:hover {
    opacity: .8;
}

.__copyright {
    color: var(--v3-white);
    font-family: var(--ff-satoshi);
    font-weight: 500;
}

@media only screen and (max-width: 1199px) {
    .__footer-inner {
        flex-direction: column;
    }

    .__footer-info {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .__nav-secondary-list {
        flex-direction: column;
        grid-row-gap: 12px;
    }
}
