.footer {
    width: 100%;

    padding: 70px 70px 25px 70px;

    background-color: rgb(5, 5, 5);

    border-top: 1px solid rgb(34, 34, 34);
}


.footer-top {
    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr;

    gap: 50px;

    padding-bottom: 70px;
}


.footer-logo {
    font-size: 26px;

    font-weight: bold;

    letter-spacing: 2px;

    transition: 0.3s;
}

.footer-logo:hover {
    opacity: 0.7;
}

.footer-brand p {
    margin: 15px 0 0 0;

    font-size: 14px;

    color: rgb(119, 119, 119);
}


.footer-column {
    display: flex;

    flex-direction: column;

    gap: 14px;

    transition: 0.3s;
}

.footer-column a:hover {
    color: white;
}

.footer-column h3 {
    margin: 0 0 10px 0;

    font-size: 14px;

    font-weight: 500;

    color: white;
}


.footer-column a {
    width: fit-content;

    color: rgb(119, 119, 119);

    text-decoration: none;

    font-size: 14px;

    transition: 0.3s;
}


.footer-column a:hover {
    color: white;
}


.footer-bottom {
    padding-top: 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: 1px solid rgb(34, 34, 34);
}


.footer-bottom p {
    margin: 0;

    font-size: 12px;

    color: rgb(85, 85, 85);
}


.footer-legal {
    display: flex;

    gap: 25px;
}


.footer-legal a {
    color: rgb(85, 85, 85);

    text-decoration: none;

    font-size: 12px;

    transition: 0.3s;
}


.footer-legal a:hover {
    color: white;
}