/*==================================================
            PRODUCTS SECTION
==================================================*/

.nf-products{
    padding:10px 0;
    background:#ffffff;
}

.nf-products .section-subtitle{
    color:#76b82a;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:10px;
}

.nf-products .section-title{
    font-size:46px;
    font-weight:700;
    color:#222;
    margin-bottom:18px;
}

.nf-products .section-desc{
    font-size:18px;
    color:#666;
    margin-bottom:60px;
    max-width:900px;
}

/*==================================================
                GRID
==================================================*/

.products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

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

.product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

    border-top:5px solid #76b82a;

}

.product-card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

/*==================================================
            IMAGE AREA
==================================================*/

.product-image{

    width:100%;

    height:240px;

    overflow:hidden;

    background:#f8f8f8;

}

.product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    display:block;

    transition:.5s;

}

.product-card:hover .product-image img{

    transform:scale(1.08);

}

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

.product-content{

    padding:28px;

}

.product-content h3{

    font-size:30px;

    font-weight:700;

    color:#222;

    margin-bottom:18px;

    line-height:1.2;

}

.product-content p{

    color:#666;

    font-size:16px;

    line-height:1.8;

    margin-bottom:25px;

}

.product-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#76b82a;

    text-decoration:none;

    font-weight:700;

    font-size:17px;

    transition:.3s;

}

.product-link:hover{

    color:#4b8f15;

}

.product-link i{

    transition:.3s;

}

.product-link:hover i{

    transform:translateX(6px);

}