footer{
    background-color: #1B1D21;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Tenor Sans";
    gap: 3rem;
    color: white;
}

.payment-methods{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px 2rem;
    width: 100%;

    h4{
        background: linear-gradient(90deg,rgb(245, 144, 146) 0%, rgba(255, 255, 255, 1) 50%, rgba(70, 153, 255, 0.83) 100%);
        background-clip: text;
        text-align: center;
        width: 100%;
        font-size: 32.5px;
        color: transparent;
        font-weight: 700;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
}

.payment-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    background-color: white;
    border-radius: 1rem;
    gap: 0.5rem;
    transition: .3s ease-in;
    user-select: none;
    
    width: 15%;
    min-width: 180px;
    height: 217px;
    
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    h5{
        margin: 0px;
        font-size: 18px;
        font-weight: 600;
    }

    p{
        color: rgb(110, 110, 110);
        margin: 0px;
    }

    .img{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50%;
    }
}

.payment-card:hover{
    transform: scale(110%);
}

.visa{
    width: 90px;
    height: 35px;
}

.americanexpress{
    width: 80px;
    height: 80px;
}

.machbank{
    width: 75px;
    height: 75px;
    border-radius: 0.25rem;
}

.redcompra{
    width: 145px;
    height: 45px;
}

.mc-mp{
    width: 100px;
    height: 75px;
}

.contact{
    padding: 1rem 2rem;
    box-sizing: border-box;
    width: 100%;
    border-top: 2px solid rgba(84, 84, 84, 0.352);
    background-color: #1e1f2196;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    h6, p{
        margin: 0px;
    }

    .address, .number{
        h6{
            font-size: 17px;
            font-weight: 500;
        }

        p{
            font-size: 15px;
        }
    }
}

.icon{
    width: 25px;
    height: 25px;
    vertical-align:middle;
    margin-right: 10px;
}

.link{
    color: white;
    text-decoration: none;
}