.market-banner-card{
    background-color: rgb(228, 35, 35);
    color: white;
    width: 400px;
    opacity: 0.8;
  }

  .white-btn{
    background-color: white;
    color: rgb(228, 35, 35);
    font-size: 18px;
    border: 1px solid rgb(213, 8, 8);
  }

  .white-border-btn{
    background-color: rgb(228, 35, 35);
    color: white;
    font-size: 18px;
    border: 1px solid white;

  }

.market-banner{
    background-image: url(../images/imgs/market.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    height: 350px;
    display: flex;
    align-items: center;
}


.market-card-image{
    width:100%;
    height: 200px;
}

.sell-steps{
    background-color: rgb(228, 35, 35);
}

.single-sell-step {
    display: flex;
    flex-direction: column;
    align-items: center;
   /* width: 250px;  */
    padding: 10px;
    margin-right: 20px;
    /* height: 290px; */
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: white;
}
.market-card-icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon{
    width: 60px;
    height: 60px;
}

.icone-gift-list{
    width: 80px;
}

.work-icon{
    width: 80px;
}

.border-top{
    border-top: 1px solid blue;
    padding-top: 30px;
}

.botao-big{
    /* background-image: linear-gradient(to bottom right, rgb(236, 183, 183), white); */
    background-color: white;
    border: 1px solid rgb(241, 104, 104);
    color: rgb(228, 35, 35);
    width: 210px;
    height: 80px;
}

.botao-big:hover{
    border: 1px solid rgb(235, 144, 144);
}

.vazio{
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 20px;
}
.right-border{
    border-left: 1px solid rgb(241, 104, 104) ;
}

.btn-red:hover{
    background-color: rgb(232, 58, 58);
}
.btn-red{
    background-color: rgb(228,35,35);
}

.more-info-btn{
    border: none;
    background-color: white;
   
}

.div-more-info{
height: 250px;
  padding-left: 10px;
  padding-right: 10px;
}

.gift-list-card{
    transition: all 0.3s ease-in-out;
    height: 250px;
}

.gift-list-card:hover{
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;
}

.lealdade-card{
    width: 24%;
    height: 220px; 
    margin-right: 12px;
    margin-bottom: 12px;
    background-color: white;
}

.imgGiftList{
    width: 220px; height: 230px;
}

.lista-card-gift{
    width: 220px;
    height: 300px;
} 

.content-card-gift{
    position: relative;
    background-color: rgb(240, 219, 219);
    /* background-color: antiquewhite; */
}

.lista-card {
    width: 220px;
    height: 250px;
    background-color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.lista-card .list-card-bottom {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}


.list-card-bottom{
    width: 110%;
    background-color: rgb(240, 219, 219);
}

@media only screen and (max-width: 576px){
    .lista-card {
        width: 45%ç
    }    
    .lealdade-card{
        width: 90%; 
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .lealdade-card{
        width: 47%; 
    }    
}

@media (min-width: 768px) and (max-width: 991px) {
    .lealdade-card{
        width: 31%; 
    }  
 }

@media (min-width: 992px) and (max-width: 1199px) {
    .lealdade-card{
        width: 23%; 
    }  
 }