@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');


*{
  margin:0;
  padding:0;
  box-sizing:border-box;
    font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: normal;
}

/* ================= HEADER ================= */
header{
  position:fixed;
  width:100%;
  top:0;
  z-index:999;
  padding:5px 80px;
  backdrop-filter: blur(10px);
  background: rgba(0,0,0,0.6);
  transition:0.4s;
}

header.scrolled{
  background: rgba(0,0,0,0.8);
}

/* NAV */
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* LOGO */
.logo-section img{
  height:90px;
}
.phone{
  font-size:13px;
  color:#ddd; 
}
.phone a{
  color:#ddd;
  text-decoration:none;
}

/* NAV LINKS */
.nav-links{
  display:flex;
  align-items:center;
  gap:28px;
}

.nav-links a{
  color:#fff;
  text-decoration:none;
  font-size:19px; font-weight:lighter;
  position:relative;
}

.nav-links a::after{
  content:"";
  position:absolute;
  width:0%;
  height:2px;
  bottom:-5px;
  left:0;
  background:#d3300b;
  transition:0.3s;
}

.nav-links a:hover::after{
  width:100%;
}

/* BOOK BUTTON */
.book-btn{
  padding:10px 24px;
  border-radius:30px;
  background:linear-gradient(45deg,#be0d27,#ea1e3c);
  color:#000;
  font-weight:600;
  position:relative;
  overflow:hidden;
}

.book-btn::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:-100%;
  background:#000;
  transition:0.4s;
}

.book-btn:hover::before{
  left:0;
}

.book-btn span{
  position:relative;
  z-index:1;
}

.book-btn:hover{
  color:#fff;
}

/* MOBILE */
.menu-toggle{
  display:none;
  font-size:26px;
  color:#fff;
  cursor:pointer;
}

/* ================= SLIDER ================= */
.slider{
  height:100vh;
  position:relative;
  overflow:hidden;
}
.slider iframe {margin-top:90px;}
.slide{
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform: scale(1.15);
  transition: all 1.5s ease;
}

.slide.active{
  opacity:1;
  transform: scale(1);
  z-index:1;
}

/* overlay */
.overlay{
  position:absolute;
  width:100%;
  height:100%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
}

/* TEXT CENTER */
.slide-content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:#fff;
  z-index:2;
  animation:fadeUp 1.2s ease;
}

.slide-title {
  font-size:60px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); 
}

.typing{
  margin:15px 0; /* background:rgba(255,255,255,0.7);*/
  font-size:29px; font-weight:normal;
  color:#f3f3f3; padding:4px 4px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border-right:2px solid #fff;
  display:inline-block;
}

/* HERO BUTTON */
.hero-btn{
  margin-top:20px; font-size:19px; font-weight:normal; margin-left:5px;
  display:inline-block;
  padding:12px 30px;
  border-radius:40px;
  background: rgba(124,124,124,0.7);
  backdrop-filter: blur(10px);
  color:#fff;
  text-decoration:none;
  transition:0.4s;
}

.hero-btn:hover{
  background:#ea1e3c;
  color:#fff;
}

/* ARROWS */
.nav-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  cursor:pointer;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.2);
  color:#fff;
  font-size:28px;
  transition:0.3s; z-index:1000;}

.nav-arrow:hover{
  background:#ea1e3c;
  color:#fff;
}

.prev{ left:30px; }
.next{ right:30px; }

/* DOTS */
.slider-dots{
  position:absolute;
  bottom:128px;
  width:100%;
  text-align:center; z-index:1000;
}

.slider-dots span{
  display:inline-block;
  width:12px;
  height:12px;
  margin:5px;
  background:rgba(255,255,255,0.5);
  border-radius:50%;
  cursor:pointer;
  transition:0.3s;
}

.slider-dots span.active{
  background:#ea1e3c;
  transform:scale(1.3);
}

/* ANIMATION */
@keyframes fadeUp{
  from{opacity:0; transform:translate(-50%, -30%);}
  to{opacity:1; transform:translate(-50%, -50%);}
}

/* MOBILE */
@media(max-width:768px){
  header{ padding:15px 20px; }

  .nav-links{
    position:absolute;
    top:80px;
    right:0;
    width:100%;
    background:rgba(0,0,0,0.95);
    flex-direction:column;
    display:none;
    padding:20px;
  }

  .nav-links.active{
    display:flex;
  }

  .menu-toggle{
    display:block;
  }

  .slide-content h1{
    font-size:32px;
  }
}
.about-section {
  position: relative;
  padding: 70px 20px;
  text-align: center;
  color: #262626;
  overflow: hidden;
}

/* BLUR LAYER */
.about-section::before {
  content: "";
  position: absolute;
  inset: 0;
 
  filter: blur(8px);
  transform: scale(1.1); /* prevents edge cut after blur */
  z-index: 0;
}

