* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    scroll-behavior: smooth;
    background-color: #f5f3f3;

}

/* @font-face {
    font-family: Tamil MN;
    src: url("../fonts/tamil-mn.ttf");
} */

@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular.ttf");
}
/* @font-face {
    font-family: Forum;
    src: url("../fonts/Forum-Regular.ttf");
} */

img {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}
p{
    font-family: "Montserrat", Sans-serif !important;
}

/* .container-md{
    margin: 0;
    width: 100%;
}
.container-md .col-md-6{
    margin: 0;
} */

.title-sec {

    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #304A6F;
}

.button-primary {
    font-family: "Montserrat", Sans-serif;
    text-decoration: none;
    border: 1px solid #304A6F;
    padding: 12px 24px;
    color: #304A6F;
    font-size: 14px;
    font-weight: 400;
    fill: #304A6F;
}














/* touch-with-us START */
.touch-with-us {
    margin: 50px 0;
}

.phone-number {
    margin: 10px 0;
}

/* .email-sec, .address-sec{
    margin-top: 22px;
} */

.contact-sec {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.stay-in-touch-with-us-sec {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.stay-in-touch-with-us {
    text-transform: uppercase;
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
}

.phone-number a,
.email,
.address {
    color: #304a6f;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;

}



/* touch-with-us END */


/* home-gallery Start */
.phone-lable,
.email-lable,
.address-lable {
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

/* home-gallery End */



/* Footer Start */

footer {
    background: #304A6F;
    padding: 100px 0;
}

.footer-logo {
    width: 60%;
}

footer ul li a {
    color: #F5F3F3 !important;
    font-family: "Montserrat", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

footer h2 {
    color: #fff !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}
footer h3{
    color: #fff !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.our-partners-title {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
}

.tripadvisor,
.yatra {
    width: 78px;
}

.make-my-trip,
.goibibo,
.booking {
    width: 110px;
}

.our-partners-sec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 36px;
}

/* Footer END */

@media only screen and (max-width: 600px) {
    .sense-of-Place {
        width: 315px !important;
        padding: 50px 20px !important;
    }
    .feel-free-to-contact, .feel-free-to-contact-email a {
        font-size: 18px !important;
    }

    .sense-of-Place-bg {
        background-position: top right !important;
    }
    .touch-with-us .row{
		gap: 16px;
    
    }
    .breathtaking-sec-contain{
          padding-left: 7.4% !important;    
    }
    .exquisite-service p{

       padding: 0 8px;

     }
    #gallery ul{
        columns: 1 !important;
    }
    .fullscreen.active img {
        transform: scale(1) !important;
      }
    
    

    
}

@media only screen and (max-width: 1200px) {
    .footer-link-sec {
        margin-top: 18px;
    }

    .footer-logo {
        display: block;
        margin: 0 auto;
        width: 80%;
    }
}

@media only screen and (max-width: 768px) {
    .luxury-corner {
        flex-direction: column;
    }

    .luxury-corner-rt {
        width: 100% !important;
    }

    .luxury-corner-lt {
        width: 100% !important;
    }

    #luxury-corner-rt-carousel .item {
        width: 100% !important;
    }

    .sense-of-Place-title {
        font-size: 36px !important;
    }

    .culture-bg {
        flex-direction: column !important;
    }

    .culture-bg {
        padding: 50px 30px !important;
    }

    .culture-contain {
        width: inherit !important;
    }

    .culture-lt {
        width: 360px;
    }

    .culture-des p {
        width: 437px;
    }

    .culture-rt {
        width: 100% !important;
    }

    .cafe-aroma-sec {
        flex-direction: column;
    }

    .cafe,
    .aroma {
        width: 100% !important;

    }

    .retreat-icon {
        margin: 0px !important;
        padding-top: 40px !important;
    }

    .comfort-priority-sec {
        flex-direction: column !important;
    }

    .comfort-priority-contain {
        width: 100% !important;
    }

    .luxury-corner-rt-sec {
        margin: 38px 0 !important;
    }

}

.culture-des {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .culture-contain {
        padding: 30px !important;
    }

    .culture-bg {
        padding: 80px 30px !important;
        min-height: 670px !important;
    }

    .comfort-priority-contain {
        padding-top: 0px;
        padding-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .luxury-corner-rt h2 {
        font-size: 24px !important;
    }
    .about-lt-img img, .about-rt-img img{
        display: none;
    }
}

@media only screen and (min-width: 768px) {

    /* .culture-lt, .culture-rt{
        width: 432px;  
    
    } */
    .culture-contain {
        width: 500px !important;
        min-height: 500px !important;
    }

}

.culture-rt,
.culture-lt {
    width: 350px;
}

.culture-rt,
.culture-lt {
    margin: 0px -17px 0px 0px;
    z-index: 80;
}

.culture-rt {
    margin: 0px 0px 0px -17px;
}

.luxury-corner {
    width: 100%;
    height: 100%;
    display: flex;
}

.luxury-corner-lt {
    width: 50%;
}

.luxury-corner-rt {
    width: 50%;

    background-color: #304A6F;

}

.luxury-corner-rt h2 {
    color: #FFFFFF;
    font-family: "Montserrat", Sans-serif;
    font-size: 52px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.luxury-corner-rt-sec {
    padding: 0 47px;
    display: flex;
    flex-direction: column;

    justify-content: center;
    height: 100%;
}

#luxury-corner-rt-carousel .item {
    width: 50%;

    margin: 0 auto;
}

.sense-of-Place-bg {
    background: url("../images/Section-5-BG.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 782px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.sense-of-Place {
    width: 432px;
    min-height: 430px;
    background-color: #FFFFFF;
    padding: 52px 58px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.sense-of-Place-title {
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;;
    font-size: 40px;
    font-weight: 400;
}

.sense-of-Place-des {
    color: #0D1A33;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}


.culture-title {
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}

.culture-btn-sec {
    text-align: center;
}

.culture-bg {
       
    padding: 0px 100px;
    margin: 80px 0;



    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 62px 0; */
    gap: 0px 40px;
    width: 100%;
    height: 100%;
    flex-direction: row;


}

.container-culture {
    padding: 4vw;
}

.culture-contain {
    background-color: #fff;
    width: 500px;
    padding: 54px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.culture-contain p {
    text-align: justify;
}

.cafe-aroma {
    background-color: #304A6F;
    width: 100%;
    padding-bottom: 40px;
}

.cafe-aroma-sec {
    width: 100%;
    display: flex;
    gap: 45px 45px;
}

.cafe,
.aroma {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

.retreat-icon {
    display: flex;
    justify-content: center;
    margin-top: -10.2em;
    position: relative;
    z-index: 80;
}

.retreat-icon img {
    width: 307px;
    height: 321px;
}

.cafe-aroma-sec-container {
    padding: 0 9vw;
    margin-top: 40px;
}

.cafe-aroma-experience {
    margin-top: 31px;
    color: var(--e-global-color-44f3a67);
    font-family: "Montserrat", Sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
}



.luxurious-rooms-label,
.restaurant-eateries-label {
    /* justify-content: center; */
    color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.luxurious-Rooms-count,
.restaurant-eateries-count {

    color: #C5BAB9;
    font-family: "Montserrat", Sans-serif;
    font-size: 180px;
    font-weight: 300;
}

.luxurious-rooms-sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.luxurious-rooms {
    min-height: 317px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.house img {
    width: 60%;
    height: auto;
}

.house {
    display: flex;
    justify-content: center;
    align-items: center;

}

.comfort-priority {
    display: flex;    
    flex-direction: row;
    padding: 0 100px;
    justify-content: center;
   margin: 60px 0;
}

.comfort-priority-sec {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
/*     padding: 0 100px; */

}

.comfort-priority-lt,
.comfort-priority-rt {
    max-width: 350px;

}

.comfort-priority-lt,
.comfort-priority-rt {
    margin: 0px -50px 0px 0px;
    z-index: 80;
}

.comfort-priority-rt {
    margin: 0px 0px 0px -50px;
}

.comfort-priority-contain {
    background-color: #fff;
    padding: 68px 100px;

    /* width: 40vw; */
    width: 1195px;

}

.comfort-priority-contain p {
    text-align: justify;
}

.comfort-priority-contain-title {
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}

.page-name {
    background-image: url("../images/page/contact.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
}



.navbar-nav {
    gap: 32px;
}

.nav-link {
    font-family: "Montserrat", Sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    text-transform: uppercase;
    
}

.reservation-icon {
    width: 18px;
}

.top-header {
    /* display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0; */
    background: #f2f2f2;
    width: 100%;
    padding: 10px 120px;
   
}

nav {
    width: 100%;
}

.top-header-contact {
    display: flex;
    gap: 12px;
    float: left;
}

.temperature {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    float: right;
}


.temperature span .qodef-e-humidity,
.qodef-e-wind,
.temperature span .qodef-e-humidity,
.qodef-e-humidity {
    color: #989DAF;

}

.exclusive-hospitality {
    margin-left: 120px;
  
}

.top-header-contact a,
.temperature,
.login-signup {
    color: black !important;
    font-size: 15px;
    font-family: "Montserrat", Sans-serif !important;
}

.login-signup {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.room-name-price {
    display: flex;
    justify-content: space-between;
}

.room .contain {
    padding: 40px;
    margin-bottom: 22px;
}

.room-name {
    font-family: "Montserrat", Sans-serif;
    font-size: 34px;
    font-weight: 400;
    color: #0D1A33;
}

.room-price {
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
}

.room p {
    color: #0D1A33;
 text-align:justify;
}

.breathtaking-sec {
    width: 100%;
    height: 100%;
    display: flex;

}

.breathtaking .col-md-6 {
    padding: 0;
}

.breathtaking-sec-contain {
    height: 100%;
    width: 100%;
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 7.4% 9%;
    padding-left: 100px;
    padding-top: 0%;
    padding-bottom: 7.4%;
justify-content: start;
    padding-right: 9%;
}

.breathtaking-sec-contain p {
    font-size: 14px;
    font-family: "Montserrat", Sans-serif;
    color: #304A6F;
    text-align:justify;
}

.culture {
    background: url("../images/page/culture.jpg");
   
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-page {
    background: url("../images/page/contact.jpg");
   position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-page::before{
    background-color: #000000;
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 

  z-index: -1;
    
}
.page-banner-title{
    font-family: "Montserrat", Sans-serif;
    font-size: 80px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}
.culture-page-contain{
    width: 100%;
    height: 100%;
    padding: 50px 19vw;
}
.culture-page-contain p{
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #304A6F;
}

@media (max-width: 767px) {
    .culture {
        min-height: 400px;
    }
    .culture-page-contain{
        padding: 30px;
    }
}
@media (max-width: 1024px) {
    .page-banner-title{
        font-size:  36px;
    }
}
.booking-contact-page{
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    color: #0D1A33;
    font-size: 56px;
    line-height: 1.03571em;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  
}
@media only screen and (max-width: 1512px) {
    .booking-contact-page{
        font-size: 43px;
    }
}
.feel-free-to-contact, .feel-free-to-contact-email a{
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #0D1A33;
}
/* @media only screen and (max-width: 1512px) {
    .feel-free-to-contact, .feel-free-to-contact-email a{
        font-size: 26px;
    }
} */
.contact-hotel,  .reservation-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    color: #0D1A33;
}
.contact-hotel-contact a, .reservation-contact a{
    font-family: "Montserrat", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #0D1A33;
}
.contact-page-sec{
    padding-top: 18px;
    padding-bottom: 41px;
}

/* @media only screen and (max-width: 1512px) {
    .contact-hotel, .contact-hotel-contact a, .reservation, .reservation-contact a{
        font-size: 19px;
    }
} */
.can-we-help{
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    margin-top: 25px;
}
@media only screen and (max-width: 1512px) {
    .can-we-help{
        font-size: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1226px) {
    .feel-free-to-contact-email a{
        font-size: 14px !important;
    }
}
.contant-us-submit{
    padding: 19.5px 79px;
    background-color: #fff;
    border: 1px solid rgb(48, 74, 111);
}
.contact-us-form form textarea{
    border: 1px solid rgb(48, 74, 111);
    border-radius: 0;
    background-color: #f5f3f3;
}
.contact-us-form form input{
    border-radius: 0;
   border-top: none;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid rgb(48, 74, 111);
   box-shadow: none !important;
   background-color: #f5f3f3;
   
}
.contact-us-form form input:focus {
    border-bottom: 1px solid rgb(48, 74, 111) !important;
  }
.contact-page-main-sec{
    padding-top: 50px;
    padding-bottom: 50px;
}
.contact-page-main-sec{
    padding-right: 60px;
}
.contact-page-lt{
    padding-right: 60px;
}


.hotel-facilities .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns on large screens */
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
}  
.hotel-facilities .grid-item {   
   
    padding: 20px;
    text-align: left;
    border-radius: 5px;
  }
  
  /* Tablet: 2 columns */
  @media (max-width: 768px) {
    .hotel-facilities .grid-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Mobile: 1 column */
  @media (max-width: 480px) {
    .hotel-facilities .grid-container {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .hotel-facilities{
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 400;
  }
  .hotel-facilities-title{
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
  }
  .hotel-facilities-desc{
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
  }

.exclusive-hospitality{
  margin: 50px 0 50px 120px;
}
.exclusive-hospitality h2{
    padding-top: 15px;
}
#exclusive-hospitality-carousel{
    padding-top: 60px;
  
}
.exclusive-hospitality-title{
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 52px;
    font-weight: 400;
}
.exquisite-service{
    background-color: #304A6F;
    min-height: 408px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    flex-direction: column;
    padding-bottom: 68px;
}
.explore-rooms-btn{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 24px; 
}
.exquisite-service h3{
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}
.exquisite-service p{
   
    max-width: 437px;
    --container-widget-width: 437px;
    --container-widget-flex-grow: 0;
    text-align: justify;
    
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    line-height: 22px;
}
@media (max-width: 1024px) {
    .exquisite-service h2{
        font-size: 24px;
    }
}

.hotel-facilities{

  margin-top: 40px;
/* margin-bottom: 80px; */
}
.about-bg{
    background: url("../images/about/about-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
min-height: 640px;
/* display: flex; */
justify-content: center;
padding-top:47px;



}
.about-bg-sec{
    display: flex;
    min-height: 600px;
    flex-direction: row;
   justify-content: space-between;
   
}
.about-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-logo img{
    width: 40%;
}
.about-lt-img, .about-rt-img{
    display: flex;
    align-items: end;
}


@media (max-width: 767px) {
    about-bg{
        min-height: 400px;
    }
}
.gallery {
    background: url("../images/page/gallery.png");
   
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec-title {
    text-align: center;
    color: #304A6F;
    font-family: "Montserrat", Sans-serif;
    font-size: 52px;
    font-weight: 400;

}
.carousel-control-next{
    color: black !important;
}

#gallery ul{
    list-style: none;
}


img{
    width:100%;
  }
  
  #gallery{
    width: 90%;
    /* max-width: 1000px; */
    margin: 20px auto;
  }
  
  #gallery ul{
    columns: 3;
  }
  
  #gallery li{
    margin-bottom: 20px;
  }
.reservation-sec{
 
    padding: 12px 0;
    width: 70%;

}
  .reservation{
        margin: 50px;
  }

  .reservation-sec{
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .hotel-sec{
    display: flex;
    gap: 24px;

  }
  .check-availability{
    width: 30%;
  }
  .hotel-sec .contain .name-price{
    display: flex;
    justify-content: space-between;
      align-items: center;
  }
  .hotel-sec .contain{
  background-color: #fff;
  padding: 30px;
  }
  .reservation-book-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 60px;
    border: 1px solid #0D1A33;
    color: #0D1A33;
}
.reservation-main{
    display: flex;
    margin: 0 50px;
}

.check-availabilityxyz{
    position: sticky;
    top: 2px;
}
.reservation-header{
    background-color: #f5f3f3;
    /*padding: 40px 0;*/
}
.availability-box {
    max-width: 350px;
    background: #ffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
}
.form-label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
}
.check-btn {
    width: 100%;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.check-btn:hover {
    background: #000;
    color: #fff;
}
.guest-dropdown {
    display: none;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
.reservation h3{
    font-family: "Montserrat", Sans-serif;
    color: rgb(48, 74, 111);
    font-size: 64px;
}
@media only screen and (max-width: 1512px) {
    .reservation h2{
        font-size: 52px;
    }
}
@media only screen and (max-width: 1200px) {
    .reservation-main{
        flex-direction: column;
    }
    .reservation-sec{
        width: 100%;
    }
    .check-availability{
        width: 100%;
    }
    .availability-box{
       max-width: inherit !important;
    }
}
@media only screen and (max-width: 880px) {
    .hotel-sec {
        flex-direction: column;
    }
    .reservation-card{
        width: 100% !important;
    }
}
.reservation-card{
    width: 50%;
}

.modal.fade .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  }
  
  .modal.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
  }
  .pandim-title{
    text-transform: uppercase;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    font-size: 56px;
    color: #0D1A33;
  }


 .pandim-form .card {
    max-width: 400px;
    width: 100%;
    border-radius: 0px;
}

.pandim-form .btn-primary {
    background-color: #1e3a5f;
    border: none;
}

.pandim-form .btn-primary:hover {
    background-color: #162b45;
}
.room-card img {
    width: 100%;
    height: auto;

}
.price-tag {
    position: absolute;
    font-family: "Montserrat", Sans-serif;
    color: #0D1A33;
    bottom: 15px;
    right: 0;
    background: white;
    padding: 5px 10px;
    /* border-radius: 5px; */
    font-weight: bold;

}

.reservation-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 350px;
    margin: 0 auto;
}
.btn-custom {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}

.room-card {   
    overflow: hidden;
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); */
    border: none;
    border-radius: 0;
    background: none;
}
.room-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.price-badge {
    position: absolute;
    bottom: 32%;
    right: 0;
    background: white;
    /* padding: 10px 15px; */
    padding-left: 30px;
    font-weight: bold;
    /* border-radius: 5px; */
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding-right: 12px;
    right: -100%; 
    width: 36%;
      height: 12%;
    display: flex;
      align-items: center;
      justify-content: center;
      transition: right 0.5s ease;
}
.container:hover .price-badge {
    right: 0; /* Slide into view from the right */
  }
.room-info {
    padding: 15px 0;
}
.room-name{
    font-family: "Montserrat", Sans-serif;
    font-weight: 400 !important;
}
.king-bed > span{
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 18px;
    color: #091733;
    display: flex;
    align-items: center;
}
.person::after{
    content: '';
    display: inline-flex;
    width: 1px;
    height: 12px;
    background-color: #989DAF;
    margin-left: 12px;
}
.room-page-title{
    text-transform: uppercase;
    font-family: "Tamil MN";
    color: #0D1A33;
    font-size: 56px;
    line-height: 1.03571em;
    padding: 25px 0;
}
/* .page-banner{
    margin-bottom: 76px;
} */
@media only screen and (max-width: 1512px) {
    .room-page-title{
        font-size: 43px;
        font-weight: 400;   
    }
    .room-page-description{
        font-size: 30px;
    }
    .room-page-gallery{
        font-size: 30px;
    }
}
.room-page-description{
    font-family: "Tamil MN";
    font-weight: 400;
    color: #0D1A33;
    font-size: 34px;    
    margin-bottom: 25px;
    
}
.room-page-bed{
    color: #000000;
    font-family: "Tamil MN", Sans-serif;
    font-size: 18px;
    line-height: 28px;

}

.room-page-info p, .room-page-info ul li{
    font-size: 18px;
    line-height: 28px;
    color: #7A7A7A;
    /* font-family: "Roboto"; */
    font-weight: 400;
    text-align:justify;
}
.room-page-gallery{
    font-family: "Tamil MN";
    font-weight: 400;
    color: #0D1A33;
    font-size: 34px;
    line-height: 1.11765em;
    letter-spacing: -.02em;
    margin: 25px 0;
}

.room-page-contain{
    background-color: #f5f3f3;
    padding-bottom: 40px;
}
.page-form, .page-form input, .page-form select{
    background-color: #f8f8f8;
}
.room-card-page-name{
    font-family: "Tamil MN";
    font-weight: 400;
    color: #0D1A33;
    font-size: 27px;
   
}
.room-page-sec{
    width: 100%;
    display: flex;
}
.room-page-lt, .room-page-rt{
    width: 50%;
}


@media only screen and (max-width: 1512px) {
    .room-card-page-name{
        font-size: 26px;
    }
}
@media only screen and (max-width: 768px) {
    .room-page-lt, .room-page-rt{
        width: 100% !important;
        
    }
    .room-page-sec{
        flex-direction: column !important;
    }
}
footer .nav-link{
    color: #F5F3F3 !important;
    font-family: "Montserrat", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
}
.reservation-menu{
    display: flex;
    justify-content: center;
    align-items: center;
}
.breathtaking-sec-contain h3{
    color: #304A6F;
    font-family: "Tamil MN", Sans-serif;
    font-size: 40px;
    font-weight: 400;
}
.nav-item .active{
    text-decoration: underline;
    text-underline-offset: 5px;
}




.underline-hover {
    position: relative;
    text-decoration: none;
    color: #000;
    font-size: 24px;
  }
  
 
  .underline-hover::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: black;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease; 
  }
  

  .underline-hover:hover::before {
    width: 100%;
  }

  .navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 0;
        padding-left: 0;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
  }
  .nav-link{
    padding-bottom: inherit;
  }
  #myVideo{
    width: 100%;
  }
  .video-sec{
    position: relative;
    width: 100%;
  }
  .video-btn{
    position: absolute;
    bottom: 4%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

  .counter {
    font-size: 80px;
    font-weight: bold;
    color: #333;
  }
  .retreat-icon{
    overflow: hidden !important;  
  }
  .touch-with-us .address{
    margin-bottom: 0;
  }





















  .overlay-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.overlay-container img {
    width: 100%;
    height: auto;
    display: block;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.87%, rgba(0, 0, 0, 0.70) 96.86%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.overlay-container:hover .overlay {
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .comfort-priority{
        margin: 20px 0;
    }
    .comfort-priority-lt img, .comfort-priority-rt img{
        width: 100%;
    }
    .comfort-priority-lt, .comfort-priority-rt
    {
        margin: 0 !important;
    }
}
@media only screen and (min-width: 1400px) {
    .comfort-priority-contain{
        height: 544px !important;
    }
}
@media only screen and (min-width: 1600px) {
     .comfort-priority{
        padding: 0 200px;
    }
}
@media (min-width: 507px) and (max-width: 674px) {
    .comfort-priority-contain{
        padding: 34px 50px !important;
    }
    .comfort-priority-contain-title{
        font-size: 30px;
    }
}
@media (min-width: 360px) and (max-width: 507px){
    .comfort-priority-contain{
        padding: 40px !important;
    }
    .comfort-priority{
        padding: 0 20px;
    }
    .comfort-priority-contain-title{
        font-size: 20px;
    }
    .exclusive-hospitality {
        margin-left: inherit;
    }
   
}




.room-page-contain p{
    color: #0D1A33 !important;
}

.reservation-card-pg-name a{
		 font-family: "Tamil MN";
    font-weight: 400 ;
    font-size: 34px;

    color: #0D1A33 !important;

}

.reservation-card-pg-price {
    
    font-family: Forum, sans-serif;
    font-size: 20px;
    font-weight: 400;

}
.room-bed{
    font-weight: bold;

}
#gallery ul{
    padding-left: 0;
}



   #gallery img {
    /* width: 200px; */
    /*border-radius: 8px;*/
    cursor: pointer;
    transition: transform 0.2s;
  }

  #gallery img:hover {
    transform: scale(1.05);
  }

  .fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    /* background: rgba(0, 0, 0, 0.9); */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 1000;
  }

  .fullscreen.active {
    opacity: 1;
    pointer-events: all;
  }

  .fullscreen img {
    max-width: 100vw;
    max-height: auto;
    border-radius: 10px;
    transform: scale(0.95);
    transition: transform 0.4s ease;
  }

  .fullscreen.active img {
    transform: scale(0.4);
  }

  .close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 32px;
    color: white;
    cursor: pointer;
    user-select: none;
  }





  .drag{    
    cursor: none;
    color: #fff;
  }

  .exclusive-hospitality .container {
    cursor: none;
  }


  .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: black;
    color: white;    
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    /* font-family: sans-serif;    */
    transition: opacity 0.2s ease;
  }


  .owl-carousel .owl-item img, .room-info, .price-badge{
    cursor: none;
   
  }

/* Guest's section */

.feedback-section {
  text-align: center;
  padding: 50px 20px;
  background-color: #fff;
}
.feedback-title {
  font-size: 52px;
  
  font-family: "Tamil MN", Sans-serif;
  color: #304A6F;
  margin-bottom: 30px;
}
.feedback-item {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.feedback-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.feedback-item p {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}
.quote-icon {
  font-size: 40px;
  color: #7a782a;
  margin-top: 20px;
}
.owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%;
}
.owl-nav button {
  background: #d72727 !important;
  color: white !important;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0 !important;
}
.owl-nav button.owl-prev {
  position: absolute;
  left: 0;
}
.owl-nav button.owl-next {
  position: absolute;
  right: 0;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
    width:40px;
    height: 40px;
}


/* Corner button START */
#myBtn {
    height: 60px;
    width: 60px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #304A6F;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
}
/* Corner button END */ 

.sound-button {
  position: absolute;
  bottom: 20px;
  font-size: 27px;
  border: none;
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
  left:50%;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-25px);
    }
    60% {
        transform: translateY(-12px);
    }
}

