.hero-section{height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006}.hero-content{text-align:center;color:#fff;position:relative;z-index:1;padding:2rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{display:inline-block;padding:1rem 2rem;background-color:#fff;color:#000;text-decoration:none;border-radius:30px;font-weight:700;transition:all .3s ease}.cta-button:hover{background-color:#000;color:#fff;transform:translateY(-2px)}.featured-rooms{padding:4rem 2rem;background-color:#f8f8f8}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.room-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.room-card:hover{transform:translateY(-10px)}.room-image{height:200px;overflow:hidden}.room-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-info{padding:1.5rem}.room-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.room-type{color:#666;margin-bottom:1rem}.room-details{margin-bottom:1rem}.price{font-weight:700;color:#333;margin-bottom:.5rem}.capacity{color:#666}.view-details{display:inline-block;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:25px;transition:all .3s ease}.view-details:hover{background-color:#333;transform:translateY(-2px)}.about-section{padding:4rem 2rem;background-color:#fff}.about-section .container{max-width:800px;margin:0 auto;text-align:center}.about-section p{font-size:1.2rem;line-height:1.8;color:#666}.quick-links{padding:4rem 2rem;background-color:#f8f8f8}.quick-links .container{max-width:1200px;margin:0 auto}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;text-align:center}.links-grid a{display:block;padding:1rem;background-color:#fff;color:#333;text-decoration:none;border-radius:5px;transition:all .3s ease}.links-grid a:hover{background-color:#000;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.rooms-grid{grid-template-columns:1fr}.hero-section{height:100vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;background-repeat:no-repeat}}.explore-section{padding:4rem 0;background-color:#fff;overflow:hidden}.explore-container{max-width:1400px;margin:0 auto;padding:0 2rem}.explore-image{position:relative;width:100%;height:600px;overflow:hidden;border-radius:12px}.explore-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.explore-content-overlay{position:absolute;top:0;right:0;bottom:0;width:40%;background-color:#ffffff8c;padding:3rem;display:flex;align-items:center;justify-content:center}.explore-text-container{text-align:left}.explore-title{font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;color:#1a1a1a}.explore-text{font-size:1.2rem;line-height:1.8;color:#000;margin-bottom:2rem}.explore-button{display:inline-block;padding:1rem 2rem;background-color:#1a1a1a;color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:all .3s ease}.explore-button:hover{background-color:#333;transform:translateY(-2px)}@media (max-width: 768px){.explore-image{height:500px}.explore-content-overlay{width:100%;height:auto;bottom:0;top:auto;background:linear-gradient(to top,#ffffffbf,#fff0);padding:2rem}.explore-text-container{text-align:center}.explore-title{font-size:2rem}.explore-text{font-size:1.1rem}}.image{background-image:url({{$imageUrl}});background-size:cover;background-position:center;width:100%}.featured-rooms{background-color:#fff;padding:2rem 0}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;background-color:#fff}.room-card{position:relative;background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.room-card:hover{transform:translateY(-5px)}.room-image{position:relative;height:400px;overflow:hidden}.room-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.room-overlay{position:absolute;top:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to bottom,#00000080,#0000);color:#fff}.room-type{font-size:2rem;font-weight:500;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff}.room-info{padding:1.5rem;background:#000c;color:#fff}.room-amenities{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.amenity{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffffff1a;border-radius:15px;font-size:.9rem;color:#fff}.amenity i{color:#fff;font-size:.8rem}.room-details{display:flex;justify-content:space-between;align-items:center;gap:1rem}.price-capacity{flex:1}.price{font-size:1.2rem;font-weight:700;margin:0;color:#fff}.capacity{font-size:1rem;color:#ccc;margin:.5rem 0 0}.details-button{display:inline-block;padding:.75rem 1.5rem;background-color:#ffffffe6;color:#000;text-decoration:none;border-radius:25px;transition:all .3s ease;font-weight:500}.details-button:hover{background-color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.rooms-grid{grid-template-columns:1fr;padding:1rem}.room-image{height:300px}.blogs-grid{display:flex!important;flex-direction:column;align-items:center;gap:2rem}.blog-card{max-width:350px;width:100%;margin:0 auto}}
