@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --font-sans: 'Poppins', sans-serif;
  --font-serif: 'Libre Baskerville', serif;
}

* {
  font-family: var(--font-sans);
}

.use-serif {
  font-family: var(--font-serif);
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0px;
  width: 100%;
}

.cnt {
  max-width: 1140px;
  margin: 0 auto;
}

.footer {
  background-image: url("../imgs/footer.jpg");
  background-size: cover;
}

.amenities-blk {
  background-image: url("../imgs/amenities.jpg");
  background-size: cover;
}

.sakl-blk {
  background-image: url("../imgs/sakl.jpg");
  background-size: cover;
}

/* .main-blk {
  background-image: url("../imgs/main/1.jpg");
  background-size: cover;
} */

.main-blk {
  position: relative;
  overflow: hidden;
}

#background-slider {
  z-index: -1;
}

.bg-image {
  transition: opacity 2s ease-in-out;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}


#gallery-modal img {
  max-height: 80vh;
  max-width: 80vw;
}

#prev-image,
#next-image {
  transition: opacity 0.3s ease;
}

#prev-image:hover,
#next-image:hover {
  opacity: 0.7;
}

#download-brochure-btn {
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-color: #45c51a;
  color: white;
  line-height: 2.5rem;
}

#download-brochure-btn:hover {
  background-color: #3ca918;
}

#download-brochure-btn img {
  transition: transform 0.3s ease;
}

#download-brochure-btn:hover img {
  transform: scale(1.1);
}

#scroll-top {
  position: fixed;
  right: 30px;
  bottom: 100px;
}

#wa-contact {
  position: fixed;
  left: 30px;
  bottom: 30px;
}

#scroll-top img,
#wa-contact img {
  width: 42px;
  z-index: 999;
  cursor: pointer;
}

/* Add this media query for mobile devices */
@media screen and (max-width: 768px) {
  

  .amenities-blk {
    background-image: url("../imgs/amenities-mob.jpg");
    background-size: auto 70%;
    /* Changed to set both width and height to 80% */
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #1f1b1c;
  }
}

button.owl-prev {
  margin: 0;
  padding: 0;
  background: url(../imgs/new-slider-left-arrow.png) no-repeat 0 0 !important;
  width: 90px !important;
  height: 90px !important;
  background-size: contain !important
}

button.owl-next {
  margin: 0;
  padding: 0;
  background: url(../imgs/new-slider-right-arrow.png) no-repeat 0 0 !important;
  width: 90px !important;
  height: 90px !important;
  background-size: contain !important
}

button.owl-prev span,
button.owl-next span {
  opacity: 0 !important
}

button.owl-prev {
  position: absolute;
  left: 0;
  top: 50% !important;
  width: 109px !important;
  height: 109px !important;
  transform: translateY(-50%);
}

button.owl-next {
  position: absolute;
  right: 0;
  top: 50% !important;
  width: 109px !important;
  height: 109px !important;
  transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {
  button.owl-prev {
    width: 60px !important;
    height: 60px !important
  }

  button.owl-next {
    width: 60px !important;
    height: 60px !important
  }
}

.whistling-woods-video {
  width: 100%;
  height: 640px;
  /* Default height for desktop */
}

@media (max-width: 768px) {
  .whistling-woods-video {
    height: 230px;
    /* Height for mobile devices */
  }
}