/*!
 * GamudaLand.net UI Framework
 * File: 06-home-project-showcase.css
 * Version: 1.0.0
 * Build for: Flatsome + BatDongSan33
 */

/* ==========================================
   HOME PROJECT SHOWCASE
========================================== */

.section-projects,
.home-projects,
.section-du-an{
    padding:90px 0;
    background:#F7F8FA;
}

/* Tiêu đề */
.section-projects .section-title,
.home-projects .section-title{
    text-align:center;
    margin-bottom:50px;
}

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

.section-projects .section-title p,
.home-projects .section-title p{
    color:#6B7280;
    max-width:760px;
    margin:0 auto;
    line-height:1.8;
}

/* Grid */
.products,
.row.products{
    row-gap:36px;
}

/* Card spacing */
.product-small{
    margin-bottom:10px;
}

/* Hover */
.product-small:hover{
    z-index:20;
}

/* CTA dưới card */
.project-cta,
.home-projects .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    height:52px;
    border-radius:999px;
    background:#C62828;
    color:#fff;
    font-weight:700;
    transition:.3s ease;
    box-shadow:0 12px 28px rgba(198,40,40,.22);
}

.project-cta:hover,
.home-projects .button:hover{
    background:#A91F24;
    transform:translateY(-3px);
}

/* Xem tất cả */
.view-all-projects{
    text-align:center;
    margin-top:48px;
}

/* Divider */
.section-projects:after,
.home-projects:after{
    content:"";
    display:block;
    width:120px;
    height:4px;
    border-radius:999px;
    background:#C62828;
    margin:60px auto 0;
    opacity:.12;
}

/* Mobile */
@media(max-width:849px){

.section-projects,
.home-projects,
.section-du-an{
    padding:56px 0;
}

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

.section-projects .section-title{
    margin-bottom:32px;
}

.project-cta,
.home-projects .button{
    width:100%;
}

}