:root {
  --gold: #C9A84C;
  --gold-light: #E8C97A;
  --dark: #0D0D0D;
  --charcoal: #1A1A1A;
  --mid: #2C2C2C;
  --text: #F0EDE8;
  --muted: #A89880;
  --cream: #F7F3EC;
  --accent: #E8441A;
}

a{text-decoration: none !important;}
h1,h2,h3,h4{font-family: Poppins, sans-serif; letter-spacing: -1px;}
p{font-family: Poppins, sans-serif;}
/* ===== GLOBAL ===== */
body { font-family: Poppins, sans-serif; background: var(--dark); color: var(--text);   }
.text-gold { color: var(--gold) !important; }
.text-muted-gold { color: var(--muted) !important; }
.bg-dark-hotel { background: var(--dark) !important; }
.section-label { font-size: 12px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: var(--gold); display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.section-label::before { content: ''; display: block; width: 32px; height: 2px; background: var(--gold); }
.section-title {font-family: Poppins, sans-serif; font-size: clamp(34px, 5vw, 58px); font-weight: 900; line-height: 1.1; color: var(--text); }
.section-title em { font-style: italic; color: var(--gold); }
.section-sub { font-size: 18px; color: var(--muted); max-width: 540px; line-height: 1.7; font-weight: 300; }
.letter-wide { letter-spacing: 3px; }

/* ===== BUTTONS ===== */
.btn-gold { background: var(--gold); color: var(--dark); font-weight: 700; border: none; letter-spacing: 1px; transition: all 0.2s; }
.btn-gold:hover { background: var(--gold-light); color: var(--dark); transform: translateY(-2px); }
.btn-outline-gold { border: 1.5px solid var(--gold); color: var(--gold); font-weight: 600; transition: all 0.2s; }
.btn-outline-gold:hover { background: var(--gold); color: var(--dark); }

/* ===== NAVBAR ===== */
#mainNav { background: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent); transition: all 0.3s; padding: 18px 0; }
#mainNav.scrolled { background: rgba(13,13,13,0.98);   padding: 12px 0; border-bottom: 1px solid rgba(201,168,76,0.2); }
#mainNav .navbar-brand { font-family: "Poppins", sans-serif; font-size: 24px; color: var(--gold); text-decoration: none; }
#mainNav .nav-link { color: rgba(255,255,255,0.85); font-weight: 500; font-size: 15px; letter-spacing: 0.5px; padding: 8px 14px; transition: color 0.2s; }
#mainNav .nav-link:hover { color: var(--gold); }
.navbar .container-xl{max-width:90% !important ;}


/* ===== HERO ===== */
.hero-section {   min-height: 680px; position: relative; display: flex; align-items: center; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.65) 100%), url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?w=1800&q=80') center/cover no-repeat; animation: heroZoom 20s ease-in-out infinite alternate; }
@keyframes heroZoom { from { transform: scale(1); } to { transform: scale(1.06); } }
.hero-pill { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 7px 16px; border-radius: 100px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.9); display: inline-block; margin: 4px; }
.hero-badge { background: var(--accent); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 7px 18px; border-radius: 2px; }

/* ===== BOOKING STRIP ===== */
.booking-strip { background: var(--gold); padding: 24px 0; }
.booking-strip input, .booking-strip select { background: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.5); padding: 11px 16px; border-radius: 4px; font-size: 15px;font-family: "Poppins", sans-serif; font-weight: 500; color: var(--dark); outline: none; }
.booking-strip input::placeholder { color: rgba(13,13,13,0.55); }

