@import url("https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@100;300;400;500;600;700;900&display=swap");
body {
  font-family: "Poppins", sans-serif;
  transition: all 0.5s ease-out;
  box-sizing: border-box;
  scroll-behavior: smooth;
  background-color: #f5f5f5;
  height: 100dvh;
  scrollbar-width: 0;
}

.navbar-brand{
  width: 80px;
  border-radius: 24px;
}

.body-wrapper .img-wrapper{
  max-width: 600px;
}

.btn-book{
  background-color: #F7C4C9;
  font-weight: 500;
}

.body-wrapper .swiper-slide{
  max-width: 40em;
  overflow: hidden;
  border-radius: 15px;
  max-height: 20em;
}

.body-wrapper .swiper-slide .slide-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg-pink{
  background-color: #F7C4C9;
}

.text-pink{
  color: #F7C4C9;
}

.bg-grey{
  background-color: #ADA49B;
}

.schedule-box .schedule-desc{
  font-size: 14px;
}

.schedule-box:hover {
  background-color: rgb(231, 231, 231);
}

.packet-card{
  cursor: pointer;
}

.packet-card.active{
  background-color: #F7C4C9;
  color: white;
}

.packet-card:hover{
  background-color: #F7C4C9;
  color: white;
}

.btn-submit-book:hover{
  background-color: #F7C4C9;
  color: white;
}

.mobile-nav .icon-wrapper.active{
  color:#F7C4C9 ;
}

.mobile-nav .nav-icon{
  font-size: 16px;
}

.mobile-nav .nav-link{
  font-size: 14px;
}

.offcanvas .schedule{
  font-size: 14px;
}

.offcanvas .kuota-left{
  font-size: 13px;
}

.offcanvas .expired-desc{
  font-size: 11.5px;
}