.footer__container {
    background: linear-gradient(
        #000000 0%,
        #6633EE 59%,
        white 110%
    );
}

.footer__content {
    display: flex;
    flex-direction: row;
    padding: 2em 13% 2.5em;
    justify-content: space-between;
}

.footer__container img {
    width: 100%;
}

.footer__navigation {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.footer__imgs {
    flex-wrap: wrap;
    align-items: end;
    display: flex;
    flex-direction: row;
    gap: 2em;
}

.footer__imgs img {
    height: 60px;
    width: auto;
}

.footer__bottom {
    padding: 2.2em 13%;
    color: white;
    background-color: black;
    display: flex;
    justify-content: space-between;
}

.footer__nav-links {
    display: flex;
    gap: 0.7em;
    font-size: 1.5em;
}

.footer__nav-links a{
    color: white;
    text-decoration: none;
}

.footer__nav-links a:hover {
    cursor: pointer;
    color: #664DFF;
}

.footer__links {
    display: flex;
    gap: 1em;
}

.footer__links a{
    color: white;
    text-decoration: none;
}

.footer__links a:hover{
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 1750px) {
    .footer__content {
        gap: 2em;
        flex-direction: column;
    }
}

@media (max-width: 1300px) {
    .footer__content {
        padding: 1.5em 5% 2.5em;
    }

    .footer__bottom {
        padding: 2.2em 5%;
    }

    .footer__imgs img {
        height: 40px;
    }
}

@media (max-width: 600px) {
    .footer__container {
        background: linear-gradient(
            #000000 0%,
            #6633EE 89%,
            white 110%
        );
    }

    .footer__container {
        padding-top: 2em;
    }

    .footer__content {
        padding: 1em 5%;
        gap: 0.6em;
    }

    .footer__nav-links {
        font-size: 0.9em;
        flex-wrap: wrap;
    }

    .footer__imgs {
        margin-top: 1em;
        gap: 0.5em;
    }

    .footer__imgs img {
        height: 30px;
    }

    .footer__bottom {
        flex-direction: column;
        gap: 0.5em;
        padding: 1em 5%;
        font-size: 0.8em;
    }
}