.footer-pi-top {
    width: 100%;
    min-height: 162px;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr) 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--color-primary-blue);
    padding: var(--space-none) 5vw;
}

.footer-pi-top-left img {
    max-width: 130px;
}

.footer-pi-top-center {
    align-self: end;
}

.footer-pi-top-right {
    text-align: right;
}

.footer-pi-top-right > * {
    margin-left: 4vw;
}


/* responsive */

.phone .footer-pi-top {
    grid-template-columns: 1fr;
    grid-row-gap: 16px;
    padding: 2rem 5vw;
}

.phone .footer-pi-top-right {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.phone .footer-pi-top-right > * {
    margin-left: unset;
    object-fit: contain;
    max-width: 11vmax;
}