@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
*{margin:0;padding:0;border:0;outline:none;}

h1, h1 a {font-size:39px;color:#272727;text-decoration:none; line-height:40px; text-align:left; margin-bottom:30px; font-family: 'Courgette', cursive;  font-weight:bold;}
.wht {text-decoration:none; margin:0 auto; font-weight:normal; font-size:17px; color:#333; text-transform:uppercase; letter-spacing:1px; line-height:36px;}
.gr { font-size:27px; line-height:36px; color:#fff; font-family: 'Courgette', cursive; padding-bottom:10px;}
.title2, .title2 a {text-align:left; text-decoration:none; font-weight:bold; font-size:21px; color:#333; margin:6px 0; font-family: 'Courgette', cursive;}
.title3, .title3 a  {font-size:30px;color:#fff;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:normal; text-align:center; font-family: 'Courgette', cursive;}
.t3  {font-size:30px;color:#202020;text-decoration:none; line-height:40px; margin-bottom:10px; font-weight:normal; font-family: 'Courgette', cursive;}
.title4, .title4 a {font-size:30px; font-weight:bold;color:#333; text-decoration:none; text-align:left; margin-bottom:6px; font-family: 'Courgette', cursive;}
.title5 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#d71440; padding:15px 0 5px 0; font-family: 'Courgette', cursive;}
.title5 a { color:#d71440; text-decoration:none;}
.title6 {text-decoration:none; margin:0 auto; font-weight:bold; font-size:25px; color:#002D72; letter-spacing:1px; line-height:34px; font-family: 'Courgette', cursive;}
.top2 {margin-top:2% !important;}
.ct { text-align:center;}
.white {text-decoration:none; margin:0 auto; font-weight:bold; font-size:21px; color:#fff;  text-transform:uppercase; letter-spacing:1px; margin-top:10px;}
body{ background:#fff; font-family: 'Montserrat', sans-serif;}
.call{ float:right; padding:8px 8px;  color:#c20808; font-size:16px; border:solid 1px #c20808; font-weight:bold; text-align:center; margin:6px 0; }
.call a { color:#c20808; text-decoration:none;}
#headbg {margin:0 auto; z-index:1000; width:100%; float:none; position:fixed; background-color: rgba(255,255,255,0.8);  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);}
#head { margin:0 auto; width:94%; padding:10px 0; }
	
.logo{ width:180px;  position:absolute; z-index:100; padding:4px 4px; border-radius:0 0 8px 8px;}
.logo img { width:100%;}
.bk{ float:right; margin:10px 8px; }
 .book-btn {
      background: #c41e3a; font-family: 'Montserrat', sans-serif; letter-spacing:.04em;
      color: #fff;
      padding: 8px 12px; font-size:17px;
      font-weight: bold;
       text-decoration: none; margin:0 8px;
      transition: background 0.3s;
    }

    .book-btn:hover {
      background: #9D1D2C; font-family: 'Montserrat', sans-serif;
    }
.map1{ font-size:12px;
padding:10px;
width:50%; font-family: 'Montserrat', sans-serif;
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left;
}
#menu{ float:right; width:66%; margin:9px 0;}
#smo{ width:220px; float:right;}
.social-icon{float:left; padding:10px 6px; width:24px;}

.beach { width:100%; margin:0 auto; float:none; background:url(../images/beach.jpg) top center fixed; padding:3% 0 0 0;}
.content, .contentsub {width:86%; margin:0 auto;  padding:3% 3%; background: rgba(255,255,255,0.7); box-shadow: 0 5px 15px rgba(0, 0, 0, .08);}
.content p{font-size:17px; color:#222; font-weight:normal; line-height:28px; }
.content p a, .contentsub p a {color:#e35205; text-decoration:none; font-size:15px;}
.contentsub p {font-size:15px; color:#01609b; font-weight:normal; line-height:26px; }
.mainbg {width:100%; margin:0 auto; float:none; background:#333;}
.main {width:90%; margin:0 auto; float:none; padding-top:4%; padding-bottom:2%;}
.vid { float:right; width:46%; 
       margin: 32px 2px;
    width: 44%;
    border: 1px solid #5b5c5c;
    padding: 10px 10px;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
.att {float:left; margin:32px 2px; width:46%; border:1px solid #5b5c5c; padding:10px 10px;}
.att img { width:100%;}
.thing {width:98%; margin:0 auto; float:none; padding:20px 0; text-align:center; color:#fff; font-size:15px; line-height:26px;}
.readm{ float:none; font-size:17px; color:#939393; border:solid 1px #939393; line-height:32px;  text-align:center; margin:0 auto; width:140px; margin-top:12px; }
.readm a{color:#939393;text-decoration:none;}

#feature {width:100%; margin:0 auto; background:url(../images/pool.jpg) no-repeat; background-size:cover;}
#feat {width:80%; margin:0 auto;  padding:6% 0; }
.ftm { color: #fff; width:48%; float: right; font-size:16px; line-height:26px; }
.fpic { width:44%; float:left; font-size:15px; line-height:26px;  color: #000; }
.ft{width:48%; float:left;}
.ftimg{ width:50px; height:50px; float:left; margin:12px 6px;}
.ft p{font-size:16px; color:#000; text-align:left; font-weight:normal; line-height:21px; padding:22px 10px;}
.ftm p a {color: #ff6000; text-decoration:none; font-weight:bold; line-height:32px; letter-spacing:1px;}
.attr {width:80%; margin:0 auto; padding:6% 0%;}
.pol {float:left; width:35%; font-size:16px; color:#333; font-weight:normal; line-height:28px; padding:2% 0%;}
.hotelbg { float:right;  width:58%; }
.hotel {float:left; width:40%; margin-right:4%; 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); 
        } 
.hotel2 {float:right; width:40%; margin-left:4%; outline: 1px dashed #FFF; outline-offset: -15px; 
            overflow: hidden; margin-bottom:20px; box-shadow:0px 0px 30px 0px rgb(168 168 168 / 30%);
        } 
      
        .hotel2 img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .hotel2:hover img { 
            transform: scale(1.2); 
        } 		
.name { padding:2% 4%; background: url(../images/blue.png); float:none; margin:0 auto; color:#fff;  font-weight:bold; font-size:17px; position:absolute; top:84%;}
.read{ float:none; font-size:17px; color:#fff; background:#068abc;  line-height:36px;  text-align:center; margin:0 auto; width:140px; }
.read a{color:#fff;text-decoration:none;}

#myVideo {
 width:100%;
 position:relative; height:auto;
}
.vd {    margin: 0 auto; text-align:center; margin-top:5%;
    position: absolute; left:10%; right:10%;
    z-index: 20; line-height:32px;
    color: #161616; font-size:16px;
    width: 64%;
    padding: 22px 28px;
}
.attbg { width:98%; margin:0 auto; float:none;}
.att1 {width:64%; margin:0 auto;  font-size:15px; color:#fff; font-weight:normal; line-height:28px; background-color: rgba(158,13,13,.8); padding:3% 2%; text-align:center;}
#footbg { width:100%; background:url(../images/ft.jpg) top center; padding:3% 0;}
#footer  {width:86%; margin:0 auto;  line-height:30px; color:#000;}
#footer p{ font-size:14px; color:#000; font-weight:normal;}
#footer p a{text-decoration:none; color:#000;}
.footer-col {float:right; width:38%; text-align:left; padding:15px 0px; font-size:15px; font-weight:normal;}
.footer-co {float:left; width:200px; text-align:left; padding-top:40px;}
.footer-col ul { float:left; width:40%; margin-left:22px;}
.footer-col ul li{list-style:circle; line-height:28px; }
.footer-col ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#000;}
.footer-col ul li a:hover{text-decoration:none; color:#d71440;}

#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;}
}
.smo{ width:90%; float:left; padding:10px 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; }
label { display:none;}

.col1{ width:40%; font-size:15px; color:#111010;  margin:15px 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:22%; font-size:15px; color:#111010;  margin:15px 12px; 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 #2eb0d1;}
.pool img { width:100%}

.room { float:left; width:40%; }
.room img, .vid img { width:100%}
.booknow{padding:1% 4%; float:left; font-size:15px;font-weight:bold;color:#ff8a00; border:solid 2px #ff8a00;  text-align:center;  margin:1% 0; text-transform:uppercase; clear:both; }
.booknow a{color:#f68852;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: 6% 0;}

.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%;}

.collapsible {
 background-color: #fff;
  color: #777; font-weight:bold;
  cursor: pointer;
  padding:8px 12px; font-family: 'Comfortaa', cursive;
  width:100%; margin:0 auto; float:none;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

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

.addtx {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  
}

#w2b-StoTop{display: block;position: fixed;top:70%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#c41e3a;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}

#atrbg { width:100%; margin:0 auto; background:url(../images/Mountains.jpg) top center fixed; padding:7% 0; background-size:cover;  }
.attrac_text {
    color: #fff; text-align:center; padding-bottom:14px;
    font-size: 80px!important;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: .8;
    margin: 0 auto;
    text-shadow: 5px 5px 10px #000;}
.atrtx { width:60%; margin:0 auto;  padding:2%; float:none; margin-top:2%; }
.atrtx p {margin: 0 0 10px; font-size:16px; color:#fff; font-weight:normal; line-height:28px; text-align:center;}
.readmore{padding:12px 0px;font-size:15px;font-weight:normal;color:#fff;text-decoration:none; text-align:center;  float:none; margin:0 auto; width:180px; margin-top:15px; background:#fc6e0f; margin-top:15px;}
.readmore a{color:#fff;text-decoration:none;}
.reserve { color:#fff; text-align:center; margin:0 auto; font-size:24px;  text-transform:uppercase;  float:none;  width:90%; clear:both; margin-bottom:14px; line-height:35px; font-weight:normal;}
#reserve {margin:0 auto; font-family: 'Poppins', sans-serif; width:100%; padding:12px 0; background:#0082b3;}
.imenu { width:80%; margin:0 auto; }
.check1{ margin:0px 12px; float:left; width:14%; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#fff;
width:88%; padding:10px 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:9px;
border: 1px double #cecece;
overflow:hidden; background:#fff;
margin:0 auto;
color:#444; font-family: 'Poppins', sans-serif;
}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#ff9204; border:none; color:#fff; font-size: 16px; font-family: 'Poppins', sans-serif;  padding:7px 32px; font-weight:bold;  border-radius:6px; letter-spacing:1px;}
::-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;
}
label { display: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;  text-align:center; color:#fff; background:#333; font-size:17px; padding:1% 0;}
.ada a { color:#fff; text-decoration:none;}

.fq{text-align:left; text-decoration: none; color:#004986; font-weight:bold;  font-size:18px;  line-height:34px; margin-top:6px; list-style:none;}
.fqa{font-size:16px; color:#424242; font-weight:normal; line-height:28px; text-align:left;}
.fqa a{font-size:16px; color:#FD7120; text-decoration:none;}

#content {
  display: none;
}
.rd{ float:left; margin:18px 0px; width:140px; color:#FD7120; font-size:15px; line-height:34px; font-weight:normal; text-align:center; border:solid 2px #FD7120;  letter-spacing:.04em; background:#fff; cursor:pointer;}
a.toggleLink { font-size:14px;
color : #c8050a; border:#c8050a solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0; float:left;
padding:2px 14px;} 


/* --- Section Layout --- */

.attraction-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0px;

  overflow: hidden;
}

/* --- Left Slider --- */
.picslider {
  position: relative;
  width: 50%;
  height: 420px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.picslide {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.picslide.active {
  opacity: 1;
}

/* --- Slide Title --- */
.slide-title {
  position: absolute;
  bottom: 15px;
  left: 20px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 5;
}
.slide-title.active {
  opacity: 1;
}

/* --- Slider Buttons --- */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.8);
  border: none;
  font-size: 24px;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.3s;
  z-index: 10;
}
.slider-btn:hover {
  background: #c81e1e;
  color: #fff;
}
.prev { left: 10px; }
.next { right: 10px; }

/* --- Right Content --- */
.attraction-content {
  width: 45%;
}

.attraction-content p {
  color: #555;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 20px;
}

/* --- Read More Button --- */
.read-btn {
  display: inline-block;
  background: #c81e1e;
  color: #fff;
  padding: 10px 22px;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.read-btn:hover {
  background: #222;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* --- Responsive --- */
@media (max-width: 900px) {
  .attraction-section {
    flex-direction: column;
  }
  .picslider, .attraction-content {
    width: 100%;
  }
  .picslider {
    height: 300px;
    margin-bottom: 25px;
  }
}

.hotel-amenities {
    border-top: 1px solid #d71440;
    border-bottom: 1px solid #d71440;
    text-align: center;
    margin-bottom:32px;
    padding: 25px 0 25px;
    position: relative; margin:5% 0;}
	
	.hotel-amenities__title {
    display: block; font-family: 'Courgette', cursive;
    position: absolute;
    top: -17px;
    left: 50%;
    font-size: 30px;
    color: #fff;

    transform: translateX(-50%);
    background-color: #d71440;
    padding: 0 35px; }
	
.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);
}
.policy { width:100%; margin:0 auto; float:none; color:#fff !important; font-size:17px; line-height:32px; background:#d71440;}
.poltx {width:70%; float:left; color:#fff!important; font-size:17px; line-height:28px; padding:10px 30px;}
 .book1-btn {
      background: #333; font-family: 'Montserrat', sans-serif; letter-spacing:.04em;
      color: #fff; border:solid 1px #ccc;
      padding: 16px 20px; font-size:18px; float:right;
      font-weight: bold;
       text-decoration: none; margin:30px 10px;
      transition: background 0.3s;
    }

    .book1-btn:hover {
      background: #9D1D2C; font-family: 'Montserrat', sans-serif;
    }