@import url('https://fonts.googleapis.com/css2?family=Kameron:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');




.kameron {
    font-family: "Kameron", serif;
    font-weight: 400;
    font-style: normal;
  }



.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.premium-selection-cards {
  perspective: 1000px;  
}

.mobile-menu-enter {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.mobile-menu-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.mobile-menu-exit {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
}
.mobile-menu-exit-active {
  transform: translateY(-100%);
  opacity: 0;
}