/*
|--------------------------------------------------------------------------
| HTM Cards
|--------------------------------------------------------------------------
*/

.htm-card{

    background:#FFFFFF;

    border-radius:24px;

    padding:40px;

    border:1px solid rgba(22,33,62,.06);

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:all .35s ease;

    height:100%;

}

.htm-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 55px rgba(0,0,0,.10);

}

.htm-dark-card{

    background:linear-gradient(135deg,#16213E,#0F3460);

    color:#FFFFFF;

    border-radius:24px;

    padding:40px;

    position:relative;

    overflow:hidden;

    height:100%;

}

.htm-dark-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    top:-80px;

    right:-80px;

}