@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hurricane&display=swap');
*{margin:0;padding:0;border:0;outline:none;}
#tp { margin-bottom::40px;}
.ct {text-align:center;}
.ti, .ti a{text-decoration: none; color:#fff; font-weight: bold;  font-size:32px; }
.title2 {text-decoration: none; color:#fff; font-weight: bold;  font-size:27px; }
.ylw {text-decoration: none; color:#000; font-weight:bold;  font-size:19px; line-height:50px; text-align:center; }
.ylw a {text-decoration: none; color:#000;}
.tsub{text-decoration: none; color:#341708; font-weight: bold;  font-size:21px; line-height:38px; border-bottom: solid 1px #341708; display:inline-block; margin-bottom:12px;}
.hw, .hw a {text-decoration: none; color:#fff; font-weight:bold;  font-size:29px;  line-height: 42px; }
.title3, .title3 a {text-transform:uppercase; font-weight:bold; font-size:34px; line-height:32px; color:#e51b24; padding:10px 0; }
.title4, .title4 a { font-weight:bold; font-size:32px; line-height:32px; text-align:center; color:#333; padding:6px 0; text-decoration:none; }
.title5 {font-size:19px; font-weight:bold;color:#e51b24; text-decoration:none; margin-top:15px; padding-bottom:4px; text-transform:uppercase;}
.title5 a{text-decoration:none; color:#e51b24;}
.fq{text-align:left; text-decoration: none; color: #403A60; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:15px; color:#083faf; text-decoration:none;}
.tit{text-decoration: none; color:#341708; font-weight:bold;  font-size:21px; text-decoration:underline solid 2px #333;  line-height:28px; text-underline-offset: 8px;}
body{ font-family: 'Montserrat', sans-serif; color:#939598; font-size:15px;}
#slide{ width:100%;  margin:0 auto; }
#slide iframe { margin-top:90px;}
#slide img, .logo img, .vid img, .hotelpic img, .thpic img { width:100%;}
#headbg { margin:0 auto; width:100%; background-color: rgba(0, 0, 0, 0.7); position:fixed; z-index:1000; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);}
#head {width:86%; margin:0 auto; }
.logo {float:left; margin:5px 0; width:120px;}
.call{ float:right; padding:0 8px 0 14px;  color:#fff; font-size:15px; border-left:solid 1px #dea426; font-weight:normal; text-align:left; line-height:40px; margin-top:20px;}
.call a { color:#fff; text-decoration:none;}
#bk{font-size:16px;color:#fff;font-weight:bold;text-align:left;float:right; background:#e51b24; padding:10px 18px; margin:20px 20px; letter-spacing:1px; }
#bk a{color:#fff;text-decoration:none;}
#bk:hover {
  background-color:#f0b40d;
}
.wel, .wel a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:60px; color:#0280b5; margin-bottom:15px; font-family: "Hurricane", cursive;
  font-weight: 400;}
.well, .well a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:70px; color:#fff; margin-bottom:15px; font-family: "Hurricane", cursive;
  font-weight: 400;}
#top{ float:right; width:32%; margin:5px 0;}
#menu{ width:53%; float:right; margin-top:30px;}
.reserve { color:#ff5a00; text-align:center; margin:0 auto; font-size:21px;  text-transform:uppercase;  float:none;  width:90%; clear:both; margin-bottom:14px; line-height:28px; font-weight:bold;}
#reserve {margin:0 auto; font-family: 'Poppins', sans-serif; width:100%; position:absolute; z-index:1000; bottom:32px;}
.imenu { width:80%; margin:0 auto;  background-color: rgba(0, 0, 0, 0.5); padding:8px 8px; }
.check1{ margin:0px 12px; float:left; width:14%; font-size:15px; line-height:30px; text-transform:capitalize; text-align:center; color:#fff; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#fff;
width:88%; padding:8px;
border: 1px double #cecece;
overflow:hidden;
margin:0 auto;
color:#333; font-family: 'Poppins', sans-serif; 
}
.message{font-size:12px; 
width:100%; padding:9px;
border: 1px double #cecece;
overflow:hidden; background:#fff;
margin:0 auto;
color:#333; font-family: 'Poppins', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#e51b24; border:none; color:#fff; font-size: 16px; font-family: 'Poppins', sans-serif; padding:10px 22px; font-weight:bold;  margin-top:20px; letter-spacing:1px;}
::-webkit-input-placeholder {
   color: #fff;
}

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

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

:-ms-input-placeholder {  
   color: #fff;  
}
.map1 {font-size:12px;
padding:10px;  font-family: 'Poppins', sans-serif;
width:50%; margin-top:20px;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
label { display:none;}
.hotelpic { width:96%; float:left;}
.content {width:100%; margin:0 auto; background:#F9F7F4; }
.contx  {width:40%; float:right; padding:4% 4% 4% 2%; }
.contx p{font-size:16px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
.conpic {width:44%; float:left; padding:4% 2% 4% 4%; background:#D92128;}
#content p a, #contsub p a, #conthm p a {color:#8F5F00; text-decoration:none;}
.note { width:30%; float:left; background:url(../images/slep.jpg); padding:7% 6%; }
.note p { font-family: 'Courgette', cursive; font-size:23px; line-height:36px; font-weight:lighter;}
#conthm {width:86%; margin:0 auto; padding:0 0 2% 0; float:none;}
#conthm p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#contsub {width:86%; margin:0 auto; padding:3% 0; float:none;}
#contsub p{font-size:16px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
.ftx { float:none; width:80%; margin:0 auto;} 
.ft{width:25%; float:left; margin:12px 0;}
.ftimg{ width:70px; height:70px; margin:0 auto; margin-bottom:20px;}
.ft p{font-size:16px; color:#000; text-align:center; font-weight:normal; margin-bottom:12px;  line-height:26px;}
.am { float:left; width:44%; font-size:18px; color:#000; font-weight:normal; line-height:30px; margin:4% 0 0 4%;}
.icon-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 2rem;
  color: #fff;
  transition: all 0.4s ease;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

.amenity-item:hover .icon-circle {
  background: #0160a6;
  color: #fff;
  box-shadow: 0 0 25px rgba(227,6,19,0.6);
}
.vid { float:right; width:36%; border: solid 2px #787878;
  /*  -moz-box-shadow: 1px 1px 5px #787878;
    -webkit-box-shadow: 1px 1px 5px #787878;
    box-shadow: 1px 1px 5px #787878;  position: relative;    height: 0;
    padding-bottom:30%; */}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
.hotel-amenities {
    border-top: 1px solid #e31a23;
    border-bottom: 1px solid #e31a23;
    text-align: center;
    margin-bottom:32px;
    padding: 25px 0 25px;
    position: relative; margin:5% 0;}
	
	.hotel-amenities__title {
    display: block;
    position: absolute;
    top: -17px;
    left: 50%;
    font-size: 27px;
    color: #272333;
    text-transform: uppercase;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 0 35px; }
	
.attr {width:86%; margin:0 auto; padding:2% 0%;}
.pol {float:left; width:30%; font-size:16px; color:#333; font-weight:normal; line-height:24px;}
.hotelbg { float:right;  width:66%; }
.hotel { float:right; margin:10px 10px; width:46%; outline: 1px dashed #FFF; outline-offset: -15px; 
            overflow: hidden; margin-bottom:20px; 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); 
        }
#thing {width:100%; margin:0 auto; background:#272333; }
.thpic { float:left; width:60%;}
.thtx p {font-size:16px; color:#fff; font-weight:normal; line-height:24px;}
.thtx { float:left; width:30%; padding:3% 3%;}
#footer{width:86%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:15px; color:#323232;}		
#foot{width:100%; margin:0 auto; background:#fbf9e8; }
#footer{width:86%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:15px; color:#323232;}
#footer p{line-height:26px; font-size:15px; color:#323232; }
#footer p a  {text-decoration:none; line-height:29px; color:#323232;}
.footer-col{float:left; width:38%; text-align:left; padding:15px 0px;}
.footer-co {float:left; width:20%; text-align:left; padding:15px 0px;}
.footer-col p a{ font-weight:normal; font-size:15px; color:#323232; text-decoration:none;}
#smo{ width:90%; float:left; margin:8px 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; }
		.social-icons a.call { background-color: #ff5a00; }

#w2b-StoTop{display: block;position: fixed;top:76%;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;}
a.toggleLink { font-size:14px;
color : #00558C; border:#00558C solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0; float:left;
padding:2px 14px;} 
label { display:none;}
.link { width:100%; margin:0 auto; padding:1.4% 0; text-align:center; color:#fff; font-size:17px; background:#D92128;}
.link a {color:#fff; text-decoration:none;}

.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:#272333; font-size:17px;}
.ada a { color:#fff; text-decoration:none;}

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

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

.addtx {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}
.readmore{ background:#e51b24;     font-size: 16px;
    color: #173a33;
    font-weight: bold;
    text-align: left;
    float: left;

    padding: 10px 24px;
    margin: 20px 0;
    letter-spacing: 1px;  }
.readmore a {color:#fff;text-decoration:none;}
.readmore:hover {
  background-color:#f0b40d; /* Green */
  color:#fff;}  
  
.room-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../data1/images/double-bed.webp) left center/50% no-repeat,
              url(../data1/images/king-bed.webp) right center/50% no-repeat;
  color: #333;
  text-align: center;
  position: relative;
}

.room-overlay {
  background: rgba(255, 255, 255, 0.86); /* dark overlay for readability */
  padding: 4% 4%;
  border-radius:2px;
  max-width: 800px;
  margin: 5% 2%; z-index:1000;}

.room-overlay h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}

.room-overlay p {
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 20px 10px;
}

.btn-book {
  display: inline-block;
  background: #e51b24;
  color: #fff;
  padding: 12px 25px;
  font-size: 1rem;
  text-decoration: none;
  transition: 0.3s ease;
}

.btn-book:hover {
  background: #f0b40d;
}
.overlay {
  position: absolute;
  inset: 0; height:auto;
  background: rgba(0,0,0,0.3);
}
/* Responsive for mobile */
@media (max-width: 768px) {
  .room-section {
    background: url("double-bed.webp") center/cover no-repeat;
    height: auto;
    padding: 60px 20px;
  }

  .room-overlay {
    background: rgba(255, 255, 255, 0.65);
  }

  .room-overlay p {
    font-size: 1rem; color:#333;
  }
}

.amenities {
      width:30%; 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;
      color: #333; padding:8px 0;
      display: flex;
      align-items: center;
    }
    .amenities li i {
      color: #333;
      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;}