@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=Merienda:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
*{margin:0;padding:0;border:0;outline:none;}
.tp { padding-top:4px;}
.ct {text-align:center;}
.ti, .ti a{text-decoration: none; color:#474747; font-weight: bold;  font-size:21px;}
.title2{text-decoration: none; color:#fff; font-weight: bold;  font-size:27px; font-family: 'Merienda', cursive; }
.grey{text-decoration: none; color:#fff; font-weight:normal;  font-size:21px; line-height:32px; clear:both; text-align:center; font-family: 'Merienda', cursive; }
.tsub, .tsub a {text-decoration: none; color:#0379b0; font-weight: bold;  font-size:21px; line-height:32px; }
.hw, .hw a {text-decoration: none; color:#003c7e; font-weight:bold;  font-size:35px;  line-height: 82px; font-family: "Libre Baskerville", serif; margin-bottom:22px; }
.title3{font-weight:bold; font-size:26px; line-height:30px; color:#333; padding:10px 0; font-family: "Libre Baskerville", serif;  }
.title4{text-transform:uppercase; margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:26px; line-height:28px; text-align:center; color:#FFF; padding:10px 0; }
.title5{font-size:19px; font-weight:bold;color:#ffcc00; text-decoration:none; margin-top:15px; padding-bottom:4px; font-family: "Libre Baskerville", serif;}
.title5 a{text-decoration:none; color:#ffcc00; font-family: "Libre Baskerville", serif;}
.fq{text-align:left; text-decoration: none; color: #403A60; font-weight:bold;  font-size:17px;  line-height:34px; margin-top:10px; 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;}
#slide{ width:100%;  margin:0 auto; }
#slide img { width:100%;}
#slide iframe { padding-top:90px; background-color:#ccc;}
#headbg { margin:0 auto; width:100%; position:fixed; z-index:1000;}
#head {width:92%; margin:0 auto;     background-color: rgba(253, 253, 253, .95); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .08); padding:10px 20px; }
.logo{ float:left; margin:5px 0; width:180px;}
.bk{ float:right; margin:10px 8px; }
 .book-btn {
      background: #1a4f8a; font-family: 'Montserrat', sans-serif; letter-spacing:.04em;
      color: #fff;
      padding: 14px 18px; font-size:17px;
      font-weight: bold; border-radius:4px;
       text-decoration: none; margin:0 8px;
      transition: background 0.3s;
    }

    .book-btn:hover {
      background: #296BAD; font-family: 'Montserrat', sans-serif;
    }
#menu{ float:right; width:52%; margin:10px 0;}
#reserve {margin:0 auto; font-family: 'Montserrat', sans-serif; width:80%; padding:16px 0; background:#231F20; position:relative; z-index: 2; margin-top: -3rem;}
.reserve { color:#FFF; font-size:25px; text-transform:uppercase; float:left; margin:14px 12px; line-height:28px; }
.imenu { width:40%; margin:10px 26px; border-right:solid 1px #ccc; float:left;}
.check1{ margin:8px 12px; float:left; width:40%; font-size:13px; color:#fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; line-height:20px; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:#231F20;
width:88%; padding:15px 8px;
border: 1px double #fff;
overflow:hidden;
margin:0 auto; margin-top:5px;
color:#fff; font-family: 'Montserrat', sans-serif;
}
.message{font-size:12px;
width:100%; padding:13px 8px; background:#231F20;
border: 1px double #fff;
overflow:hidden;
margin:0 auto;  margin-top:5px;
color:#fff; font-family: 'Montserrat', sans-serif;
}
.map1 { font-size:12px; float:left;
width:60%; padding:12px;
border: 1px double #cecece;
overflow:hidden;
 margin:22px 6px 0 0;
color:#444; font-family: 'Montserrat', sans-serif;
}
.c6 { margin-top:20px;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {font-size: 14px; font-family: 'Montserrat', sans-serif; padding:14px 30px; font-weight:bold; border:#fff solid 1px; background-color: #ffcc00; color: #000;}
::-webkit-input-placeholder {
   color: #333333;
}

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

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

:-ms-input-placeholder {  
   color: #333333;  
}
.policy { width:54%; margin:10px 10px; float:right;}
.policy p { text-align:left; font-size:15px; line-height:28px; width:90%; color:#fff; clear: both; padding: 0 14px;}
.hotel { float:right; margin:0 0 10px 30px; width:46%; background:none;
            overflow: hidden; margin-bottom:20px; 
        } 
      
        .hotel img { 
            width: 100%; 
            transition: 0.5s all ease-in-out; 
        } 
      
        .hotel:hover img { 
            transform: scale(1.2); 
        }
#content {width:100%; margin:0 auto; }
.contx  { width:46%; float:left; padding:4% 0 4% 5%; }
.contx p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:left;}
#content p a, #contsub p a, #conthm p a {color:#296BAD; 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:center;}
#contsub {width:86%; margin:0 auto; padding:5% 0; float:none; text-align:center;}
#contsub p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:center;}
#contsub p a {text-align:center; text-decoration:none;}

.vid { float:right; width:50%; border: solid 2px #ededed;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;  position: relative;    height: 0;
    padding-bottom:30%; margin:0 0 15px 20px;}
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }

.main {width:90%; margin:0 auto; float:none; padding-top:4%; padding-bottom:18%;}
.maintx{width:80%; float:none; margin:0 auto; padding:1% 0;}
.main p{color:#333;font-size:15px;font-weight:normal; line-height:25px; text-align:center; padding:5px 30px;}
.att {float:left; margin:20px 4px; background:#02b6e4; width:24%; border:1px solid #02b6e4;}
.att img { width:100%;}
.thing {width:86%; margin:0 auto; float:none; padding:12px 0; text-align:center; color:#fff; font-size:15px; line-height:26px;}
.room {float:right; width:24%; color:#323437; font-size:16px; line-height:26px; }
.mon { width:100%; background:url(../images/Niagara.png) bottom center; margin:0 auto; background-size:cover;}
#mainbg { margin:0 auto; width:90%; background:#fff; padding:3% 0;}
#mainbg  p{color:#575757;font-size:15px;font-weight:normal; line-height:25px; text-align:left; line-height:28px;}
.box{width:68%;float:left;}
.boxtx{width:96%; float:none; margin:0 auto; padding:3% 2%; background:#1C67AD;}
.boxtx  a{color:#fff !important;font-size:28px !important;font-weight:normal; line-height:25px; text-align:left; text-decoration:none;}
.button {background-color:#ffcc00; border: none; display: block; color: #fff; text-transform:uppercase; font-weight: bold; text-align: center; letter-spacing: 2px; padding: 14px 10px; font-size:21px; transition: 0.3s; margin-top:26px; width:350PX; }
.button a{ color:#fff; text-decoration:none;}
.button:hover {background-color:#02b6e4; color:#fff;}
.rom {float:right; width:30%; margin:0 5%;}
.rom img { width:100%;} 

#foot{width:100%; margin:0 auto; background:#231F20; }
#footer{width:86%; text-align:left; margin:0 auto; font-weight:normal; padding-top:30px; line-height:28px; font-size:15px; color:#fff;}

#footer p, p a {line-height:26px;  color:#fff; }
#footer p a  {text-decoration:none; line-height:29px; color:#fff; }
.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:13px !important; color:#fff; text-decoration:none;}
.footer-col ul{list-style:none; width:50%; float:left;}
.footer-col li a{font-size:14px; text-align:left; text-transform:none; color:#fff; 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:90%;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 : #333; border:#FF5F03 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:2% 0; text-align:center; color:#fff; font-size:17px; background:#02b6e4;}
.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:#003c7e; font-size:17px;}
.ada a { color:#fff; text-decoration:none;}

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

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

.addtx {
  padding: 0 5px;
  display: none;
  overflow: hidden;
  
}
/* Container */
.promo-section {
  display: flex; background: #f9f7f3;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 94%;
  padding: 6% 3%;
}

/* Each card */
.promo-card {
  flex: 1 1 48%;
  display: flex;
  background: #f9f7f3;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

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

/* Image */

.promo-image {
  width: 260%;
  height: auto;
  object-fit: cover;
}


.promo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content */
.promo-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.promo-subtitle {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #005062;
  margin-bottom: 8px;
}

.promo-title {
  font-size: 1.6rem;
  margin: 0 0 16px;
  color: #222;
}

.promo-content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #555;
  margin-bottom: 20px;
}

.promo-btn {
  align-self: start;
  padding: 10px 20px;
  border: 1px solid #005062;
  background: transparent;
  color: #222;
  text-decoration: none;
  font-weight: 500;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.promo-btn:hover {
  background: #005062;
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .promo-card {
    flex: 1 1 100%;
    flex-direction: column;
  }

  .promo-image img {
    height: 200px;
  }
}

.amenities {
      width:40%; float:left; 
      margin: 10px 10px 0 20px;
      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: #111010; padding:8px 0;
      display: flex;
      align-items: center; text-align:left;
    }
    .amenities li i {
       color: #111010;
      margin-right: 10px;
      font-size: 18px;
      min-width: 20px;
      text-align: center;
    }
.amenities-list li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 10px;
}

.amenities-list li::before {
  content: "";
  position: absolute;
  left: 0;
   color: #111010; /* Blue checkmark */
  font-size: 16px;
}
.col1 { font-size:15px;  color: #111010; width:40%; float:left; margin:0px 10px 0 20px; text-align:left;      padding: 20px; }
.col1 ul li {list-style:circle; line-height:28px;}
.col1 ul li a {color: #111010; text-decoration:none; list-style:none;}	


 .amenities2 {
      padding: 10% 0 4%;
  background: #F6F5F4;
}

.container {
  max-width:96%;
  margin: 0 auto;
  text-align: center;
}

.section-title {
  font-size: 2.2rem; font-family: "Libre Baskerville", serif;
  color: #003C7F;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-subtitle {
  font-size: 1rem;
  color: #555;
  margin-bottom: 50px;
}

/* Amenities Grid */
.amenities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.amenity-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 25px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.amenity-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.amenity-card i {
  font-size: 2.8rem;
  color: #0072bc;
  margin-bottom: 20px;
}

.amenity-card h3 {
  font-size: 1.3rem;
  color: #222;
  margin-bottom: 10px;
}

.amenity-card p {
  font-size: 0.95rem;
  color: #555;
}

/* Responsive */
@media (max-width: 600px) {
  .section-title {
    font-size: 1.8rem;
  }

  .amenity-card {
    padding: 30px 20px;
  }

  .amenity-card i {
    font-size: 2.3rem;
  }
}

.club-section {
  background: url('../index_files/vlb_images1/double-bed.webp') no-repeat center center/cover;
  width: 100%;
  height: 450px; /* adjust based on design */
  position: relative;
}

.club-content-box {
  position: absolute;
  bottom: -90px; /* overlaps outside image */
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  width: 80%;
  max-width: 900px;
  padding: 50px 40px;
  text-align: center;
  box-shadow: 0px 5px 25px rgba(0,0,0,0.15);
}

.club-title {
  font-size: 38px; font-family: "Libre Baskerville", serif;
  font-weight: 400;
  margin-bottom: 20px;
  color: #333;
}

.club-desc {
  font-size: 20px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 30px;
}

.club-btn {
  display: inline-block;
  border: 1px solid #003c7e;
  padding: 12px 35px;
  text-decoration: none;
  font-size: 16px;
  transition: 0.3s;
  color: #003c7e;
}

.club-btn:hover {
  background: #003c7e;
  color: #fff;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .club-section {
    height: 300px;
  }
  .club-content-box {
    width: 92%;
    padding: 35px 25px;
    bottom: -95px;
  }
  .club-title { font-size: 28px; }
  .club-desc { font-size: 17px; }
}


.feature-slider-section {
  width: 100%;
  display: block;
}

.slider-wrapper {
  display: flex;
  width: 100%;
  min-height: 500px;
}

.image-slider {
  flex: 1;
  position: relative;
}

.image-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
}

.static-content {
  flex: 1;
  background-color: #003c7e;
  color: #fff;
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.static-content h4 {
  font-size: 15px;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.static-content h2 {
  font-size: 46px; font-family: "Libre Baskerville", serif;
  margin-bottom: 25px;
}

.static-content p {
  font-size: 18px;
  margin-bottom: 35px;
  line-height: 1.6;
}

.btn {
  padding: 15px 35px;
  background: #c8e1c6;
  border: 2px solid #c8e1c6;
  text-decoration: none;
  color: #074f63;
  font-weight: bold; width:120px;
  display: inline-block;
}

.btn:hover {
  background: transparent;
  color: #c8e1c6;
  transition: .3s;
}

/* Responsive */
@media (max-width: 900px) {
  .slider-wrapper {
    flex-direction: column;
  }

  .static-content {
    padding: 40px 30px;
  }

  .static-content h2 {
    font-size: 32px;
  }
}