/* Slideshow styles */
.slideshow-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 627px;
    z-index: 1;
    box-shadow: 0px -4px 10px #ffff00a8;
  }
  
  .slide {
    display: none;
    width: 100%;
    height: 100%; /* Set the slide height to match the slideshow container */
    animation-duration: 1s; /* Set the animation duration */
    position: absolute; /* Position slides absolutely */
  }
  
  .slide img {
    width: 100%;
    height: 100%; /* Set the image height to fill the slide */
    object-fit: cover; /* Resize the image to cover the entire slide */
    object-position: center; /* Center the image within the slide */
  }
  
  /* Button to explore inventory */
  .explore-btn {
    position: absolute;
    bottom: 30px; /* Adjust the distance from the bottom as needed */
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    background-color: #006400;
    color: #ffffff;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 2; /* Set z-index to be above the slides */
  }
  
  /* Slide animation */
  @keyframes slideIn {
    from {
      left: 100%;
    }
    to {
      left: 0;
    }
  }
  
  @keyframes slideOut {
    from {
      left: 0;
    }
    to {
      left: -100%;
    }
  }
  
  .slide.active {
    animation: slideIn 1s forwards;
  }
  
  .slide.previous {
    animation: slideOut 1s forwards;
  }