*{
margin:0;
padding:0;
box-sizing:border-box; text-decoration: none;

}

body{
background:#fff; font-family: Poppins, sans-serif;
}

/* HEADER */

header{ background:#012348;
position:absolute;
width:100%;
top:0;
z-index:999;
transition:0.4s;
}

header.sticky{
background:#012348;
box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

/* NAVBAR */

.navbar{
display:flex;
align-items:center;
justify-content:space-between;
padding:0px 6%;
color:#fff;
}

/* LEFT NAV */

.nav-left{
display:flex;
gap:30px;
}

.nav-left a{
color:#fff; margin-top:20px; 
text-decoration:none;
font-weight:500;
position:relative;
}

.nav-left a::after{
content:"";
width:0;
height:2px;
background:#c79b3b;
position:absolute;
left:0;
bottom:-5px;
transition:0.3s;
}

.nav-left a:hover::after{
width:100%;
}

/* RIGHT AREA */

.right-area{
display:flex;
align-items:center;
gap:20px;
}

.phone{
font-size:17px; 
}

/* BOOK BUTTON */

.book-btn{
background:#9d5f40; 
padding:20px 18px;
color:#fff; font-size:21px;
text-decoration:none; letter-spacing:1px;
font-weight:500;
transition:0.3s;
}

.book-btn:hover{
background:#fff;
color:#0b3556;
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,0.3);
}

/* LOGO CENTER */

.logo-wrap{
position:absolute;
left:50%;
transform:translateX(-50%);
top:0;
text-align:center;
}

.logo-bg{
background:#012348;
padding:18px 35px 30px;
border-bottom-left-radius:120px;
border-bottom-right-radius:120px;
}

.logo-bg img{
height:74px;
}

/* HAMBURGER */

.hamburger{
display:none;
font-size:26px;
cursor:pointer;
}

/* MOBILE MENU */

.mobile-menu{
position:fixed;
top:0;
right:-100%;
width:260px;
height:100%;
background:#0b3556;
padding:40px 20px;
transition:0.4s;
z-index:1000;
}

.mobile-menu a{
display:block;
color:#fff;
margin:15px 0;
text-decoration:none;
}

.mobile-menu.active{
right:0;
}

.close-btn{
font-size:25px;
color:#fff;
cursor:pointer;
margin-bottom:20px;
}

/* HERO */

.hero{
height:95vh;
position:relative;
overflow:hidden;
}

/* SLIDES */

.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
opacity:0;
transition:1s;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}

.slide.active{
opacity:1;
}

/* OVERLAY */

.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
}

/* CONTENT */

.slide-content{
position:relative;
z-index:2;
animation:fadeUp 1.5s;
}

.slide-t1{
font-size:50px;
margin-bottom:10px; font-weight:bold;
}

.slide p{
font-size:20px;
}

/* TEXT ANIMATION */

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* ARROWS */

.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:28px;
background:rgba(0,0,0,0.5);
color:#fff;
padding:10px 14px;
cursor:pointer;
z-index:5;
}

.prev{
left:20px;
}

.next{
right:20px;
}

/* MOBILE */

@media(max-width:900px){

.nav-left{
display:none;
}

.phone{
display:none;
}

.book-btn{
display:none;
}

.hamburger{
display:block;
color:#fff;
}

.logo-bg img{
height:40px;
}

.slide h1{
font-size:30px;
}

}


