.ablity-card{
    background-color: white;
    flex: 1;
    padding: 0.45rem 0.5rem 0.5rem 0.5rem;
    text-align: left;
    border-radius: 0.1rem;
    border: 1px solid #eaeaea;
    overflow: hidden;
    
}

.ablity-card:hover{
    box-shadow: 0px 0px 0.2rem 0 rgba(11,16,51,0.2)
}

.ablity-card img{
    margin-bottom: 0.5rem;
}

.card-title{
    color: rgb(11, 16, 51);
    font-family: PuHuiFontRegular;
    font-weight: bolder;
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
    line-height: 150%;
}
.card-section a:hover .card-title, .card-section a:hover .card-content{
    text-decoration: none;
}

.card-content{
    color: rgba(106, 122, 141, 0.8);
    font-family: PuHuiFontLight;
    font-size: 0.22rem;
}

.card-padding{
    padding-bottom: 0.8rem;
}

.card-content p{
    margin-top: 0;
    line-height: 200%;
    margin-bottom: 0.28rem;
}

.card-content a{
    text-decoration: none;
    color: rgb(106, 122, 141);
}

.hidden{ 
    display:none; 
}