.page-title{
    display: none;
}
/* Hero Section */

.general-hero {
  position: relative;
  width: 100%;
  height: 100vh; /* full screen height */
  background: url('../images/genralbg.jpg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.general-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* dark overlay for readability */
}

.general-hero-content {
  position: relative;
  z-index: 2;
  color: var(--white-color);
  max-width: 800px;
  padding: var(--p20);
}

.general-hero-content h1 {
  font-size: var(--f60);
  font-family: var(--heading-font);
  color: var(--white-color);
  margin-bottom: var(--m15);
}

.general-hero-content h6 {
  font-size: var(--f22);
  font-weight: 400;
  color: var(--secondary-color);
  margin-bottom: var(--m20);
}

.general-hero-content p {
  font-size: var(--f18);
  line-height: 1.6;
  color: var(--white-color);
}



/* Boxed layouts for accommodation and facilities */
.accommodation-boxes,
.facility-boxes {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  gap: var(--p20);
}

.box {
  background: var(--white-color);
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: var(--p20);
}

/* Guest Services */
.guest-sec {
    padding: var(--p60) var(--p20);
}
section.guest-sec .container{
    background: var(--lt-bg-color);
        padding: var(--p60) var(--p20);

}
section.guest-sec h2{
  text-align: center;
}
section.guest-sec ul li{
        list-style: disc;
         padding-top: 10px;
             width: 70%;
    margin: auto;
}

/* Experience CTA */


.btn-wrap {
  margin-top: var(--m20);
  display: flex;
  gap: var(--p20);
  justify-content: center;
}
/* welcom section csss */

section.welcome-sec{
    text-align: center;
}
section.welcome-sec p{
    width: 70%;
    margin: auto;
    text-align: center;
}
section.location-sec{
    text-align: center;
}
section.location-sec p{
    background: linear-gradient(
        to right,
        #ffffff 0%,
        var(--btn-color) 50%,
        #ffffff 100%
        );
        padding: 50px;
    text-align: center;
    
}
section.accommodation-sec h2{
    text-align: center;
}
section.accommodation-sec .accommodation-boxes h4{
        font-size: 22px;
    font-weight: 600;
    color: black;
}
section.accommodation-sec .accommodation-boxes ul li {
     list-style: inside;
         padding-top: 10px;
}
section.facilities-sec h2{
    text-align: center;
}
section.facilities-sec h4{
    font-size: 21px;
        color: var(--heading-color);
}
section.facilities-sec ul li{
    padding-top: 5px;
    list-style: disc;
}
section.facilities-sec ul{
    padding-left: 18px;
}

.experience-sec {
 
  color: var(--white-color);
  text-align: center;
  padding: var(--p60) var(--p20);
}
section.experience-sec .container{
 background: var(--lt-bg-color);
 
 text-align: center;
   padding: var(--p60) var(--p20);
}
section.experience-sec p{
        width: 70%;
    margin: auto;
    text-align: center;
}


/*  */
/* map section floor-layout css */
section.floor-layout h2{
    text-align: center;
}
section.floor-layout .row{
        gap: 25px;
}
section.floor-layout p{
     text-align: center;
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;

}
section.floor-layout .floor-lay-img{
    text-align: center;
    /* border: 1px solid var(--btn-color); */
    /* background:var(--btn-color); */
    /* padding: 10px; */
}
section.floor-layout .floor-lay-img img{
   /* height: 700px; */
   border: 1px solid var(--btn-color);
   padding: 10px;
}