#reserve { float:none; width:100%; margin:0 auto; background:#fffdf9; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08); }
.reserve { color:#9d5f40; font-size:28px;  float:left;  font-weight:normal; text-align:left; padding:15px 12px; margin-right:26px; font-family: Georgia, "Times New Roman", serif;}
.imenu { width:90%; float:none; margin:0 auto; padding:2% 0;}
.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:#9d5f40; line-height:24px;}
.message1{ font-size:14px; padding:10px 11px; margin:0 auto; border:#9d5f40 solid 1px; color: #9d5f40; width:92%; font-weight:normal;  background:#fffdf9; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.message2{ font-size:14px; padding:9px 10px; margin:0 auto; width:96%; color:#9d5f40; font-weight:normal; background:#fffdf9; border:#9d5f40 solid 1px; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
input[type="submit"]
.palace-button, input[type="submit"], input#searchsubmit {
background-color:#9d5f40; border:none; color:#fff; font-size: 17px; padding:10px 30px; font-weight:bold;  letter-spacing:1px; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
::-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:16px; margin-top:14px;
padding:12px;  font-family: "Libre Baskerville", serif;
width:50%; 
margin-right:15px; background:#fff;
border: 1px double #929292;
color:#444;
float:left; 
}
label { display:none;}

 .welcome-section {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
  }

  .welcome-container {
    width: 92%;
    max-width: 1320px;
    margin: 0 auto;
  }

  /* Heading */
  .welcome-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 60px;
  }

  .welcome-subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9d5f40;
    margin-bottom: 12px;
    position: relative;
  }

  .welcome-subtitle a { text-decoration:none; color: #9d5f40; 
  }
  
  .welcome-subtitle::after {
    content: "";
    width: 55px;
    height: 2px;
    background: #9d5f40;
    display: block;
    margin: 10px auto 0;
  }

  .welcome-title, .welcome-title a {
    font-size: 52px;
    line-height: 1.2;
    color: #0d3b66; text-decoration:none !important;
    font-weight: 400;
    margin-bottom: 18px;
    font-family: Georgia, "Times New Roman", serif;
  }

  .welcome-heading p {
    font-size: 18px;
    line-height: 1.6;
    color: #5a6672;
  }

  /* Row Layout */
  .welcome-row {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    align-items: center;
    gap: 60px;
  }

  /* Left Image */
  .welcome-image {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
  }

  .welcome-image img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
  }

  .welcome-image:hover img {
    transform: scale(1.05);
  }

  /* Decorative Frame */
  .welcome-image::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    z-index: 2;
    pointer-events: none;
  }
  .welcome-subrow {
    align-items: center;
    gap: 60px;
  }
  
    .welcome-subcontent {
     align-items: center;
    padding: 2px 0 20px 0;
  }
  
  /* Right Content */
  .welcome-content {
    position: relative;
    padding: 20px 0 20px 0;
    border-right: 5px solid #9d5f40;
    padding-right: 35px;
  }
  
  .welcome-subcontent p {
    font-size: 17px;
    line-height: 1.95; text-align:Center;
    color: #3f4a56;
    margin-bottom: 20px;
  }
  .welcome-subcontent p a, .welcome-content p a { color:#9d5f40; text-decoration:none;}

  .welcome-content-heading {
    font-size: 27px;
    line-height: 1.25;
    color: #9d5f40;
    margin-bottom: 24px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
  }

  .welcome-content p {
    font-size: 17px;
    line-height: 1.95;
    color: #4f5d6b;
    margin-bottom: 20px;
  }

  /* Read More Content */
  .read-more-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.55s ease;
  }

  .read-more-content.active {
    max-height: 500px;
    opacity: 1;
    margin-top: 8px;
  }

  /* Read More Button */
  .read-more-btn {
    margin-top: 12px;  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 28px;
    background: #9d5f40;
    color: #fff;
    border: none;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(0, 146, 69, 0.22);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
  }

  .read-more-btn span {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.35s ease;
  }

  .read-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px rgba(0, 146, 69, 0.28);
  }

  .read-more-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.28) 50%,
      rgba(255,255,255,0) 100%
    );
    transition: all 0.6s ease;
  }

  .read-more-btn:hover::before {
    left: 100%;
  }

  .read-more-btn.active span {
    transform: rotate(45deg);
  }

  /* Responsive */
  @media (max-width: 1100px) {
    .welcome-row {
      gap: 40px;
    }

    .welcome-heading h2 {
      font-size: 40px;
    }

    .welcome-content h3 {
      font-size: 30px;
    }
  }

  @media (max-width: 991px) {
    .welcome-section {
      padding: 80px 0;
    }

    .welcome-row {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .welcome-image img {
      min-height: 420px;
    }

    .welcome-content {
      border-right: none;
      border-top: 5px solid #009245;
      padding-right: 0;
      padding-top: 30px;
    }

    .welcome-heading h2 {
      font-size: 36px;
    }

    .welcome-content h3 {
      font-size: 28px;
    }
  }

  @media (max-width: 767px) {
    .welcome-section {
      padding: 65px 0;
    }

    .welcome-heading {
      margin-bottom: 40px;
    }

    .welcome-heading h2 {
      font-size: 30px;
    }

    .welcome-heading p,
    .welcome-content p {
      font-size: 15px;
      line-height: 1.8;
    }

    .welcome-content h3 {
      font-size: 24px;
    }

    .welcome-image img {
      min-height: 300px;
    }

    .read-more-btn {
      padding: 14px 24px;
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    .welcome-heading h2 {
      font-size: 26px;
    }

    .welcome-content h3 {
      font-size: 22px;
    }

    .welcome-content {
      padding-top: 24px;
    }
  }
  
  
/* SECTION */
.amenities-section{
    padding:90px 20px;
    text-align:center;
    background:linear-gradient(to bottom,#18182d,#012348);
}

.amenities-title{
    font-family:'Playfair Display',serif;
    font-size:42px; color:#f1ddb7;
    margin-bottom:10px;
}

.amenities-sub{
    color:#aaa;
    margin-bottom:60px;
}

/* GRID */
.amenities-wrapper{
    display:flex;
    flex-wrap:wrap;
    max-width:1100px;
    margin:auto;
}

/* ITEM */
.amenity-item{
    width:33.30%;
    padding:40px 25px;
    position:relative;
    transition:0.4s;
}

/* DIVIDER (ONLY DESKTOP) */
.amenity-item::after{
    content:"";
    position:absolute;
    right:0;
    top:25%;
    height:50%;
    width:1px;
    background:rgba(255,255,255,0.1);
}

/* REMOVE RIGHT BORDER FOR 3RD ITEM */
.amenity-item:nth-child(3n)::after{
    display:none;
}

/* ICON */
.amenity-item i{
    font-size:36px;
    color:#f1ddb7;
    margin-bottom:15px;
    transition:0.4s;
}

/* TITLE */
.amenity-item-t1{
    margin:10px 0 8px; font-size:23px;
    font-weight:400; color:#f1ddb7;
}

/* DESCRIPTION */
.amenity-item p{
    font-size:14px;
    color:#bbb;
    line-height:1.6;
}

/* HOVER */
.amenity-item:hover{
    transform:translateY(-8px);
}

.amenity-item:hover i{
    color:#fff;
    text-shadow:0 0 12px rgba(212,175,55,0.8);
}

/* MOBILE */
@media(max-width:900px){
    .amenity-item{
        width:50%;
    }
    .amenity-item::after{
        display:none;
    }
}

@media(max-width:500px){
    .amenity-item{
        width:100%;
    }
}

.hotel-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;;
  padding: 0 0;
}

.hotel-image,
.hotel-content {
  width: 50%;
}

.hotel-image img {
  width: 100%;
  height: auto;
  display: block;
}

.hotel-content {
  padding: 40px 80px;
}

.hotelh2 {
  font-size:40px; font-family: Georgia, "Times New Roman", serif;
  color: #2c3e50; font-weight:400;
  margin-bottom: 15px;
}
.wel { color:#9d5f40; line-height:30px; font-size:17px; }
.hotel-content p {
  font-size: 16px; line-height:28px;
  color: #555;
}

/* ===== Attraction Section ===== */
.attraction-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0 0;
}

.attraction-content,
.attraction-image {
  width: 50%;
}

.attraction-content {
  padding: 40px 80px;
}


.attraction-content p {
 font-size: 16px; line-height:28px;
  color: #555;
}

.attraction-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
  .hotel-section,
  .attraction-section {
    flex-direction: column;
  }

  .hotel-image,
  .hotel-content,
  .attraction-image,
  .attraction-content {
    width: 100%;
    text-align: center;
    padding: 20px;
  }

  .hotel-content h2,
  .attraction-content h2 {
    font-size: 26px;
  }
}

.btn {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 25px;
  background-color:#9d5f40;
  color: #fff;
  text-decoration: none;
  border-radius: 0px;
  font-weight: bold;
  transition: background 0.3s ease;
}
.btn:hover {
  background-color: #333;
}

.hotel-footer{
    background:#012348;
    padding:60px 8% 40px;
    color:#fff;
}

.footer-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px;
    align-items:flex-start;
}

