@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
:root {
  --bs-primary-color: #122c50;
  --bs-gold-color: #c59933;
  --bs-color-rgb: 30, 67, 125;
  --bs-color-gold-rgb: 212, 175, 55;
}
body {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.sub-heading {
  color: var(--bs-primary-color);
}

.heading {
  position: relative;
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color: #000;
}

.heading::before {
  content: "";
  position: absolute;
  left: -30px;
  top: -20px;
  height: 50px;
  width: 50px;
  background-image: url("/assets/cross.avif");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.blur {
  filter: blur(-100px);
  box-shadow: ;
}

.fs-7 {
  font-size: 0.8rem !important;
}
.fs-8 {
  font-size: 0.6rem !important;
}
.fs-9 {
  font-size: 0.4rem !important;
}
.text-primary {
  color: var(--bs-primary-color) !important;
}
.border-primary {
  border-color: var(--bs-primary-color) !important;
}
.bg-primary {
  background-color: var(--bs-primary-color) !important;
}
.text-gold {
  color: var(--bs-gold-color) !important;
}
.border-gold {
  border-color: var(--bs-gold-color) !important;
}
.more-text {
  display: none;
}
.bg-gold {
  background-color: var(--bs-gold-color) !important;
}
.rounded-circle {
  --box: 20px;
  width: var(--box);
  height: var(--box);
  background: linear-gradient(
    225deg,
    rgba(var(--bs-color-rgb), 1),
    rgba(var(--bs-color-rgb), 80%)
  );
  display: flex;
  justify-content: center;
  align-items: center;
  > div {
    --gap: 8px;
    height: calc(var(--box) - var(--gap));
    width: calc(var(--box) - var(--gap));
    border-radius: 50px;
    background: linear-gradient(
      45deg,
      #f5e4ad,
      rgba(var(--bs-color-gold-rgb), 1)
    );
  }
}
.right {
  right: 355px;
}

.fs.next {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: rgb(0, 0, 0);
  /* Change this color */
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.fs.prev {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: rgb(0, 0, 0);
  /* Change this color */
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z%22%2F%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

/* gallery css */
.gallery-card {
  min-height: 100% !important;
}
.slick-track > div:nth-child(odd) > .gallery-card .gallery-img {
  transform: scale(0.8);
}
.gallery-img {
  height: 42vh !important;
}
.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}
.prev {
  left: 30px;
}

.next {
  right: 20px;
}

.floorplan {
  filter: blur();
}
.btn-primary {
  background-color: var(--bs-primary-color);
}
.btn-primary:hover {
  background-color: var(--bs-primary-color);
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.5) !important;
}
.rounded-amenities {
  border-radius: 60px !important;
}
.linear-gradient {
  min-height: 300px;
  background: linear-gradient(
    to top,
    var(--bs-primary-color) 40%,
    transparent 35%
  );
}

.shadow1 {
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2) !important;

  border: none;
}
.shadow {
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.5) !important;
}
.right-btn {
  background-color: var(--bs-primary-color) !important;
}
.img-fluid1 {
  max-width: 100%;
  height: 286px;
}