.bounce-logo {
    animation: bounce 4s infinite;
}

nav {
  position: relative; /* default until scrolled */
  width: 100%;
  transition: all 0.3s ease;
}

nav.sticky {
  position: fixed;
  top: -1px;
  left: 0;
  background: #284775;
  z-index: 99;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

nav.sticky .logo img {
  height: 90px !important;
  width: 90px !important;
  margin-top: 35px;
}

nav.sticky h1 {
  display: none;
}


/* career page */
.career {
  display: flex;
 
}

.cleft-section {
  /* background: #f5f5f5; */
  padding: 60px 40px;
  width: 40%;
}



.cleft-section hr {
  width: 147px;
  border: 2px solid ;
  border-color: #304A6F;
  margin: 40px 0 20px 0;
  
}

.cleft-section h2 {
    color: #304A6F;
   font-size: 52px;
  margin: 0 0 39px;
  font-weight: 800;
}

.cleft-section h2 span {
  display: block;
}

.ccontact-info p {
  font-size: 16px;
  margin-top: 20px;
}
.ccontact-info i{
 color: #304A6F;
}

.ccontact-info a {
  color: #304A6F;
  text-decoration: none;
}

.cright-section {
  /* background: #ffffff; */
  padding: 60px 40px;
  width: 60%;
}

.cform {
  display: flex;
  flex-direction: column;
}

label {
  font-size: 16px;
  margin: 10px 0 5px;
}


.careertextarea {
  padding: 10px;
  background: #8196A7;
  border: none;
  color: white;
  font-size: 14px;
  /* border-radius: 4px; */
  margin-bottom: 10px;
}

.careertextarea {
  resize: none;
}

/* .row {
  display: flex;
  gap: 10px;
} */

.careercolumn {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.careerbutton {
  background: #304A6F;
  color: white;
  padding: 15px;
  font-size: 16px;
  border: none;
  margin-top: 20px;
  cursor: pointer;
}
.clogo img {
  width: 180px; /* adjust as needed */
  height: auto;
}
@media only screen and (max-width: 768px){
  .career {
    flex-direction: column;
  }

  .cleft-section, .cright-section {
    width: 100%;
    padding: 30px 20px;
  }
.clogo{
    text-align: center;
}

.cleft-section hr{
    text-align: center;
}
  .clogo img {
    width: 140px;
  }

  .cleft-section h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .ccontact-info p {
    font-size: 14px ;
  }

  .row {
    flex-direction: column;
  }

  .careercolumn {
    width: 100%;
  }

  .careerbutton {
    width: 100%;
    font-size: 14px;
    padding: 12px;
  }

  .careertextarea {
    font-size: 13px;
  }
.top-bar{
    flex-direction: column;
  } 
nav.sticky{
top:-1px;
}
}

@media only screen and (max-width: 1024px) {
 .ccontact-info p {
    font-size: 13px ;
  }
}
 #cv {
      display: none;
  }

  /* Style the icon */
  .paperclip-icon {
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
  background: #8196A7;
  border: none;
      display: flex;
 justify-content: end;
  }
.original-price {
      text-decoration: line-through;
      color: gray;
      margin-right: 5px;
    }

.offer-price {
      color: #0D1A33;
}
.popup-close-btn{
    position: absolute;
    top: -27px;
    right: -30px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #fff;
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
     border-radius: 50%;
}

 .modal.fade .modal-dialog {
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.6s ease-in-out;
  }

  .modal.fade.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
  }

  /* Smooth image transition when modal fades */
  .modal-content img {
    transition: transform 0.6s ease, opacity 0.6s ease;
  }

  .modal.fade.hide .modal-dialog {
    transform: scale(0.95);
    opacity: 0;
  }

  .top-bar {
      background: #F8F9FA;
      padding: 30px;
      font-size: 20px;
      display: flex;
      justify-content: center;
      border-bottom: 1px solid #f0caa4;
      gap: 3px;
    }

    .tab-link {
       /* margin: 0 20px;
      text-decoration: none;
      color: #0D1A33;
      font-weight: 500;
      cursor: pointer;
      padding-bottom: 5px; */
  font-weight: 500;
  text-transform: uppercase;
  background-color: #c3cad4;
  padding: 20px 20px;
  color: #0D1A33;
  width: 100%;
  text-align: center;
  border-top: 5px solid transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
    cursor: pointer;
    }

    .tab-link.active {
      background: transparent;
      border-bottom: 2px solid #0D1A33;
    }

    /* Tab Content */
    .tab-content {
      display: none;
      /* text-align: center; */
      padding: 50px 20px;
    }

    .tab-content.active {
      display: block;
    }

    .tab-content h3 {
      color: #304A6F;
      font-size: 40px;
      margin-bottom: 20px;
      text-align: center;
    }
   .tab-content h4{
    font-size: 34px;
    color:#000;
    font-weight: 600;
     }

    
    .tab-content  li{
     
      /* margin: auto; */
      font-size: 17px;
      line-height: 1.7;
      font-family: "Montserrat", Sans-serif;
    }

    .image-container img {
      max-width: 90%;
      height: auto;
      border-radius: 8px;
      margin-top: 20px;
    }
.contact i{
    color: #304A6F;
}