/* ==========================================
   PRODUCTS HERO
========================================== */



.products-hero{

    background:
    linear-gradient(rgba(13,71,161,0.75), rgba(0,166,81,0.65)),
    url("../assets/images/products/products-bg.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 650px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: white;

    padding: 120px 20px;

}

.products-hero h1{
    color:white;
    font-size:52px;
    margin-bottom:20px;
}

.products-hero p{
    color:white;
    font-size:20px;
}

/* ==========================================
   PRODUCT CATEGORY
========================================== */

.product-category{
    padding:90px 0;
    background:white;
}

.product-category.light{
    background:#F5F7FA;
}

.product-category h2{
    text-align:center;
    margin-bottom:50px;
}

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

.products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

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

.product-card{
    background:white;
    padding:35px;
    border-radius:12px;
    box-shadow:var(--shadow);
    transition:.3s;
    text-align:center;
}

.product-card:hover{
    transform:translateY(-8px);
}

.product-card h3{
    color:var(--primary);
    margin-bottom:15px;
}

.product-card p{
    margin-bottom:25px;
}