.products-section {
            text-align: center;
            padding: 50px 10%;
            background-color: #f9f9f9;
        }
        .section-title {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 20px;
        }
		
        .products-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
				
		.prod-container {
		  display: flex;
		  justify-content: center;
		  gap: 40px;
		  flex-wrap: wrap;
		  padding: 20px;
		}

		.product {
		  flex: 1 1 300px;
		  max-width: 400px;
		  text-align: center;
		}

        .product img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .product h3 {
            margin: 10px 0;
            font-size: 18px;
        }
        .btn {
            background-color: red;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
        }
        .btn:hover {
            background-color: darkred;
        }
		
		.product img {
			cursor: pointer;
			transition: transform 0.3s ease-in-out;
		}

		.product img:hover {
			transform: scale(1.05); /* Slight zoom effect on hover */
		}