.cards-list_main {
  z-index: 0;
  flex:none;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;  
  width: auto;
}
.row_cards{
    margin: 0px !important;
}
.title-white_main h4{
  color: white;
}
.title-white_main {
    color: white;  
    position: absolute;   
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); 
    color: #f1f1f1;
    width: inherit;   
}
.a_card{
  width: auto;
  padding-right: 0px;
  padding-left: 0px;  
}
.card_main {
  margin: 10px;
  width: 10.6rem;
  height: 16rem;  
  border-radius: 5px;
  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}
.card_main .card_image_main {
  width: inherit;
  height: inherit;
  border-radius: 5px;
}
.card_main .card_image_main img {
  width: inherit;
  height: inherit;
  border-radius: 5px;
  object-fit: cover;
}
.card_main .card_title_main {
  text-align: center;
  border-radius: 0px 0px 0px 0px;
  font-family: sans-serif;  
  font-size: 1.2rem;
  margin-top: -3.6rem;  
}
.card_main:hover {
  transform: scale(1.15, 1.15);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}


.card_main_top {
  margin: 10px;
  width: 10.6rem;
  height: 16rem;  
  border-radius: 5px;
  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}
.card_main_top .card_image_main {
  width: inherit;
  height: inherit;
  border-radius: 5px;
}
.card_main_top .card_image_main img {
  width: inherit;
  height: inherit;
  border-radius: 5px;
  object-fit: cover;
}
.card_main_top .card_title_main {
  text-align: center;
  border-radius: 0px 0px 0px 0px;
  font-family: sans-serif;  
  font-size: 1.2rem;
  margin-top: -3.6rem;  
}
.card_main_top:hover {
  transform: scale(1.15, 1.15);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}


.card_main_dest {
  margin: 10px;
  width: 10.6rem;
  height: 16rem;  
  border-radius: 5px;
  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
  cursor: pointer;
  transition: 0.4s;
}
.card_main_dest .card_image_main {
  width: inherit;
  height: inherit;
  border-radius: 5px;
}
.card_main_dest .card_image_main img {
  width: inherit;
  height: inherit;
  border-radius: 5px;
  object-fit: cover;
}
.card_main_dest .card_title_main {
  text-align: center;
  border-radius: 0px 0px 0px 0px;
  font-family: sans-serif;  
  font-size: 1.2rem;
  margin-top: -3.6rem;  
}
.card_main_dest:hover {
  transform: scale(1.15, 1.15);
  box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}

@media all and (max-width: 400px) {
  .card-list_main {
    flex-direction: column;
  }
}
@media screen and (min-width: 520px) {
  .card_main_top {
    margin: 10px;
    width: 15.9rem;
    height: 24rem;  
    border-radius: 5px;
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: 0.4s;
  }
  .card_main_dest {
    margin: 10px;
    width: 13.8rem;
    height: 20.8rem;  
    border-radius: 5px;
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: 0.4s;
  }

}