.hero {
 position: relative;
 background: 
 linear-gradient(180deg, rgba(8,10,20,0.6), rgba(8,10,20,0.3));
 color: #fff;
 padding: 80px 0;
 border-radius: 8px;
 overflow: hidden;
}

.hero h1,
.hero .lead,
.hero .btn,
.hero .meta-badge,
.hero .price-tag {
 text-shadow: 2px 2px 6px rgba(0,0,0,0.7); /* makes white text pop */
}

.hero .btn-outline-light {
 border: 2px solid #fff;
 color: #fff;
}

.hero .btn-outline-light:hover {
 background: #fff;
 color: #000;
}

 h2{
 font-size: 1.1rem;
 font-weight :600;
 }
 .card-sight .sight-img { height:220px; object-fit:cover; border-radius:6px 6px 0 0; }
 .meta-badge { font-size:0.85rem; color:#6c757d; }
 .feature-list li { margin-bottom:8px; }
 .price-tag { font-size:1.25rem; font-weight:600; color:#198754; }
 .btn-book { background: linear-gradient(90deg,#0d6efd,#6610f2); border: none; color: #fff; }
 .gallery img { border-radius:6px; }
 @media (max-width:576px) { .hero { padding:40px 0; } }
 
 .gallery img{width:100%;height:200px;object-fit:cover;border-radius:8px;} 
.gallery img:hover {
 transform: scale(1.05); /* smooth zoom effect */
}
 .gallery img:hover{transform:scale(1.05);}
 .faq-button {width:100%;text-align:left;}
	

 
 /* Corner Ribbon */
 .ribbon {
 width: 120px;
 height: 28px;
 background: linear-gradient(90deg,#b94e02,#ffb448);
 color: #fff;
 text-align: center;
 line-height: 28px;
 font-size: 0.75rem;
 font-weight: 700;
 position: absolute;
 top: 12px;
 right: -35px;
 transform: rotate(45deg);
 box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 z-index: 10;

 white-space: normal;
 line-height: 1.2;
 padding: 4px;
 }
 .center-card { position: relative; overflow: hidden; }
 .center-img { height:170px; object-fit:cover; border-radius: .375rem .375rem 0 0; }
 .open-badge { font-weight:600; color:#0f5132; }
 .meta-small { font-size:0.85rem; color:#6c757d; }
 .price-pill { background:#f8f9fa; padding:6px 10px; border-radius:20px; font-weight:700; }