@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hurricane&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.top-sp { padding-top:10% !important;}
.tk-rustica { font-family: "rustica",sans-serif; }
*{margin:0;padding:0;border:0;outline:none;}
.title2{text-decoration: none; color:#00145f; font-weight: bold;  font-size:23px; }
a { text-decoration:none;}
h1, h1 a {text-decoration: none; color:#545454; font-weight:500;  font-size:34px; line-height:50px;  font-family: "Playfair Display", serif;}
.title3{ text-decoration: none; color:#545454; font-weight:500;  font-size:31px; line-height:50px;  font-family: "Playfair Display", serif;}
.title3 a {color:#0280b5; text-decoration:none;  font-family: "Playfair Display", serif;}
.title31{ text-decoration: none; color:#fff; font-weight:500;  font-size:31px; line-height:50px;  font-family: "Playfair Display", serif;}
.title4{ margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:26px; line-height:28px;  color:#FFF; padding:10px 0;  font-family: "Playfair Display", serif;}
.title5{font-size:21px; line-height:28px; font-weight:bold;color:#006ba3; text-decoration:none; margin-top:15px; padding-bottom:4px; font-family: "Playfair Display", serif;}
.title5 a{text-decoration:none; color:#006ba3;}
.title6{text-align:left; text-decoration: none; color:#006ba3; font-weight:bold;  font-size:21px; line-height:30px; padding-bottom:12px; text-transform:uppercase;}
.title6 a {text-align:left; text-decoration: none; color: #fff; }
.tit{text-decoration: none; color:#333; font-weight:bold;  font-size:19px;  line-height:26px;}
.wel, .wel a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:60px; color:#0280b5; margin-bottom:15px; font-family: "Hurricane", cursive;
  font-weight: 400;}
.well, .well a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:60px; color:#7dd6fc; margin-bottom:15px; font-family: "Hurricane", cursive;
  font-weight: 400;}
.st, .st a {text-decoration:none; margin:0 auto; font-weight:bold; font-size:30px; color:#004986; margin-bottom:15px; font-family: "Artifika", serif;}
.note { font-size:21px; color:#333; text-align:center; line-height:32px; width:70%; margin:0 auto; padding:8px 0; font-weight:bold;}
.ct { text-align:center;}
.grey { font-size:14px; color:#333; font-weight:bold;}
.red { font-size:16px; color:#333; font-weight:bold; line-height:26px;}
body{ font-family: "Noto Sans", sans-serif; color:#656565; font-size:16px;}
#topin { float:right; width:64%;}
.call{ float:right; color:#fff; font-size:15px; line-height:28px; font-weight:normal; text-align:center; text-transform:uppercase;  letter-spacing:.02em; width:100%; padding:6px 0px;background-color:#8b8484;}
.call a { color:#fff; text-decoration:none; }
.menu {float:right;width:66%;}
.call-us-button {
  display: inline-block;
  background-color:#428bca; /* Original color */
  color: #ffffff; font-family: "Noto Sans", sans-serif;
  padding:12px 18px; border-radius:20px;
  font-size:18px;
  font-weight:500; margin-top:11px;
  text-decoration: none; 
  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: #003C6E;  /* 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;}
.more {
  display: inline-block;
  background-color: #F5C228; /* Original color */
  color: #ffffff;
  padding:12px 24px;
  font-size:19px;
  font-weight: 600;
  text-decoration: none; letter-spacing:1px;
  transition: background-color 0.4s ease, transform 0.3s ease;
}

.more:hover {
  background-color: #428bca; /* New color on hover */
  transform: scale(1.05); /* Slight zoom effect */
}
#slide{ width:100%;  margin:0 auto; }
.logo img, .trp img { width:100%;}
#slide iframe { padding-top:100px;}
#headbg { margin:0 auto; width:100%; position:absolute; z-index:1000; background-color: rgba(52, 74, 113, 0.6);}
#head {width:86%; margin:0 auto; }
.logo{width:140px; margin:10px 0px; float:left;}
.bk{ float:right;}
#menu{ float:right; width:68%;}
#reserve {margin:0 auto;  width:100%; padding:12px 0; float:none; position:absolute; z-index:1000; bottom:16px;}
.reserve { color:#333; font-size:27px; text-transform:uppercase; float:none; margin:0 auto;  text-align:center; padding:8px 0; font-family: "Playfair Display", serif;}
.imenu { width:70%; margin:0 auto; background-color: rgba(255, 255, 255, 0.9); border-radius:10px; padding:6px 6px; }
.check1{ margin:0px 12px; float:left; width:14%; font-size:13px; color:#514e4e; text-transform:uppercase; line-height:20px; border-radius:10px; font-family: "Noto Sans", sans-serif; }
#submit{float:left; margin-top:5px; }
.message1{ font-size:12px; background:none; border-radius:10px;
width:88%; padding:8px;
border: 2px double #514e4e;
overflow:hidden;
margin:0 auto; margin-top:5px; text-transform:uppercase;
color:#514e4e; 
}
.message{font-size:12px;background:none; border-radius:10px;
width:100%; padding:8px; 
border: 2px double #514e4e;
overflow:hidden;  text-transform:uppercase;
margin:0 auto;  margin-top:5px;
color:#514e4e;
}
.map1 { font-size:12px; float:left;
width:60%; padding:8px;
border: 1px double #cecece;
overflow:hidden;
 margin:20px 6px 0 0;
border-radius: 20px;
font-family: Quando, verdana, arial;
}
.c6 { margin-top:20px;}
input[type=submit] .palace-button, input[type=submit], input#searchsubmit { float:left;
background-color:#004986; border:none; color:#fff; font-size: 14px; font-family: "Noto Sans", sans-serif; padding:10px 30px; font-weight:normal; border:#428bca solid 1px; border-radius:20px;}
::-webkit-input-placeholder {
   color: #333333;
}

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

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

:-ms-input-placeholder {  
   color: #333333;  
}
label {display:none;}
.trp { float:right; margin:5px 10px; width:120px;}
.content {width:80%; margin:0 auto; padding:4% 0;}
.cont {width:96%; margin:0 auto; border-bottom:solid 1px #c0c0c0; padding-bottom:15px; }
.content p, .con1 p {font-size:16px; color:#333; font-weight:normal; line-height:28px; text-align:left;}
.content p a {color:#006ba3; text-decoration:none;}
.con1 {width:60%; float:right;}
.feature {
	width: 46%; float:right;
	background:#fff;
	padding-left:55px; margin-left:4%; border-left:solid 1px #c0c0c0;
}
.feature p {color:#222 !important; font-size:16px !important; line-height:26px !important; font-weight:normal !important; padding-top:12px; }

.am {width:100%; margin:0 auto; background:#F9F9F9; padding:4% 0;}
.ftbg {width:80%; margin:0 auto; float:none;}
.ftx {width:80%; margin:0 auto; float:none;}
.ft{width:16%; float:left; margin:15px 15px;}
.ft:hover { border: solid 1px #fff;}
.ftimg{ width:50px; height:50px; margin:0 auto; margin-bottom:6px; margin-top:6px;}
.ft p {font-size:15px; color:#fff; text-align:center; font-weight:normal; line-height:21px;}}

#ambg { width:100%; margin:0 auto; background:#f9f8f8; padding:4% 0;     box-shadow: 0 2px 5px 2px rgb(0 0 0 / 10%);
 }
#amt{width:80%;  margin:0 auto; }
#amt p {font-size:16px; color:#333; font-weight:normal; line-height:27px;}
.test { width:30%; float:left; margin-right:5%;}
.atpic img, .test img, .res img { width:100%; margin:0 auto;}
.atr {width:100%; margin:0 auto; padding:4% 0;}
.attx {width:50%; float:left; margin-left:4%;}
.attx p {color:#333; line-height:26px; font-weight:normal; font-size:15px;}
.res{width:40%;float:right; box-shadow:0 0 4px 3px #ccc; -webkit-box-shadow: 10px 10px 0px 0px #d6d6d6;
    box-shadow: 10px 10px 0px 0px #d6d6d6;}
#atrbg { width:100%; margin:0 auto; background:url(../images/golf.jpg) top center; background-size:100%; padding:3% 0;}
.at1 {width:80%; margin:0 auto; background-color: rgba(52, 74, 113, 0.6); padding:3% 3%;}
.atpic {float:left; width:50%; padding:3% 3%;}
.atpic1 {float:left; width:42%; border:solid 4px #fff; margin-top:5%;}
.atpic2 {float:right; width:53%; margin-bottom:10px; border:solid 4px #fff;}
.atpic1 img, .atpic2 img { width:100%;}
.at1 p {font-size:15px; color:#fff; font-weight:normal; line-height:26px; text-align:center;}
.readmore{ float:left;}
.readmore1v{ float:right;}
.read{font-size:15px;font-weight:bold;color:#fff;text-decoration:none; text-align:center;float:left;margin:15px 10px; background:#006ba3; padding:8px 10px; border-radius:2px 2px; }
.read a{color:#fff;text-decoration:none;}
.bt{padding:8px 0px;font-size:15px;font-weight:normal;color:#fff;text-decoration:none; text-align:center;  float:left;  width:140px;  border: #fa3b3b solid 1px; margin-top:5px; background:#c8050a;}
.bt a{color:#fff;text-decoration:none;}
#foot{width:100%; margin:0 auto; background:#F4F4F4; }
#footer{width:80%; text-align:left; margin:0 auto; font-weight:normal; padding:20px 0; font-size:14px; color:#000; line-height:26px; }
#footer p {line-height:28px !important;  color:#000; }
#footer p a{text-decoration:none; line-height:28px; color:#000; font-size:14px; }
.footer-col{float:left; width:30%; text-align:right; padding-right:5%; border-right:1px solid #999;}
.footer-link {float:left; width:20%; text-align:left; padding-left:5%;}
.footer-link ul { float:left; width:98%; margin-left:5px;}
.footer-link ul li, .footer-col ul li{list-style:none; line-height:28px; }
.footer-link ul li a{ font-size:14px; font-weight:normal; text-decoration:none; color:#000;}
.footer-hotel {float:right; width:38%; text-align:left; padding:15px 0px;}
.footer-hotel img { width:100%;}
#foot1 {width:100%; margin:0 auto; background:#000; padding:1% 0; }
.footer-co {float:none; width:80%; margin:0 auto; text-align:center; }
.footer-co p{line-height:26px;  color:#ccc; }
.footer-co p a{text-decoration:none; line-height:26px; color:#ccc; font-size:14px; }
.hotel { float:left; margin:4px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: solid 2px #d1d1d1; clear:both;}
.smo{ width:260px; float:right; 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; }
#w2b-StoTop{display: block;position: fixed;top:90%;padding: 10px; color:#fff; font-size:14px; right:0; margin-right:20px; text-decoration:none; cursor:pointer; background:#0280b5;}
#w2b-StoTop a{color:#fff; text-decoration:none; font-size:14px;}
.col1{ width:32%; font-size:15px; color:#111010;  margin:18px 22px; float:left;}
.col1 ul li{list-style:circle; line-height:28px;}
.col1 ul li a{color:#111010; text-decoration:none; list-style:circle;}

.vid { float:none; width:98%;  margin:0 auto;  position: relative;    height: 0;
    padding-bottom:70%;  }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
a.toggleLink { font-size:14px;
color : #006ba3; border:#006ba3 solid 1px;
text-decoration : none; font-weight:bold;
margin:14px 0; float:left;
padding:2px 14px;} 
label { display:none;}
.rw {  width:260px; float:left; }
#contentp {width:86%; margin:0 auto; padding:4% 0;}
#contentp p{font-size:15px; color:#111010; font-weight:normal; line-height:28px; text-align:center;}
#contentp p a {color:#192e7c; text-decoration:none;}
.cc_dialog.simple {
    left: 0 !important;
    top: auto;
    bottom: 0;
    right: auto !important;
    max-width: 60% !important;
    position: fixed;
    padding: 0.8em !important;
    background: #f2f2f2a1 !important;
}

.light.cc_dialog .cc_dialog_headline {
    color: #111;
    text-align: left;
}
.ada { width:100%; margin:0 auto; padding:12px 0; text-align:center; color:#fff; font-size:19px; background:#666; line-height:32px;}
.ada a { color:#fff; text-decoration:none;}
.fq{text-align:left; text-decoration: none; color:#333; 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:#0280b5; text-decoration:none;}
.rmtx { float:left; width:56%;}
.room { float:right; margin:10px 0 10px 0; width:36%; border: solid 5px #ededed;
    box-shadow: 1px 1px 5px #999;}
.room img, .glpic img { width:100%;}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr {margin: 20px 0;}
.blogo { margin:0 auto; float:none; width:180px; padding:5px 0;}
.gallery { margin:0 auto; float:none; width:100%; margin-top:25px;}
.glpic { float:left; margin:10px 10px; width:18%;}
.gallery-container {
    display: flex;
    align-items: center;
}

.photo-strip {
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 20px 0;
}

.galleryImage {
    width: 23%;
    height: auto;
    margin-right: 12px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-btn {
    background-color: #333;
    color: white; position:absolute;
    border: none;
    padding: 8px 8px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.nav-btn:hover {
    background-color: #cb1f1f;
}
element.style {
    cursor: pointer;
    margin-top: 20px;
}

    .slider {
      display: flex;
      gap: 10px;
      overflow: hidden;
      height: 400px;
    }

    .slide {
      position: relative;
      flex: 1; border-radius:10px;
      overflow: hidden;
      transition: flex 0.5s ease;
      background-color: #000;
    }

    /* Initially first image is full */
    .slide:first-child {
      flex: 3;
    }

    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
    }

    /* On hover: all shrink, hovered one expands */
    .slider:hover .slide {
      flex: 1;
    }

    .slider .slide:hover {
      flex: 3;
    }

    .vertical-title {
      position: absolute;
      top: 20%; background-color: rgba(0, 0, 0, 0.4);
      right:4px;  font-family: "Playfair Display", serif;
      transform: rotate(270deg) translateY(-50%);
      transform-origin: right bottom;
      font-size:36px; font-weight:500;
      color: #fff; 
      padding: 6px 12px;
      white-space: nowrap;
      transition: opacity 0.3s ease;
      z-index: 1;
    }

    .slide:hover .vertical-title {
      opacity: 0; font-family: "Playfair Display", serif;
    }

    .info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      opacity: 0;
     /* transform: rotate(-90deg); */
      transform-origin: center;
      transition: all 0.5s ease;
    }

    .slide:hover .info {
      opacity: 1;
      transform: none;
    }

    .info h3 {
      font-size: 32px;
      margin-bottom: 10px; font-family: "Playfair Display", serif;
    }

    .info p {
      font-size: 16px;
      margin-bottom: 15px; color: #fff;
      max-width: 80%;
      text-align: center;
    }

    .info .btn {
      background-color: #fff;
      color: #003366;
      padding: 10px 20px;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
    }

    @media screen and (max-width: 768px) {
      .slider {
        flex-direction: column;
        height: auto;
      }

      .slide {
        height: 250px;
        flex: none;
        width: 100%;
      }

      .slide:hover {
        flex: none;
        width: 100%;
      }

      .vertical-title {
        transform: rotate(0deg);
        left: 0;
        top: 10px;
      }
    }


   .slider-container {
      max-width: 1200px; padding:4% 0;
      margin: auto;
      background: #fff;
        border-radius: 12px;
      position: relative;
      overflow: hidden;
     
    }

    .slider-header {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 10px;
    }

    .slider-header button {
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
      margin-left: 10px;
      color: #333;
    }

    .testimonial-slider {
      display: flex;
      transition: transform 0.5s ease;
    }

    .testimonial {
      flex: 0 0 33.3333%;
      padding: 10px;
    }

    .testimonial-inner {
      background: #fff;
      padding: 15px;
      border-radius: 10px;
      height: 100%;
    }

    .stars {
      color: #f39c12;
      margin-bottom: 5px;
      font-size: 16px;
    }

    .name {
      margin-top: 10px;
      font-weight: bold;
      color: #333;
    }

    @media(max-width: 768px) {
      .testimonial {
        flex: 0 0 100%;
      }
    }	
.col{ width:34%; font-size:15px; color:#111010;  margin:15px 22px; float:left;}
.col ul li{list-style:none; line-height:28px;}

.amenities-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.amenities-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #007BFF; /* Blue checkmark */
  font-size: 16px;
}