.museumSlide{
  margin-top: 18vh;
  width: auto;
  height: 50vh;
  overflow: hidden;
  margin-bottom: 2vh;
}

.cardSlide{
    height: 60vh;
width: 100%;

}


.museumImg{
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none; /* Remove default arrow */
  width: 2rem;
  height: 2rem;
  border: solid rgb(0, 0, 0);
  border-width: 0 4px 4px 0;
  padding: 5px;
  display: inline-block;
}

.carousel-control-prev-icon {
  transform: rotate(135deg);
}

.carousel-control-next-icon {
  transform: rotate(-45deg);
}

.cardImg{
  height: 160px;
  object-fit: contain;
}


.card-text{
  font-size: 12px;
  color: black;
  height: 50px;
}

.btn{
  margin-top: 70px;
}

.heroSection{
  height: 30vh;

}