/* Style for carousel images */
  .carousel-inner img {
    width: 500px;  /* Set the width of the images */
    height: 600px; /* Set the height of the images */
    object-fit: contain; /* Ensure the image covers the entire area without distortion */
    border-radius: 8px; /* Optional: Add rounded corners to the images */
  }

  .carousel-inner video {
    width: 500px;  /* Set the width of the images */
    height: 500px; /* Set the height of the images */
    object-fit: contain; /* Ensure the image covers the entire area without distortion */
    border-radius: 10px; /* Optional: Add rounded corners to the images */
  }

  /* Style for carousel control buttons */
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgb(0, 0, 0); /* Semi-transparent black background */
    border-radius: 50%; /* Make the button circular */
    padding: 10px; /* Add some padding */
  }

 
  /* Additional styling to move buttons outside */
  .carousel-control-prev,
  .carousel-control-next {
    width: 5%; /* Make the buttons smaller */
  }

  .carousel-control-prev {
    left: -5%; /* Move button to the left */
  }

  .carousel-control-next {
    right: -5%; /* Move button to the right */
  }