:root{
  --teal: #2ec1ac;
  --teal_hover: #279e8c;
}

*{
  font-family: "Poppins", sans-serif;
}
.h-font{
  font-family: "Merienda", cursive;
}
.custom-bg{
  background-color: var(--teal);
  border: 1px solid var(--teal);
}
.custom-bg:hover{
  background-color: var(--teal_hover);
  border-color: var(--teal_hover);
}
.swiper {
  width: 100%;
  height: 550px; 
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit:cover; /* Makes the entire image visible, keeps proportions */
}
.availability-form{
  margin-top: -50px;
  z-index: 2;
  position: relative;
}

.h-line{
  width: 150px;
  margin: 0 auto;
  height: 2px;
}