@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=Alex+Brush&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:#333; font-weight:normal;  font-size:40px; font-family: 'Alex Brush', cursive;}
.hw, .hw a {text-decoration: none; color:#333; font-weight:normal; font-size:32px;  line-height: 42px; text-transform:uppercase; padding:6px 0; letter-spacing: 5px;}
.title2{text-decoration: none; color:#fff; font-weight: bold;  font-size:27px; }
.ylw{text-decoration: none; color:#FCCA15; font-weight:bold;  font-size:19px; line-height:32px; }
.tsub{text-decoration: none; color:#054d89; font-weight: bold;  font-size:30px; line-height:38px; border-bottom: solid 1px #341708; display:inline-block; }
.title3{text-transform:uppercase; font-weight:bold; font-size:34px; line-height:32px; color:#333; padding:10px 0; }
.title4, .title4 a { font-weight:bold; font-size:21px; line-height:28px; text-align:left; color:#333; text-decoration:none; padding:5px 0; }
.title5{font-size:19px; font-weight:bold;color:#054d89; text-decoration:none; margin-top:15px; padding-bottom:4px; text-transform:uppercase;}
.title5 a{text-decoration:none; color:#054d89;}
.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:#5b5b5b; font-weight:bold;  font-size:19px;  line-height:26px;}
body{ font-family: 'Montserrat', sans-serif; color:#939598; font-size:15px; background:#F9F9F9;}
#slide{ width:100%;  margin:0 auto; }
#slide img, .logo img, .vid img { width:100%;}
#slide iframe { margin-top:80px;}
#headbg { margin:0 auto; width:100%; position:fixed; z-index:1000; background: linear-gradient(0deg, rgba(0, 0, 0, .01) 0%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .65) 100%);}
#head {width:86%; margin:0 auto; }
.logo {float:left;     width: 200px;
    padding: 8px 8px;
    background-color: #fff;}
.bk{ float:right;}
 .view-more-btn { margin-top:10px;
      display: inline-block;
      padding: 16px 20px;
      background-color: #054d89; /* base color */
      color: #fff; letter-spacing:1PX;
      font-weight: bold;
      text-decoration: none;
      border-radius: 2px;
      transition: background-color 0.3s, color 0.3s;
    }

    .view-more-btn:hover {
      background-color: #739e2f; /* hover color */
      color: #fff;
    }
#top{ float:right; width:74%; margin:5px 0;}
#menu{ width:82%; margin:13px 0 0 0;}
.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:26px;}
.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; border-radius:10px;
}
.message{font-size:12px; border-radius:10px;
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:#054d89; border:none; color:#fff; font-size: 14px; font-family: 'Poppins', sans-serif; padding:10px 36px; font-weight:bold;  border-radius:10px; margin-top:20px;}
::-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-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; border-radius: 20px; margin-top:20px;
}
label { display:none;}

#content {width:100%; margin:0 auto; }
.contx  { width:46%; float:left; padding:4% 0 4% 5%; }
.contx p{font-size:16px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#content p a, #contsub p a, #conthm p a {color:#2a3865; 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;}
#ftbg { width:100%; margin:0 auto; float:none; background:#fbf9e8;}
.ftx { float:left; width:38%; color:#e9e9e9; line-height:26px; background:#341708; padding:2% 2% 2% 4%;} 
.ft{width:36%; float:left; margin:15px 12px; border:dotted 1px #fff; cursor:pointer; background:#fbf9e8; padding:22px 22px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);}
.ft:hover { border:dotted 1px #ecba02;}
.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%;}
.vid { float:right; width:36%; margin-bottom:3%;
  /*  -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%; */ margin-left:4%; }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

.mainbg { width:100%; margin:0 auto; float:none; padding-top:2%; }
.main { width:96%; margin:0 auto; float:none; background:#054d89; margin-top:3%;}
.container { position: relative; float:left; width:32%;}
.container img {vertical-align: middle;}
.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.6); /* Black background with 0.5 opacity */
  color: #fff; font-size:15px;
  width: 94%;
  padding: 10px 8px;
}
.con { width:36%; float:left;}
.pd { width:80%;  float:none; color:#fff; font-size:16px; line-height:28px; text-align:center; margin:0 auto;}
.book { background:url(../images/casino.jpg) fixed top center; width:100%; margin:0 auto; padding:8% 0; background-size:cover;}
.attbg { background:url(../images/room.jpg) top center; width:100%; margin:0 auto; background-size:cover;}
.att {width:26%; margin:0 6%; float:right;  font-size:21px; color:#000; font-weight:normal; line-height:28px; background-color: rgba(219,219,221,.8); padding:3% 2%; text-align:left; margin-top:12%;}

#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;}
.col1{ width:36%; font-size:15px; color:#111010;  margin:5px 20px 25px 20px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}
.col2{ width:95%; font-size:15px; color:#111010;  margin:20px 20px; float:left;}
.col2 ul li{list-style:circle; line-height:28px;}
.col2 ul li a{color:#111010; text-decoration:none; list-style:circle;}

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

.collapsible {
 background-color:#F9F9F9;
  font-weight:bold;
  cursor: pointer;
  padding:8px 12px; 
 margin:0 auto; float:none;
color:#054d89; border:#054d89 solid 1px;
  text-align: center;
  outline: none; font-family: 'Montserrat', sans-serif; 
  font-size: 15px; margin-top:16px;
}

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

.addtx {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}
.readmore{padding:10px;  font-size:15px;font-weight:bold;color:#fff;  text-align:center; background:#ff5a00;  text-transform:uppercase; margin:25px 0; width:210px; letter-spacing:1px; border-radius:4px;}
.readmore a {color:#fff;text-decoration:none;}
.readmore:hover {
  background-color:#341708; /* Green */
  color:#fff;}  
  

.amenities-section {
      padding: 6% 0px;
      background-color: #fff;
      text-align: center;
    }

    .amenities-section h2 {
      font-size: 32px;
      color: #333;
      margin-bottom: 30px;
    }

    .amenities-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      max-width: 98%;
      margin: 0 auto;
    }

    .amenity-card {
      background-color: #ffffff;
      padding: 25px 10px;
      width: 17%; margin-top:16px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      transition: transform 0.3s ease;
      text-align: center;
    }

    .amenity-card:hover {
      transform: translateY(-5px);
    }

    .amenity-icon {
      font-size: 40px;
      color: #054d89;
      margin-bottom: 15px;
    }

    .amenity-title {
      font-size: 18px;
      font-weight: 600;
      color: #333;
      margin-bottom: 8px;
    }

    .amenity-desc {
      font-size: 14px;
      color: #666;
    }

    @media screen and (max-width: 600px) {
      .amenity-card {
        width: 100%;
      }
    }	
.attbg { width:100%; margin:0 auto; float:none; background:url(../images/guest-room.JPG) top center; background-size:cover;}
.attx {width:28%; float:left font-size:15px; color:#fff; font-weight:normal; line-height:28px; background-color: rgba(0,0,0,.7); padding:5% 3%; text-align:left; margin-left:6%;}