/* Products Page Specific Styles */

/* Hero section */
.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/hero3.jpg');
    background-size: cover;
    background-position: center;
    color: var(--white);
    padding: 200px 0;
    text-align: center;
    margin-bottom: 40px;
}

.products-section {
    padding: 5rem 0;
}

.products-section .card-body {
    padding: 1.5rem;
}

.products-section img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}