.tb-footer {
    background-color: var(--tb-color-blue-800);
    color: var(--tb-color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--tb-spacing-100) var(--tb-spacing-60);
}

.tb-footer-content {
    width: 100%;
    max-width: var(--tb-breakpoint-medium);
    display: flex;
    flex-wrap: wrap;
    gap: var(--tb-spacing-30);
}

.tb-footer-logo-container {
    width: 100%;
}

.tb-footer-logos,
.tb-footer-inner,
.tb-footer-socials,
.tb-footer-credit {
    width: 100%;
    max-width: calc((100% - var(--tb-spacing-30)) / 2);
}

.tb-footer-inner {
    display: flex;
    flex-direction: column;
    gap: var(--tb-spacing-40);
}

.tb-footer-logo {
    fill: var(--tb-color-white);
    width: 100%;
    max-width: 268px;
}

.tb-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tb-spacing-20);
}

.tb-footer-social-icon {
    width: 40px;
    height: 40px;
}

.tb-footer-social-icon svg {
    width: 100%;
    height: 100%;
    fill: var(--tb-color-blue-500);
}

.tb-footer-social-icon:hover svg,
.tb-footer-social-icon:focus svg {
    fill: var(--tb-color-blue-200);
}

.tb-footer-caa {
    fill: var(--tb-color-white);
    width: 84px;
    height: 84px;
}

.tb-footer-caa-text {
    width: 100%;
    max-width: 158px;
}

.tb-footer-abtot {
    fill: var(--tb-color-white);
    stroke: var(--tb-color-white);
    width: 167px;
    height: 78px;
}

.tb-footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tb-spacing-20) var(--tb-spacing-40);
    align-items: center;
}

.tb-footer-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tb-spacing-20);
}

.tb-footer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--tb-spacing-20);
}

.tb-footer-address {
    font-style: normal;
}

.tb-footer-credit {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .tb-footer {
        padding: var(--tb-spacing-50) var(--tb-spacing-20) calc(var(--tb-btn-size-medium) + var(--tb-spacing-20) * 2)
            var(--tb-spacing-20);
    }

    .tb-footer-logo-container {
        order: 0;
        display: flex;
        justify-content: center;
    }

    .tb-footer-socials {
        order: 1;
        justify-content: center;
    }

    .tb-footer-inner {
        order: 2;
    }

    .tb-footer-info {
        order: 0;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .tb-footer-nav {
        order: 1;
        flex-direction: column;
        align-items: center;
    }

    .tb-footer-logos,
    .tb-footer-inner,
    .tb-footer-socials,
    .tb-footer-credit {
        max-width: 100%;
    }

    .tb-footer-logos {
        order: 3;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .tb-footer-credit {
        order: 4;
        justify-content: center;
    }
}