.top-info-bar {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: .5;
  padding: 0;
  height: 15px;
}
.btn-book {
  background-color:  #dbe3ea;
  color: rgb(1, 6, 10);
  font-weight: 500;
  font-size: 0.85rem;
  padding: 6px 16px;
  border-radius: 20px;
  border: none;
  transition: background 0.3s ease;
}

.btn-book:hover {
  background-color: #0056b3;
  color: #02203e;
}

.navbar.fixed-top {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  top: 40px; /* adjust to match the height of your top info bar */
}

:root {
  --primary-blue: #007bff; /* Change to your preferred blue */
}

.hero-section {
  position: relative;
}

.carousel-item {
  height: 90vh; /* Adjust height */
  min-height: 400px;
  background: #000; /* fallback */
  overflow: hidden;
}

.carousel-item img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter: brightness(0.6);
}

.carousel-caption {
  bottom: 20%;
  left: 10%;
}

.carousel-caption h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  color: white;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
  margin-bottom: 15px;
}

.btn-hero {
  background-color: var(--primary-blue);
  color: white;
  font-weight: 500;
  padding: 10px 22px;
  border-radius: 30px;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.btn-hero:hover {
  background-color: #0056b3; /* darker on hover */
  color: #fff;
}


/* About Us section font */
.hero-section + section,
section.about-us {
    font-family: 'Poppins', sans-serif;
}

/* Initial state: hidden and moved down */
.specialty-card {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

/* When in view: fully visible and in position */
.specialty-card.show {
  opacity: 1;
  transform: translateY(0);
}

.why-card {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 20px;
  background-color: #ffffff;
}

.why-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* --- Suites‑style review card --------------------------- */
.review-card{
  background:#ffffff;
  border-radius:1rem;
  box-shadow:0 12px 24px rgba(0,0,0,.05);
  max-width:360px;
  margin-inline:auto;
}
.review-card p{position:relative;margin-bottom:1.2rem}
.review-card p::before{           /* big quotation mark */
  content:"“";
  position:absolute;left:-1rem;top:-.4rem;
  font-size:5rem;line-height:.6;
  color:#e8dff0;
  z-index:-1;
}

.review-card .stars i{color:#ffb84d;font-size:1.1rem}
.section-title{font-family:'Playfair Display',serif}

/* Owl dots to match demo */
.reviews-carousel .owl-dots .owl-dot{
  width:10px;height:10px;margin:5px 4px;
  background:#d3bfe8;border-radius:50%;
  transition:all .2s
}
.reviews-carousel .owl-dot.active{background:#820d7c}

/* Ensure pics are circles */
.review-card img{object-fit:cover}
/* outer slider keeps height auto */
.reviews-carousel .review-card{
  max-width:460px;        /* rectangle, not square        */
  min-height:260px;
  margin-inline:auto;
  background:#fff;
  border-radius:1rem;
  box-shadow:0 12px 24px rgba(0,0,0,.05);

  display:flex;           /* photo left, text right       */
  align-items:center;
  gap:1rem;
  padding:1.25rem 1.5rem;
}

/* profile image */
.reviews-carousel .review-card img{
  flex:0 0 60px;          /* fixed 60×60 pic              */
  width:60px; height:60px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

/* copy block */
.reviews-carousel .review-card p{
  font-size:.95rem;
  line-height:1.55;
  margin-bottom:.6rem;
}
.reviews-carousel .review-card h6{
  font-size:.9rem;
  margin-bottom:0;
}

/* dots */
.reviews-carousel .owl-dots{
  text-align:center;
  margin-top:1rem;
}
.reviews-carousel .owl-dot{
  width:10px;height:10px;display:inline-block;margin:0 4px;
  background:#d3bfe8;border-radius:50%;transition:background .2s;
}
.reviews-carousel .owl-dot.active{background:#820d7c}

/* mobile fallback: stack vertically */
@media(max-width:767.98px){
  .reviews-carousel .review-card{
    flex-direction:column;
    text-align:center;
  }
  .reviews-carousel .review-card img{margin-bottom:.5rem}
}
/* ===========================================================
   REVIEWS – final styling tweaks
=========================================================== */

/* --- 1. Decorative opening quote ------------------------- */
.review-card{ position:relative; }      /* anchor for pseudo-element */
.review-card::before{
  content:'#';                          /* big curly quote */
  position:absolute;
  top: 0.9rem; left:4.5rem;             /* adjust if it overlaps the photo */
  font-size:4.5rem; line-height:.6;
  color:rgba(95, 5, 90, 0.08);           /* very soft purple tint */
  pointer-events:none;
}

/* --- 2. Ensure profile photo always shows ---------------- */
.review-card img{
  flex:0 0 60px;                        /* fixed size */
  width:60px;height:60px;
  border-radius:50%;
  object-fit:cover;
  background:none !important;           /* kill any accidental bg override */
  display:block;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

/* if image still missing, border helps diagnose
.review-card img{border:2px dashed red}
*/

/* --- 3. Name line bottom‑right ---------------------------- */
.review-card h6{
  position:absolute;
  bottom:0.75rem; right:1rem;
  font-size:.9rem;
  margin:0;
  text-align:right;
}
.review-card p,
.review-card .stars{ margin-right:5.5rem; }  /* leave space for name */

@media(max-width:767.98px){
  /* on mobile, keep name centered under text */
  .review-card h6{
    position:static;
    margin-top:.5rem;
    text-align:center;
  }
  .review-card p,
  .review-card .stars{ margin-right:0; }
}

.review-card::before{
    color: rgba(13,110,253,0.08); /* soft blue instead of purple */
}
.reviews-carousel .owl-dot.active{
    background: #0d6efd; /* blue dot */
}

footer ul li a:hover {
  color: #0d6efd; /* hospital blue accent */
}
footer .btn-primary {
  background-color: #0d6efd;
  border: none;
}

body {
  font-family: 'Poppins', sans-serif;
}
  /* Make navbar slightly bigger */
  .navbar {
    padding: 1rem 1.5rem; /* Increases vertical height */
  }

.card {
  border-radius: 12px;
  transition: transform 0.3s;
}
.card:hover {
  transform: translateY(-5px);
}

.navbar-brand {
  margin-right: auto !important; /* pushes brand to left */
}

.navbar-brand div {
  line-height: 1;
  font-size: 14px;
  text-align: left;
}

.navbar-brand div div:last-child {
  font-size: 13px;
  color: #555;
}