.footer {
    background-color: #262B31;
    background-image: radial-gradient(#3a3f45 2px, transparent 2px);
    background-size: 25px 25px;
    width: 100%;
    color: white;
    border-top: #FFCC00 1px solid;
    font-family: 'Outfit', sans-serif;
    font-weight: 200;
    font-size: 1.2rem;
}


.footer-content {
    padding: 4.5% 5.5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.footer-logo-slogan {
    color: #FF3B30;
    font-size: 1.2rem;
    margin-top: 0.25rem;
}

.footer-links {
    display: flex;
    gap: 3rem;
}

.footer-column h3 {
    color: #FF3B30;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: inherit;
    font-size: 2rem;
}

.footer-column ul {
    list-style: none;
    padding-inline-start: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.footer-right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}

.footer-social p,
.footer-payment p {
    margin-bottom: 0;
    font-size: 1.5rem;
}

.social-icons {
    display: flex;
    margin-top: 1rem;
    gap: 2rem;
}

.social-icons i {
    font-size: 2.5rem;
    color: #FF3B30;
    cursor: pointer;
}

.footer-selects {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-selects div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-selects label {
    display: inline-block;
    width: 90px;
}

.footer-selects select {
    font-weight: 300;
    background-color: #090909;
    color: #FFCC00;
    border: 1px solid #FFCC00;
    padding: 0.8rem 1.2rem;
    border-radius: 2rem;
    font-size: 1rem;
    width: 50%;


    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23FFCC00'%3E%3Cpath d='M31.5 192.5c6.2-6.2 16.4-6.2 22.6 0L160 298.5l105.9-106c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-117.2 117c-6.2 6.2-16.4 6.2-22.6 0L31.5 215.1c-6.2-6.2-6.2-16.4 0-22.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}

@media (max-width: 750px) {

    .footer-content {
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
    }

    .footer-left,
    .footer-right {
        width: 100%;
        text-align: center;
    }

    .footer-links {
        flex-direction: column;
        align-items: center;
    }

    .footer-column ul {
        align-items: center;
        padding-inline-start: 0rem;
    }

    .social-icons {
        flex-flow: wrap;
    }

    .footer-links {
        flex-flow: wrap;
        flex-direction: column;
    }

    .payment-icons img {
        width: 280px;

    }

    .footer-selects {
        width: 100%;
        align-items: center;
    }

    .footer-selects div {
        width: 100%;
    }

    .footer-selects select {
        width: 100%;
        max-width: 178px;
    }

    .social-icons i {
        width: 47px;
    }

}