/* LIGHT OVERLAY */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.15),
    rgba(0,0,0,0.05)
  );
  z-index: 1;
}

/* CONTENT ABOVE BLUR */
.content-box {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: auto;
  backdrop-filter: blur(4px); /* optional glass effect */
  padding: 20px;
  border-radius: 10px;
}

/* HEADINGS */
.title1 {
  font-size:53px;
  margin-bottom: 10px;
}

.title2 {
  font-weight:600;
  color: #ea1e3c; font-size:21px; font-weight:lighter;
  margin-bottom: 20px;
}

/* TEXT */
.content-box p {
  font-size: 19px; font-weight:lighter;
  line-height: 1.8;
  margin-bottom: 15px;
}

.content-box p a { color:#ea1e3c; text-decoration:none;
}


/* READ MORE CONTENT */
.more-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
}

/* BUTTON */
.read-btn {
  margin-top: 15px;  font-size: 19px; font-weight:lighter;
  padding: 10px 25px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(45deg,#dddddd,#d1d1d1);
  color: #000;
  cursor: pointer;
  transition: 0.4s;
}

.read-btn:hover {
  background: #fff;
  color: #000;
}

/* MOBILE */
@media(max-width:768px) {
  .content-box h2 {
    font-size: 28px;
  }

  .content-box p {
    font-size: 14px;
  }
}
.amenities-modern {
  padding: 100px 20px;
  background:#585858;
  color: #fff;
  text-align: center;
}

/* HEADING */
.title3 {
  font-size: 42px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.heading p {
  color: #ccc; font-size: 21px;
  margin-bottom: 60px;
}

/* GRID */
.amenities-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px; WIDTH: 80%;
    MARGIN: 0 auto;
}

/* CARD */
.amenity-box {
  position: relative;
  padding: 30px 15px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1);
  transition: 0.4s;
  overflow: hidden;
}

/* ICON */
.fa-solid, .fas {
    font-weight: 700;
    font-size: 32px; margin-bottom:20px;
}

/* TEXT */
.amenity-box h3 {
  font-size: 19px;
  font-weight: normal;
}

/* GLOW LINE */
.amenity-box::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #be0d27, #ea1e3c);
  transition: 0.4s;
}

/* HOVER EFFECT */
.amenity-box:hover::before {
  width: 100%;
}

.amenity-box:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 35px rgba(255,128,94,0.2);
}


/* DESCRIPTION */
.amenities-text {
  margin-top: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
      font-size: 19px;
    font-weight: lighter;
  line-height: 1.8;
  color: #fff;
}

/* RESPONSIVE */
@media(max-width: 992px) {
  .amenities-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width: 600px) {
  .amenities-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .heading h2 {
    font-size: 28px;
  }
}
.dual-section {
  padding: 80px 20px; 
  background: #f9f9f9;
}

.section-row {
  display: flex; WIDTH:80%; margin:0 auto;
  align-items: center;
  gap: 60px;
  margin-bottom:70px;
}

.section-row.reverse {
  flex-direction: row-reverse;
}
.slider-box {
  flex: 1;}
/* CONTENT */
.content {
  flex: 2;
}

.title4 {
  font-size: 38px;
  margin-bottom: 10px;
}

.title5 {
  color: #d3300b; font-size: 23px;
  margin-bottom: 17px;
}
.title7 {
  font-size: 30px;
  margin-bottom: 10px;
}
.content p {
  line-height: 1.8; font-size:18px; font-weight:lighter;
  margin-bottom: 20px;
}

/* BUTTON */
.btn {
  padding: 10px 25px; font-size: 19px;
    font-weight: lighter;
   background: linear-gradient(45deg, #be0d27, #ea1e3c);
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
 
}

/* SLIDER */
.slider-box {
  flex: 3;
  position: relative;
}

.slides {
  position: relative;
  overflow: hidden;
}

.slide {
  display: none;
  position: relative;
}

.slide.active {
  display: block;
  animation: fade 1s ease;
}

.slide img {
  width: 100%;
}

/* CAPTION */
.caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 25px;
}

/* DOTS */
.dots {
  text-align: center;
  margin-top: 10px;
}

.dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.dots span.active {
  background: #ff9900;
}

/* ANIMATION */
@keyframes fade {
  from {opacity:0;}
  to {opacity:1;}
}

/* RESPONSIVE */
@media(max-width: 768px) {
  .section-row {
    flex-direction: column;
  }

  .section-row.reverse {
    flex-direction: column;
  }

  .content h2 {
    font-size: 28px;
  }
}
.hotel-footer{
background:#333; font-size:18px;
color:#ffffff;
padding:60px 20px 30px;
font-family:Arial; border-top:#be0d27 solid 4px;
}