/* Footer Columns */
.footer-col {
    position:relative; line-height:28px;
}

.footer-col p, .footer-col p a { color:#fff; text-decoration:none;line-height:28px;
}

/* Divider Line */
.footer-col:not(:last-child)::after{
    content:'';
    position:absolute;
    right:-25px;
    top:0;
    width:1px;
    height:100%;
    background:rgba(255,255,255,0.3);
}

/* =========================
   COLUMN 1
========================= */

.footer-logo{
    width:230px;
    max-width:100%;
    margin-bottom:25px;
}



/* =========================
   COLUMN 2
========================= */

.footer-title, .footer-title a {
    font-size:30px;  color:#f1ddb7; text-decoration:none;     font-family: Georgia, "Times New Roman", serif;
    font-weight:normal;
    margin-bottom:25px;
}

.footer-info{
    list-style:none;
}

.footer-info li{
    margin-bottom:16px;
    font-size:16px;
    line-height:1.7;
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.footer-info i{
    margin-top:5px;
    color:#fff;
}

/* Social Icons */

.social-icons{
    margin-top:25px;
    display:flex;
    gap:14px;
}

.social-icons a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,0.15);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:0.4s ease;
    font-size:16px;
}

.social-icons a:hover{
    background:#fff;
    color:#067bb5;
    transform:translateY(-5px);
}

