@import url('https://fonts.googleapis.com/css?family=Fredoka+One');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
*{margin:0;padding:0;border:0;outline:none;}
body{ background:#fff; font-family: 'Comfortaa', cursive; color:#333;}
label {display: none;}
.title1, .title1 a {font-size:38px;color:#ff7403;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: 'Dancing Script', cursive; color:#646463; font-size:51px; line-height:80px; font-weight:600;}
.white {color:#56cbed; font-weight:bold; font-size:17px; line-height:28px; padding-bottom:8px; font-family: 'Comfortaa', cursive;}
.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:18px; color:#fff; padding:15px 0 5px 0;}
.title5 a { color:#fff; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:44px; color:#fff; text-align:center; line-height:54px; }
#headbg {margin:0 auto; width:100%; float:none;  position:absolute; z-index:1000; }
#head {width:90%; margin:0 auto; padding:0px 20px; background: rgba(0,0,0,0.1); }
#headp {width:90%; margin:0 auto; padding:0px 20px; background: rgba(0,0,0,0.6); }
.logo{width:80px; float:left; background:#fff; padding:6px 6px; border-radius:4px; margin:6px 0;}
.call-us-button {
  display: inline-block;
  background-color: #02175d; /* Original color */
  color: #ffffff;
  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;}
#reserve { float:none; width:100%; margin:0 auto; background:#02175d; }
.reserve { color:#FFF; font-size:23px;  float:left;  font-weight:normal; text-align:left; padding:15px 12px; margin-right:26px;}
.imenu { width:90%; float:none; margin:0 auto;}
.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:#333; line-height:24px;}
.message1{ font-size:14px; padding:10px 11px; margin:0 auto; border-bottom:#e7edff solid 1px; color: #e7edff; border-radius: 4px; width:78%; font-weight:normal; font-family: 'Comfortaa', cursive;  background:none;}
.message2{ font-size:14px; padding:9px 10px; margin:0 auto; width:100%; font-family: 'Comfortaa', cursive; color: #e7edff; border-radius: 4px; font-weight:normal; background:none; border-bottom:#e7edff solid 1px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#ff9b0f; border:none; color:#fff; font-size: 17px; padding:20px 42px; font-weight:bold; font-family: 'Comfortaa', cursive; letter-spacing:1px;}


input[type="submit"] a:hover {color:#fff;text-decoration:none;}
input[type="submit"]:hover {
  background-color:#FD7120; /* 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;
width:50%;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
#menu {width:86%; margin:0 auto; background:#ffd243;}
.slide {margin:0 auto; width:100%;}
.slide img {width:100%;}
.slide iframe {padding-top:6%;}
.content {width:76%; margin:0 auto;  padding:2% 0; }
 .contentsub {width:80%; margin:0 auto;  padding:5% 0; }
.content p{font-size:16px; color:#424242; font-weight:normal; line-height:30px; text-align:left; }
.content p a, .contentsub p a {color:#ff7403; text-decoration:none; font-size:15px;}
.contentsub p {font-size:15px; color:#424242; font-weight:normal; line-height:26px; }
.hotel { float:right; margin:0 0 10px 30px; width:46%; 
            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); 
        } 
.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;}
.slider-wrapper {
      display: flex; font-family: 'Comfortaa', cursive;
      max-width: 94%;
      margin: 10px auto;
      background: #fff;
      box-shadow: 2px 2px 2px 6px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    .left-panel {
      width: 48%; font-family: 'Comfortaa', cursive;
      background: #003B73;
      color: white;
      display: flex;
      flex-direction: column;
      padding: 30px;
      justify-content: center;
    }

    .left-panel h2 {
      margin-bottom: 20px;
      font-size: 24px;
    }

    .amenity-list button {
      background: transparent; display:block; width:90%;
      border: none; font-family: 'Comfortaa', cursive;
      color: white;
      text-align: left;
      font-size: 15px;
      margin: 20px 0;
      padding: 10px;
      cursor: pointer;
      transition: background 0.3s;
    }

    .amenity-list button:hover,
    .amenity-list button.active {
      background: rgba(255,255,255,0.2);
      border-radius: 6px;
    }

    .right-panel {
      width: 50%; background:#fff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      padding:10px 10px;
    }

    .right-panel img {
      width: 100%;
     	object-fit: cover;
      
      transition: opacity 0.5s ease-in-out;
    }

    .desc {
      position: absolute; display:none;
      bottom: 20px;
      left: 20px;
      background: rgba(0,0,0,0.5);
      color: white;
      padding: 10px 15px;
      border-radius: 8px;
      font-size: 16px;
      max-width: 90%;
    }

    @media (max-width: 768px) {
      .slider-wrapper {
        flex-direction: column;
      }

      .left-panel, .right-panel {
        width: 100%;
      }

      .left-panel {
        padding: 20px;
      }

      .amenity-list button {
        font-size: 15px;
      }
    }
.attrbg {width:100%; margin:0 auto;  padding:2% 0; background:#ECEFF6; }
.attr {width:90%; margin:0 auto;}
.atx { float:left; width:41%; font-size:15px; color:#000; font-weight:normal; line-height:26px; padding:1% 4%; }
.atx1 { float:left; width:41%; font-size:15px; color:#000; font-weight:normal; line-height:26px; padding:1% 4%; border-right:solid 1px #acacac;}
.atpic { float:none; margin:0 auto; width:98%; border-spacing:4px; border:solid 4px #bababa; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .35);}
.atpic img, .polpic img, .roompic img { width:100%; }
.pol { float:right; width:46%; font-size:16px; color:#333; font-weight:normal; line-height:28px;}
.polpic { float:left; width:46%; border-spacing:4px; border:solid 4px #bababa;}

.readmore{padding:2% 6%; float:left; font-size:15px;font-weight:bold;color:#fff; background:#ff5e03;  text-align:center;  margin:6% 0; text-transform:uppercase; }

.readmore a {color:#fff;text-decoration:none;}
.readmore a:hover {color:#fff;text-decoration:none;}
.readmore:hover {
  background-color:#2a4091; /* Green */
  color:#fff;
}
#thbg { width:100%; margin:0 auto; background:url(../images/park.jpg) top center; background-size:cover;}
#th{ width:30%; float:right;  background: rgba(4,75,130,0.8); margin:10% 0 2% 2%; padding:2% 2%;}
#th p {font-size:15px; color:#fff; font-weight:500; line-height:26px;}
#footbg { width:100%; background:#021047;}
.footer  {width:80%; margin:0 auto;  line-height:26px; color:#fff;}
#footer p{ font-size:13px; color:#f5f5f5; font-weight:normal;}
#footer p a{text-decoration:none; color:#f5f5f5;}
.footer-col {float:left; width:34%; text-align:left; padding:15px 0px; font-size:13px; font-weight:normal;}
.footer-de {float:left; width:34%; text-align:left; padding:15px 0px; font-size:13px; font-weight:normal; margin-right:6%;}
.footer-de p { margin-bottom:2px; border-bottom:solid 1px #ccc;}
.footer-co {float:right; width:26%; text-align:left; padding:15px 0px;}
.footer-co ul { float:left; width:44%; margin-left:12px;}
.footer-co ul li{list-style:circle; line-height:28px; }
.footer-co ul li a{ font-size:13px; font-weight:normal; text-decoration:none; color:#fff;}
.footer-co ul li a:hover { color:#ccc; }
.footer-sm {float:right; width:12%; text-align:left; padding:15px 0px;}

#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:12px; line-height:26px; padding:5px 0; color:#ededed; text-decoration:none; font-weight:200; text-align:center;}

.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;}
.pool { float:right; width:40%; border-spacing:4px; border:solid 4px #666;}
.pool img { width:100%}

.room { float:left; width:40%; border-spacing:4px; border:solid 4px #2eb0d1;}
.room img { width:100%}
.booknow{padding:1% 4%; float:left; font-size:15px;font-weight:bold;color:#ff8a00; border:solid 2px #d11241;  text-align:center;  margin:1% 0; text-transform:uppercase; clear:both; }
.booknow a{color:#d11241;text-decoration:none;}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr {margin: 3% 0;}
.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:#FD7120; text-decoration:none;}
.event{border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 96%;}
.event iframe{border: 0px none; margin-left: 0px; height:1200px; margin-top:-480px; margin-bottom:-220px; width: 100%;}

#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: #FD7120; font-weight:bold;
  cursor: pointer;
  padding:8px 0px; font-family: 'Comfortaa', cursive;
  width:100%; margin:0 auto; float:none;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color:#fff; color:#333;
}

.addtx {
  padding: 0 0;
  display: none;
  overflow: hidden;
  
}
.ct { float:none; margin:0 auto; width:200px;}
.covid { margin:0 auto; width:100%; text-align:center; padding:2% 0; font-size:21px; line-height:34px; background:#2EB0D1; color:#fff; }
.covid a { color:#fff; text-decoration:none;}


.ada { width:96%; margin:0 auto; padding:12px 2%; text-align:center; color:#fff; background:#666; font-size:17px; line-height:28px;}
.ada a { color:#fff; text-decoration:none;}

a.toggleLink { 
font : normal 14px; 
color : #E26811; border:#fed30c solid 1px;
text-decoration : none;
float:left; margin:12px 0; clear:both;
padding:2px 12px;
} 

.vid { float:right; width:46%; border-spacing:4px; border:solid 4px #bababa; position: relative;    height: 0;
    padding-bottom:30%; }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 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:-160px; margin-bottom:-200px; width: 100%;}
.sm{  float:left; width:140px; margin:12px 0; border-radius:8px 8px; background:#fff; padding:10px 10px;}
#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{ 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; }