/* Styling the banner */
  .banner {
    background-image: url('/images/banner-demo.png'); /* Replace 'your-image-url.jpg' with your image's URL */
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the background image */
    color: white; /* Text color on the banner */
    text-align: center;
    padding: 100px 0; /* Adjust as needed */
    height: 45vh;

  }

  
  .banner h1 {
    font-size: 3em;
    margin-bottom: 20px;
  }
  
  .banner p {
    font-size: 1.3em;
    
    color: white;
  }
  
  .product-carousal-area{
    margin-top: -260px;
  }