.app-footer {
    flex: 0 0 auto;
    background: #3a3a3a;
    color: #d8d8d8;
    padding: 8px var(--top-region-pad-x);
}

.app-footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.app-footer-text {
    text-align: center;
}

.app-footer-line {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
}

.app-footer-logo {
    display: block;
    flex: 0 0 auto;
}

.app-footer-logo-gerenuk {
    height: 28px;
}

.app-footer-logo-tecalliance {
    height: 26px;
}