a.animated_link, main {
  position: relative;
}
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f9f9f9;
}
:root {
    --gold: #C9A84C;
    --gold-light: #E8C96A;
    --dark: #0A0A0F;
    --dark2: #111118;
    --text: #F0EAD6;
    --muted: rgba(240,234,214,0.55);
    --gold:       #C9A84C;
    --gold-light: #e0b13b;
    --gold-dim:   rgba(201,168,76,0.15);
    --dark:       #09090E;
    --dark2:      #111118;
    --dark3:      #181820;
    --text:       #F0EAD6;
    --muted:      rgba(240,234,214,0.50);
    --border:     rgba(201,168,76,0.16);
  }
/* Handle */
::-webkit-scrollbar-thumb {
  /* background: var(--primary-color); */
  background: rgb(129,4,4);
background: -moz-linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
background: -webkit-linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
background: linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#810404",endColorstr="#9e771f",GradientType=1);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.btn_1, a, a.animated_link, a.btn_1, a:focus, a:hover {
  text-decoration: none;
  /* text-decoration: none; */
}


/*.playfair {*/
/*  font-family:"Fraunces", serif;*/
/*  font-optical-sizing: auto;*/
/*  font-weight: <weight>;*/
/*  font-style: normal;*/
/*}*/


#preloader, header {
  width: 100%;
  position: fixed;
  top: 0px;
}

.carousel_item_centered .owl-item, .carousel_item_centered_rooms .owl-item, a.box_cat_rooms .info {
  backface-visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
      scroll-behavior: inherit;
  }
}

@-webkit-keyframes background {
  0% {
      top: 0px;
  }

  100% {
      top: -100%;
  }
}

@keyframes background {
  0% {
      top: 0px;
  }

  100% {
      top: -100%;
  }
}

#preloader {
  left: 0px;
  right: 0px;
  height: 100%;
  bottom: 0px;
  /* background-color: rgb(41, 43, 51); */
  overflow: hidden;
  z-index: 2147483647 !important;
  background: rgb(129,4,4);
  background: -moz-linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
  background: -webkit-linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
  background: linear-gradient(63deg, rgba(129,4,4,1) 0%, rgba(158,119,31,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#810404",endColorstr="#9e771f",GradientType=1);
}

#preloader.loaded {
  animation: 0.65s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s 1 normal forwards running background;
  transition-delay: 1s;
}

[data-loader="circle-side"] {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  /* margin-left: -25px; */
  /* margin-top: -25px; */
  /* animation: 0.95s linear 0s infinite normal none running circle;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgb(17, 17, 17);
  border-image: initial;
  border-radius: 100%; */
  transform: translate(-50%,-50%);
}

@-webkit-keyframes circle {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

@keyframes circle {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

html * {
  -webkit-font-smoothing: antialiased;
}

body {
  background: rgb(250, 248, 245);
  font-size: 1.01rem;
  line-height: 1.6;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: rgb(51, 51, 51);
}

main {
  z-index: 2;
  background-color: rgb(250, 248, 245);
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(51, 51, 51);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.3;
  font-family:"Fraunces", serif;
}

.hero .wrapper p strong, .title small, h3, h4, h5, h6, strong {
  font-weight: 600;
}

.form-group, p {
  margin-bottom: 25px;
}

p.lead strong {
  font-weight: 500;
}

hr {
  margin: 30px 0px;
  border-color: rgb(217, 225, 230);
  opacity: 1;
}

hr.more_margin {
  margin: 60px 0px;
}

a {
  color: rgb(128, 0, 0);
  transition: 0.3s ease-in-out;
  outline: 0px;
}

a:focus, a:hover {
  outline: 0px;
}

.title small {
  text-transform: uppercase;
  color: rgb(128, 0, 0);
  letter-spacing: 3px;
  display: block;
  margin-bottom: 5px;
  font-size: 1.23rem;
  font-family: 'Lato';
}

.title h2, .title h3 {
  font-weight: 700;
  font-size: 2.375rem;
  margin-bottom: 15px;
  font-family:"Fraunces", serif;
}

.t-head h3 {
  font-size: 1.9375rem;
  color: rgb(128, 0, 0);
  font-weight: 600;
  font-family:"Fraunces", serif;
}

.title h3 {
  font-size: 1.9375rem;
  font-family:"Fraunces", serif;
}

.title.center {
  text-align: center;
}

.title.white small {
  color: rgb(235, 215, 178);
  opacity: 0.8;
  font-family:"Fraunces", serif;
}

.box_facilities.white h3, .hero, .slide-text.white, .slide-text.white h2, .slide-text.white h3, .title.white h2, .title.white h3, header.fixed_header nav ul li a, header.fixed_header.sticky nav ul li a.btn_1 {
  color: rgb(255, 255, 255);
}

.box_facilities img {
  height: 70px;
  width: 70px;
  object-fit: contain;
  object-position: center center;
  margin-bottom: 20px;
}

#carousel-home .owl-carousel .owl-slide-animated, .slide-animated {
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: 50ms;
}

#carousel-home .owl-carousel .owl-slide-animated.is-transitioned, .is-transitioned .slide-animated {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}

.btn_1, a.btn_1, header.fixed_header.sticky {
  transition: 0.3s ease-in-out;
}

.is-transitioned .slide-animated.one {
  transition-delay: 0.5s;
}

.is-transitioned .slide-animated.two {
  transition-delay: 0.7s;
}

.is-transitioned .slide-animated.three {
  transition-delay: 0.9s;
}

.is-transitioned .slide-animated.four {
  transition-delay: 2.5s;
}

.btn_1, a.btn_1 {
  border: none;
  color: rgb(255, 255, 255);
  outline: 0px;
  cursor: pointer;
  display: inline-flex;
  padding: 14px 25px;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  border-radius: 25px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
}

#carousel-home .cover, .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  left: 0px;
}

.bg_color_1, .btn_1:hover, a.btn_1:hover {
  background-color: rgb(75, 81, 77);
}

.btn_1.inverse, a.btn_1.inverse {
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
}

.btn_1.full-width, a.btn_1.full-width {
  width: 100%;
  text-align: center;
}

.btn_1.outline, a.btn_1.outline {
  background-color: transparent;
  /* border: 2px solid rgb(128, 0, 0); */
  /* color: rgb(36, 38, 45); */
}

.btn_1.outline.white, a.btn_1.outline.white {
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.btn_1.outline:hover, a.btn_1.outline:hover {
  /* background-color: rgb(75, 81, 77); */
  /* border: 2px solid transparent; */
  color: rgb(255, 255, 255);
}

a.animated_link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0px;
  /* background-color: rgb(36, 38, 45); */
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.3s;
}

a.animated_link.active::before, a.animated_link:hover::before {
  transform: scaleX(1);
}

.lang_wp {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
  z-index: 99999;
}

.box_facilities, .closebt, .copy, .logo_panel {
  text-align: center;
}

header {
  padding: 20px 0px;
  z-index: 999;
  left: 0px;
  background-color: rgba(255, 255, 255, 0);
  transition: 0.3s;
}

.menu_v1 .closebt, .menu_v1 .hamburger_2, .menu_v1 .layer, header .logo_sticky, header.fixed_header.sticky .logo_normal {
  display: none;
}

.closebt, .hamburger_2, header nav ul li, header.fixed_header.sticky .logo_sticky {
  display: inline-block;
}

header .logo_normal, span[data-jarallax-element] {
  display: block;
}

header nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

header nav ul li {
  font-weight: 600;
  margin-left: 25px;
}

header nav ul li:first-child {
  margin-left: 0px;
}

.bg_white, header.fixed_header nav ul li a.animated_link::before {
  background-color: rgb(255, 255, 255);
}

header.fixed_header.sticky {
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid rgb(217, 225, 230);
  background-color: rgb(255, 255, 255);
}

.box_item_info .box_item_footer a.animated_link, header.fixed_header.sticky nav ul li a {
  color: rgb(51, 51, 51);
}

.headroom--not-top .hamburger-inner, .headroom--not-top .hamburger-inner::after, .headroom--not-top .hamburger-inner::before, .headroom--not-top .hamburger__inner, .headroom--not-top .hamburger__inner::after, .headroom--not-top .hamburger__inner::before, header.fixed_header.sticky .hamburger__inner, header.fixed_header.sticky .hamburger__inner::after, header.fixed_header.sticky .hamburger__inner::before, header.fixed_header.sticky nav ul li a.animated_link::before {
  background-color: rgb(51, 51, 51);
}

