.row.child_pages{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
 }

 .row.child_pages .column{
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    gap: 2rem;
    padding: 2rem 1rem;
    width: auto;
 }

 .row.child_pages .column .card{
    position: relative;
    width: 350px;
    height: 520px;            
    border-radius: 2rem;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: white;
    font-family: "freight-sans-pro", sans-serif !important;
    font-weight: bold;
    flex-shrink: 0;
    border: none;
 }
 .row.child_pages .column .card.color-1,
 .row.child_pages .column .card.color-1 .card-label{
    background-color: #004f59;
 }
 .row.child_pages .column .card.color-2,
 .row.child_pages .column .card.color-2 .card-label{
    background-color: #DB7B51;
 }
 .row.child_pages .column .card.color-3,
 .row.child_pages .column .card.color-3 .card-label{
    background-color: #CAB64B;
 }
 .row.child_pages .column .card .card-bg{
    /* position: absolute; */
    inset: 0;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    transition: transform 0.3s ease;
    height: 75%;
    z-index: 2;
    /* transform: translate(0px, -20%); */
    border-radius: 2rem;
    transition: all .2s ease-in-out;
    position: relative;
 }

 .row.child_pages .column .card .card-bg .card-bg-text{
    position: absolute;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 71%, rgba(0, 0, 0, 0.61) 100%);
    color: white;
    opacity: 0;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: flex-end;
    padding: 1.2rem 1rem;
    transition: all .2s ease-in-out;
    left: 0;
    bottom: -100%;
    height: 100%;
    text-align: center;
    width: 100%;
    justify-content: center;    
 }

 .row.child_pages .column .card .card-label{
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    /* padding: 1.2rem 1rem; */
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;  
    transition: all .2s ease-in-out;
    margin: 0 auto;
    width: 90%;
 }

 .row.child_pages .column .card:hover .card-bg{
    height: 100%;
 }

 .row.child_pages .column .card:hover .card-bg .card-bg-text{
    top: 0;
    opacity: 1;
 }
 .row.child_pages .column .card:hover .card-label{
    height: 0px;
    padding: 0;
 }