@import url('https://fonts.googleapis.com/css?family=Poppins');
*{margin:0;padding:0;border:0;outline:none;}
.ct { text-align:center;}
h1, h1 a {font-size:36px; color:#063371 !important; text-decoration:none; line-height:40px;  margin-bottom:30px;}
.white {font-size:36px; letter-spacing:1px; color:#fff; font-weight:normal; line-height:34px; margin-bottom:50px;text-decoration: underline;
    text-decoration-color: #ccc;
    text-decoration-thickness: 1px;
    text-underline-offset: 15px;}
.title2{ font-weight:500; font-size:23px; line-height:34px; color:#063371;   }
.title3 {font-size:30px; color:#333; font-weight:600; padding-bottom:15px;}
.title4 {font-weight:bold; font-size:21px; line-height:28px; text-align:left; color:#070707; padding:6px 0;  }
.title5, .title5 a{font-size:21px; font-weight:normal;color:#fdcc49 !important; text-decoration:none; padding-bottom:4px;}
.title6 { text-decoration: none; color:#333; font-weight: bold;  font-size:21px;  line-height:32px;}
.t1 { text-decoration: none; color:#fff; font-weight: bold;  font-size:41px; padding:10px 0; text-shadow: 5px 5px 10px #000; margin-bottom:3%; letter-spacing:2px;}
.grey {color:#323437; font-size:23px; margin-bottom:5px;}
.sub { color:#333; text-align:center; font-size:32px; line-height:38px; margin-bottom:40px;}
.sub a {color:#333; text-decoration:none;}
.acmd {font-size:31px; font-weight:normal;color:#323437;text-decoration:none;  text-align:left; text-transform:uppercase; margin:35px 0; line-height:38px;}
h4, h4 a {font-size:21px; font-weight:bold;color:#333;text-decoration:none; text-align:left;}
.ftitle, .ftitle a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:24px; color:#185386; padding:5px 0 5px 0;}
.fq { color:#323437; font-size:18px; font-weight:bold; }
body{ background:#fff; font-family: 'Poppins', sans-serif;}
.wyh{float:right; color:#fff; font-size:12px; width:30%; text-align:left; margin-top:4px;}
.wyh img {border-right:#CCC solid 1px; padding-right:6px; float:left; margin-right:7px;}
#smo{ width:130px;  float:left;  }
.social-icon{float:left; padding:4px;}
#bk{font-size:21px;color:#FFF;font-weight:normal;text-align:left;float:right; background:#063371; padding:8px 15px; margin:20px 20px; border-radius:4px; letter-spacing:1px; }
#bk a{color:#fff;text-decoration:none;}
#bk:hover { background-color:#444;}
.call {font-size:25px;color:#fff;font-weight:normal; text-align:left; float:right;  margin-top:23px;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); } 
.call a{color:#fff; text-decoration:none;  }
#headbg{ width:100%; margin:0 auto; position:absolute; z-index:1000; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0) 100%);}
#head{width:86%;margin:0 auto;}
.bx { float:right; margin:10px 0px; width:70%;}
.logo{float:left; width:250px; margin-top:16px;}
#menu{float:right; width:200px; margin-top:20px;}
#slide{ width:100%; margin:0 auto; background:#ccc; }
#slide img, .ftlogo img {width:100%;}
#slide iframe { margin-top:130px;}
.reserve { color:#fff; font-size:28px; text-transform:uppercase; padding:4px 0; float:left; margin-right:16px;}
#reserve {margin:0 auto; font-family: 'Poppins', sans-serif; width:100%; padding:1% 0; background:#4c4c4c;}
.imenu { width:70%; margin:0 auto; }
.check1{ margin:8px 12px; float:left; width:18%; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; 
width:88%; padding:8px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif; border-radius:10px;
}
.message{font-size:12px; border-radius:10px;
width:100%; padding:10px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#FFF200; border:none; color:#333; font-size: 14px; font-family: 'Poppins', sans-serif; padding:8px 30px; font-weight:bold;  border-radius:10px; letter-spacing:1px;}
input[type="submit"]:hover {
  background-color:#063371; /* Green */
  color:#fff;}
::-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: 'Poppins', sans-serif;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px;
}
.plc {width:26%; float:right; background:#3e6aa6; padding:30px 20px; margin-left:5%;}
.one:hover {
  background-color:#fbfe88; color:#333;
}
.one { text-align:center; float:left;  width:42%; padding:15px 12px; font-size:17px; color:#fff; line-height:28px;}
.brd { border-right: solid 1px #ddd;}
.brb { border-bottom: solid 1px #ddd;}
#content {width:86%; margin:0 auto; padding:2% 0;  }
#content p{font-size:16px; color:#323437; font-weight:500; line-height:25px; }
#content p a{color:#063371; text-decoration:none; font-size:16px;}
#content a{color:#063371; text-decoration:none; }
.mnbg { width:100%; margin:0 auto; background:#F8F8F8;}
.main { width:86%; margin:0 auto; padding:4% 0;}
.main p { color:#333; font-size:16px; line-height:28px; text-align:center;}
.room { float:left; margin:30px 12px; width:22%;}
.rom { float:right; margin:30px 10px; width:42%;}
.room1 { float:right; margin:30px 12px; width:46%;}
.room img, .rom img, .room1 img, .amt img {width:100%;}
.room P { font-size:21px; text-align:left; padding:8px 2px; color:#4290bf;}
.button {background-color:#ffcc00; float:left; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing: 2px; padding:6px 6px;
    margin:0px 2px; font-size: 15px; transition: 0.3s; width:160px; }
.button a{ color:#fff; text-decoration:none;}
.button:hover {background-color:#296BAD; color:#fff;}
.attrac_text {
    color:#212d63; text-align:center;
    font-size:40px!important;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: .8; padding:3% 0;}
	
.atr {
    color:#212d63; 
    font-size:36px!important;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height:38px; padding-bottom:15px; }
	
.vid {float: left;
    width: 80%;
    border: solid 5px #ededed;
    box-shadow: 1px 1px 5px #999;
    position: relative;
    height: 0;
    padding-bottom: 50%;
    margin-top: 6%;
    margin-left: 8%;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

.readmore{ line-height:48px; font-size:15px;font-weight:bold;color:#333;  text-align:center; background:#FFF200;  text-transform:uppercase; margin-top:15px; width:180px; letter-spacing:1px; border-radius:4px;}
.readmore a {color:#333;text-decoration:none;}
.readmore:hover, .readmore a:hover {
  background-color:#063371;
  color:#fff;}  
  
.read{font-size:15px;font-weight:bold;color:#333;  text-align:center; background:#FFF200;  text-transform:uppercase; margin-top:15px; width:180px; letter-spacing:1px; border-radius:4px; margin:0 auto; float:none; margin-top:12px; line-height:48px;}
.read a {color:#333;text-decoration:none;}
.read:hover, .read a:hover {
  background-color:#063371; 
  color:#fff;} 
  
    
#myVideo {
 width:100%;
 position:relative; height:auto;
}
.content { margin: 0 auto; text-align:center; margin-top:5%;
    position: absolute; left:10%; right:10%;
    z-index: 20; line-height:32px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff; font-size:19px;
    width: 64%;
    padding: 22px 28px;
}

#footbg { width:100%; background:#003057; }
#footer  {width:86%; margin:0 auto;  line-height:30px; color:#fff;}
#footer p{ font-size:14px; color:#f5f5f5; font-weight:normal;}
#footer p a{text-decoration:none; color:#fff;}
.footer-col {float:right; width:34%; text-align:left;  font-size:15px; font-weight:normal; padding-top:3%; }
.footer-co {float:left; width:26%; text-align:Center;  background:#fff; padding:1% 0;}
.footer-col p,  .footer-col p a{ font-size:14px; font-weight:normal; text-decoration:none; color:#fff;}

#w2b-StoTop{display: block;position: fixed;top:78%;padding: 10px; color:#fff; font-size:13px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#4c4c4c;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:13px;}
.col{ width:36%; font-size:16px; color:#323437;  float:left; font-weight:normal; margin:20px 20px;}
.col ul li{ font-size:16px; color:#323437; list-style:circle; margin-left:20px; line-height:30px;}
.col ul li a{color:#323437; text-decoration:none;}
#lastbg { width:100%;  background:#333;}
.last  {width:86%; margin:0 auto; padding:1% 0%; line-height:30px; color:#ededed;}
.last p, p a{line-height:26px; font-size:14px; line-height:26px; padding:5px 0; color:#ededed; text-decoration:none; font-weight:200;}

label { display:none;}

.event { width:86%; margin:0 auto; padding:6% 0;}
.ev {border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 96%;}
.ev iframe{border: 0px none; margin-left: 0px; height:1600px; margin-top:-460px; margin-bottom:-200px; width: 100%;}
	
	.cc_dialog.simple {
left: 0 !important;
top: auto;
bottom: 0;
right: auto !important;
max-width: 87% !important;
position: fixed;
}
.ada { width:100%; margin:0 auto; padding:12px 0; text-align:center; color:#fff; background:#063371; font-size:17px;}
.ada a { color:#fff; text-decoration:none;}
.fq{text-align:left; text-decoration: none; color: #021047; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:15px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:15px; color:#43a23b; text-decoration:none;}

.collapsible {
 background-color: #fff;
  font-weight:bold;
  cursor: pointer;
  padding:8px 4px;  font-family: 'Poppins', sans-serif;
 margin:0 auto; float:none;
color : #063371 ;
  text-align: center;
  outline: none; 
  font-size: 15px;
}

.active, .collapsible:hover {

}

.addtx {
 
  display: none;
  overflow: hidden;
  
}
.atbg { background:url(../images/park.jpg) fixed top center; width:100%; margin:0 auto; padding:6% 0; background-size:cover;}
.flg {width:30%; font-size:15px; color:#000; font-weight:normal; line-height:28px; background-color: rgba(255,255,255,.8); padding:3% 2%; margin-left:8%;}
.slider {
      position: relative;
      max-width: 80%;
      margin: 40px auto;
      overflow: hidden;
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
      background: #fff;
      min-height: 420px;
    }
    .slide {
      position: absolute;
      align-items: center;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      pointer-events: none;
    }
    .slide.active {
      opacity: 1;
      pointer-events: auto;
    }
    .slide img {
      width: 60%; float:left;
      height: 100%;
      object-fit: cover;
      border-right: 2px solid #eee;
    }
    .room-info {
      width: 36%; float:right;
      padding: 40px;
      box-sizing: border-box;
      animation: fadeInUp 1.2s ease;
    }
    .room-h2 {
      margin-top: 0;
      font-size: 28px;
      color: #222;
      font-weight: bold;
    }
    .room-info p {
      font-size: 16px;
      margin: 20px 0;
      color: #555;
      line-height: 1.6;
    }
    .btn {
      display: inline-block;
      background: linear-gradient(135deg, #ff6b00, #ff9500);
      color: #fff;
      padding: 12px 28px;
      text-decoration: none;
      font-weight: bold;
      border-radius: 6px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      transition: transform 0.3s ease, background 0.3s ease;
    }
    .btn:hover {
      transform: translateY(-3px);
      background: linear-gradient(135deg, #e65c00, #ff7a00);
    }
    .controls {
      position: absolute;
      bottom: 10%; right:4%;
      width: 6%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      padding: 0 5px;
    }
    .control {
      background: rgba(0,0,0,0.5);
      color: #fff;
      border: none;
      padding: 10px;
      cursor: pointer;
      font-size: 15px;
     transition: background 0.3s ease, transform 0.3s ease;
    }
    .control:hover {
      background: #ff6b00;
      transform: scale(1.1);
    }
#ambg { width:100%; margin:0 auto; background:#003B73; padding:3% 0;}
.feature {width:100%; margin:0 auto; background:#003B73; padding:2% 0;}
.ftbg {width:86%; margin:0 auto;}
.ft1img{ width:40px; height:40px; float:left; margin:8px 8px;}
.amtx { color:#fff; font-size:16px; text-align:center; line-height:28px; width:60%; float:none; margin:0 auto; padding:4px 0;}
.ft { width:90%; padding:4px 0; border-bottom:solid 1px #d9d9d9; float:left; margin:5px 10px;}
.ftimg{ width:40px; height:40px; float:left; margin:0 12px;}
.ftp{font-size:15px; color:#fff; text-align:center; font-weight:normal; float:left; margin:8px 0 0 12px;}	
    .am-container {
      display: flex;
      max-width: 80%;
      margin: auto;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      overflow: hidden;
    }

   .left-panel {
      width: 35%;
      background: #005792;
      color: white;
      padding: 30px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .left-panel h2 {
      font-size: 28px;
      margin-bottom: 5px;
    }

    .left-panel p.sub-text {
      font-size: 17px;
      margin-bottom: 20px;
      color: #e0e0e0; line-height:28px;
    }

    .amenity-item {
      padding: 12px 16px;
      margin: 6px 0;
      background: rgba(255,255,255,0.1);
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 18px;
    }

    .amenity-item i {
      font-size: 18px;
      width: 22px;
      text-align: center;
    }

    .amenity-item:hover, .amenity-item.active {
      background: rgba(255,255,255,0.3);
    }

    .right-panel {
      width: 65%;
      padding: 10px 10px;
      display: flex; position: relative; /
      flex-direction: column;
      justify-content: center;
      align-items: center;
      animation: fadeIn 0.5s ease;
    }

    .right-panel img {
      max-width: 98%;
      max-height: auto;  border-radius: 6px;     display: block;     
    }

    .right-panel p {
      position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgba(0, 87, 146, 0.7); /* blue transparent background */
    color: #fff;
    padding: 14px 14px;
    border-radius: 6px;
    font-size: 18px;
    text-align: center;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
      .am-container {
        flex-direction: column;
      }
      .left-panel, .right-panel {
        width: 100%;
      }
      .left-panel { align-items: center; }
    }
.rm-bg { background:#F8F9FC; width:100%; float:none; margin:0 auto; padding:16px 0;}	
.rm-bg p { font-size:19px;}
.slider {
  position: relative;
  max-width: 80%;   /* adjust width */
  margin: 40px auto;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* Each slide */
.slide {
  display: none;
  width: 100%;
  height: 100%;
  flex: 1;
}

.slide.active {
  display: flex;
}

/* Image takes left half */
.slide img {
  width: 60%;
  height: auto;
  object-fit: cover;
  border-right: 1px solid #eee;
}

/* Room info on right side */
.room-info {
  width: 40%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.room-h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.room-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 25px;
}

.btn {
  display:block;
  padding: 12px 10px;
  background: linear-gradient(90deg, #ff7a00, #ff9900);
  color: #fff; width:130px;
  font-weight:600; text-align:Center;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(255, 122, 0, 0.4);
  transition: all 0.3s ease;
}

.btn:hover {
  background: linear-gradient(90deg, #ff9900, #ff7a00);
  transform: translateY(-2px);
}

/* Controls */
.controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
}

.control {
  background: #555;
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.control:hover {
  background: #333;
}	

    .attractions-section {
      max-width: 90%;
      margin: 0 auto;
      padding: 60px 20px;
      text-align: center;
    }

    .title-2 {
      font-size: 3.0rem;
      margin-bottom: 15px;
      font-weight: normal;
      color: #222; text-align:Center;
    }

    .attractions-section p {
      font-size: 1.1rem;
      max-width: 850px;
      margin: 0 auto 60px auto;
      line-height: 1.7;
      color: #333 !important;
    }
    .image-slider {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }

    .image-box {
      position: relative;
      width: 30%;
      overflow: hidden; 
      cursor: pointer;
      transition: transform 0.3s ease-in-out;
    }
.image-box p { color:#fff !important;}
    .image-box img {
      width: 100%;
      display: block;
      transition: transform 0.5s ease;
    }

    /* Default heading visible at bottom */
    .title-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 51, 102, 0.7);
      color: #fff;
      text-align: center;
      padding: 10px;
      font-size: 16px;
      font-weight: bold;
      z-index: 2;
      transition: opacity 0.3s ease;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 90%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      opacity: 0;
      transition: opacity 0.5s ease;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 20px;
    }

    .image-box:hover img {
      transform: scale(1.1);
    }

    /* On hover, overlay visible & title-bar disappears */
    .image-box:hover .overlay {
      opacity: 1;
    }

    .image-box:hover .title-bar {
      opacity: 0;
    }

    /* Responsive */
    @media screen and (max-width: 992px) {
      .image-box {
        width: 45%;
      }
    }

    @media screen and (max-width: 600px) {
      .image-box {
        width: 100%;
      }
    }
.ftlogo { width:260px; float:none; margin:0 auto; background:#fff; padding:6px 0px;}	

.btn-book1 {
    float:none; margin:0 auto; display:inline-block;
 background: linear-gradient(90deg, #ff7a00, #ff9900);
  color: #fff; width:180px; 
  font-weight:600; text-align:Center;
  text-decoration: none; padding:8px 0;
  border-radius: 6px; margin-top:12px; margin-bottom:20px;
  box-shadow: 0 4px 10px rgba(255, 122, 0, 0.4);
  transition: all 0.3s ease;
}

.btn-book1:hover {
  background: linear-gradient(90deg, #ff9900, #ff7a00);
  transform: translateY(-2px);
}

.smo{ width:70%; float:none; margin:0 auto;}
.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; }
		.social-icons a.call { background-color: #ff5a00; }
		
		
		
.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;}