.hamburger_2 {
  position: relative;
  top: 8px;
  padding: 0px;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0px;
  margin: 0px;
  overflow: visible;
}

.hamburger_2:hover .hamburger__inner {
  animation: 0.4s ease 0s 1 normal none running burger;
}

.hamburger_2:hover .hamburger__inner::before {
  animation: 0.4s ease 0.1s 1 normal none running burger;
}

.hamburger_2:hover .hamburger__inner::after {
  animation: 0.4s ease 0.2s 1 normal none running burger;
}

.hamburger_2 .hamburger__box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger_2 .hamburger__inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger_2 .hamburger__inner, .hamburger_2 .hamburger__inner::after, .hamburger_2 .hamburger__inner::before {
  width: 24px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger_2 .hamburger__inner::after, .hamburger_2 .hamburger__inner::before {
  content: "";
  display: block;
}

.hamburger_2 .hamburger__inner::before {
  top: -8px;
}

.hamburger_2 .hamburger__inner::after {
  bottom: -8px;
}

@keyframes burger {
  0%, 100% {
      transform-origin: 0px 100%;
      transform: scale(1, 1);
  }

  50% {
      transform-origin: 0px 100%;
      transform: scale(0, 1);
  }
}

.hamburger {
  position: relative;
  top: 8px !important;
}

.phone_element {
  border-top: 1px solid rgb(217, 225, 230);
  padding: 20px 0px;
  position: relative;
  line-height: 1.4;
}

.phone_element a {
  display: flex;
  align-items: center;
}

.phone_element a span {
  font-size: 16px;
  font-weight: 600;
  color: rgb(128 0 0 / 78%);
}

.phone_element a span em {
  color: rgb(51, 51, 51);
  display: block;
  font-style: inherit;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 2px;
}

.phone_element a i {
  margin-right: 15px;
  font-size: 1.875rem;
  color: rgb(128, 0, 0);
}

.phone_element.no_borders {
  padding-top: 5px;
  border-top: none;
}

.closebt {
  transition: 0.3s ease-in-out;
  cursor: pointer;
  color: rgb(204, 204, 204);
  position: absolute;
  right: 25px;
  top: 0px;
}

.closebt i {
  font-size: 2.625rem;
}

.closebt:hover {
  transform: rotate(90deg);
  opacity: 1;
}

.logo_panel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 135px;
  background-color: rgb(250, 248, 245);
}

.custom_badge, .qty-buttons, .social ul li {
  display: inline-block;
}

.menu_v1 .hamburger_2 {
  top: 5px;
}

.menu_v1 .logo_panel {
  display: none;
  border-bottom: 1px solid rgb(237, 237, 237);
}

@media only screen and (max-width: 991px) {
    .c-drop .dropdown-menu li a{
        color:white!important;
    }
  .main-menu {
      overflow-y: scroll;
      transform: translateX(102%);
      top: 0px;
      right: 0px;
      bottom: 0px;
      width: 350px;
      height: 100%;
      position: fixed;
      z-index: 99999;
      background-color: rgb(255, 255, 255);
      transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
      box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
  }

  .main-menu #mainNav {
      padding: 30px;
  }

  .main-menu #mainNav ul {
      text-align: left;
  }

  .main-menu #mainNav ul li {
      display: block;
      margin: 0px;
  }

  .main-menu #mainNav ul li a {
      display: block;
      text-transform: uppercase;
      margin: 0px 0px 10px;
      color: rgb(51, 51, 51);
      padding: 0.7rem 1rem !important;
  }

  .main-menu #mainNav ul li a::before {
      display: none !important;
  }

  .main-menu #mainNav ul li a.active, .main-menu #mainNav ul li a:hover {
      color: rgb(151, 134, 103) !important;
  }

  .main-menu #mainNav ul li a.btn_1 {
      background-color: transparent;
  }

  .main-menu.show {
      transform: translateX(0px);
  }
}

.opacity-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}

.background-image {
  background-position: center center;
  transition: 0.5s;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
}

.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.kenburns .owl-item.active .item img, img.jarallax-img.kenburns {
  transform-origin: 50% 50%;
  animation: 15s linear 0s 1 normal forwards running kenburns;
  transition: 1s ease-in-out;
}

@keyframes kenburns {
  0% {
      transform: scale3d(1.4, 1.4, 1.4) translate3d(-5%, -2%, 0px);
      transition: transform 7s linear 1s;
  }

  100% {
      transform: scale3d(1.25, 1.25, 1.25) translate3d(0px, 0px, 0px);
      transition: transform 7s linear 1s;
  }
}

img.jarallax-img.kenburns-2 {
  transform-origin: 50% 50%;
  animation: 10s linear 0s 1 normal forwards running kenburns;
  transition: 1s ease-in-out;
}

.hero.full-height {
  height: 100vh;
}

.hero.medium-height {
  height: 70vh;
}

.hero.small-height {
  height: 60vh;
}

.hero .wrapper {
  text-align: left;
  height: 100%;
}

.hero .wrapper small {
  text-transform: uppercase;
  letter-spacing: 3px;
  display: block;
  margin: 0px 0px 10px;
  color: rgb(235, 215, 178);
  font-weight: 600;
}

.hero .wrapper h1, .hero .wrapper h3 {
  color: rgb(255, 255, 255);
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}



.hero .wrapper p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 0px;
}

.parallax_section_1 {
  height: 70vh;
  overflow: hidden;
}

.copy {
  color: rgb(255, 255, 255);
  padding: 25px 0px;
  background-color: rgb(31, 33, 39);
  font-size: 0.8125rem;
}

.social ul {
  display: flex;
  list-style: none;
  margin: 0px 0px 25px;
  padding: 0px;
  gap: 25px;
}

.social ul li {
}

.social ul li a {
  display: block;
  color: rgb(51, 51, 51);
  opacity: 0.7;
}

.social ul li a:hover {
  color: rgb(151, 134, 103);
  opacity: 1;
}

.box_facilities h3, .slide-text p, .social ul li a i {
  font-size: 1.3125rem;
  color: rgb(128, 0, 0);
}

.styled-select {
  max-width: 180px;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  border: none;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  padding-right: 35px;
  position: relative;
}

.styled-select.lang-selector::after {
  font-family: bootstrap-icons;
  content: "";
  color: rgb(255, 255, 255);
  position: absolute;
  right: 15px;
  top: 0px;
}

.styled-select select {
  background: 0px 0px;
  width: 110%;
  padding-left: 15px;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  height: 30px;
  color: rgb(204, 204, 204);
  font-size: 0.8125rem;
  margin: 0px;
  font-weight: 500;
  appearance: none;
  cursor: pointer;
  outline: 0px;
}

.intro em, .styled-select.lang-selector select option {
  color: rgb(85, 85, 85);
}

.styled-select select:focus {
  color: rgb(255, 255, 255);
  outline: 0px;
  box-shadow: none;
}

.layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.35);
  transition: 0.1s;
  opacity: 0;
  visibility: hidden;
}

.layer-is-visible {
  opacity: 1;
  visibility: visible;
}

.intro em {
  font-family: Caveat, cursive;
  font-size: 2rem;
  font-style: normal;
}

#carousel-home, #carousel-home .owl-carousel {
  position: relative;
}

#carousel-home .static {
  position: absolute;
}

#carousel-home .cover {
  background-position: center center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  max-height: none !important;
  opacity: 1 !important;
}

#carousel-home .owl-carousel .owl-slide {
  height: 100vh;
  position: relative;
}

#carousel-home .owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}

#carousel-home .owl-carousel .owl-slide-title-2.is-transitioned {
  transition-delay: 0.4s;
}

#carousel-home .owl-carousel .owl-slide-title-3.is-transitioned {
  transition-delay: 0.6s;
}

#carousel-home .owl-carousel .owl-slide-title-4.is-transitioned {
  transition-delay: 0.8s;
}

#carousel-home .owl-carousel .owl-dots .owl-dot, #carousel-home .owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: 0px;
}

.owl-carousel .owl-dots {
  right: 15px;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 3;
  margin-top: 0px !important;
}

