*,
*::before,
*::after {
box-sizing: border-box;
}

body {
margin: 0;
font-family: 'Barlow', sans-serif;
}

html, body {
overflow-x: hidden;
}

#home .container-fluid {
max-width: 100%;
}

img,
video {
max-width: 100%;
height: auto;
display: block;
}

a {
text-decoration: none;
color: inherit;
}

.hidden {
display: none;
}

.booking-form {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
}

.booking-section {
margin-top: 1.5rem;
}

html,
body {
overflow-x: hidden;
}


.booking-control {
    height: 52px !important;
}

.booking-control.form-control,
.booking-control.form-select {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 52px;
}

.btn[type="submit"] {
    height: 52px !important;
}

.bg-nero {
background-color: #202020;
}

.bg-nero-dark {
background-color: #1e1e1e;
}

.bg-light-gray {
background-color: #e9e9e9;
}

.bg-lion {
background-color: #aa8453;
}

.text-lion {
color: #aa8453;
}

.text-coyote {
color: #80633e;
}

.overlay-dark-70 {
background-color: rgba(0, 0, 0, 0.7);
}

.overlay-dark-50 {
background-color: rgba(0, 0, 0, 0.5);
}

.overlay-white-30 {
background-color: rgba(255, 255, 255, 0.3);
}

.overlay-white-70 {
background-color: rgba(255, 255, 255, 0.7);
}

.section-padding {
padding: 4rem 0;
}

.container-custom {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}

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

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

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

.white-placeholder::placeholder {
color: #fff;
opacity: 1;
}


.text-small {
font-size: 0.875rem;
}

.text-large {
font-size: 1.25rem;
}

.uppercase {
text-transform: uppercase;
}

.letter-spacing-wide {
letter-spacing: 0.1em;
}

.font-light {
font-weight: 300;
}

.font-medium {
font-weight: 500;
}

.font-semibold {
font-weight: 600;
}

.blog-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
transform: translateY(-12px);
}


.btn-lion {
background-color: #aa8453;
color: #fff;
padding: 0.75rem 1.5rem;
text-transform: uppercase;
letter-spacing: 0.1em;
border: none;
transition: 0.3s ease;
}

.btn-lion:hover {
background-color: #8f6f45;
}

.shadow-soft {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}


.object-cover {
object-fit: cover;
}

.transition-smooth {
transition: all 0.3s ease;
}


@media (max-width: 768px) {
.section-padding {
padding: 2.5rem 0;
}
}


.home-slide-img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-overlay{
  background:rgba(0,0,0,.45);
  z-index:1;
}

.homeSwiper{
  z-index:0;
}

.homeSwiper .swiper-button-next,
.homeSwiper .swiper-button-prev{
  color:#fff;
}

.homeSwiper .swiper-pagination-bullet{
  background:#fff;
  opacity:.6;
}

.homeSwiper .swiper-pagination-bullet-active{
  opacity:1;
}

.slide-up{
  opacity:0;
  transform:translateY(40px);
  transition:all .8s ease;
}

.show{
  opacity:1;
  transform:translateY(0);
}

.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease, transform .7s ease;
  will-change:opacity, transform;
}

.reveal.from-left{
  transform:translateX(-34px);
}

.reveal.from-right{
  transform:translateX(34px);
}

.reveal.from-up{
  transform:translateY(34px);
}

.reveal.is-visible{
  opacity:1;
  transform:translateX(0) translateY(0);
}

.reveal.delay-1{ transition-delay:.08s; }
.reveal.delay-2{ transition-delay:.16s; }
.reveal.delay-3{ transition-delay:.24s; }
.reveal.delay-4{ transition-delay:.32s; }


.room-card{
  transition:transform .35s ease, box-shadow .35s ease;
}

.room-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 40px rgba(0,0,0,.25);
}