.footer-link  { margin:0 auto; float:none; padding:8px 0; text-align:center; font-size:18px; }

.footer-link p a {color:#ffffff; text-align:center; line-height:36px; text-decoration:none; font-size:18px;} 

.footer-container{
max-width:1200px;
margin:auto;
}

/* Logo */

.footer-logo{
text-align:center;
margin-bottom:40px;
}

.footer-logo img{
max-width:160px;
}

/* Grid */

.footer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
margin-bottom:40px;
}

.title6, .title6 a {
margin-bottom:15px; color:#fff;
font-size:28px; font-weight:lighter; text-decoration:none;
}

.footer-col p{
font-size:18px; font-weight:lighter;
line-height:1.6;
margin-bottom:10px;
color:#e8e8e8;
}

.footer-col p a{
color:#e8e8e8;
text-decoration:none;
}

.footer-col a:hover{
text-decoration:underline;
}

/* Navigation */

.footer-nav{
list-style:none;
padding:0;
margin:0;
}

.footer-nav li{
margin-bottom:8px;
}

.footer-nav a{
color:#e8e8e8;
font-size:15px;
}

/* Bottom */

.footer-bottom{
text-align:center;
border-top:1px solid rgba(255,255,255,0.2);
padding-top:20px;
font-size:16px;
color:#e8e8e8;
}

.footer-links a, .footer-bottom a{
color:#ffffff; text-decoration:none;
margin:0 5px;
}

/* Mobile */

@media (max-width:900px){

.footer-grid{
grid-template-columns:1fr;
text-align:center;
}

.footer-nav{
display:inline-block;
text-align:left;
}

}

