.carousel-item img {
  height: 500px;        
  width: 100%;         
  object-fit: cover;    
}


.carousel-caption {
  background: rgba(0,0,0,0.5); 
  padding: 10px;
  border-radius: 5px;
}




.card {
  height: 380px;       
}

.index-card {
  width: 100%;
  height: 200px;       
  object-fit: cover;   
}



.product-card img {
  width: 100%;          
  height: 250px;       
  object-fit: cover;    
  border-radius: 5px;   
}


.card {
  height: 350px;       
  margin-bottom: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border: none;
}

.product-img {
  width: 100%;
  height: 200px;         
  object-fit: cover;    
  
}


.card-body {
  text-align: center;
  padding: 10px;
}


.card-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
}