@import url("https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap");

body {
  font-family: "Tinos", serif;
}
:root {
  --bg-color: #a0d8eb;
  --bg-gold: #bd882d;
  --bg-dark-blue: #1fa4d1;
  --bg-primary: #f1fbff;
}
.text-dark1 {
  color: var(--bg-dark-blue) !important;
}
.bg-highlight {
  background-color: var(--bg-highlight) !important;
}
.bg-primary {
  background-color: var(--bg-primary) !important;
}
.bg-secondary {
  background-color: var(--bg-color) !important;
}
.text-primary {
  color: var(--bg-dark-blue) !important;
}
.border-primary {
  border-color: var(--bg-gold) !important;
}
.blur-1 {
  filter: blur(-10px);
}

.fs-7 {
  font-size: 0.8rem !important;
}
.fs-8 {
  font-size: 0.6rem !important;
}
.fs-9 {
  font-size: 0.4rem !important;
}
/* Custom Bootstrap */

.text-danger {
  --bs-text-opacity: 1;
  color: var(--bs-dark-theme) !important;
}
.opacity-90 {
  opacity: 90% !important;
}

.read-more {
  cursor: pointer;
  text-decoration: none !important;
  margin-top: 10px;
}
.read-more:hover {
  color: var(--theme-color) !important;
  text-shadow: 2px 2px 5px #2e2e2e;
}
.heading {
  color: var(--bg-dark-blue);
}
.read-more-text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.read-more-text.show {
  -webkit-line-clamp: unset;
}
.slick-prev-custom,
.slick-next-custom {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: none;
  border-radius: 50%;

  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  color: #000;
  z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}

.slick-prev-custom:hover,
.slick-next-custom:hover {
  opacity: 1;

  color: black;
}

.slick-prev-custom {
  left: 15px; /* inside from left edge */
}

.slick-next-custom {
  right: 15px; /* inside from right edge */
}

/* Ensure carousel container has position: relative */
.autoplay {
  position: relative;
}

.slick-prev,
.slick-next {
  top: 40% !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 25px !important;
  color: #000;
}
.slick-prev:before {
  content: "\f104";
  font: var(--fa-font-solid);
}
.slick-next:before {
  content: "\f105";
  font: var(--fa-font-solid);
}

@media (max-width: 767px) {
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

.amenities img {
  transition: 0.5s ease-in-out;
}
/* 
.amenities-image #amenities-slider {
  position: relative;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 90%;
  height: 90%;
}
.amenities-image #amenities-slider .carousel-inner,
.amenities-image #amenities-slider .carousel-item,
.amenities-image #amenities-slider .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-image,
.amenities-image {
  width: 100%;
  height: 100%;
} */

.amenities {
  .slick-track {
    height: 400px !important;
  }
  .slick-track > div,
  .slick-slide > div,
  .slick-slide img {
    height: 100% !important;
    object-fit: cover !important;
  }
}

#about {
  .slick-list {
    padding: 0 !important;
  }
}
/* .slick-prev,
.slick-next {
  top: 40% !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 25px !important;
  color: #000;
}
.slick-prev:before {
  content: "\f104";
  font: var(--fa-font-solid);
}
.slick-next:before {
  content: "\f105";
  font: var(--fa-font-solid);
}
.navbar-toggler {
  background-color: #fff !important;
}
@media (max-width: 767px) {
  .slick-prev,
  .slick-next {
    display: none !important;
  }
} */
.linear-gradient {
  min-height: 300px;
  background: linear-gradient(to top, #a0d8eb 40%, transparent 35%);
}
.translate-middle-x {
  transform: translateX(-35%) !important;
}
/* 
.center .slick-slide {
  transition: transform 0.1s ease-in-out;
  transform: scale(0.7);
}

.center .slick-center {
  transform: scale(1);
  z-index: 10;
  transition: transform 0.3s ease-in-out;
} */
.invert {
  filter: invert(1);
}
/* 
.slick-dots {
  display: none !important;
}

.slick-slide img {
  display: inline-block !important;
} */

.w-fit {
  width: fit-content !important;
}

.gradient-green {
  background: linear-gradient(180deg, #fff 65%, var(--bg-color) 35%);
}
@media (max-width: 756px) {
  .slick-prev-custom,
  .slick-next-custom {
    display: none !important;
  }
}

#review {
  .slick-slide {
    display: flex;
    justify-content: center;
  }
}

.prev1 .prev2 {
  color: var(--bg-color);
}

.slick-prev-custom,
.slick-next-custom {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.slick-prev-custom img,
.slick-next-custom img {
  width: 40px; /* adjust size */
  height: 40px;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1fa4d1;
  --bs-btn-border-color: #a0d8eb;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a0d8eb;
  --bs-btn-hover-border-color: #1fa4d1;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: #1fa4d1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a0d8eb;
  --bs-btn-disabled-border-color: #a0d8eb;
}
.right-btn {
  background-color: var(--bg-color) !important;
  color: #000 !important;
}