.owl-carousel.nav-dots-orizontal .owl-dots {
  width: 100%;
  position: static;
  margin-top: 20px !important;
}

.slide-text h2, .slide-text h3, .slide-text h1 {
  font-size: 3.1875rem;
  text-transform: uppercase;
  font-weight: 700;
}

.slide-text small {
  text-transform: uppercase;
  color: rgb(235, 215, 178);
  letter-spacing: 4px;
  font-weight: 600;
  display: block;
  margin: 0px 0px 10px;
}

.slide-text.black {
  color: rgb(17, 17, 17);
}

.slide-text.black h2 {
  color: rgb(0, 0, 0);
}

#icon_drag_mobile {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: url("../img/drag_icon.svg") no-repeat;
  width: 50px;
  height: 30px;
  opacity: 0.6;
  z-index: 99;
  display: none;
}

a.box_cat_rooms {
  display: block;
  margin-bottom: 25px;
  height: 500px;
  position: relative;
  overflow: hidden;
  background-color: rgb(204, 204, 204);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px 0px;
}

a.box_cat_rooms .info {
  position: absolute;
  width: 100%;
  z-index: 9;
  display: block;
  padding: 25% 30px 60px;
  color: rgb(255, 255, 255);
  left: 0px;
  bottom: -75px;
  backface-visibility: hidden;
  transform: translate(0px, 0px);
  transition: 0.4s;
  background: linear-gradient(transparent, rgb(0, 0, 0));
}

a.box_cat_rooms .info small {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 0px;
  font-size: 0.75rem;
  color: rgb(255, 255, 255);
}

a.box_cat_rooms .info h3 {
  color: rgb(255, 255, 255);
  font-size: 1.625rem;
  font-weight: 600;
  margin-bottom: 15px;
}

a.box_cat_rooms .info span {
  font-size: 0.9375rem;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  opacity: 0;
  position: relative;
}

a.box_cat_rooms .info span::before {
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 10px;
  height: 2px;
  content: "";
  transition: width 0.5s;
  background-color: rgb(255, 255, 255);
}

a.box_cat_rooms .info span:hover {
  background-color: rgb(36, 38, 45);
  border-color: transparent;
}

a.box_cat_rooms figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

a.box_cat_rooms:hover .info {
  transform: translate(0px, -65px);
}

a.box_cat_rooms:hover .info span {
  opacity: 1;
}

a.box_cat_rooms:hover .info span::before {
  width: 100%;
}

a.box_cat_rooms:hover .background-image {
  transform: scale(1.1);
}

.box_facilities {
  padding: 0px 25px 25px;
  border-width: 2px 0px 2px 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: initial;
  border-right-color: initial;
  border-image: linear-gradient(rgb(237, 237, 237), transparent) 1 60% / 1 / 0 stretch;
}

.box_facilities i {
  font-size: 3.875rem;
  color: rgb(128, 0, 0);
}

.box_facilities.no-border {
  border-width: 0px;
}

.box_facilities.white {
  border-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent) 1 60% / 1 / 0 stretch;
}

.box_facilities.white i {
  color: rgb(235, 215, 178);
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transition-timing-function: ease-in;
      opacity: 0;
  }

  40% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transition-timing-function: ease-in;
  }

  60% {
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }

  80% {
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
      transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transition-timing-function: ease-in;
      opacity: 0;
  }

  40% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transition-timing-function: ease-in;
  }

  60% {
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }

  80% {
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
      transform: perspective(400px);
  }
}

.flipInX {
  animation-name: flipInX;
  backface-visibility: visible !important;
}

.box_overlay {
  position: relative;
  margin: 0px auto;
  padding: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 31px 0px;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  transition: 0.3s;
}

.pic, .pic h4 {
  position: absolute;
}

.pic {
  left: 45px;
  top: 45px;
  text-align: left;
}

.box_item_info, .custom_badge, .list_ok ul li, .marquee, .pinned-image, .qty-buttons {
  position: relative;
}

.pic h4 {
  left: 95px;
  top: 18px;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 500;
  width: 200px;
}

.pic h4 small {
  display: block;
  color: rgb(255, 255, 255);
  margin-top: 3px;
  letter-spacing: normal !important;
}

.pic figure {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
}

.pic figure img {
  width: 80px;
  height: auto;
}

.comment {
  padding-left: 30px;
  font-size: 1.125rem;
  font-style: italic;
  text-align: left;
}

.accordion .card {
  border: 0px;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 0px;
  border-radius: 5px;
}

.accordion .card .card-header {
  /* background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%); */
  padding: 20px;
  border: 0px;
  /* color: white; */
  background: #e7e2e2;
}

.accordion .card-body {
  padding: 10px 16px;
}

.accordion .card-header h5 {
  font-size: 1.0625rem;
  color: black;
}

.accordion .card-header h5 a {
  border: 0px;
  display: block;
  color: black;
}

.accordion .card-header h5 a i.indicator {
  font-size: 1.125rem;
  font-weight: 400;
  float: right;
  /* color: rgb(51, 51, 51); */
  transform: rotate(45deg);
  transition: 0.3s ease-in-out;
}

.accordion .card-header h5 a.collapsed i {
  transform: rotate(0deg);
}

.box_item_info {
  background-color: rgb(255, 255, 255);
  z-index: 9999999;
  padding: 40px 40px 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px 0px;
  position: relative;
}

.box_item_info small {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 0px;
  font-size: 0.875rem;
  color: rgb(128, 0, 0);
}

.box_item_info h2 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.box_item_info .facilities ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 15px;
}

.box_item_info .facilities ul li {
  float: left;
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0px 25px 10px 0px;
}

.box_item_info .facilities ul li:last-child {
  margin: 0px;
}

.box_item_info .facilities ul li i {
  height: 36px;
  font-size: 1.875rem;
  color: rgb(151, 134, 103);
  margin-right: 15px;
}

.box_item_info .box_item_footer {
  border-top: 2px solid rgb(237, 237, 237);
  margin-top: 15px;
  padding: 25px 0px 15px;
}

.row_list_version_1, .row_list_version_3 {
  margin-bottom: 60px;
}

.row_list_version_1 .box_item_info {
  max-width: 750px;
  margin: -250px 60px 60px;
}

.row_list_version_2 {
  margin-bottom: 0px;
}

.row_list_version_2 .owl-carousel .owl-dots {
  right: auto;
  left: 15px;
}

.row_list_version_2 .box_item_info {
  margin: 0px 0px 0px -100px;
}

.row_list_version_2.inverted .owl-carousel .owl-dots {
  left: inherit;
  right: 15px;
}

.row_list_version_2.inverted .box_item_info {
  margin: 0px -100px 0px 0px;
}

@media (max-width: 1199px) {
  .box_facilities {
      border-width: 0px;
  }

  .row_list_version_2 .box_item_info {
      margin: -150px 30px 0px;
  }

  .row_list_version_2.inverted .box_item_info {
      margin: -50px 30px 0px;
  }
}

.row_list_version_3 .box_item_info {
  max-width: 750px;
  margin: -100px 60px 60px;
}

.booking_wrapper, .contacts_wrapper {
  border-radius: 0px 0px 10px 10px;
  background-color: rgba(128, 0, 0, 0.09);
  padding: 20px 20px 0px;
}

.booking_wrapper hr, .contacts_wrapper hr {
  border-color: rgb(217, 225, 230);
  opacity: 1;
  margin: 0px 0px 25px;
}

.booking_wrapper .form-control::placeholder {
  color: rgb(51, 51, 51);
}

.nav-tabs#customTab {
  border-bottom: none;
}

.nav-tabs#customTab .nav-link {
  border-color: transparent;
  color: rgb(153, 153, 153);
  font-weight: 600;
}

.nav-tabs#customTab .nav-link:hover {
  color: rgb(151, 134, 103);
}

.nav-tabs#customTab .nav-link.active {
  background-color: rgba(151, 134, 103, 0.05);
  border-color: transparent;
  color: rgb(51, 51, 51);
}

.owl-carousel.border-radius .owl-item {
  border-radius: 10px;
  overflow: hidden;
}

.map_contact iframe {
  width: 100%;
  /*filter: grayscale(85%);*/
  height: 370px;
  margin-bottom: -10px;
}

.qty-buttons {
  width: 100%;
}

