.reserve-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  padding: 0.6rem 1.4rem !important;
  background: #ffe5b4 !important;
  color: #333333 !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  position: relative !important;
  transition: background 0.4s, color 0.4s, box-shadow 0.4s, transform 0.2s !important;
}

.button-icon {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
  background: #73160d !important;
  border-radius: 50% !important;
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out !important;
  overflow: hidden;
}

.button-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px !important;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out !important;
}

/* Show bed icon initially */
.button-icon i.fa-bed {
  color: #ffffff !important;
  opacity: 1;
  z-index: 1;
}

/* Hide check icon initially */
.button-icon i.fa-check {
  color: #73160d !important;
  opacity: 0;
  z-index: 0;
}

/* Hover state */
.reserve-button:hover {
  background: #73160d !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(115, 22, 13, 0.3) !important;
}

.reserve-button:hover .button-icon {
  background: #ffffff !important;
  transform: translateX(8px);
}

/* Swap icons */
.reserve-button:hover .button-icon i.fa-bed {
  opacity: 0;
}

.reserve-button:hover .button-icon i.fa-check {
  opacity: 1;
  z-index: 1;
  color: #73160d !important; /* Burgundy on white */
}

.reserve-button:active {
  transform: scale(0.98) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 768px) {
  .reserve-button {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }
}

.mgps-overlay {
    background: linear-gradient(to right,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.9) 10%,
        rgba(0, 0, 0, 0.8) 20%,
        rgba(0, 0, 0, 0.75) 30%,
        rgba(0, 0, 0, 0.6) 40%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.45) 60%,
        rgba(0, 0, 0, 0.3) 75%,
        rgba(0, 0, 0, 0) 100%
    );
    background-size: cover;
    background-position: 50% 30%;
}


/* CONTENT BUILDER CSS */
.testimonials-carousel05 .info-box .img {
    display:none !important;
}

.carousel-indicators-room-description img {
    max-height: 100px; /* Adjust this value to your desired height */
    width: auto; /* Maintains aspect ratio */
    object-fit: contain; /* Ensures the image fits within the specified height */
}