.footer {
    margin: 70px 0 0 0;
    background-color: var(--bg-f-light);
}

.footer__body {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.footer__contact {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.footer__item {
    flex: 1 1 260px;
    max-width: 260px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__logo img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.footer__title {
    font-size: var(--fs-md);
    color: var(--color-t-light);
    line-height: var(--lh-md);
    font-weight: var(--fw-r);
}

.footer__text {
    font-weight: var(--fw-b);
    color: var(--color-t-secondary);
}

@media (max-width: 991px) {
    .footer__body {
        flex-direction: column;
    }

    .footer__title {
        font-size: var(--fs-sm);
    }

    .footer__text {
        font-size: var(--fs-sm);
    }
}

@media (max-width: 768px) {
    .footer {
        margin: 30px 0 0 0;
    }

    .footer__contact {
        flex-direction: column;
        gap: 16px;
    }

    .footer__item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}