.qty-buttons label {
  position: absolute;
  left: 15px;
  top: 13px;
  font-weight: 500;
  color: rgb(108, 117, 125);
  font-size: 0.9375rem;
}

.qty-buttons input.qty {
  width: 100%;
  text-align: left;
  padding-left: 80px;
}

.qty-buttons input.qtyminus, .qty-buttons input.qtyplus {
  position: absolute;
  width: 36px;
  height: 36px;
  border: 0px;
  outline: 0px;
  cursor: pointer;
  appearance: none;
  text-indent: -9999px;
  box-shadow: none;
  border-radius: 50%;
  top: 8px;
}

.qty-buttons input.qtyplus {
  background: url("../img/plus.svg") center center no-repeat rgb(245, 245, 245);
  right: 15px;
}

.qty-buttons input.qtyminus {
  background: url("../img/minus.svg") center center no-repeat rgb(245, 245, 245);
  right: 55px;
}

.qty-buttons.version_2 .form-control {
  height: 50px;
}

.qty-buttons.version_2 input.qty {
  padding-left: 15px;
}

.qty-buttons.version_2 input.qtyplus {
  background: url("../img/plus.svg") center center no-repeat rgb(255, 255, 255);
  right: 5px;
}

.qty-buttons.version_2 input.qtyminus {
  background: url("../img/minus.svg") center center no-repeat rgb(255, 255, 255);
  right: 40px;
}

.custom_badge {
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin-left: 5px;
  border-radius: 3px;
  background-color: red;
  font-size: 0.6875rem;
  padding: 3px 5px;
  top: -1px;
}

.carousel_item_centered .owl-item, .carousel_item_centered_rooms .owl-item {
  opacity: 0.5;
  backface-visibility: hidden;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  transform: translateZ(0px) scale(0.85, 0.85) !important;
}

.carousel_item_centered .owl-item.active.center, .carousel_item_centered_rooms .owl-item.active.center {
  opacity: 1;
  backface-visibility: hidden;
  transform: scale(1) !important;
}

.marquee {
  width: 100vw;
  max-width: 100%;
  height: 100px;
  overflow: hidden;
  font-size: 120px;
  font-weight: 700;
  margin-top: -60px;
}

.marquee .track {
  position: absolute;
  left: 0;        /* ADD THIS — anchors track to left edge */
  top: 0;         /* ADD THIS — anchors track to top edge */
  white-space: nowrap;
  will-change: transform;
  animation: 140s linear 0s infinite normal none running marquee;
  display: flex;
}

.marquee .content {
  opacity: 0.05;
  line-height: 1.2;
}

@keyframes marquee {
  0%   { transform: translateX(0px); }
  100% { transform: translateX(-50%); } /* was -30%, change to -50% */
}

.modal-content {
  padding: 25px;
  border: none !important;
  border-radius: 0px !important;
}

.list_ok ul {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 25px;
}

.list_ok ul li {
  padding-left: 45px;
}

.list_ok ul li strong {
  color: rgb(51, 51, 51);
}

.list_ok ul li::before {
  color: rgb(151, 134, 103);
  position: absolute;
  left: 0px;
  top: -7px;
  font-family: bootstrap-icons;
  content: "";
  font-size: 2rem;
}

.pinned-image {
  display: flex;
  height: 90vh;
  justify-content: center;
  overflow: hidden;
}

.pinned-image.rounded_container {
  border-radius: 15px;
}

.pinned-image--medium {
  height: 75vh;
}

.pinned-image--small {
  height: 45vh;
}

.pinned-image__container {
  transform: scale(0.8);
  border-radius: 15px;
  overflow: hidden;
}

.pinned-image__container-overlay {
  background: rgba(0, 0, 0, 0.6);
  inset: 0px;
  position: absolute;
}

.pinned-image__container, .pinned-image__container img, .pinned-image__container video {
  height: 100%;
  left: 0px;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: rgb(204, 204, 204);
}

.pinned_over_content {
  padding: 0px 60px;
  width: 100%;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
}

.pinned_over_content h2 {
  color: rgb(255, 255, 255);
  font-size: 3.25rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.parallax_wrapper {
  position: relative;
  margin-bottom: 25px;
}

.parallax_wrapper .img_over {
  left: -25%;
  bottom: 10%;
  position: absolute;
  z-index: 99;
}

.parallax_wrapper .img_over img {
  border: 5px solid rgb(255, 255, 255);
  width: 50%;
  height: auto;
}

.parallax_wrapper.inverted .img_over {
  text-align: right;
  left: inherit;
  right: -25%;
}

img.rounded-img {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 10px;
}

.bg_gray {
  background-color: rgb(244, 244, 244);
}

.daterangepicker {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 35px 2px;
  border: 0px !important;
  font-family: Montserrat, Helvetica, sans-serif !important;
}

.daterangepicker .calendar-table th {
  font-size: 13px !important;
}

.daterangepicker .calendar-table td {
  font-weight: 500;
  width: 40px !important;
  height: 35px !important;
  font-size: 13px !important;
}

@media screen and (min-width: 560px) {
  .daterangepicker.single {
      width: auto !important;
  }
}

.applyBtn.btn.btn-sm.btn-primary {
  background-color: rgb(75, 81, 77);
  border: 0px;
}

.drp-selected {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .daterangepicker .drp-calendar {
      max-width: 100% !important;
  }

  .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
      margin-right: 0px;
      clear: none !important;
      float: none !important;
  }
}

.nice-select {
  font-weight: 400 !important;
}

.error_message {
  color: red;
}

.form-group label {
  font-weight: 500;
  margin-bottom: 3px;
}

.form-control {
  border-color: rgb(237, 237, 237);
  font-size: 0.875rem;
  color: rgb(51, 51, 51);
  height: 50px;
}

.form-control:focus {
  border-color: rgb(221, 221, 221);
  outline: 0px;
  box-shadow: transparent 0px 0px 0px 0.2rem;
}

textarea.form-control {
  height: 130px !important;
}

#success_page {
  padding: 30px 0px;
  text-align: center;
  font-size: 1.5rem;
}

#success_page h5 {
  margin-top: 15px;
}

#success_page h5 span {
  display: block;
  margin-top: 7px;
  font-size: 16px;
}

#confirm {
  text-align: center;
  padding: 60px 15px;
}

@-webkit-keyframes checkmark {
  0% {
      stroke-dashoffset: 50px;
  }

  100% {
      stroke-dashoffset: 0;
  }
}

@keyframes checkmark {
  0% {
      stroke-dashoffset: 50px;
  }

  100% {
      stroke-dashoffset: 0;
  }
}

@-webkit-keyframes checkmark-circle {
  0% {
      stroke-dashoffset: 240px;
  }

  100% {
      stroke-dashoffset: 480px;
  }
}

@keyframes checkmark-circle {
  0% {
      stroke-dashoffset: 240px;
  }

  100% {
      stroke-dashoffset: 480px;
  }
}

.inlinesvg .svg svg {
  display: inline;
}

.icon--order-success svg path {
  animation: 0.25s ease-in-out 0.7s 1 normal backwards running checkmark;
}

.icon--order-success svg circle {
  animation: 0.6s ease-in-out 0s 1 normal backwards running checkmark-circle;
}

.margin_120_95 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.margin_120, .margin_120_0 {
  padding-top: 120px;
}

.margin_120 {
  padding-bottom: 120px;
}

.margin_60_35 {
  padding-top: 60px;
  padding-bottom: 35px;
}

.margin_80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.margin_80_55 {
  padding-top: 80px;
  padding-bottom: 55px;
}

.margin_80_0 {
  padding-top: 80px;
}

.margin_60_0 {
  padding-top: 60px;
}

@media (max-width: 991px) {
  header nav ul li:first-child {
      display: none;
  }

  .hamburger_2 {
      top: 5px;
  }

  .menu_v1 .closebt, .menu_v1 .hamburger_2, .menu_v1 .layer {
      display: block;
  }

  .menu_v1 .logo_panel {
      display: flex;
  }

  .hero.full-height, .hero.medium-height, .hero.small-height {
      min-height: 600px;
  }

  .parallax_section_1 {
      min-height: 650px;
  }

  a.box_cat_rooms {
      height: 400px;
  }

  .parallax_wrapper {
      padding-left: 25%;
  }

  .parallax_wrapper .img_over {
      left: 0px;
  }

  .parallax_wrapper.inverted {
      padding-left: inherit;
      padding-right: 25%;
  }

  .parallax_wrapper.inverted .img_over {
      left: inherit;
      right: 0px;
  }

  .margin_80 {
      padding-bottom: 60px;
      padding-top: 60px;
  }

  .margin_80_55 {
      padding-top: 60px;
      padding-bottom: 35px;
  }

  .margin_60_0, .margin_80_0 {
      padding-top: 60px;
  }
}