#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#be0d27;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}
.smo{ width:90%; float:left; padding:10px 0;}
.social-icons {
            display: flex;
            gap: 12px; margin-top:10px;
        }
        .social-icons a {
            text-decoration: none;
            color: white;
            width: 34px;
            height: 34px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        .social-icons a.facebook { background-color: #3b5998; }
        .social-icons a.twitter { background-color: #1da1f2; }
        .social-icons a.instagram { background-color: #e4405f; }
        	.social-icons a.blog { background-color:#F57C00 }
        .social-icons a.youtube { background-color: #ff0000; }
label { display:none;}
#reserve { float:none; width:100%; margin:0 auto; position:absolute; z-index:999; bottom:2px; font-family: "Bree Serif", serif;}
.reserve { color:#fff; font-size:27px;  float:left;  font-weight:normal; text-align:left; padding:15px 12px; margin-right:26px; font-family: "Bree Serif", serif;}
.imenu { width:65%;  margin:0 auto; padding:12px 15px; background: rgba(255,255,255,0.9); float:none; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); font-family: 'Segoe UI', sans-serif;}
.check1{ margin:11px 10px; float:left; width:14%; font-weight:normal;}
.check2{ margin:10px 10px; float:left; width:14%; font-weight:normal;}
.chk {font-size:12px; color:#424669; line-height:24px;}
.message1{ font-size:17px; padding:10px 11px; margin:0 auto; border-bottom:#424669 solid 1px; color: #424669; border-radius: 4px; width:90%; font-weight:normal;  background:#f2f2f2; font-family: "Bree Serif", serif;}
.message2{ font-size:17px; padding:9px 10px; margin:0 auto; width:90%; color: #424669; border-radius: 4px; font-weight:normal; background:#f2f2f2; border-bottom:#424669 solid 1px; font-family: "Bree Serif", serif;}

input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit { border-radius: 30px;
background:linear-gradient(45deg,#be0d27,#ea1e3c); border:none; color:#fff; font-size: 19px; font-family: "Bree Serif", serif; padding:10px 22px; font-weight:normal; letter-spacing:1px;}
::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}
.map1{ font-size:12px;
padding:10px;  font-family: 'Segoe UI', sans-serif;
width:50%; 
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}

.col { float:LEFT; margin:15px 35px; width:34%;}

.col ul {
  list-style: none;
  padding: 0;

}

.col ul li {
  font-weight:lighter;  font-size: 19px; list-style:circle;
  margin-bottom: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.col ul li i {
  color: #333; font-size:18px;
  min-width: 20px;
}

.col2 { float:LEFT; margin:15px 35px; width:34%;}

.col2 ul {
   padding: 0;

}

.col2 ul li {
  list-style:circle; font-weight:lighter;  font-size: 19px;
  margin-bottom: 26px; text-align:left;
  gap: 10px;
}
.col2 ul li a{ color:#333; text-decoration:none;}

.att2 {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 15px;
}

.att2-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

.att2-card {
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.att2-img img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.att2-content {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.att2-content h3 {
  font-size: 22px;
  margin-bottom: 12px;
  color: #1a1a1a;
}

.att2-content p {
  font-size: 19px;
  line-height: 1.7;
  color: #555;
}

/* Desktop 2-Column Layout */
@media (min-width: 768px) {
  .att2-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
}

.fq{text-align:left; text-decoration: none; color:#031C1A; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#d3300b; text-decoration:none;}

.top { margin-top:50px;}

.scenic-section {
      padding: 60px 20px;
      background: #fff;
    }

    .scenic-container {
      max-width: 1200px;
      margin: auto;
    }

    .section-heading {
      text-align: center;
      margin-bottom: 40px;
    }

    .section-heading h2 {
      font-size: 36px;
      color: #222;
      margin-bottom: 12px;
    }

    .section-heading p {
      font-size: 18px;
      color: #666;
      max-width: 700px;
      margin: auto;
      line-height: 1.7;
    }

    .scenic-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 25px;
    }

    .scenic-card {
      background: #fff;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .scenic-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    }

    .scenic-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      display: block;
    }

    .scenic-content {
      padding: 22px 20px 24px;
      background: #fff;
    }

    .scenic-content h3 {
      font-size: 25px;
      color: #222;
      margin-bottom: 10px;
    }

    .scenic-content p {
      font-size: 17px;
      color: #666;
      line-height: 1.7;
    }

    /* Tablet */
    @media (max-width: 991px) {
      .scenic-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .section-heading h2 {
        font-size: 30px;
      }
    }

    /* Mobile */
    @media (max-width: 767px) {
      .scenic-section {
        padding: 40px 15px;
      }

      .scenic-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .section-heading h2 {
        font-size: 26px;
      }

      .section-heading p {
        font-size: 15px;
      }

      .scenic-card img {
        height: 220px;
      }

      .scenic-content h3 {
        font-size: 20px;
      }

      .scenic-content p {
        font-size: 14px;
      }
    }
	
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup Box */
.popup-box {
  position: relative;
  max-width: 430px;
  width: 90%;
  padding: 34px 28px;
  border-radius: 18px;
  text-align: center;
  color: #fff;
  font-family: 'Poppins', sans-serif;
 background: rgba(0, 0, 0, 0.9);
   
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}

/* Headings */
.highlight1 {
  font-size: 23px; color:#d3300b; background-color:#fff; padding:4px 4px; border-radius:4px;
  font-weight: 400;
  margin-bottom: 14px;
}

/* Highlight Text */
.highlight {
  font-size: 21px; color:#d3300b;
  font-weight: 400;
  margin-bottom: 14px;
}

/* Offer Text */
.offer-text {
  font-size: 21px;
  line-height: 1.6;
}

/* Validity */
.validity {
  margin: 18px 0;
  font-size: 19px;
  opacity: 0.9;
}

/* Call Button */
.call-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 13px 30px;
  background: #d3300b;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  transition: 0.3s ease;
}

.call-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(230,0,92,0.4);
}
.ada { width:100%; margin:0 auto; padding:12px 0; text-align:center; color:#fff; background:#505050; font-size:19px;}
.ada a { color:#fff; text-decoration:none;}

.red-offer-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: linear-gradient(45deg, #be0d27, #ea1e3c);
  border-radius: 18px;
  padding: 30px 35px;
  margin: 40px auto;
  max-width: 1000px;
  color: #fff;
  box-shadow: 0 15px 35px rgba(179, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}

.red-offer-banner:before {
  content: "";
  position: absolute;
  right: -60px;
  top: -60px;
  width: 180px;
  height: 180px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
}

.red-left {
  flex: 1;
  min-width: 280px;
}

.discount-tag {
  display: inline-block;
  background: #fff;
  color: #c00000;
  font-size: 13px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 30px;
  margin-bottom: 14px;
}

.red-left h2 {
  font-size: 34px;
  margin-bottom: 12px;
  font-weight: 700;
}

.red-left p {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.7; color:#fff; text-decoration:none;
}
.red-left p a {
  font-size: 23px; padding:6px 14px;
  border: solid 2px #fff;
  line-height: 1.7; color:#fff; text-decoration:none;
}
.red-left small {
  font-size: 14px;
  opacity: 0.95;
}

.red-right {
  min-width: 220px;
  text-align: center;
  margin-top: 15px;
}

.promo-code {
  display: inline-block;
  font-size: 25px;
  font-weight: 800;
  background: #fff;
  color: #c00000;
  padding: 12px 24px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  letter-spacing: 2px;
}

@media (max-width: 768px) {
  .red-offer-banner {
    text-align: center;
    padding: 28px 20px;
  }

  .red-left h2 {
    font-size: 28px;
  }

  .red-left p {
    font-size: 18px;
  }

  .promo-code {
    font-size: 24px;
    margin-top: 15px;
  }
}