.site-footer {
    margin-top: 34px;
    background: linear-gradient(180deg, #f2f8fc, #e9f3f9);
}

.footer__grid {
    display: grid;
    grid-template-columns: 1.45fr 0.78fr 1.15fr 1.15fr 1.2fr;
    gap: 0;
    padding: 42px 0 34px;
}

.footer__brand,
.footer__column {
    min-width: 0;
    padding: 0 28px;
    border-right: 1px solid #b9d4e6;
}

.footer__brand {
    padding-left: 0;
}

.footer__column:last-child {
    padding-right: 0;
    border-right: 0;
}

.footer__brand img {
    width: 220px;
    margin-bottom: 14px;
}

.footer__brand p {
    margin: 0;
    font-weight: 600;
}

.footer__column h2 {
    margin-bottom: 13px;
    color: var(--teal-dark);
    font-size: 1rem;
}

.footer__column h2:not(:first-child) {
    margin-top: 22px;
}

.footer__column p,
.footer-menu,
.footer-list {
    margin: 0;
    font-size: 0.88rem;
}

.footer-menu,
.footer-list {
    display: grid;
    gap: 8px;
    padding: 0;
    list-style: none;
}

.footer-menu a,
.footer-list a {
    text-decoration: none;
}

.footer-list li {
    display: flex;
    gap: 9px;
    align-items: center;
}

.footer-list li .footer-list__brand-icon {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    border-radius: 50%;
    color: var(--teal-dark);
    background: rgba(17, 153, 158, 0.1);
}

.footer-list__brand-icon .brand-icon {
    width: 13px;
    height: 13px;
}

.footer-list__brand-icon .ui-icon {
    width: 14px;
    height: 14px;
    stroke-width: 2;
}

.footer-list__brand-icon .brand-icon--telegram-contact {
    width: 15px;
    height: 15px;
}

.footer-list__brand-icon .brand-icon--viber {
    width: 14px;
    height: 14px;
}

.footer-list li .footer-list__brand-icon--phone {
    color: var(--teal-dark);
    background: rgba(17, 153, 158, 0.11);
}

.footer-list li .footer-list__brand-icon--email {
    color: #7354b7;
    background: rgba(115, 84, 183, 0.11);
}

.footer-list li .footer-list__brand-icon--telegram {
    color: #0088cc;
    background: rgba(0, 136, 204, 0.11);
}

.footer-list li .footer-list__brand-icon--viber {
    color: rgb(115, 96, 242);
    background: rgba(115, 96, 242, 0.11);
}

.footer-list li .footer-list__brand-icon--whatsapp {
    color: #2cb742;
    background: rgba(44, 183, 66, 0.11);
}

.footer__bottom {
    color: #fff;
    background: var(--teal);
}

.footer__bottom-inner {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    font-size: 0.78rem;
}

.footer__bottom p {
    margin: 0;
}

.footer__bottom a {
    text-decoration: none;
}
