/* Jost - Medium (Weight 500) */
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* Jost - SemiBold (Weight 600) */
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* Jost - Variable Font (Weight 100–900) */
@font-face {
  font-family: "Jost";
  src: url("../fonts/JostVariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

/* Houstiq - Heading Font */
@font-face {
  font-family: "Houstiq";
  src: url("../fonts/Houstiq.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* VageLight.woff.ttf - Heading Font */
@font-face {
  font-family: "VageLight";
  src: url("../fonts/VageLight.woff.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* ===============================
   Base Typography Styles
   =============================== */

body,
p,
em,
strong {
  font-family: "Jost", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "VageLight", sans-serif !important;
}

p {
  font-weight: 400;
}

em {
  font-style: italic;
}

.bd-header-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  /* background: #162034 !important; */
}
.header-sticky.is-transparent {
  background: #FFFFFF;
}
.bd-header__logo {
  width: 100%;
}
.bd-header__logo img {
  max-width: 200px;
}
/* .bd-header-3.header-sticky .bd-header__logo img {
    filter: unset;
} */
.bd-header-3 .bd-header__logo .non_sticky_logo {
  display: block;
}

.bd-header-3.header-sticky .bd-header__logo .non_sticky_logo {
      max-width: 120px;
}


/* .bd-header-3 .bd-header__logo .sticky_logo {
    display: none;
}
.bd-header-3.header-sticky .bd-header__logo .non_sticky_logo {
    display: none;
}
.bd-header-3.header-sticky .bd-header__logo .sticky_logo {
    display: block;
} */
.bd-main-menu ul li a {
  font-size: 16px;
  padding: unset;
  color: #ffffff;
}
.bd-main-menu ul li a:hover {
  color: #b3806c !important;
}
/* .bd-header-3.header-sticky .bd-main-menu ul li a {
    color: var(--bd-common-black);
} */
.cstm_bnr {
  display: flex;
  align-items: center !important;
  justify-content: center;
  height: calc(100vh - 0px);
  min-height: 800px;
}

.cstm_bnr > * {
  position: relative;
  z-index: 1;
}

.cstm_bnr:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 0%);
}

section#hero .bd-hero .bd-hero__content {
    margin-bottom: 0% !important;
}

.down_arrow {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.down_arrow i {
  color: #fff;
  font-size: 30px;
  animation: mover 1s infinite alternate;
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.button_1 {
  position: relative;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 70px 40px 0px;
  text-decoration: none;
}

.button_1:hover:before {
  width: 100%;
  background: #000;
  border: 2px solid #000;
}

.button_1:active:before {
  opacity: 1;
  transition: all 0.05s ease-in-out;
}

.button_1:active span {
  color: white;
  transition: all 0.05s ease-in-out;
}

.button_1:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
  background: #ffffff00;
  border: 2px solid #000;
}

.button_1:after {
  content: "\f356";
  position: absolute;
  z-index: 6;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
  text-align: center;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 20px;
  color: #000;
}

.button_1:hover:after {
  color: #fff;
}

.button_1 span {
  display: block;
  position: relative;
  z-index: 3;
  color: #000;
  font-weight: 100;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: all 0.75s ease-in-out;
  font-size: 16px;
  position: relative;
  left: 0;
}

.button_1:hover span {
  color: #ffffff;
  position: relative;
  left: 20px;
}

.bd-footer__list ul li a {
  text-transform: uppercase;
}

.bd-footer__copyright-text p {
  color: #ffffff;
}

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

.video_area .bd-reel__play-btn {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
}

.video_area .bd-reel__play-btn .bd-reel-play-thumb {
  position: relative;
  max-width: max-content;
  margin: 0 auto;
}

/* .icons_area .bd-feature__list-item img {
    width: auto;
    height: 60px;
    margin-bottom: 15px;
} */

.icons_area .bd-feature__list-item img {
  width: 50px;
  height: 50px;
  border: 1px solid #b3806c;
  border-radius: 50%;
  padding: 5px;
  margin-bottom: 15px;
}

.overview_area .bd-facility-2__list ul {
  display: block;
}

.overview_area .bd-facility-2__list ul li {
  margin-bottom: 15px;
}

.overview_area .bd-facility-2__list ul li:last-child {
  margin-bottom: unset;
}

.overview_area .bd-facility-slider__thumb-wrap img {
  height: 80vh;
  object-fit: cover;
}

.overview_area .bd-foodmenu__tab .nav-tabs .nav-link {
  color: #ffffff;
  text-decoration: unset !important;
  text-transform: uppercase;
}

.overview_area .bd-foodmenu__tab .nav-tabs .nav-link.active {
  color: var(--bd-theme-1);
}

.overview_area .bd-offer__content-visble {
  background: var(--bd-theme-2);
}

.overview_area .bd-offer__content-visble h4 {
  font-size: 20px;
}

.overview_area .bd-offer__content {
  width: 100%;
}

.overview_area .bd-offer__title::before {
  display: none;
}

.overview_area .bd-offer__content h4 {
  font-size: 20px;
}

.overview_area .bd-offer-slider-nav .square-nav {
  border-color: #ffffff;
  color: #ffffff;
}

.icons_area .bd-feature__list-item p {
  font-size: 0.843em;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.render_area .bd-facility-side__shape-1 {
  left: 0;
  top: unset;
  bottom: 100px;
  z-index: 1;
}
.render_area .bd-facility-side__shape-1 img {
  width: 200px;
  filter: invert(1);
}

.render_area .bd-facility-side__shape-2 {
  right: 0;
  top: 150px;
}

.render_area .bd-facility-side__shape-2 img {
  width: 200px;
  filter: invert(1);
}

.pre_img {
  width: 35px;
  margin-bottom: 15px;
}

.bd-section__title-wrapper h3 {
  color: #c18852;
}

.bd-section__title-wrapper h4 {
  color: #c18852;
}

.cstm_counter .bd-feature__list-item {
  display: block;
  text-align: center;
}

.cstm-qr-code {
  width: 50px;
}

@media screen and (min-width: 1200px) {
  .container-fluid {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
  .about_area .bd-section__subtitle img {
    width: 200px;
  }
  .render_area .bd-facility-side__shape-1 {
    bottom: 0;
  }
  .render_area .bd-facility-side__shape-1 img {
    width: 100px;
  }
  .render_area .bd-facility-side__shape-2 {
    top: 0;
  }
  .render_area .bd-facility-side__shape-2 img {
    width: 100px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section {
    max-width: 100%;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .container,
  .container-fluid {
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
  .bd-header .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bd-header__logo {
    width: 100%;
  }
  .bd-header__logo img {
    max-width: 150px;
  }
  .about_area .bd-section__subtitle img {
    width: 200px;
  }
  .render_area .bd-facility-side__shape-1 {
    bottom: 0;
  }
  .render_area .bd-facility-side__shape-1 img {
    width: 80px;
  }
  .render_area .bd-facility-side__shape-2 {
    top: 0;
  }
  .render_area .bd-facility-side__shape-2 img {
    width: 80px;
  }
  .bd-hero__content {
    margin-bottom: 160px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  section {
    max-width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .container,
  .container-fluid {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .bd-header .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bd-header__logo img {
    max-width: 150px;
  }
  .about_area .bd-section__subtitle img {
    width: 200px;
  }
  .render_area .bd-facility-side__shape-1 {
    bottom: 0;
  }
  .render_area .bd-facility-side__shape-1 img {
    width: 80px;
  }
  .render_area .bd-facility-side__shape-2 {
    top: 0;
  }
  .render_area .bd-facility-side__shape-2 img {
    width: 80px;
  }
  .down_arrow {
    bottom: 0;
  }
  #video-container {
    height: 300px !important;
  }

    .btn-callback {
        position: fixed;
        bottom: 0%;
        z-index: 99999999;
        rotate: 360deg;
        right: 50%;
        top: 95%;
        width: 100%;
    }
 
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  section {
    max-width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .container,
  .container-fluid {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .bd-header .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bd-header__logo img {
    max-width: 150px;
  }
  .cstm_bnr {
    min-height: 700px;
  }
  .about_area .bd-section__subtitle img {
    width: 200px;
  }
  .render_area .bd-facility-side__shape-1 {
    top: 0;
  }
  .render_area .bd-facility-side__shape-1 img {
    width: 50px;
  }
  .render_area .bd-facility-side__shape-2 {
    top: 0;
  }
  .render_area .bd-facility-side__shape-2 img {
    width: 50px;
  }
  .down_arrow {
    bottom: 0;
  }
  /* .cstm_about {
    text-align: center;
    padding-top: 30px;
  } */

    .btn-callback {
        position: fixed;
        bottom: 0%;
        z-index: 99999999;
        rotate: 360deg;
        right: 50%;
        top: 95%;
        width: 100%;
}
   
}


@media (max-width: 479px) {
  .cstm_bnr {
    min-height: 600px;
  }
}

.header-sticky .bd-main-menu ul li a {
    color: #000;
}

.water{
    position: absolute;
    bottom: -34%;
    left: -15%;
    z-index: 10;
    pointer-events: none;
}

.water img{
    width: 700px;
    opacity: 0.1;
}

.cstm_bnr {
    flex-direction: column;
}

.cstm-bt{
   
position: absolute;
    bottom: 8%;
}

button.ytp-large-play-button {
    display: none !important;
}