.custom-card-div{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap:20px;
  position: relative:
/*   background-color: pink; */
  
}
.custom-card-div a{
  text-decoration: none;
  color: inherit;
}

.custom-card-div .custom-card{
  display: flex;
  flex-direction: column;
/*   flex-wrap: wrap; */
  margin-top: 20px;
  position: relative;
/*   padding-bottom: 20px; */
}

.custom-card-div .hover-box {
  width: 100%;
  height: 100%;
  background:white;
  opacity: 0;
  position: absolute;
  transition: 0.2s;
  padding:20px;
  max-height: 100%;
  max-width:100%;
  overflow:hidden;
}

.custom-card-div .custom-card:hover .hover-box {
  opacity:0.8;
}

.custom-card-div .card-content{
  width:100%;
  height: 100%;
/*   padding: 20px; */
  display: flex;
  flex-direction: column;
  column-gap: 12px;
  justify-content: space-between;
}

.button-div{
  display: flex;
  width:100%;
/*   padding: 2rem; */
}

.custom-card-div .card-content p{
  margin-top: 0px;
}
/* .custom-card-div .card-content ul{
  padding-left: 20px;
} */

.custom-card-div .cc-header {
  width:100%;
/*   background-color: #f7f7f7; */
  padding: 20px;
/*   font-size: 2.8rem; */
/*   line-height: 3.5rem; */
  display: flex;
  flex-direction: column;
  row-gap:12px;
}

.custom-card-div .cc-header-divider {
  height: 3px;
  background: #00dc96;
  width: 30%;
 
}



.custom-card-div .custom-card .custom-list li {
  list-style-type: none;
  margin: 5px 10px; 
  background-repeat: no-repeat; 
  background-position: 0 5px; 
  background-size: 20px;
  padding-left: 40px; 
}

.custom-card-div .custom-card .custom-list ul {
    padding-left: 10px;
}

@media (min-width: 921px) {
  .custom-card-divider{
    display: none;
  }
}

@media (max-width: 920px) {
  .custom-card-div {
    flex-direction: column;
    gap: 20px;
		align-items: center;
		flex-wrap: initial;
  }
  
  .custom-card-div .custom-card {
    width: 95% !important;
  }
  
  .custom-card-div .custom-card .custom-list ul {
    padding-left: 0px;
  }
  
  .custom-card-divider{
    height: 1px;
    width: 100%;
  }
}

.custom-card-div .custom-card .custom-chip {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  height: fit-content;
}

.custom-card-div .custom-card .custom-chip > div{
  padding: 10px 12px;
}