.hero-products-section {
      padding: 50px 0;
      background-color: #f8f9fa;
    }
  
    .hero-product-img {
      height: 400px;
      object-fit: cover;
      border-radius: 10px;
    }
  
    .carousel-caption {
      background: rgba(0, 0, 0, 0.6);
      padding: 20px;
      border-radius: 8px;
    }
  
    .carousel-caption h3 {
      color: #fff;
      font-size: 28px;
      font-weight: bold;
    }
  
    .carousel-caption p {
      color: #ddd;
      font-size: 16px;
      margin-bottom: 15px;
    }
  
    .carousel-caption .btn {
      background-color: #02f049;
      color: #fff;
      border: none;
    }
  
    .carousel-caption .btn:hover {
      background-color: #029f30;
    }