footer {
    position: relative;
    width: 100%;
    height: 15.6rem;
}

footer .background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/public/images/backgroud-bottom.svg");
    background-size: cover;
}

footer .menu {
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: TranslateX(-50%);
    display: flex;
    margin: auto;
    width: 86%;
    gap: 2rem;
    flex-wrap: nowrap;
    justify-content: center;
}

footer .menu .item {

}

footer .menu a {
    color: var(--green-clr);
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: underline;
}