/* ======================================================
   Architecture Website Framework
   Cards CSS
======================================================*/


.card{

    background:var(--surface);

    border-radius:var(--radius);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-md);

}


/*==========================================
CARD IMAGE
==========================================*/

.card-image{

    overflow:hidden;

}

.card-image img{

    transition:.6s;

}

.card:hover img{

    transform:scale(1.05);

}


/*==========================================
CARD CONTENT
==========================================*/

.card-content{

    padding:30px;

}

.card-title{

    font-family:var(--heading-font);

    font-size:32px;

    margin-bottom:15px;

}

.card-text{

    line-height:1.8;

    color:var(--text-light);

}