/* =========================
   COLUMN 3
========================= */

.quick-links{
    list-style:none;
}

.quick-links li{
    margin-bottom:9px;
}

.quick-links a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    transition:0.3s ease;
    position:relative;
}

.quick-links a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-4px;
    width:0;
    height:2px;
    background:#fff;
    transition:0.4s ease;
}

.quick-links a:hover::after{
    width:100%;
}

.quick-links a:hover{
    padding-left:6px;
}

/* =========================
   COPYRIGHT
========================= */

.footer-bottom{
    text-align:center;
    padding-top:40px;
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,0.2);
    font-size:15px;
    color:#e7e7e7;
}

.footer-bottom a { color:#e7e7e7; text-decoration:none;}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.footer-container{
    grid-template-columns:1fr;
    gap:50px;
}

.footer-col:not(:last-child)::after{
    display:none;
}

.footer-title{
    font-size:26px;
}

.hotel-footer{
    text-align:center;
}

.footer-info li{
    justify-content:center;
}

.social-icons{
    justify-content:center;
}

}

html {
    scroll-behavior: smooth;
  }

  #scrollTopBtn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    border: none;
    outline: none;
    background: #9d5f40;
    color: #fff;
    font-size: 22px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    z-index: 9999;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
  }

  #scrollTopBtn:hover {
    background: #f1ddb7; color: #000;
    transform: translateY(-4px);
  }

  @media (max-width: 767px) {
    #scrollTopBtn {
      width: 45px;
      height: 45px;
      font-size: 20px;
      bottom: 20px;
      right: 20px;
    }
  }
  
  .amenitypg {
      width:40%; float:left; 
      margin: 10px 10px 0 60px;
      padding: 20px; 
      
    }
  
    .amenitypg ul {
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 15px 30px;
    }
    .amenitypg li {
      font-size: 17px;
      color: #3f4a56; padding:8px 0;
      display: flex;
      align-items: center; text-align:left;
    }
    .amenitypg li i {
       color: #3f4a56;
      margin-right: 10px;
      font-size: 18px;
      min-width: 20px;
      text-align: center;
    }
.amenitypg-list li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 10px;
}

.amenitypg-list li::before {
  content: "";
  position: absolute;
  left: 0;
   color: #3f4a56; /* Blue checkmark */
  font-size: 17px;
}
.col1 {  width:40%; float:left; text-align:left; padding: 20px;  font-size: 17px;  color: #3f4a56; margin-left:30px; }
.col1 ul li {list-style:circle; line-height:36px;}
.col1 ul li a {color: #3f4a56; text-decoration:none; list-style:none;}	

.top { margin-top:60px;}