@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;}
label {display: none;}
.title1, .title1 a {font-size:38px;color:#ff7403;text-decoration:none; line-height:40px; 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:40px; line-height:42px; padding:10px 0; font-weight:600;}
.pnk {color: #333; font-weight: bold;  font-size:28px; line-height:28px; padding-bottom:18px; }
.title2, .title2 a { text-decoration:none; font-weight:bold; font-size:18px; color:#333; padding:15px 0; letter-spacing:1px;}
.title3, .title3 a  {font-size:28px;color:#01145e;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:bold;}
.title4, .title4 a {font-size:23px; font-weight:bold;color:#fff;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:normal; font-size:27px; color:#333; padding:15px 0 2px 0; text-align:center; line-height:34px;}
body{ background:#fff; font-family: 'Comfortaa', cursive; color:#333;}
#headbg {margin:0 auto; width:100%; float:none;  position:absolute; z-index:1000; }
#head {width:86%; margin:0 auto; padding:8px 20px; background: rgba(255,255,255,0.8);}
.logo{width:80px; float:left;}
.top-right {float:right; width:180px;}
.ph{ float:right; color:#006852; font-size:18px;  font-weight:bold; text-align:center;  margin-top:10px;}
.ph a { color:#006852; text-decoration:none; letter-spacing:1.0px;}
.bk{ float:right; margin-top:18px; }
 .book-btn {
      background: #f99334; font-family: 'Comfortaa', cursive; letter-spacing:.04em;
      color: #fff;
      padding: 10px 18px; font-size:18px;
      font-weight: normal;
       text-decoration: none; margin:0 10px;
      transition: background 0.3s;
    }

    .book-btn:hover {
      background: #006852; font-family: 'Comfortaa', cursive;
    }
#reserve { float:none; width:100%; margin:0 auto; background:#fff; }
.reserve { color:#FFF; font-size:25px;  float:left;  font-weight:bold; text-align:left; background:#006852; padding:14px 50px; margin-right:30px;}
.imenu { width:96%; float:left;}
.check1{ margin:11px 10px; float:left; width:10%; font-weight:normal;}
.chk {font-size:12px; color:#333; line-height:24px;}
.message1{ font-size:12px; padding:10px 11px; margin:0 auto; border: 1px solid #006852; color: #006852;  width:78%; font-weight:normal; font-family: 'Comfortaa', cursive; font-weight:bold;}
.message2{ font-size:12px; padding:9px 10px; margin:0 auto; width:100%; font-family: 'Comfortaa', cursive; border: 1px solid #006852; color: #006852; font-weight:bold;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#f99334; border:none; color:#fff; font-size: 14px; padding:10px 42px; font-weight:normal; font-family: 'Comfortaa', cursive; }


input[type="submit"] a:hover {color:#fff;text-decoration:none;}
input[type="submit"]:hover {
  background-color:#006852; /* 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:62%; margin:0 auto; }
.slide {margin:0 auto; width:100%;}
.slide img {width:100%;}
.slide iframe {padding-top:6%;}
.content {width:76%; margin:0 auto;  padding:3% 0; }
 .contentsub {width:80%; margin:0 auto;  padding:3% 0; }
.content p{font-size:16px; color:#424242; font-weight:normal; line-height:30px; text-align:center; }
.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:#f6f6f6; padding:4% 0;}
.ftbg {width:80%; margin:0 auto;}
.ftbg p { font-size:15px; color:#333; line-height:26px; text-align:center;}	
  .amenities-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px 20px;
}

.amenity {
    text-align: center;
    transition: 0.3s ease;
}

.amenity-icon {
    width: 90px;
    height: 90px;
    background: #007460; /* green circle */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    transition: 0.3s ease;
}

.amenity-icon i {
    color: #fff;
    font-size: 40px;
}

.amenity:hover .amenity-icon {
    background: #f99334; /* orange hover */
    transform: scale(1.05);
}

.amenity p {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    
    margin-top: 8px;
}

/* Responsive: Mobile View */
@media(max-width: 600px) {
    .amenities-section {
        gap: 25px;
    }

    .amenity-icon {
        width: 90px;
        height: 90px;
    }

    .amenity-icon i {
        font-size: 32px;
    }

    .amenity p {
        font-size: 14px;
    }
}
.attrbg {width:100%; margin:0 auto;  padding:2% 0; background:url(../images/exterior.jpg) top center; background-size:cover; }
.attr {width:90%; margin:0 auto;}
.atx { float:left; width:40%; font-size:15px; color:#fff; font-weight:normal; line-height:26px; padding:12px 22px; margin:0 2%; border:solid 1px #007460; background:#0000009a;}
.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; }
#th{ width:30%; float:right;  background: rgba(46,46,46,0.7); margin:15% 0 2% 2%; padding:2% 2%;}
#th p {font-size:15px; color:#fff; font-weight:500; line-height:26px;}

.attraction-section {
    padding: 30px 0px; width:80%; margin:0 auto;
    text-align: center; font-size:15px; color:#333; line-height:26px; text-align:center;
}

.attraction-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}

/* Flex Layout */
.attraction-container {
    display: flex; padding:20px 0;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Image Boxes */
.attraction-item {
    position: relative;
    overflow: hidden;
    
}

.attraction-item.small {
    width: 28%;
}

.attraction-item.big {
    width: 40%; height:500px;
}

/* Images */
.attraction-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Hover Zoom */
.attraction-item:hover img {
    transform: scale(1.1);
}

/* Caption Style */
.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    
    /* Transparent gradient background */
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7),
        rgba(0,0,0,0.0)
    );
}

/* Responsive */
@media (max-width: 900px) {
    .attraction-item.small { width: 45%; }
    .attraction-item.big { width: 100%; }
}

@media (max-width: 600px) {
    .attraction-item.small, 
    .attraction-item.big { width: 100%; }
}

.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: #007460;
      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;
}
	
#footbg { width:100%; background:#007460;}
#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:none; width:50%; text-align:center; padding:15px 0px; font-size:13px; font-weight:normal; margin:0 auto;}


#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:45%; font-size:15px; color:#111010;  margin:15px 20px; float:left;}
.col1 ul li{list-style:circle; line-height:28px; padding:5px 0;}
.col1 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:75%;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:5px 0px; font-family: 'Comfortaa', cursive;
  width:100%; margin:0 auto; float:none;
  border: none;
  text-align:center;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  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:none; width:100%; border-spacing:4px; position: relative; height: 0;  padding-bottom:70%; }
 
.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 {float:none; width:225px; text-align:center; padding:10px 0px; font-size:13px; font-weight:normal; 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; }
.link { width:86%; margin:0 auto; padding:1% 0; text-align:center; color:#fff; font-size:15px; line-height:30px; border-top:#ccc solid 1px;}
.link a {color:#fff; text-decoration:none;}