footer {
    min-height: 330px;
    padding: 3%;
    position: relative;
}



footer .logo{
    width: 81px;
}
footer::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    background: radial-gradient(101.4% 61.3% at 13.4% 0%, var(--blue) -173%, rgb(93, 130, 255, 0%) 86.29293355855856%, rgb(235, 239, 255, 0%) 200%);
}

.logoWrapper {
    display: flex;
    flex-direction: column;
    gap:10;
    height: 100%;
    justify-content: space-between;
}

.logoWrapper p {
    max-width: 300px;
}

.sectionTitle {
    font-size: 22px;
    font-weight: 500;
    color: var(--white);
    margin: 0;
    margin-bottom: 10px;
}

.listLink {
    color: var(--light-blue);
    padding: 0;
    list-style: none;
}

.listLink li {
    padding: 10px 0;
    color: grey;
}

.socials {
    list-style: none;
    display: flex;
    gap: 10px;
    padding: 0;
}

.socials li a {
    display: block;
    width: fit-content;
}

.socials li i {
    font-size: 22px;

    color: var(--white);
}

.offices {
    flex-wrap: wrap;
}

.offices .office {
    width: 300px;
}