.footerHolder {
    height: var(--footerHeight);

    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;

}



.logoSection {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: var(--margin-main);
}

.logoElem {
    width: 100%;
    max-width: 400px;
}

.logoElem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer {
    padding: var(--margin-main);
    display: flex;
    flex-direction: column;
    gap: var(--margin-small);
}

.footerElem a {
    font-size: var(--font-size-s);
}

.footerSection {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    gap: var(--margin-small);
    font-size: var(--font-size-xs);

    flex-wrap: wrap;
}