@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');

*{margin:0;padding:0;border:0;outline:none;}
body{ background:#fff; font-family: "Libre Baskerville", serif; color:#333; font-weight:normal;}
label {display: none;}
.ct {text-align:center;}
.title1, .title1 a {font-size:50px;color:#004a8b;text-decoration:none; line-height:40px;  margin-bottom:50px; font-weight:bold; margin-top:10px;}
.cnt {text-decoration:none;  text-align:center;}
.subt { font-family: 'Dancing Script', cursive; color:#fff; font-size:28px; line-height:36px; padding:8px 0;}
.wel { font-family: "Libre Baskerville", serif; color:#ffba00; font-size:23px; line-height:60px; font-weight:600;}
.white {color:#fff;  font-size:25px; line-height:28px; padding-bottom:8px; font-weight:normal;}
.title2, .title2 a { text-decoration:none; font-weight:bold; font-size:21px; color:#333; padding:8px 0;}
.title3, .title3 a  {font-size:28px;color:#fff;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:bold;}
.title4, .title4 a {font-size:25px; font-weight:bold;color:#00145f;text-decoration:none; text-align:left; margin:20px 0;}
.title5 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:23px; color:#ffba00; padding:15px 0 5px 0;}
.title5 a { color:#ffba00; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:44px; color:#fff; text-align:center; line-height:54px; }
* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
     font-family: "Libre Baskerville", serif;
    }

    body {
      overflow-x: hidden; font-family: "Libre Baskerville", serif;
    }

    /* Sticky Transparent Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10%;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.4);
}

/* Shrinked, solid header after scroll */
header.scrolled {
  background: #ffffff; width: 100%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 18px 10%;
}

/* Logo */
.logo {
   transition: all 0.3s ease;
}

header.scrolled .logo {
  width:90px; 
}

/* Nav Links */
nav ul li a {
  color: #fff; font-family: "Libre Baskerville", serif;
   font-weight: 700;
  font-style: normal; font-size:21px;
  text-decoration: none;
  transition: color 0.3s ease;
}

header.scrolled nav ul li a {
  color: #afafaf;
}

/* Phone Section */
.phone a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

header.scrolled .phone a {
  color: #222;
}

/* Hamburger for Mobile */
.hamburger {
  color: #fff;
  transition: color 0.3s ease;
}

header.scrolled .hamburger {
  color: #222;
}

    .logo {
      width:140px;
      font-weight: bold;
    }
  .logo img { width:100%;}
    nav {
      flex: 1;
      text-align: center;
    }

    nav ul {
      list-style: none;
      display: flex;
      justify-content: center;
      gap: 12px;
    }

    nav ul li {
      position: relative;
    }

    nav ul li a {
      text-decoration: none; padding:6px 6px;
      color: #fff; font-size:16px;
      font-weight: 500;
      transition: color 0.3s;
    }

    nav ul li a:hover {background:#0078B7; color: #fff;
    }

    /* Submenu */
    nav ul li ul {
      position: absolute;
      top: 100%;
      left: 0;
      background: rgba(0,0,0,0.8);
      padding: 10px 0;
      display: none;
      flex-direction: column;
      min-width: 180px;
      border-radius: 5px;
    }

    nav ul li:hover ul {
      display: flex;
    }

    nav ul li ul li {
      padding: 8px 15px;
    }

    nav ul li ul li a {
      color: #fff;
    }

    nav ul li ul li a:hover {
      color: #e63946;
    }

    /* Right Side (Phone + Book Button) */
    .right-side { font-family: "Libre Baskerville", serif;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 8px;
    }

    .phone {
      display: flex; font-size:19px;
      align-items: center;
      gap: 8px; color: white;
    }

    .phone a {
      color: white;
      text-decoration: none;
      font-weight: bold;
    }

    .book-btn {
      background: #ffba00;
      color: #fff;
      padding: 8px 14px; font-size:19px;
      font-weight: bold;
      border-radius: 4px;
      text-decoration: none;
      transition: background 0.3s;
    }

    .book-btn:hover {
      background: #004a8b;
    }


    /* Hamburger */
    .hamburger {
      display: none;
      font-size: 1.8rem;
      cursor: pointer;
    }

    @media (max-width: 992px) {
      nav {
        position: absolute;
        top: 100px; padding:22px 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,0.9);
        display: none;
        flex-direction: column;
      }

      nav ul {
        flex-direction: column;
        gap: 15px;
        text-align: center;
      }

      nav ul li ul {
        position: relative;
        background: rgba(0,0,0,0.9);
      }

      nav.active {
        display: flex;
      }

      .hamburger {
        display: block;
        color: #fff;
      }
	  .right-side {
        align-items: center;
      }
    }
.call-us-button {
  display: inline-block;
  background-color: #02175d; /* Original color */
  color: #ffffff; font-family: "Libre Baskerville", serif;
  padding:18px 18px;
  font-size:16px;
  font-weight: 600;
  text-decoration: none; letter-spacing:1px;
  transition: background-color 0.4s ease, transform 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}
.call-us-button:hover {
  background-color: #ff9b0f; /* New color on hover */
  transform: scale(1.05); /* Slight zoom effect */
  box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4);
}
.bk{ float:right;}	
.databg {width:100%; margin:0 auto;  background:#F9F9F9; }
.data {width:76%; margin:0 auto;  padding:1% 0 2% 0; }
.data p {font-size:16px; color:#424242; font-weight:normal; line-height:30px; text-align:center;}
.data p a {color:#0078B7; text-decoration:none; font-size:15px;}

.data1 {width:76%; margin:0 auto;  padding:2% 0; }
.data1 p {font-size:16px; color:#424242; font-weight:normal; line-height:30px; text-align:left;}
.data1 p a {color:#0078B7; text-decoration:none; font-size:15px;}

.hotel { float:right; margin:0 0 10px 30px; width:52%;overflow: hidden; margin-bottom:20px; border-radius:10px; box-shadow:0px 0px 30px 0px rgb(168 168 168 / 30%);
        } 
        .hotel img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        }     
        .hotel:hover img { 
            transform: scale(1.2); 
        } 
#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:13px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#ff7403;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:13px;}
.collapsible {
 background-color: #fff;
  color: #0078B7; font-weight:bold;
  cursor: pointer;
  padding:8px 0px; font-family: "Libre Baskerville", serif;
  width:100%; margin:0 auto; float:none;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color:none; color:#0078B7;
}

.addtx {
  padding: 0 0;
  display: none;
  overflow: hidden;
  
}		
#feature {width:100%; margin:0 auto; background:#0e4374;}
#feat {width:86%; margin:0 auto;  padding:2% 0; font-size:15px; }
.fpic { width:98%; float:left; font-size:15px; line-height:26px; }
.ft{width:24%; float:left; padding:10px 0;}
.ftimg{ width:70px; height:70px; margin:0 auto; margin-bottom:8px; margin-top:8px;}
.ftimg img, .flogo img {width:100%;}
.ft p{font-size:15px; color:#fff; text-align:center;  line-height:21px; padding-bottom:8px;}
#feat p  {color: #fff; text-decoration:none; line-height:24px; text-align:center; padding:8px 0;}

.vid { float:left; width:45%;   position: relative;    height: 0;
    padding-bottom:30%;  margin-bottom:20px; border: 12px solid #deb887; /* deeper sand/bamboo color */
  border-radius: 20px; margin-top:2%; margin-left:6%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

#footbg { width:100%; background:url(../images/river.jpg) bottom center fixed; background-size:cover;}
.footer  {width:80%; margin:0 auto;  line-height:26px; color:#fff; padding:4% 0;}
.flogo { width:20%; float:left; padding-right:5%; border-right: solid 1px #ccc;}
.foottx { width:46%; float:left; padding-left:5%;}
.footlast { width:24%; float:right; }

.col1{ width:40%; font-size:15px; color:#111010;  margin:10px 20px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.col{ width:44%; font-size:15px; color:#111010;  margin:5px 10px; float:left;}
.col ul li{list-style:circle; line-height:28px;}
.col ul li a{color:#111010; text-decoration:none; list-style:circle;}
.ada { width:100%; margin:0 auto; padding:12px 0; text-align:center; color:#fff; background:#0e4374; font-size:17px;}
.ada a { color:#fff; text-decoration:none;}

.btn {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 25px;
  background-color: #0078B7;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  transition: background 0.3s ease;
}
.btn:hover {
  background-color: #ffba00;
}
#cookieConsent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    z-index: 1000;
    display: none;
}

#cookieConsent a {
    color: #4CAF50;
}

#acceptCookies {
    margin-left: 20px;
    padding: 5px 10px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    cursor: pointer;
}
.smo{ float:right; margin:12px 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.linkedin { background-color: #0077b5; }
        .social-icons a.youtube { background-color: #ff0000; }
.butto {background-color:#ffba00; border: none; display: block; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing: 2px; padding: 14px 16px; margin:0 auto; font-size: 15px; transition: 0.3s;  float:right; margin-top:3%; border-radius: 4px; }
.butto a{ color:#fff; text-decoration:none;}
.butto:hover {background-color:#004a8b; color:#fff;}	

.link { width:86%; margin:0 auto; padding:1% 0; text-align:center; color:#fff; font-size:15px; background:#0078B7;line-height:30px;}
.link a, .footer a {color:#fff; text-decoration:none;}
.link1 { width:86%; margin:0 auto; padding:1% 0; text-align:center; color:#fff; font-size:13px; margin-top:1%; line-height:26px;}
.link1 a {color:#fff; text-decoration:none;}

#w2b-StoTop{display: block;position: fixed;top:70%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#0e4374;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}
/* ===== Hotel Room Section ===== */
.hotel-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #F9F9F9;;
  padding: 0 0;
}

.hotel-image,
.hotel-content {
  width: 50%;
}

.hotel-image img {
  width: 100%;
  height: auto;
  display: block;
}

.hotel-content {
  padding: 40px 80px;
}

.hotelh2 {
  font-size: 34px;
  color: #2c3e50;
  margin-bottom: 15px;
}

.hotel-content p {
  font-size: 16px; line-height:28px;
  color: #555;
}

/* ===== Attraction Section ===== */
.attraction-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0 0;
}

.attraction-content,
.attraction-image {
  width: 50%;
}

.attraction-content {
  padding: 40px 80px;
}


.attraction-content p {
 font-size: 16px; line-height:28px;
  color: #555;
}

.attraction-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
  .hotel-section,
  .attraction-section {
    flex-direction: column;
  }

  .hotel-image,
  .hotel-content,
  .attraction-image,
  .attraction-content {
    width: 100%;
    text-align: center;
    padding: 20px;
  }

  .hotel-content h2,
  .attraction-content h2 {
    font-size: 26px;
  }
}
.amenities {
      width:40%; float:left;
      margin: 10px 10px;
      padding: 20px; 
      
    }

    .amenities ul {
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 15px 30px;
    }
    .amenities li {
      font-size: 16px; padding:8px 0;
      color: #555;
      display: flex;
      align-items: center;
    }
    .amenities li i {
      color: #0073e6;
      margin-right: 10px;
      font-size: 18px;
      min-width: 20px;
      text-align: center;
    }
.amenities-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.amenities-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #333; /* Blue checkmark */
  font-size: 16px;
}
.col1{ width:30%; font-size:15px; color:#333;  margin:18px 22px; float:left;}
.col1 ul li{list-style:none; line-height:28px;}
.col1 ul li a{color:#333; text-decoration:none; list-style:none;}		
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#ffba00; border:none; color:#fff; font-size: 17px; font-family: "Libre Baskerville", serif; padding:12px 36px; font-weight:bold;  border-radius:4px; 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: "Libre Baskerville", serif;
width:50%; 
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}
label { display:none;}
.slider  iframe { margin-top:100px;}
.fq{text-align:left; text-decoration: none; color:#004986; 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:#104378; text-decoration:none;}


#reserve { float:none; width:100%; margin:0 auto; background:#0078B7; }
.reserve { color:#fff; font-size:23px;  float:left;  font-weight:normal; text-align:left; padding:15px 12px; margin-right:26px; font-family: "Libre Baskerville"}
.imenu { width:90%; float:none; margin:0 auto; padding:12px 0;}
.check1{ margin:11px 10px; float:left; width:10%; font-weight:normal;}
.check2{ margin:0px 10px; float:left; width:10%; font-weight:normal;}
.chk {font-size:12px; color:#fff; line-height:24px;}
.message1{ font-size:14px; padding:10px 11px; margin:0 auto; border-bottom:#052b66 solid 1px; color: #fff; border-radius: 4px; width:78%; font-weight:normal;  background:#0078B7;}
.message2{ font-size:14px; padding:9px 10px; margin:0 auto; width:100%; color: #fff; border-radius: 4px; font-weight:normal; background:#0078B7; border-bottom:#052b66 solid 1px;}
input[type="submit"]