@media (max-width: 575px) {
  .hero .wrapper h1, .hero .wrapper h3 {
      font-size: 2rem;
  }

  .margin_60_35 {
      padding-top: 30px;
      padding-bottom: 5px;
  }

  .margin_60_0, .margin_80_0 {
      padding-top: 45px;
  }
}

.add_bottom_60 {
  padding-bottom: 60px;
}

.add_bottom_120 {
  padding-bottom: 120px;
}

.add_bottom_90 {
  padding-bottom: 90px;
}

.add_top_90 {
  padding-top: 90px;
}



.tag-card {
  position: relative;
  margin: 0px auto;
  padding: 30px 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 31px 0px;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  transition: 0.3s;
  margin: 10px;
}

.tag-card:hover {
  transform: scale(1.1);
}

.tag-card-img {
  height: 50px;
  width: 50px;
}

.tag-card-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}

.tag-card h2 {
  color: white;
  font-size: 18px;
  text-align: center;
}

.tag-card p {
  font-size: 13px !important;
}

.top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 30px;
  background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
  flex-wrap: wrap;
}

.cart-icon img {
  height: 20px;
  width: 20px;
  object-fit: contain;
  object-position: center center;
}

.social-icons, .social-phone, .social-address {
  list-style-type: none;
  display: flex;
  gap: 25px;
  align-items: self-end;
  margin: 0px;
  padding: 0;
}

.social-icons li {
  line-height: 1px;
}

.social-icons li i {
  color: white;
  font-size: 20px;
}

.social-address i {
  font-size: 14px;
}

.h-overlay {
  /*background-color: rgba(0, 0, 0, 0.137);*/
  background-color:rgb(0 0 0 / 23%);
}

.h-overlay .logo_normal, .logo_sticky {
  width: 110px;
}
.sticky .h-overlay{
  background-color: white;
}
@media (max-width: 767px) {
    .top-header{
        text-align:center;
        justify-content:center;
    }
    #carousel-home .static{
        position:relative!important;
        text-align:center!important;
    }
        .c-form {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        transform: unset!important;
        width: 100%!important;
        max-width: 100%!important;
        background: black!important;
        margin-top: 20px!important;
    }
    .slide-text h2, .slide-text h3, .slide-text h1 {
    font-size: 2.1875rem;
    
}
  .tag-card{
  
    padding: 10px 20px;
    min-height: 120px;
  }
  .tag-card-img {
    height: 35px;
    width: 35px;
}
.tag-card h2 {
  color: white;
  font-size: 13px;
  margin: 0 !important;
}
.tag-card p{
  display: none;
}
  .hero .wrapper p {
      padding: 0px;
      font-size: 1.125rem;
  }

  #carousel-home .owl-carousel .owl-slide {
      height: 90vh;
  }

  .slide-text h2, .slide-text h3 {
      font-size: 2.625rem;
  }

  #icon_drag_mobile {
      display: block;
  }

  .box_facilities h3 {
      font-size: 1.125rem;
  }

  .box_facilities.white {
      padding: 0px;
      margin-bottom: 25px;
  }

  .box_facilities.white i {
      font-size: 3.875rem;
  }

  .box_overlay {
      padding: 30px;
  }

  .pic {
      position: static;
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
  }

  .pic h4 {
      position: static;
  }

  .pic figure {
      margin: 0px auto 10px;
  }

  .comment {
      text-align: center;
      border: 0px;
      padding: 0px;
  }

  .box_item_info .facilities ul li {
      float: none;
      width: 100%;
  }

  .row_list_version_1 .box_item_info {
      margin: -150px 10px 0px;
      padding: 20px 25px 10px;
  }

  .row_list_version_2 {
      margin-bottom: 0;
  }

  .row_list_version_2 .box_item_info, .row_list_version_2.inverted .box_item_info {
      margin: -50px 10px 0px;
      padding: 20px 25px 10px;
  }

  .row_list_version_3 .box_item_info {
      margin: -40px 10px 0px;
      padding: 20px 25px 10px;
  }

  .pinned_over_content {
      padding: 0px 15px;
  }

  .margin_120_95 {
      padding-top: 60px;
      padding-bottom: 10px;
  }

  .add_bottom_120 {
      padding-bottom: 90px;
  }

  .add_bottom_90 {
      padding-bottom: 60px;
  }

  .add_top_90 {
      padding-top: 60px;
  }
}


.center {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100vh;
}

.circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.s-blob::after{
  content: "";
  position: absolute;
  background-image: url(../img/reg-blob.png);
  background-size: cover;
  height: 250px;
  width: 250px;
  top: 62px;
  right: 80px;
  opacity: 0.3;
  background-repeat: no-repeat;
  transform: translate(50%,-50%);
  z-index: -111;
}
.box_item_info #jarallax-container-2{
  background: white;
}
.s-blob-left::after{
  content:"";
  left: 80px;
  right: 0!important;
  transform: translate(-50%,-50%); 
}

.tilt-tag{
    position: sticky;
    top: 162px;
}
.tilt-tag h2{
        writing-mode: sideways-lr;
        text-orientation: upright;
        font-size: 35px;
        font-weight: bolder;
        margin: 0;
        background: linear-gradient(337deg, rgb(129 4 4 / 61%) 0%, rgb(158 119 31 / 75%) 100%);
        color: white;
        padding: 36px 0;
}
.hotel-list{
    
}
.hotel-list-card{
    position:relative;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background: #881e0a0a;
}
.hotel-list-card::after{
    content:"";
    position:absolute;
    top: 0;
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    height: 4px;
    width: 100%;
    left: 0;
}
.hotel-list-card-img{
    height: 100%;
    width: 100%;
}
.hotel-list-card-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.hotel-list-card h3{
    font-size: 22px;
    margin-bottom: 14px;
}
.hotel-list-card p{

    
}
.hotel-list-card a{
    border: none;
    color: rgb(255, 255, 255)!important;
    outline: 0px;
    cursor: pointer;
    display: inline-flex;
    padding: 14px 12px;
    text-align: center;
    font-weight: 600;
    transition: 0.3s ease-in-out;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    font-size: 12px;
}
.hotel-list-card ul{
    gap: 15px;
    margin-bottom: 10px;
}
.hotel-list-card ul li{
    font-size: 12px;
}

.c-drop .dropdown-menu {
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    /* display: flex!important; */
    flex-direction: column;
    /* margin-top: 5px; */
    border: none;
    padding: 0;
    margin-top: 7px;
}
.c-drop .dropdown-menu li{
    margin-left: 0;
    width: 100%;
    padding: 2px 0px;
}
.c-drop .dropdown-menu li a{
    /* display: flex; */
    flex-direction: column;
    font-size: 14px;
    color: white!important;
}