/* ===== SAVINGS BANNER ===== */
.savings-banner { background: linear-gradient(135deg, #1a0a00, #2a1500); border: 1px solid rgba(201,168,76,0.3); border-radius: 8px; padding: 40px 50px; position: relative; overflow: hidden; }
.savings-banner::before { content: '15%'; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-family: "Poppins", sans-serif; font-size: 160px; font-weight: 900; color: rgba(201,168,76,0.05); line-height: 1; pointer-events: none; }
.s-badge { background: rgba(201,168,76,0.1); border: 1px solid rgba(201,168,76,0.3); padding: 9px 18px; border-radius: 4px; font-size: 14px; font-weight: 600; color: var(--gold); display: flex; align-items: center; gap: 8px; }
.s-badge::before { content: '✓'; font-size: 16px; }

/* ===== ROOM CARDS ===== */
.room-card { background:#00000000; border: 1px solid rgb(201, 168, 76); border-radius: 8px; overflow: hidden; transition: transform 0.3s, border-color 0.3s; }
.room-card:hover { transform: translateY(-6px); border-color: rgba(201,168,76,0.3); }
.room-card img { width: 100%; height: 220px; object-fit: cover; transition: transform 0.5s; display: block; }
.room-card:hover img { transform: scale(1.04); }
.room-img-wrap { overflow: hidden; position: relative; }
.room-tag { position: absolute; top: 14px; left: 14px; background: var(--gold); color: var(--dark); font-size: 18px; font-weight:600; letter-spacing:0px; text-transform: capitalize; padding: 7px 14px; border-radius: 50px; }
.room-feature-badge {border:1px solid rgba(201, 168, 76, 1); background: rgba(255, 245, 216, 1); padding: 4px 15px; border-radius: 100px; font-size: 18px; color: rgb(12 1 1 / 60%); font-weight: 500; display: inline-block; margin: 2px; }
.price-amount { font-size:24px; font-weight: 700; color: #000;  }
.price-per { font-size: 20px; color:#000;font-weight:600 }
.price-weekend{font-size:24px;color: rgba(201, 168, 76, 1);font-weight:700;}
.geffs{font-size: 20px;color: #000;}
.room-card .border-top.border-secondary {padding-top:18px;}
.room-card  .btn-outline-gold{width: 100%;padding: 13px 0;margin: 23px 0 0;border-radius: 18px;font-size: 18px;}
/* ===== ENTERTAINMENT ===== */
.ent-card { border-radius: 8px; overflow: hidden; position: relative; min-height: 380px; display: flex; flex-direction: column; justify-content: flex-end; }
.ent-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.ent-card:hover img { transform: scale(1.05); }
.ent-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.15) 70%, transparent 100%); }
.ent-content { position: relative; padding: 28px 26px; }
.ent-tag { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
.ent-title {font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 1.2; }
.prize-badge { background: var(--accent); color: #fff; font-size: 17px; font-weight: 800; padding: 5px 14px; border-radius: 2px; display: inline-block; margin-bottom: 8px; }
.no-cover { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(6px); color: #fff; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 100px; display: inline-block; margin-bottom: 10px; }

/* ===== TRANSPORT ===== */
.t-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(201,168,76,0.2); border-radius: 8px; padding: 24px 26px; transition: all 0.2s; }
.t-card:hover { border-color: var(--gold); background: rgba(201,168,76,0.05); }
.t-icon { font-size: 30px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: rgba(201,168,76,0.1); border-radius: 50%; flex-shrink: 0; }

/* ===== WHY CHOOSE ===== */
.section-dark.Avenue{background-color: rgba(34, 24, 0, 1) !important;padding: 52px 0 100px;}
.why-card {   padding: 40px 50px; transition: all 0.3s; height: 100%;border-bottom: 1px solid rgba(201, 168, 76, 0.266); }
.why-card:hover { background: rgba(201,168,76,0.04);border-bottom: 1px solid rgba(201, 168, 76, 1);   }
.why-icon { font-size: 34px; margin-bottom: 16px; display: block; }
.why-card h5{font-size: 35px;color: rgba(201, 168, 76, 1) !important;font-weight: 500 !important;}
.section-dark.Avenue .conttoatot{width: 85% ;margin: auto;}
 .section-dark.Avenue .conttoatot .row .visible{margin: 0px;border-right:1px solid rgba(201, 168, 76, 0.266);}
.conttoatot .row .visible{padding: 0;}
.section-dark-top{padding: 0 0 65px;}
.section-dark-top h2{font-size: 60px;color: rgba(201, 168, 76, 1);text-align: center;line-height:70px;font-weight: 700;}
.section-dark-top p{font-size: 24px;color: rgb(255, 255, 255);text-align: center;}
.why-card p{ color: #fff;font-size: 24px;margin: 0;}
/* ===== PRICING CARDS ===== */
.price-plan-card { background: var(--mid); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; padding: 38px 32px; position: relative; transition: all 0.3s; height: 100%; }
.price-plan-card.highlight { border-color: var(--gold); background: linear-gradient(135deg, #1a1200, #2a1e00); }
.price-plan-card:hover { transform: translateY(-4px); border-color: rgba(201,168,76,0.4); }
.price-plan-tag { position: absolute; top: -13px; left: 30px; background: var(--gold); color: var(--dark); font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; padding: 4px 14px; border-radius: 2px; }
.plan-feature { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 15px; color: rgba(255,255,255,0.75); display: flex; align-items: center; gap: 10px; }
.plan-feature.no { color: rgba(255,255,255,0.35); }
.plan-feature::before { content: '✓'; color: var(--gold); font-weight: 700; flex-shrink: 0; }
.plan-feature.no::before { content: '✕'; color: #e44; }

/* ====== gallery ======== */
.row.galimg img {  height: 200px;  object-fit: cover; height: 200px;  width: 100%;  transition: 0.3s;}
.row.galimg img:hover {  transform: scale(1.05);}

/* ===== POLICIES ===== */
.policy-card { background: var(--mid); border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 28px 26px; height: 100%; }
.policy-card h5 { color: var(--gold); font-weight: 700; letter-spacing: 0.5px; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.policy-item { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 15px; color: rgba(255,255,255,0.7); display: flex; gap: 10px; line-height: 1.5; }
.policy-item::before { content: '·'; color: var(--gold); font-size: 20px; line-height: 1.2; flex-shrink: 0; }

/* ===== CTA SECTION ===== */
.cta-section { position: relative; min-height: 480px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.cta-bg { position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1496417263034-38ec4f0b665a?w=1800&q=80') center/cover; }
.urgent-badge { background: var(--accent); color: #fff; font-size: 13px; font-weight: 700; padding: 7px 18px; border-radius: 100px; display: inline-flex; align-items: center; gap: 7px; margin-bottom: 24px; }

/* ===== DARK SECTIONS ===== */
.section-charcoal { background: rgba(255, 251, 242, 1); }
.section-dark { background: var(--dark); }
.section-gradient-dark { background: linear-gradient(135deg, #0a0a0a, #1a1000); }

/* ===== FOOTER ===== */
.footer-dark { background: #080808; border-top: 1px solid rgba(201,168,76,0.15); }
.footer-links a { color: var(--muted); text-decoration: none; font-size: 15px; display: block; margin-bottom: 8px; transition: color 0.2s; }
.footer-links a:hover { color: var(--text); }
.pay-badge { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); padding: 5px 12px; border-radius: 3px; font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.45); letter-spacing: 0.5px; }

/* ===== BOOKING FORM PAGE ===== */
.booking-page { background: var(--dark); min-height: 100vh; padding: 40px 0 80px; }
.booking-form-card { background: var(--charcoal); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 40px; }
.booking-form-card .form-label { color: rgba(255,255,255,0.8); font-weight: 500; font-size: 15px; }
.booking-form-card .form-control, .booking-form-card .form-select { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: var(--text); border-radius: 6px; padding: 12px 16px; font-size: 15px; }
.booking-form-card .form-control:focus, .booking-form-card .form-select:focus { background: rgba(255,255,255,0.09); border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.12); color: var(--text); }
.booking-form-card .form-control::placeholder { color: rgba(255,255,255,0.3); }
.booking-form-card .form-select option { background: var(--charcoal); color: var(--text); }
.room-summary-card { background: var(--mid); border: 1px solid rgba(201,168,76,0.2); border-radius: 10px; padding: 28px; }

/* ===== MY BOOKINGS PAGE ===== */
.booking-status-confirmed { background: rgba(40,167,69,0.15); color: #5cb85c; padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 600; }
.booking-status-pending { background: rgba(255,193,7,0.15); color: #ffc107; padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 600; }
.booking-status-cancelled { background: rgba(220,53,69,0.15); color: #dc3545; padding: 4px 12px; border-radius: 100px; font-size: 12px; font-weight: 600; }
.my-booking-card { background: var(--mid); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; overflow: hidden; transition: border-color 0.2s; }
.my-booking-card:hover { border-color: rgba(201,168,76,0.3); }

/* ===== AUTH PAGES ===== */
.auth-page { background: var(--dark); min-height: 100vh; display: flex; align-items: center; }
.auth-card { background: var(--charcoal); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 44px 40px; width: 100%; max-width: 460px; }
.auth-card .form-control { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: var(--text); padding: 12px 16px; border-radius: 6px; }
.auth-card .form-control:focus { background: rgba(255,255,255,0.09); border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.12); color: var(--text); }
.auth-card .form-control::placeholder { color: rgba(255,255,255,0.3); }
.auth-card .form-label {color: rgba(255,255,255,0.8); font-weight: 500;}

/* ===== ROOMS PAGE ===== */
.rooms-page { background: var(--dark); min-height: 100vh; padding: 40px 0 80px; }
.rooms-hero { background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('https://images.unsplash.com/photo-1618773928121-c32242e63f39?w=1600&q=80') center/cover; padding: 100px 0 60px; margin-top: -80px; }

/* ===== REVEAL ANIMATION ===== */
.reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: 0.1s; }
.reveal-d2 { transition-delay: 0.2s; }
.reveal-d3 { transition-delay: 0.3s; }
.reveal-d4 { transition-delay: 0.4s; }

.Roomg{background: rgba(255, 251, 242, 1);text-align: center;padding: 78px 0 0;}
.Roomg h2{font-size: 60px;color:rgba(201, 168, 76, 1);font-weight:700;}
.Roomg p{color:#000;font-size: 24px;width:660px;margin:auto;line-height:28px;margin: 0 auto 50px;}
.room-inner{width: 1327px;margin: auto;}
.room-inner img{width: 100%;}

.footer-newe{background: rgba(201, 168, 76, 1);padding: 50px 0 0;}

.footer-last{display: flex;justify-content:space-between ;padding: 10px 10%;border-top:1px solid #00000078;margin: 40px 0 0;}
.footer-last p{margin:0;font-size: 16px;color: #000;}
.linksd a{color: #000;font-size:18px;}
.dklink a{color: #000;}
.linksd p span{margin:0 10px;}

.topper-footer{text-align: center;}
.facebook{margin: 38px 0 24px;}
.topper-footer p{color:#000;}
.fotermap{font-size: 23px;}
.fotermap img{margin-right:10px;}

.Limited{background-color: rgba(255, 251, 242, 1);padding: 80px 0;}
.Limited h2{color: rgba(201, 168, 76, 1);font-size:60px;font-weight: 700;margin:0;}
.Limited p{color: rgb(19, 19, 19);font-size:24px;}
.Limited a{line-height: 118px;color: rgba(51, 36, 0, 1);font-size:118px;font-weight:700;text-decoration: none;}

.hotelroom-tag-main{gap:15px;}
.hotelroom-tag{width: 32.5%;}
.room-card h5{font-size:30px;color: rgba(201, 168, 76, 1);font-weight: 700;}
.hotelroom-tag-main .border-secondary{border-color: rgba(201, 168, 76, 0.31) !important;}

.bar-drikk{background-color: rgba(34, 24, 0, 1);padding: 48px 5% 80px;}
.bar-drikk{background-color: rgba(34, 24, 0, 1);}
.bar-drik-top h3{font-size: 60px;color: rgba(201, 168, 76, 1) ;font-weight: 700;}
.bar-drik-top p{font-size:24px;}
.bar-drik-top{text-align: center;}
.bar-drikk ul{gap: 17px;list-style: none; padding: 0;margin: 34px 0 0;}
.bar-drikk ul li img{width: 100%; }

.Weekend{background: rgba(255, 251, 242, 1);text-align: center;padding:80px 0;}
.Weekend-top h3{font-size: 60px;color: rgba(201, 168, 76, 1) ;font-weight: 700;}
.Weekend-top p{font-size:24px;}
.Weekend-bottom h3{font-size: 60px;color: rgba(201, 168, 76, 1) ;font-weight: 700;}
.Weekend-bottom p{font-size:24px;}
.Weekend ul{gap: 17px;list-style: none; padding: 0;margin: 50px 0 ;}
.Weekend ul li img{width: 100%;border-radius: 20px;}

.Transportation img{width:100%;}
.section-dark.Avenue .conttoatot .row .col-md-6:nth-child(3),
.section-dark.Avenue .conttoatot .row .col-md-6:nth-child(6),
.section-dark.Avenue .conttoatot .row .col-md-6:nth-child(9){border:0;}

.Booking{background: rgba(255, 251, 242, 1);padding:100px 0;}
.Booking-top{text-align: center;margin-bottom: 50px;}
.Booking-top h3{font-size: 60px;color: rgba(201, 168, 76, 1) ;font-weight: 700;}
.Booking-top p{font-size:24px;}
.Booking ul li h2{font-weight: 700;font-size: 37px;}
.Booking ul{gap:9px;list-style: none; padding: 0; padding: 0 5%;margin: 0 ;}
.Booking ul li{box-shadow: 0 0 5px #00000022;border-radius: 16px;padding: 40px;width:50%;}
.Booking ul li .d-flex{border-top: 1px solid rgba(201, 168, 76, 0.31);margin: 28px 0 0;padding: 28px 0 0;}
.Booking ul li p{font-size: 20px;margin: 0;}

.textwjffl{text-align: center;}
.textwjffl p{margin: 0;}
.textwjffl h2{font-size: 75px;color: rgba(201, 168, 76, 1) ;letter-spacing: -2px;font-weight: 700;text-align: center;}
.textwjffl h3{font-size: 50px;font-weight: 600;text-align: center;margin: 0 0 15px;}
.textwjffl .firstst{display: flex;justify-content: center;gap:30px;padding: 0;margin:15px 0 0;list-style: none;}
.textwjffl .secondd{display: flex;justify-content: center;gap:20px;padding: 0;margin:43px 0 0;list-style: none;}
.textwjffl .firstst li p{font-size:30px;}
.textwjffl .secondd p{font-size: 25px;}
.textwjffl .two-btn{margin: 80px 0 30px;}
.secondd li{background: #ffffff1e;padding:7px 15px;border-radius:18px;display: flex;justify-content: center;align-items: center;gap: 10px;}
.firstst li{ display: flex;justify-content: center;align-items: center;gap: 10px;}
.secondd li img{width:30px;}
.textwjffl .two-btn a{font-size: 18px;border-radius: 18px;text-decoration: none; color: #000;font-weight: 600;}
.textwjffl .two-btn a div{width: 241px;}
.textwjffl .two-btn a:nth-child(1){background-color: rgba(201, 168, 76, 1);padding: 17px 35px;}
.textwjffl .two-btn a:nth-child(2){background-color: rgb(255, 255, 255);padding: 17px 60px;}
.textwjffl .laststfd{font-size: 20px;}
.brandtag{padding:4px 14px;font-size: 23px;border:1px solid #fff;width:227px ;margin: 0 auto 28px !important;}

.section-charcoal.hotell{padding:80px 0 100px;}
#openDrawer{background: transparent;border: 0;}
#openDrawer a{font-size:30px;color:#fff;margin-right: 46px;}
/* Drawer */
.drawer {
  position: fixed;
  top: 0;
  right: -350px;
  width: 350px;
  height: 100%;
  background: #fff;
  box-shadow: -3px 0 10px rgba(0,0,0,0.2);
  transition: right 0.3s ease;
  padding: 20px;
  z-index: 1001;
}

.drawer.active {
  right: 0;
}
.drawer ul {
margin-top: 40px;
list-style: none;
    padding: 0;
}
.drawer ul  li{
line-height: 40px;
list-style: none;
padding: 0 8px;
}

.drawer ul  li:hover{
background-color: #E8C97A;
color: #fff;
}
.drawer ul  li:hover a{
color: #fff;
}

.drawer a {
    font-size: 16px;
    color: rgba(201, 168, 76, 1);
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
}



/* Close button */
.close-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
  background: transparent;
  border: none;
}

/* Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1000;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.mobile-view{display: none;}


.rhx-policies-box {
  max-width:900px;
  margin:40px auto  0px;
  font-family: Arial, sans-serif;
}

.rhx-policy-card {
  border-bottom: 1px solid #d6d0c4;
}

.rhx-policy-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 5px;
  cursor: pointer;
}

.rhx-policy-title {
  font-size: 24px;
  color: #222;
}

.rhx-policy-plus {
  width: 28px;
  height: 28px;
  background: #c9a44c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: 0.3s;
}

.rhx-policy-body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  color: #555;
}

.rhx-policy-card.rhx-active .rhx-policy-body {
  max-height: 150px;
  padding: 0px 0 10px;
}

.rhx-policy-body p{margin: 0;font-size: 18px;color: #000;padding: 0 30px;}


@media (max-width: 1600px){
.brandtag{font-size: 18px;width: 220px;margin: 0 auto 15px !important;}
.textwjffl h2{font-size: 60px;}
.textwjffl h3 {font-size: 40px;}
.textwjffl .firstst li p {font-size: 22px;}
.textwjffl .secondd p,.textwjffl .laststfd {font-size: 18px;}
.textwjffl .two-btn a:nth-child(1){font-size: 16px;}

.Roomg h2,.bar-drik-top h3,.Weekend-top h3,.Weekend-bottom h3,.section-dark-top h2,.Limited h2,.Booking-top h3{font-size: 50px;line-height: 54px;}

.Roomg p{line-height: 24px;font-size: 20px;margin: 0 auto 30px;}
.Roomg{    padding: 50px 0 0;}
.section-charcoal.hotell{padding:50px 0 60px;}
.bar-drik-top p {font-size: 20px;}
.Weekend{padding: 50px 0;}
.Weekend ul{margin: 30px 0;}
.Weekend-top p,.Weekend-bottom p,.section-dark-top p,.Limited p,.Booking-top p,.rhx-policy-title{ font-size: 22px;}

.Booking{padding: 50px 0;}
.Booking-top{margin: 0 0 30px;}
.why-card h5{font-size: 28px;}
.Limited a{font-size: 100px;line-height:105px;}
.Limited{padding: 50px 0;}
.fotermap{    font-size: 20px;}
.section-dark-top {padding: 0 0 38px;}
}

@media (max-width: 1500px){
.textwjffl .two-btn a:nth-child(2){padding: 13px 40px;}
.textwjffl .two-btn a:nth-child(1){padding: 13px 25px;}
.Roomg {padding: 30px 0 0;}

.Roomg h2, .bar-drik-top h3, .Weekend-top h3, .Weekend-bottom h3, .section-dark-top h2, .Booking-top h3,.Limited h2 {font-size: 45px;line-height: 49px;}

.Roomg p{font-size: 18px;}
.room-card h5{font-size: 28px;}
.geffs{font-size: 18px;}
.room-feature-badge{font-size: 16px;}

.price-per,.bar-drik-top p,.bar-drik-top p,.Weekend-top p,.why-card p,.room-tag,.rhx-policy-title,
.Booking-top p,.Booking ul li p, .Weekend-bottom p, .section-dark-top p, .Limited p{font-size: 18px;}

.price-amount,.price-weekend{ font-size: 20px;}
.room-card .btn-outline-gold{    margin: 16px 0 0;}
.Booking ul li .d-flex{    margin: 21px 0 0; padding: 21px 0 0;}
.why-card h5 {font-size: 26px;}
.Limited a {font-size: 90px;line-height:95px;}
.fotermap {font-size: 18px;}
.secondd li img {width: 23px;}
.firstst li img{width: 24px;}
/* }

@media (max-width: 1500px){ */
.textwjffl h2 {font-size: 50px;}
.textwjffl h3 {font-size: 30px;}
.textwjffl .firstst li p {font-size: 20px;}
.room-inner{width: 1140px;}
.hotelroom-tag-main {gap: 14px;}
.room-feature-badge {font-size: 14px;}
.section-dark.Avenue{    padding: 52px 0 60px;}
}
@media (max-width: 1300px){
.textwjffl h2 {font-size: 45px;}
.textwjffl h3 {font-size: 25px;}
.textwjffl .firstst li p {font-size: 18px;}
.textwjffl .secondd p, .textwjffl .laststfd {font-size: 16px;}
.textwjffl .two-btn {margin: 53px 0 22px;}
.textwjffl .two-btn a{font-size: 16px}

.Roomg h2, .bar-drik-top h3, .Weekend-top h3, .Weekend-bottom h3, 
.section-dark-top h2, .Booking-top h3, .Limited h2 {font-size: 40px;line-height: 44px;}

.Roomg p,.geffs,.price-per, .bar-drik-top p, .bar-drik-top p, .Weekend-top p, 
.why-card p, .Booking-top p, .Booking ul li p, .Weekend-bottom p, .room-tag,
.section-dark-top p, .Limited p,.price-amount, .price-weekend {font-size: 16px;}
.room-card h5 {font-size: 25px;}
.room-card .btn-outline-gold{font-size: 16px;padding: 10px 0;}
.Roomg p{margin: 0 auto 22px;}
.section-charcoal.hotell {padding: 50px 0 50px;}
.bar-drikk ul{gap: 10px;}
.bar-drikk{padding: 40px 5% 50px;}
.Weekend {padding: 40px 0;}
.Booking-top {margin: 0 0 20px;}
.Booking ul li h2{font-size: 24px;}
.Booking ul li{padding: 30px;}
.why-card h5 {font-size: 22px;}
.why-card{padding: 29px 35px 30px;}
.Limited a {font-size: 79px;line-height:84px;}
}
@media (max-width: 1200px){
.room-inner,.container-xl{width: 95% !important;}
.hotelroom-tag-main {gap: 12px;}
.Roomg h2, .bar-drik-top h3, .Weekend-top h3, .Weekend-bottom h3, .section-dark-top h2, .Booking-top h3, .Limited h2 {font-size: 36px;line-height: 40px;}
.room-card h5 {font-size: 22px;}
}

@media (max-width: 992px) {
  .hero-badge { display: none; }
  .savings-banner::before { display: none; }
  .savings-banner { padding: 28px; }
  .hotelroom-tag {
    width: 48.5%;
}
}
@media (max-width: 768px) {
.room-inner, .container-xl {
        width: 90% !important;padding: 0;
    }
.bar-drikk{padding: 40px 4% 50px;}
  .section-title { font-size: 34px; }
  .booking-form-card { padding: 24px; }
  .auth-card { padding: 28px 20px; }
  .Roomg p{width: 90%;}
      .Roomg h2, .bar-drik-top h3, .Weekend-top h3, .Weekend-bottom h3, .section-dark-top h2, .Booking-top h3, .Limited h2 {
        font-size: 26px;
        line-height: 30px;
    }

  .Roomg p, .geffs, .price-per, .bar-drik-top p,.rhx-policy-title,.rhx-policy-body p, .bar-drik-top p, .Weekend-top p, .why-card p, .Booking-top p, .Booking ul li p, .Weekend-bottom p, .room-tag, .section-dark-top p, .Limited p, .price-amount, .price-weekend {
        font-size: 14px;
        line-height: 18px;
    }
    .p-4.infdsfr{ padding: 10px !important;}
    .hotelroom-tag {width: 100.5%;    }
    .bar-drikk ul li{width: 49%;}
    .bar-drikk ul,.Weekend ul,.Booking ul{flex-wrap: wrap;}
        .bar-drikk ul {
        gap: 6px;
    }
    .Weekend ul li{width: 100%;}
    .Booking ul li{width: 100%;}
        .Limited a {
        font-size: 35px;line-height: 40px;
    }
    .section-charcoal.hotell,.Weekend ,.Booking,  .section-dark.Avenue,.Limited{
        padding: 30px 0  ;
    }
        .Weekend ul {
        margin: 15px 0 30px;
    }
       .section-dark-top {
        padding: 0 0 20px;
    }
        .fotermap {
        font-size: 14px;
    }
    .footer-last{flex-wrap: wrap;}
    .facebook { margin: 15px 0 15px;}
    .Limited p{margin: 5px;}
.linksd a,.footer-last p{    font-size: 14px;}
.footer-last{justify-content: center;}
.footer-last{margin: 20px 0 0;}
.fotermap img{width: 15px;margin-right: 5px;}

.mobile-view{display: block;}
.desktop-view,#openDrawer a,.navbar-toggler {display: none;}
.navbar-brand.fw-bold img{width: 120px;}
#openDrawer img{width: 40px;position: relative;top:10px;}
.textwjffl .firstst li p 
 {
        font-size: 14px;
    }
    .textwjffl h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .brandtag {
        font-size: 14px;
        width: 150px;
        margin: 0 auto 10px !important;
    }
    .textwjffl h3 {
        font-size: 20px;margin: 0 0 0px;
    }
    .textwjffl .firstst{gap: 4px 18px;flex-wrap: wrap;}
    .textwjffl .secondd{margin: 15px 0 0;    flex-wrap: wrap;}
        .textwjffl .secondd p, .textwjffl .laststfd {
        font-size: 14px;
    }
        .textwjffl .two-btn {
        margin: 27px 0 19px;
    }
        .textwjffl .two-btn a{
        font-size: 14px !important;
    }
    .bar-drikk ul{    margin: 25px 0 0;}
    .section-dark.Avenue .conttoatot .row .visible{border-right: 0px solid rgba(201, 168, 76, 0.266);}
    .rhx-policies-box{margin: 10px auto 0px;max-width: 90%:}
  }