/*!
 * GamudaLand.net UI Framework
 * File: 13-home-documents.css
 * Version: 1.0.0
 * Author: Kai
 */

/* ==================================
   HOME DOCUMENTS SECTION
================================== */

.home-documents,
.section-documents,
.section-tailieu{
    padding:90px 0;
    background:#fff;
}

.home-documents .section-title,
.section-documents .section-title{
    text-align:center;
    margin-bottom:48px;
}

.home-documents .section-title h2,
.section-documents .section-title h2{
    font-size:42px;
    font-weight:700;
    color:#1F2937;
}

.document-card,
.tailieu-item,
.document-item{
    background:#fff;
    border:1px solid #ECECEC;
    border-radius:24px;
    padding:28px;
    text-align:center;
    box-shadow:0 10px 28px rgba(0,0,0,.06);
    transition:all .35s ease;
    height:100%;
}

.document-card:hover,
.tailieu-item:hover,
.document-item:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 48px rgba(0,0,0,.14);
}

.document-card img,
.tailieu-item img,
.document-item img{
    width:72px;
    height:72px;
    object-fit:contain;
    margin:0 auto 18px;
}

.document-card h3,
.tailieu-item h3,
.document-item h3{
    font-size:22px;
    color:#1F2937;
    margin-bottom:12px;
    font-weight:700;
}

.document-card p,
.tailieu-item p,
.document-item p{
    color:#6B7280;
    line-height:1.8;
    margin-bottom:20px;
}

.document-card .button,
.tailieu-item .button,
.document-item .button{
    display:inline-block;
    padding:12px 24px;
    border-radius:999px;
    background:#C62828;
    color:#fff;
    font-weight:700;
    transition:.3s ease;
}

.document-card .button:hover,
.tailieu-item .button:hover,
.document-item .button:hover{
    background:#A91F24;
    transform:translateY(-2px);
}

@media(max-width:768px){

.home-documents,
.section-documents,
.section-tailieu{
    padding:56px 0;
}

.home-documents .section-title h2,
.section-documents .section-title h2{
    font-size:30px;
}

.document-card,
.tailieu-item,
.document-item{
    padding:20px;
    border-radius:18px;
}

}