.itenary-heading img{
height: 20px;
width: 20px;
margin-top: 5px;
}
.task-card{
display: flex;
gap: 20px;
flex-wrap: wrap;
align-items: center;
}
.task-card img{
    height: 25px;
    width: 25px;
}
.task-card small{
    font-weight: 500;
}
.itenary-btn{
display: flex;
gap: 20px;
align-items: center;
/* flex-wrap: wrap; */

}
.itenary-btn img{
    height: 20px;
    width: 20px;
}
.itenary-btn div{

    
    
   
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    color: white;
}
.nav-tabs .nav-link{
    font-weight: 500;
    color: black;
}
.accordion-button:not(.collapsed){
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    color: white;
    box-shadow: none;
}
.itenary-list {
   margin: 0;
   padding: 0;
}
.itenary-list li{
    margin-bottom: 10px;
    /* display: flex;
     flex-wrap: wrap;
     gap: 10px;
     align-items: center; */
}
.tab-content>.active{
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.itenary-card{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}


/* --------------- */


/*pulse---*/

.pulsating {
  box-sizing: border-box;
  height: 56px;
  width: 56px;
  border-radius: 100%;
  background: #FFA500; /* Changed to orange */
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  -webkit-animation: pulsate 1.5s ease infinite;
  animation: pulsate 1.5s ease infinite;
  position: fixed; /* Add this to make it fixed */
  bottom: 30px; /* Adjust the distance from the bottom */
  right: 10px; /* Adjust the distance from the left */
  z-index: 111; /* Ensure it stays on top of other elements */
}

.pulsating svg {
  fill: white;
  width: 44.8px;
  height: 44.8px;
}

@-webkit-keyframes pulsate {
  0% {
    box-shadow: 0 0 0 0vmin rgba(255, 165, 0, 0.2); /* Changed to orange */
  }
  100% {
    box-shadow: 0 0 0 10vmin rgba(255, 165, 0, 0); /* Changed to orange */
  }
}

@keyframes pulsate {
  0% {
    box-shadow: 0 0 0 0vmin rgba(255, 165, 0, 0.2); /* Changed to orange */
  }
  100% {
    box-shadow: 0 0 0 10vmin rgba(255, 165, 0, 0); /* Changed to orange */
  }
}

.pulsating button {
  border-radius: 50%;
  font-size: 24px;
  height: 70px;
  margin: auto;
  min-width: 70px;
  width: 70px;
  padding: 0;
  overflow: hidden;
  background: rgba(158, 158, 158, 0.2);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
  background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%); /* Changed to orange */
  border: none;
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.pulsating button .inner-pulse {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 50%;
  height: 45px;
  margin: auto;
  min-width: 45px;
  width: 45px;
  background: transparent;
}

.pulsating button .inner-pulse i {
  -webkit-animation: shake 1.5s ease infinite;
          animation: shake 1.5s ease infinite;
}

@-webkit-keyframes innerpulse {
  0% {
    height: 0px;
    margin: auto;
    min-width: 0px;
    width: 0px;
    opacity: 0;
  }
  35% {
    height: 35px;
    min-width: 35px;
    width: 35px;
  }
  50% {
    height: 45px;
    min-width: 45px;
    width: 45px;
    opacity: 1;
  }
  65% {
    height: 35px;
    min-width: 35px;
    width: 35px;
  }
  100% {
    height: 0px;
    min-width: 0px;
    width: 0px;
    opacity: 0;
  }
}

@keyframes innerpulse {
  0% {
    height: 0px;
    margin: auto;
    min-width: 0px;
    width: 0px;
    opacity: 0;
  }
  35% {
    height: 35px;
    min-width: 35px;
    width: 35px;
  }
  50% {
    height: 45px;
    min-width: 45px;
    width: 45px;
    opacity: 1;
  }
  65% {
    height: 35px;
    min-width: 35px;
    width: 35px;
  }
  100% {
    height: 0px;
    min-width: 0px;
    width: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  35% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
  50% {
    height: 65px;
    min-width: 65px;
    width: 65px;
  }
  65% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
  100% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
}

@keyframes pulse {
  35% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
  50% {
    height: 65px;
    min-width: 65px;
    width: 65px;
  }
  65% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
  100% {
    height: 56px;
    min-width: 56px;
    width: 56px;
  }
}

@-webkit-keyframes shake {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  74% {
    transform: translate3d(2px, 0, 0);
  }
  75% {
    transform: translate3d(-2px, 0, 0);
  }
  85% {
    transform: translate3d(2px, 0, 0);
  }
  95% {
    transform: translate3d(-2px, 0, 0);
  }
  99% {
    transform: translate3d(2px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shake {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  74% {
    transform: translate3d(2px, 0, 0);
  }
  75% {
    transform: translate3d(-2px, 0, 0);
  }
  85% {
    transform: translate3d(2px, 0, 0);
  }
  95% {
    transform: translate3d(-2px, 0, 0);
  }
  99% {
    transform: translate3d(2px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}


.call_me {
    position: fixed;
    bottom: 111px;
    right: 8px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 111 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call_me,
.call_me::before {
    background: radial-gradient(#33a93c, #33a93c, #18791f)
}

.call_me i {
    color: #fff;
    font-size: 40px;
    /* line-height: 60px; */
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
    position: relative;
    z-index: 10001;
}

.call_me::before {
    content: '';
    transform: scale(1, 1);
    opacity: .5;
    width: 70px;
    height: 70px;
    display: block;
    position: fixed;
    right: 8px;
    bottom: 111px;
    border-radius: 100%;
    z-index: 9999;
    -webkit-animation: uptocallmini 1.5s infinite;
    -moz-animation: uptocallmini 1.5s infinite;
    animation: uptocallmini 1.5s infinite
}

@-webkit-keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    100% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    100% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    50% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    100% {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes uptocallmini {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: .5
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(1.5, 1.5)
    }
    85% {
        -webkit-transform: scale(.5, .5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: .5
    }
}

@keyframes uptocallmini {
    0% {
        transform: scale(1, 1);
        opacity: .5
    }
    80% {
        opacity: 0;
        transform: scale(1.5, 1.5)
    }
    85% {
        transform: scale(.5, .5);
        opacity: 0
    }
    100% {
        transform: scale(1, 1);
        opacity: .5
    }
}


/*pulse-end---*/


/*blog*/

.card-container {
  /* width: 300px; */
  /* min-height: 440px; */
  background-color: #fff;
  border-radius: 8px;
  margin: auto;
  box-shadow: 0 2px 20px rgba(0,0,0, 0.1);
  overflow: hidden;
  display: inline-block;
}

.card-image img {
  height: 100%;
  width: 100%;
  border-radius: 8px 8px 0 0;
  background-size: cover;
  object-fit: cover;
  object-position: center;
}

.card-body {
  /* display: flex; */
  flex-direction: column;
  /* align-items: start; */
  padding: 16px;
}

.card-badge {
  text-transform: uppercase;
  background-color: #fff;
  color: #fff;
  padding: 2px 8px;
  border-radius: 70px;
  margin: 0;
  font-size: 12px;
}

.card-badge-blue {
  background-color: #92d4e4;
}

.card-badge-purple {
  background-color: #3d1d94;
}

.card-badge-pink {
  background-color: #c62bcb;
}

.card-body h1 {
  font-size: 16px;
  margin: 8px 0;
}

.card-body p {
  font-size: 14px;
  margin: 3px 0 10px 0;
  color: #000000a6;
}

.card-author {
  display: flex;
  align-items: center;
}

.card-author p {
  font-size: 12px;
}

.card-author p:last-child {
  color: black;
  margin-bottom: 0;
}

.card-author img {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  margin-top: auto;
}
.card-image{
    height:200px;
}
/*blog-end*/





.c-drop .dropdown-menu li a:hover{
    color:black!important;
}

@media (max-width: 767px) {
    .tilt-tag h1{
                writing-mode: unset!important;
                font-size: 28px;
  
    color: white;
    padding: 18px 0;
    text-align: center;
    margin-bottom: 20px;
    }
    .hotel-list-card{
        padding:10px;
    }
    .main-content h1{
        font-size:24px;
    }
    .tag-list{
        gap:10px;
    }
    .tag-list li{
        font-size:10px;
        padding: 5px 9px;

    }
    .main-content {
    
    padding: 30px 10px;
   
}
  .s-blob::after{
    display: none;
  }
  header {
      padding: 15px 0px;
  }

  .hero.full-height {
      height: 87vh;
  }

  .hero .wrapper h1, .hero .wrapper h3 {
      font-size: 2.25rem;
  }
}

.choose-card{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    text-align: center;
    margin: auto;
    position: relative;
    padding-top: 64px;
    background: white;
    border-radius: 4px;
}

.choose-card-content{
    padding: 0 30px;
    padding-bottom: 12px;
}
.choose-card-content h3{
    font-size: 20px;
}
.choose-card-content p{
    font-size:14px;
}
.choose-card-img{
    height: 80px;
    width: 80px;
    position: absolute;
    border-radius: 50%;
    background: white;
    top: 0;
    left: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
    transform: translate(-50%,-50%);
    padding: 17px;
}
.choose-card-img img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.choose-card-bg::after{
    position:absolute;
    content:"";
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    top:0;
    left:0;
    width:100%;
    height:70%;
    z-index: -1;
}
.c-card-bg::after{
    position:absolute;
    content:"";
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: -1;
}
.heading-tags{
    
}
.heading-tags p{
    
}
.heading-tags h2{
    
}
.service-bg{
    background-image:url('../uploads/services-banner.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.breadcrumb-item+.breadcrumb-item::before{
    display:none;
}
.c-card{
    
}
.c-card-content{
    
}
.c-card-content h3{
    color: white;
    font-size: 19px;
    margin-bottom: 15px;
}
.c-card-content p{
    color: white;
    font-size:14px;
}
.c-ul{
    list-style-type: none;
    /* padding: 0; */
}
.c-ul li::after{
     background-image:url("../img/circle-check.png");
     background-repeat: no-repeat;
     background-size: contain;
     content: "";
     height: 28px;
     left: -25px;
     position: absolute;
     top: 50%;
     width: 28px;
     z-index: 1212121212;
     transform: translate(-50%,-50%);
}
.c-ul li{
    position:relative;
    margin-bottom: 20px;
}
.c-ul li p{
    margin-bottom: 0;
    font-size: 16px;
}
.c-ul li i{
    
}
.s-bg{
    position:relative;
  background-image:url('../img/services-banner.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;  
}
.s-bg::after{
    position:absolute;
    content:"";
    background: black;
    top:0;
    left:0;
    width:100%;
    height:100%;
   
    opacity:35%;
}
.cc-tag h2{
    font-size:18px;
}

/*-------------------*/

.c-form{
           position: absolute;
           top: 50%;
           z-index: 99;
           right: 85px;
           margin: auto;
           max-width: 30%;
           transform: translate(0%, -38%);
           z-index: 111;
           padding: 30px 40px;
           padding: 0px 50px;
           /* position: relative; */
           /* margin: 0 auto; */
           padding: 30px 25px;
           /* display: flex; */
           flex-direction: column;
           /* align-items: center; */
           justify-content: space-evenly;
           background-color: rgb(255 255 255 / 9%);
           border-radius: 20px;
           box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
           backdrop-filter: blur(15px);
           border: 1px solid rgba(255, 255, 255, 0.5);
           color: white;
           transition: 0.3s all;
}
.side-border::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #9c6e1d;
    top: 0;
    left: 0px;
}
.top-border::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    /* background-color: #ff9600; */
    top: 0;
    left: 0;
}
.highlight-word{
    
}
.contact-field i{
    z-index: 11111;
    padding-right: 22px;
    color: #041834;
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translate(0%, -50%);
    font-size: 13px;
}

.c-btn button, .c-btn-a a {
    border: none;
    outline: none;
    padding: 19px 15px;
    border-radius: 50px;
    /* background-color: #ED1C24; */
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    width: 100%;
    /* height: 42px; */
    font-size: 17px!important;
}
.contact-field{
	position: relative;
}
.c-btn-outline a {
    outline: none;
    padding: 10px 20px;
    border-radius: 9px;
    background-color: #ED1C24;
    color: white !important;
    border: 2px solid white;
    text-transform: uppercase;
}
.field-space{
    margin-bottom:15px;
}

.login-card-child input, .select2-container {
    border-color: #e3dbdb;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
    border-radius: 7px;
    font-size: 12px;
    line-height: 2;
    /* padding-left: 31px; */
    padding: 7px 34px;
    height: auto;
}
.contact-field textarea {
    font-size: 13px;
    padding-left: 31px;
    height: 80px!important;
}

.blin-btn a {
    animation: blin 2s linear infinite;
    color: #000;
    font-size: 21px !important;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
@keyframes blin{
25% {
    color: #f2c84d;
}
50% {
    color: rgb(255 229 166);
}
75% {
    color: rgb(255 255 255);
}
}
.social-sidebar {
    position: fixed;
    top: 50%;
    right: -41px;
    transform: rotate(
269deg);
    z-index: 999;
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: -2px 2px 10px #00000026;
    color: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display: none;
}
/* ============================= */
/* GLASS MARQUEE TOP STRIP      */
/* ============================= */

.glass-marquee {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 8px 0;

  /* Glass Effect */
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;

  transition: all 0.4s ease;
  z-index: 1;
}

/* Hide State (when not at top) */
.glass-marquee.hide {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
  border: none;
}

/* ============================= */
/* MARQUEE SCROLL ANIMATION     */
/* ============================= */

.marquee-track {
  display: flex;
  width: max-content;
  animation: marqueeScroll 18s linear infinite;
}

.marquee-track span {
  white-space: nowrap;
  padding-right: 60px;
}

/* Smooth Infinite Scroll */
@keyframes marqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Pause on hover */
.glass-marquee:hover .marquee-track {
  animation-play-state: paused;
}

/* ============================= */
/* RESPONSIVE                   */
/* ============================= */

@media (max-width: 768px) {
  .glass-marquee {
    font-size: 12px;
    padding: 6px 0;
  }

  .marquee-track span {
    padding-right: 40px;
  }
}

.n-card{
    /* display: inline-flex; */
    /* align-items: center; */
    /* background: white; */
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
    /* padding: 10px 13px; */
    /* border-radius: 6px; */
    /* gap: 20px; */
    /* border-top-left-radius: 50%; */
    /* border-bottom-left-radius: 50%; */
    position: relative;
}
.n-card-content h1{
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.2;
}
.n-card-content small{
    font-size: 14px;
}
.n-card-img{
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    border-radius: 50%;
    height: 45px;
    width: 45px;
    border: 4px solid #8f3b11;
    position: absolute;
    /* margin: 9px; */
    top: 50%;
    left: 7px;
    transform: translate(0%,-50%);
    padding: 6px;
}
.n-card-img img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.n-card-content{
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        padding: 8px 12px;
        border-radius: 100px;
        padding-left: 71px;
        background: white;
        /* display: inline-flex; */
        border: 2px solid #934c15;
        flex-direction: column;
        padding-right: 23px;
        background: #d0a83508;
        background: white;
}
/*cards-end*/
.n-brand{
    display:none!important;
}

.stickyadd .n-brand{
    display:block!important;

}


/*----------------------*/
/* Make slick track flex */
.h-slider .slick-track {
    display: flex !important;
}




.h-slider .slick-slide > div {
    display: flex;
    width: 100%;
}

/* Ensure card takes full height */
.hotel-list-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
 .hotel-list-card {
    border-radius: 12px;
     overflow: hidden; 
    display: flex;
    flex-direction: column;
    position:relative;
    height: 100%;
    background:#ffffff;
}
        .hotel-list-card::after{
           display:none;
        }
        .hotel-list-card-img{
            height:200px!important;
        }
        .hotel-list-card-img img{
            height:100%;
            width:100%;
            object-fit:cover;
            object-position:center;
        }
        .hotel-list-card h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.hotel-list-card p {
    font-size: 13px;
}
.hotel-tag{
        position: absolute;
    border: none;
    color: rgb(255, 255, 255);
    outline: 0px;
    cursor: pointer;
    display: inline-flex;
    padding: 8px 15px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
    font-size: 10px;
    right: -4px;
    top: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.h-slider .slick-slide{
    margin:10px;
       height: auto !important;
    display: flex !important;
}
/*----------------------*/




/*----------------*/
/* -------------slick-- */
.prev-arrow2{
  /* color: white; */
  border: none;
  /* background: transparent; */
  font-size: 30px;
  position: absolute;
  z-index: 1231313;
  top: 50%;
  left: 0;
  transform: translate(-50%,-50%);
  background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 50%;
  font-size: 17px;
}
.next-arrow2{
   /* color: var(--primary-color)!important; */
   border: none;
   /* background: transparent; */
   font-size: 30px;
   position: absolute;
   z-index: 1;
   top: 50%;
   /* left: 0; */
   transform: translate(50%,-50%);
   right: 0;
   /* transform: rotate(180deg); */
   background: linear-gradient(337deg, rgb(129, 4, 4) 0%, rgb(158, 119, 31) 100%);
   border-radius: 50%;
   height: 40px;
   width: 40px;
   font-size: 17px;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
}

.s-slider.slick-initialized {
  visibility: visible;
  opacity: 1;    
}
.owl-carousel .owl-item img{
  border-radius: 12px;
  overflow: auto;
}
.oc-item .overlay{
  border-radius: 12px;
  overflow: auto;
}

.slick-dots {
    /* background: red; */
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    gap: 5px;
    position: absolute;
    /* top: 500px; */
    /* top: 50%; */
    left: 50%;
    bottom: 0;
    transform: translate(-50%,100%);
}
.slick-dots button {
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: grey;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
  background-color: var(--primary-color);
}
.s-slider .slick-slide{
  margin: 10px;
}


/* -------------slick-end- */



/*----------------*/
 /* ── HERO ─────────────────────────────────────────────── */
  .heron {
    position: relative;
    min-height: 92vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    padding: 60px 0px;
  }

  /* layered background */
  .heron::before {
    content: '';
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 50% 40%, rgba(201,168,76,0.08) 0%, transparent 70%),
      linear-gradient(180deg, rgba(10,10,15,0.35) 0%, rgba(10,10,15,0.72) 60%, rgba(10,10,15,1) 100%),
      url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1600&q=80') center/cover no-repeat;
    z-index: 0;
  }

  /* subtle grain overlay */
  .heron::after {
    content: '';
    position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    z-index: 0;
    pointer-events: none;
    opacity: 0.6;
  }

  .hero-content {
    position: relative; z-index: 2;
    max-width: 860px;
  }

  .eyebrow {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 22px;
    opacity: 0;
    animation: fadeUp 0.9s ease 0.2s forwards;
  }

  .heron h1 {
    /* font-family: 'Cormorant Garamond', serif; */
    font-size: clamp(3rem, 8vw, 6.5rem);
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: 0.01em;
    color: var(--text);
    opacity: 0;
    animation: fadeUp 1s ease 0.4s forwards;
  }

  .heron h1 em {
    font-style: italic;
    color: var(--gold-light);
  }

  .heron p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.12em;
    color: var(--muted);
    text-transform: uppercase;
    opacity: 0;
    animation: fadeUp 1s ease 0.65s forwards;
  }

  /* brand name watermark */
  .brand-watermark {
    position: relative;
    z-index: 2;
    margin-top: 36px;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(3.8rem, 12vw, 10rem);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(201,168,76,0.35);
    user-select: none;
    opacity: 0;
    animation: fadeUp 1.2s ease 0.8s forwards;
    line-height: 1;
  }

  /* gold divider */
  .divider {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 38px;
    opacity: 0;
    animation: fadeUp 1s ease 1s forwards;
    justify-content: center;
  }
  .divider::before, .divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    max-width: 160px;
  }
  .divider span {
    font-size: 18px;
    color: var(--gold);
    letter-spacing: 6px;
  }

  /* ── STATS STRIP ──────────────────────────────────────── */
  .stats-strip {
    position: relative; z-index: 2;
    width: 100%;
    background: rgba(10,10,15,0.92);
    border-top: 1px solid rgba(201,168,76,0.2);
    margin-top: 60px;
    padding: 0;
  }

  .stats-inner {
    /* max-width: 1200px; */
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .stat-card {
    padding: 52px 40px;
    border-right: 1px solid rgba(201,168,76,0.12);
    opacity: 0;
    transform: translateY(28px);
    transition: background 0.3s;
    text-align: center;
    margin: auto;
  }
  .stat-card:last-child { border-right: none; }
  .stat-card:hover {/* background: rgba(201,168,76,0.04); */}

  .stat-card.visible {
    animation: fadeUp 0.8s ease forwards;
  }
  .stat-card:nth-child(1) { animation-delay: 0.1s; }
  .stat-card:nth-child(2) { animation-delay: 0.25s; }
  .stat-card:nth-child(3) { animation-delay: 0.4s; }

  .stat-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    color: var(--gold);
  }

  .stat-number {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.4rem, 5vw, 3.8rem);
    font-weight: 400;
    color: var(--text);
    line-height: 1;
    letter-spacing: -0.01em;
  }

  .stat-number span {
    color: var(--gold);
    margin-left: 10px;
  }

  .stat-label {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--gold-light);
  }

  .stat-desc {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--muted);
    max-width: 260px;
  }

  /* ── ANIMATIONS ───────────────────────────────────────── */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* ── RESPONSIVE ───────────────────────────────────────── */
  @media (max-width: 700px) {
    .stats-inner { grid-template-columns: 1fr; }
    .stat-card { border-right: none; border-bottom: 1px solid rgba(201,168,76,0.12); padding: 36px 28px; }
    .stat-card:last-child { border-bottom: none; }
    .brand-watermark { font-size: clamp(2.8rem, 14vw, 6rem); }
  }
  
  /* ─── SECTION WRAPPER ───────────────────────── */
  .testi-section {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
  }

  /* Decorative background: faint diagonal lines */
  .testi-section::before {
    content: '';
    position: absolute; inset: 0;
    background-image:
      repeating-linear-gradient(
        -55deg,
        transparent,
        transparent 60px,
        rgba(201,168,76,0.022) 60px,
        rgba(201,168,76,0.022) 61px
      );
    pointer-events: none;
  }

  /* Large decorative quote mark */
  .testi-section::after {
    content: '\201C';
    position: absolute;
    top: 40px; left: 50%;
    transform: translateX(-50%);
    font-family: 'Playfair Display', serif;
    font-size: 340px;
    line-height: 1;
    color: rgba(201,168,76,0.04);
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }

  .testi-inner {
    position: relative; z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
  }

  /* ─── SECTION HEADER ────────────────────────── */
  .testi-header {
    text-align: center;
    /* margin-bottom: 64px; */
  }

  .testi-header .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.42em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 18px;
  }

  .testi-header .eyebrow::before,
  .testi-header .eyebrow::after {
    content: '';
    width: 36px; height: 1px;
    background: var(--gold);
    opacity: 0.5;
  }

  .testi-header h2 {
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
    font-weight: 400;
    line-height: 1.15;
    color: var(--text);
  }

  .testi-header h2 em {
    font-style: italic;
    color: var(--gold-light);
  }

  .testi-header p {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.06em;
    color: var(--muted);
  }

  /* ─── SLIDER WRAPPER ────────────────────────── */
  .testi-slider-wrap {
    position: relative;
  }

  /* ─── SLIDE CARD ────────────────────────────── */
  

  .testi-card-inner {
      height: 100%; 
    background: var(--dark2);
    border: 1px solid var(--border);
    border-radius: 2px;
    padding: 25px 20px;
    position: relative;
    transition: border-color 0.35s, transform 0.35s;
    height: 100%;
  }

  .testi-card-inner:hover {
    border-color: rgba(201,168,76,0.4);
    transform: translateY(-4px);
  }

  /* top gold accent line */
  .testi-card-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 44px; right: 44px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    opacity: 0;
    transition: opacity 0.35s;
  }
  .testi-card-inner:hover::before { opacity: 1; }

  /* corner ornament */
  .testi-card-inner::after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 60px; height: 60px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    border-radius: 0 0 2px 0;
    transition: border-color 0.35s;
  }
  .testi-card-inner:hover::after { border-color: rgba(201,168,76,0.35); }

  /* quote icon */
  .quote-icon {
    font-family: 'Playfair Display', serif;
    font-size: 72px;
    line-height: 0.5;
    color: var(--gold);
    opacity: 0.55;
    /* margin-bottom: 22px; */
    display: block;
  }

  /* star rating */
  .stars {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
  }

  .stars span {
    color: var(--gold);
    font-size: 14px;
  }

  /* review text */
  .testi-text {
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(240,234,214,0.88);
    margin-bottom: 32px;
  }

  /* divider */
  .testi-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
  }
  .testi-divider::before {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
  }
  .testi-divider .diamond {
    width: 6px; height: 6px;
    background: var(--gold);
    transform: rotate(45deg);
    flex-shrink: 0;
  }
  .testi-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
  }

  /* author */
  .testi-author {
    display: flex;
    align-items: center;
    gap: 16px;
  }

 
  .author-info .name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text);
  }

  .author-info .role {
    margin-top: 3px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.8;
  }

  .author-info .trip {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 300;
    color: var(--muted);
  }


 

.testi-slider .slick-track {
    display: flex !important;
}

.testi-slider .slick-slide {
    margin: 10px;
    height: inherit !important; /* ADD THIS — forces slick to pass height down */
}

.testi-slider .slick-slide > div {
    display: flex;
    width: 100%;
    height: 100%; 
}

.testi-card {
    height: 100%;
}



/*----------------*/