@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --primary: #6a0110;
    --secondary: #D4AF37;
    --white: #fff;
    --black: #111;
    --color-text: #333;
    --muted-text: #77716D;
    --border-color: #E5DDD2;
    --pale-color: #fff8f9;
    --dark-color: #4F000B;
    --f-head: "Playfair Display", serif;
    --f-body: "Mulish", sans-serif;
}

body {
    margin: 0;
    padding: 0 !important;
    font-family: var(--f-body);
    scroll-behavior: smooth;
    overflow: inherit !important;
    font-size: 15px
}

input[type=text],
input[type=email],
input[type=tel],
input[type=date],
textarea,
select {
    line-height: normal;
    margin: 0 0 12px;
    width: 100%;
    outline: 0;
    font-family: var(--f-body);
}

/* input[type=submit] {
    text-transform: uppercase;
    letter-spacing: .8px;
    outline: none;
    border-radius: 12px;
    font-family: "Comfortaa", sans-serif;
    width: 100%;
    border: none;
    background: var(--primary) !important;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0 0
}

input[type=submit]:hover {
    background: var(--primary) !important;
    color: var(--white);
    transition: .8s
} */

textarea {
    height: 100px;
    margin-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: var(--f-head);
    color: var(--black);
    text-transform: inherit;
    line-height: normal
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    padding: 0;
    margin: 0 0 10px;
    color: #444;
    font-weight: 400;
    font-family: var(--f-body);
    font-size: 15px;
    line-height: 1.6
}

ul,
li,
a {
    list-style-type: none;
    font-family: var(--f-body);
    color: #333;
    font-size: 15px;
    line-height: 25px
}

a:hover {
    transition: .8s;
    text-decoration: none
}

.heading,
.leftheading {
    margin-bottom: 25px;
    font-size: 38px;
    color: #0e1422;
    text-align: center;
    position: relative;
}

.leftheading {
    text-align: left
}

.heading:before {}

.subheading {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
}

.subheading:before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--secondary)
}

p.description {
    font-size: 17px;
    line-height: 1.7;
    max-width: 750px;
    margin: 0 auto 35px;
    font-weight: 300
}




ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 25px
}

ul.slick-dots li {
    line-height: 1
}

ul.slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    overflow: hidden;
    text-indent: 100px;
    line-height: 1;
    background: #99653321;
    border: 0;
    border-radius: 50px;
    transition: .5s
}

ul.slick-dots li.slick-active button {
    width: 20px;
    background: var(--primary);
}

button.slick-prev.slick-arrow {
    left: 10%
}

button.slick-next.slick-arrow {
    right: 10%
}

.slider-nav {
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 2;
    width: 100%;
    transform: translateY(-45%);
    pointer-events: none;
}

.slider-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0
}

.slider-arrows button.slick-arrow,
.rvslider-arrows button.slick-arrow,
.restaurantslider-arrows button.slick-arrow {
    position: static;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    font-size: 20px;
    line-height: .5;
    color: var(--white);
    background: var(--primary);
    border: none;
    border-radius: 50%;
    transform: none;
    transition: .5s;
    pointer-events: auto;
}

.slider-arrows button.slick-arrow:after {
    display: none
}

.slider-arrows button.slick-arrow:hover,
.rvslider-arrows button.slick-arrow:hover,
.restaurantslider-arrows button.slick-arrow:hover {
    color: var(--white);
    background: var(--primary);
    border-color: var(--white);
    opacity: 1
}

.section-padding {
    padding: 60px 0
}

.section-padding.alt {
    background: #F5EFE6;
}







.rule {
    width: 56px;
    height: 2px;
    background: var(--secondary);
    border: 0;
    opacity: 1;
    margin: 24px 0
}

.lead-w {
    max-width: 56ch
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    padding: 14px 0;
    background: transparent;
    min-height: 120px;
    transition: .5s;
}

a.darklogo {
    display: none;
}
.whitelogo {
	display: inline-block;
}
.navbar.solid a.darklogo {
    display: inline-block;
}
.navbar.solid a.whitelogo {
    display: none;
}
a.brand img {
    width: 120px;
    transition: .5s;
}

.navbar.solid a.brand img {transform: scale(.65);}

.navbar.solid {
    background: var(--white);
    box-shadow: 0 1px 0 var(--border-color);
    min-height: 78px;
}

.nav-link {
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .03em;
    color: #fff;
    padding: 0 !important;
    margin: 0 16px;
}

ul.navbar-nav li:first-child a {
    margin-left: 0;
}

.nav-link:hover,
.nav-link.active {
    color: var(--secondary)
}

.navbar.solid .nav-link {
    color: var(--color-text)
}

.navbar.solid .nav-link:hover,
.navbar.solid .nav-link.active {
    color: var(--primary)
}

.navbar-toggler {
    border: 2px solid rgba(255, 255, 255, .6);
    color: #fff;
    padding: 7px 6px;
    font-size: 22px;
}

.navbar.solid .navbar-toggler {
    border-color: var(--border-color);
    color: var(--primary);
    box-shadow: none;
}

.spc {
    width: 150px
}


@media(max-width:1199.98px) {
.navbar-collapse {
    margin-top: 12px;
    padding: 12px 7px;
}
.nav-link {
    margin: 3px 0;
}

    .navbar-collapse .nav-link {
        color: var(--color-text);

    }

    .navbar-collapse .nav-link.active {
        color: var(--primary)
    }
}

@media(min-width:1200px) {
    .navbar-collapse {
        justify-content: space-between
    }

    .brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.ph {
    position: relative;
    background: linear-gradient(135deg, var(--pale-color), var(--border-color));
    overflow: hidden
}

.ph img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.slider {
    position: relative;
    color: #fff;
    background: #2b0008;
    aspect-ratio: 5 / 2.4;
}

.slider .carousel,
.slider .carousel-inner,
.slider .carousel-item,
.slide {
    height: 100%
}

.slide {
    position: relative
}

.slide .ph {
    position: absolute;
    inset: 0
}

.carousel-item .slide:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgba(43, 0, 8, .88), rgba(43, 0, 8, .45) 60%, rgba(43, 0, 8, .15))
}

.cap {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 150px;
}

.cap .hd {
    font-family: var(--f-head);
    font-size: clamp(2.4rem, 6vw, 3.5rem);
    line-height: 1.1;
    color: #fff;
    max-width: 14em;
    margin: 0;
}

.cap p {
    margin: 12px 0 20px;
    max-width: 46ch;
    opacity: .9;
    color: var(--white);
}


.ctrl {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carousel-indicators {
    position: static;
    margin: 0;
    gap: 8px
}

.carousel-indicators [data-bs-target] {
    width: 48px;
    height: 3px;
    background: #fff;
    opacity: .45;
    border: 0;
    margin: 0;
    padding: 0
}

.carousel-indicators .active {
    background: var(--secondary);
    opacity: 1
}

.arr {
    display: flex;
    gap: 8px
}

.arr button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .7);
    background: transparent;
    color: #fff;
    font-size: 16px;
}

.arr button:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: #2a0007
}

.hbar {
    position: sticky;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(106, 1, 16, .94);
    border-top: 2px solid var(--secondary);
    padding: 8px 0;
}

span.hbar-line {
    display: inline-block;
    height: 28px;
    width: 1px;
    background: #ffffff42;
}

.hbar a,
.hbar span {
    color: var(--white);
}

.hbar i {
    background: var(--secondary);
    color: #000;
    margin-right: 12px;
    height: 32px;
    width: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

@media(max-width:767.98px) {
    .cap {
    bottom: 80px;
}

    .ctrl {
    bottom: 20px;
}

    .hbar {
        display: none;
    }
}

.book {
    margin-top: -1px;
    background: var(--white);
    border-bottom: 1px solid var(--border-color);
    padding: 28px 0
}

.form-label {
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--muted-text);
    margin-bottom: 0;
    width: 100%;
}

.form-control,
.form-select {
    border-radius: 0.3rem;
    border: 1px solid #f1dee1;
    background-color: var(--pale-color);
    line-height: 1;
    padding: 12px;
    min-height: 44px;
    margin:5px 0 0 !important;
    font-size: 14px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--pale-color)
}

.invalid-feedback {
    font-size: .8rem
}

.note {
    font-weight: 600;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--border-color);
}

.note span {
    color: var(--primary);
    font-weight: 400;
    font-size: 14px;
}

.note i {
    color: var(--primary);
    margin-right: 4px;
}

.about-img {
    background: linear-gradient(180deg, var(--primary), var(--secondary));
    overflow: hidden;
    padding: 10px;
}

.ph.about-img img {
    position: static;
}

.about-conetnt {
    padding-left: 25px;
    border-left: 1px solid #e5ddd2;
}

.about-conetnt p {
    line-height: 1.7;
    text-align: justify;
}

.room {
    background: var(--white);
    height: 100%;
    display: flex;
    flex-direction: column
}

.room .ph {
    aspect-ratio: 5/3.2;
}

.room-b {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.room-b p {
    margin-bottom: 18px;
}

.room-price {
    background: var(--primary);
    color: #ffffffd1;
    padding: 9px 10px;
    line-height: 1;
    border-radius: 6px;
    font-size: 13px;
}

.room-price span.price-value {
    color: #ffe17e;
    font-size: 23px;
    margin: 0 2px;
    font-family: var(--f-head);
    line-height: 0;
}

.room-b a.btn {
    padding: 12px;
}


.tbc {
    color: var(--primary);
    display: flex !important;
    background: #6a011014;
    padding: 10px 14px;
    width: fit-content;
    font-size: 14px;
    line-height: 1;
    gap: 3px;
}

.am {
    border-top: 1px solid var(--border-color);
    padding: 24px 0;
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.am i {
    font-size: 1.3rem;
    color: var(--secondary)
}


.dn {
    background: #580310;
}

.restaurant-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 18px;
}

.restaurant-griditem1 {
    grid-row: span 3 / span 3;
}

.restaurant-griditem2 {
    grid-row: span 3 / span 3;
}

.restaurant-griditem3 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
}

.restaurant-griditem4 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-row-start: 4;
}

.restaurant-griditem5 {
    grid-row: span 3 / span 3;
    grid-column-start: 3;
    grid-row-start: 4;
}

.restaurant-griditem6 {
    grid-row: span 3 / span 3;
    grid-column-start: 4;
    grid-row-start: 4;
}

.restaurant-griditem {
    border-radius: 20px;
    overflow: hidden;
    min-height: 280px;
    border: 2px solid #d4af3752;
    padding: 6px;
    transition: .5s;
}

.restaurant-gridimage {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: transform .4s ease;
    border-radius: 12px;
}

.restaurant-griditem:hover {
    border-color: var(--secondary);
}



/* BAR SECTION CSS */

div#bar {
    background: #fff8f9;
}

.bar-c {
    display: block
}

.bar-c .ph {
    aspect-ratio: 5/3;
    margin-bottom: 24px
}

.bar-c .ph:before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 16px;
    border: 1px solid rgba(212, 175, 55, .8);
    pointer-events: none
}

.bar-c .num {
    letter-spacing: .2em;
    color: var(--secondary);
    margin-bottom: 8px
}

.bar-c h3 {
    font-size: clamp(1.6rem, 3vw, 1.8rem);
    color: var(--primary);
    line-height: 1;
}

.bar-c p {
    max-width: 50ch;
}

@media(min-width:992px) {
    .bar-off {}
}


/* GALLERY SECTION CSS */

div#gallery {
    background: linear-gradient(0deg, #F5EFE6, var(--white));
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 8px;
}

.gallery-griditem1 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
}

.gallery-griditem2 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
}

.gallery-griditem3 {
    grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    grid-column-start: 5;
}

.gallery-griditem4 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-column-start: 8;
}

.gallery-griditem5 {
    grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 3;
}

.gallery-griditem6 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 6;
    grid-row-start: 3;
}

.gallery-griditem7 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-row-start: 4;
}

.gallery-griditem8 {
    grid-column: span 2 / span 2;
    grid-row: span 3 / span 3;
    grid-column-start: 8;
    grid-row-start: 4;
}

.gallery-griditem9 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 5;
}

.gallery-griditem10 {
    grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 5;
}

.gallery-griditem {
    min-height: 260px;
}

.gallery-griditem a.gallery-lightbox .gallery-gridimage {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: transform .4s ease;
}

.gallery-griditem a.gallery-lightbox .gallery-gridimage:hover {
    filter: brightness(.8);
}




.lb .modal-content {
    background: #1a0004;
    border: 0;
    border-radius: 0
}

.lb img {
    max-height: 75vh;
    object-fit: contain;
    width: 100%
}

.lb .btn-close {
    filter: invert(1)
}

.lb-nav {
    background: none;
    border: 1px solid var(--secondary);
    color: var(--secondary);
    width: 44px;
    height: 44px
}

.map {
    border: 1px solid var(--border-color);
    width: 100%;
    height: 340px;
    display: block
}

.statement {
    text-align: center
}

.statement p {
    max-width: 60ch;
    margin: 0 auto
}

.cta {
    background: url('../images/cta-bg.webp') no-repeat center center/cover;
    text-align: center;
}

.cta h2 {
    color: var(--white)
}

.cta p {
    color: var(--white);
    opacity: .9;
}


.ci {
    list-style: none;
    padding: 0
}

.ci li {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
    align-items: center;
}

.ci i {
    color: var(--secondary)
}

.quote {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--secondary);
    padding: 40px;
    height: 100%
}

.quote i.fa-solid.fa-quote-left {
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    right: 40px;
    top: 30px;
    height: 54px;
    width: 54px;
    background: var(--secondary);
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.quote blockquote {
    font: 400 clamp(1.15rem, 2vw, 1.5rem)/1.5 var(--f-head);
    color: var(--primary);
    margin: 20px 0 0;
}

.rv-ctrl {
    display: flex;
    gap: 8px
}

.rv-ctrl button {
    width: 44px;
    height: 44px;
    border: 1px solid var(--primary);
    background: transparent;
    color: var(--primary)
}

.rv-ctrl button:hover {
    background: var(--primary);
    color: #fff
}

.blogitem {
    border: 1px dashed var(--primary);
    padding: 15px;
}

.blogitem .ph {
    aspect-ratio: 5/3.2;
    margin-bottom: 15px;
}

.blogitem span.datetag {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    background: var(--primary);
    color: var(--white);
    font-size: 14px;
    padding: 8px 16px 8px 10px;
    line-height: 1;
    border-radius: 6px;
}

.blogitem span.datetag i {
    font-size: 13px;
    margin-right: 2px;
}

.blogitem h3 {
    margin-bottom: 10px
}

.blogitem h3 a {
    font-size: 21px;
    font-family: var(--f-head);
    line-height: 1.4;
}

.blogitem p {
    margin-bottom: 15px;
}

.blogitem a.btn {
    width: 100%;
    padding: 12px;
}



footer {
    background: #F2E5E7;
    color: var(--color-text);
    padding: 72px 0 0;
    font-size: .92rem;
}

.footer-top {
    background: var(--white);
    padding: 30px;
}

a.footer-logo.d-block img {
    height: 150px;
}

footer a:hover {
    color: var(--primary)
}

.fmark {
    font: 400 clamp(2.2rem, 6vw, 3rem)/1 var(--f-head);
    color: var(--primary);
    text-transform: uppercase;
}

.ftag {
    margin: 14px 0 0;
}

footer h3 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 20px;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer li:not(:last-child) {
    margin-bottom: 8px
}

footer ul.menu li a {
    position: relative;
    padding-left: 20px;
}

footer ul.menu a:before {
    position: absolute;
    content: '\f192';
    font-family: 'Font Awesome 7 Free';
    left: 0;
    font-size: 12px;
}

.footer-dtls li:not(:last-child) {
    position: relative;
    padding-left: 25px;
}

.footer-dtls li:not(:last-child) i {
    position: absolute;
    left: 0;
    color: var(--primary);
    font-size: 14px;
    top: 7px;
}

footer a.directionlink {
    font-weight: 600;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-transform: capitalize;
    margin-top: 10px;
}


footer .rule {
    margin: 32px 0
}

.copy {
    background: var(--primary);
    color: var(--secondary);
    margin-top: 30px;
    padding: 14px 0;
    font-size: .8rem
}

.copy p,
.copy p a {
    color: #ffffffde;
}

.copyright-menu {
    display: inline-flex;
    gap: 18px;
}

.status {
    font-size: .9rem
}

.status:empty {
    display: none
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    * {
        transition: none !important
    }
}



#GoToTop {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    bottom: 70px;
    right: 30px;
    border-radius: 50%;
    z-index: 99999999;
    background: var(--primary);
    color: var(--white);
    width: 44px;
    height: 44px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
}

#GoToTop .fa {
    display: block;
    padding-bottom: 3px
}

#GoToTop:hover {
    background: var(--primary);
    color: var(--white)
}

#GoToTop.show {
    display: flex
}

#whatsappbtn{cursor:pointer;position:fixed;bottom: 80px;left: 30px;z-index: 99;border-radius:50%;text-align:center;z-index: 0;}
#whatsappbtn img{
    display: block;
    width: 55px;
}



/* Breadcrumbs */

.breadcrumb {
    padding: 200px 0 120px;
    background: linear-gradient(0deg, var(--primary), #d28992);
}

.breadcrumb h1 {
    color: var(--white);
    line-height: 1;
    font-size: 42px;
    letter-spacing: .5px;
    margin: 0;
}


/* ABOUT US PAGE CSS */


.secondary-container.aboutus .ph{position:relative;overflow:hidden;background:#EDE3D8;border-radius:2px}
.secondary-container.aboutus .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.secondary-container.aboutus .tbc{font-size:.72rem;color:var(--color-muted);border:1px dashed #D4AF37;padding:2px 8px;display:inline-block}
.secondary-container.aboutus .story-img{aspect-ratio:5/4}
.secondary-container.aboutus div#story p {
    line-height: 1.7;
}
.secondary-container.aboutus div#story p:last-child {
    margin: 0;
}
.secondary-container.aboutus .card-s{background:#fff;border:1px solid #E5DDD2;padding:32px 28px;height:100%;text-align:center}
.secondary-container.aboutus .card-s i{font-size:1.8rem;color:var(--primary)}
.secondary-container.aboutus .card-s h3{margin:16px 0 8px}
.secondary-container.aboutus .card-s p{font-size:.95rem;margin:0}
.secondary-container.aboutus .g .ph{aspect-ratio:4/3}
.secondary-container.aboutus .tm{text-align:center}.tm .ph{aspect-ratio:3/4;margin-bottom:16px}.tm p{font-size:.9rem;margin:0}
.secondary-container.aboutus .map{width:100%;height:100%;min-height:340px;border:0;display:block}
.secondary-container.aboutus .info{background:#fff;border:1px solid #E5DDD2;padding:36px;height:100%}
.secondary-container.aboutus .info ul{padding:0;margin:20px 0 28px}
.secondary-container.aboutus .info li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}
.secondary-container.aboutus .info i {
    font-size: 14px;
    width: 38px;
    height: 38px;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #73101e29;
    border-radius: 50%;
}
.secondary-container.aboutus .md {
    background: linear-gradient(180deg, #f5efe6, transparent);
}.secondary-container.aboutus .md .ph{aspect-ratio:4/5;max-width:380px;margin:0 auto}
.secondary-container.aboutus .md .qm{font:400 4rem/.6 'Playfair Display',Georgia,serif;color:var(--color-accent);display:block;margin-bottom:8px}
.secondary-container.aboutus .md .msg p{color:#4a4440}.secondary-container.aboutus .md .sig{border-top:1px solid #d9c3c7;padding-top:16px;margin-top:24px}.secondary-container.aboutus .md .sig b {
    font-size: 20px;
    color: var(--primary);
    display: block;
}.secondary-container.aboutus .md .sig span{color:var(--color-muted);font-size:.9rem}



/* CONTACT US PAGE CSS */


.secondary-container.contactus .intro {
    background: url('../images/contactus-info-bg.jpg')no-repeat center center/cover;
    border-bottom: 4px solid #D4AF37
}

.secondary-container.contactus .intro h1 {
    color: #fff
}

.secondary-container.contactus .intro .subheading {
    color: #D4AF37
}

.secondary-container.contactus .intro p {
    max-width: 52ch;
    opacity: .9;
    color: var(--white)
}

.secondary-container.contactus .qc {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 24px;
    border: 2px solid rgb(255 255 255 / 12%);
    height: 100%;
    border-radius: 0.3rem;
    backdrop-filter: blur(5px);
}

.secondary-container.contactus a.qc:hover {
    background: rgba(255, 255, 255, .06);
    color: inherit
}

.secondary-container.contactus .qc i {
    font-size: 1.2rem;
    height: 42px;
    width: 42px;
    min-width: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    color: var(--primary);
    border-radius: 50%;
}

.secondary-container.contactus .qc small {
    display: block;
    font-size: .85rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #D4AF37;
    margin-bottom: 5px;
}

.secondary-container.contactus .qc span,
.secondary-container.contactus .qc address {
    font-size: 18px;
    color: var(--white);
}

/* 2. Form */
.secondary-container.contactus .panel {
    background: #fff8f9;
    border: 1px solid #6a01100a;
    padding: clamp(24px, 4vw, 35px);
    border-radius: 0.6rem;
}

.secondary-container.contactus .form-label {
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 600;
    color: #77716D;
    margin-bottom: 4px
}

.secondary-container.contactus .form-control {
    border-radius: 0.3rem;
    border: 1px solid #6a0110;
    padding: 12px;
    min-height: 46px;
    background: var(--white);
}

.secondary-container.contactus .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px #F2E5E7
}

.secondary-container.contactus .note {
    font-size: .8rem;
    color: #77716D
}

.secondary-container.contactus .status:empty {
    display: none
}

.secondary-container.contactus div#enquiry .side li i {
    font-size: 14px;
    width: 38px;
    height: 38px;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #73101e29;
    border-radius: 50%;
}

.secondary-container.contactus div#enquiry .side li a {
    font-size: 16px;
}

.secondary-container.contactus .side li {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 8px;
}

/* 3. Map */
.secondary-container.contactus .map {
    border: 1px solid #E5DDD2;
    width: 100%;
    height: clamp(300px, 45vw, 440px);
    display: block
}

.secondary-container.contactus .dirbar {
    background: #fff;
    border: 1px solid #E5DDD2;
    border-top: 0;
    padding: 20px 24px
}

@media(prefers-reduced-motion:reduce) {
    .secondary-container.contactus * {
        transition: none !important
    }
}



/* TESTIMONIALS PAGE CSS */

.secondary-container.testimonials .quote {
    padding: 30px 30px 25px;
}
.secondary-container.testimonials .quote blockquote {
    font: 400 clamp(1.15rem, 2vw, 1.4rem)/1.5 var(--f-head);
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 5;
           line-clamp: 5; 
   -webkit-box-orient: vertical;
}
.secondary-container.testimonials .tbc {
    padding: 7px 10px;
    font-size: 12px;
}



/* ARCHIVE ROOM PAGE CSS */


.secondary-container.roomspage .room {
    box-shadow: 0 0 20px #0000001f;
}

/* FACILITIES PAGE CSS */

.secondary-container.facilities .ph {
    position: relative;
    overflow: hidden;
    background: #EDE3D8;
    border-radius: 2px;
    aspect-ratio: 5/3.5;
}
.secondary-container.facilities .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.secondary-container.facilities .tbc{font-size:.72rem;color:#77716D;border:1px dashed #D4AF37;padding:2px 8px;display:inline-block}
.secondary-container.facilities .fc{background:#fff;border:1px solid #E5DDD2;padding:32px 28px;height:100%;text-align:center}
.secondary-container.facilities .fc i{font-size:1.8rem;color:var(--primary)}
.secondary-container.facilities .fc h3{margin:16px 0 8px}
.secondary-container.facilities .fc p{color:#77716D;font-size:.95rem;margin:0}
.secondary-container.facilities .row-f+.row-f{margin-top:72px}
.secondary-container.facilities .ask{background:var(--primary);color:#F5EFE6;text-align:center;border-top:4px solid #D4AF37}
.secondary-container.facilities .ask h2{color:#fff}
.secondary-container.facilities .ask p{max-width:50ch;margin:12px auto 28px}


/* WHY CUTTACK PAGE CSS */

.secondary-container.why-cuttack .ph{position:relative;overflow:hidden;background:#EDE3D8;border-radius:2px}
.secondary-container.why-cuttack .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.secondary-container.why-cuttack .tbc{font-size:.72rem;color:#77716D;border:1px dashed #D4AF37;padding:2px 8px;display:inline-block}
.secondary-container.why-cuttack .id{background:var(--primary);color:#F5EFE6}.id h2{color:#fff;font-style:italic}.id p{opacity:.9}
.secondary-container.why-cuttack .fact{border-top:1px solid rgba(212,175,55,.5);padding:20px 0}
.secondary-container.why-cuttack .fact b{font:400 1.2rem;color:#fff;display:block}.fact span{font-size:.92rem;opacity:.85}
.secondary-container.why-cuttack .id .ph {width: 100%;aspect-ratio: 4/2.9;height: auto;}
.secondary-container.why-cuttack .ex{background: var(--white);height:100%;box-shadow: 0 0 25px #00000014;border: 1px solid var(--primary);}
.secondary-container.why-cuttack .ex .ph{aspect-ratio:3/2;border-radius:0}
.secondary-container.why-cuttack .ex div.b{padding:24px}
.secondary-container.why-cuttack .ex p{color:#77716D;font-size:.95rem;margin:0}



/* SINGLE ROOM PAGE CSS */

.secondary-container.single-room .room {box-shadow: 0 0 20px #0000001f;}
.secondary-container.single-room .room .ph {margin: 0 !important;}
.secondary-container.single-room .main{aspect-ratio:16/10}
.secondary-container.single-room .ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#F2E5E7,#E5DDD2)}
.secondary-container.single-room .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.secondary-container.single-room .th{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:10px}
.secondary-container.single-room .th button {border: 3px solid transparent;padding: 0;aspect-ratio: 4/3;position: relative;    overflow: hidden;background: #EDE3D8;}
.secondary-container.single-room .th button.on {border-color: var(--primary);}
.secondary-container.single-room .th img{width:100%;height:100%;object-fit:cover;display:block}
.secondary-container.single-room .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;background: #fffdfb;border: 1px solid #f3ede5;padding:20px;margin: 15px 0 28px 0;border-radius: 6px;}
.secondary-container.single-room .facts div {
    display: flex;
    align-items: center;
    gap: 13px;
}
.secondary-container.single-room .facts i{color: var(--secondary);font-size:1.3rem;line-height: .5;height: 40px;width: 40px;display: inline-flex;justify-content: center;align-items: center;background: var(--primary);border-radius: 4px;}.secondary-container.single-room .facts small{display:block;letter-spacing:.12em;text-transform:uppercase;line-height: 1;font-size: 14px;}
.secondary-container.single-room .am{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 20px;list-style:none;padding:0}.secondary-container.single-room .am i{color:var(--primary);margin-right:10px}
.secondary-container.single-room .enq{position:sticky;top:24px;background:#fff;border:1px solid #E5DDD2;border-top:3px solid var(--primary);padding:28px}
.secondary-container.single-room .price {font: 400 2rem var(--f-head);color: var(--primary);line-height: 1;}
.secondary-container.single-room .form-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#77716D;margin-bottom:2px}
.secondary-container.single-room .form-control{border-radius:2px;border-color:#E5DDD2;background:#F5EFE6;min-height:44px}.secondary-container.single-room .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #F2E5E7}
.secondary-container.single-room .oth{background:#fff;border-top:1px solid #E5DDD2;}.secondary-container.single-room .oth .ph{aspect-ratio:3/2;margin-bottom:14px}

.amenity-group {
    width: calc(32% + 5px);
    background: linear-gradient(45deg, var(--primary), #40040d);
    padding: 20px;
    text-align: center;
    border-radius: 8px;
}

.amenity-group h3 {
    color: var(--white);
    font-size: 19px;
    font-weight: 400;
    margin-top: 10px !important;
}

.amenity-group i {
    font-size: 27px;
    line-height: .5;
    height: 55px;
    width: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--white);
    color: var(--primary);
    border-radius: 50%;
}



/* RESTAURANT PAGE CSS */

.secondary-container.restaurants .g{display:grid;gap:12px}
.secondary-container.restaurants .z{border:0;padding:0;display:block;width:100%;height:100%;background:linear-gradient(135deg,#F2E5E7,#E5DDD2);overflow:hidden;position:relative;cursor:zoom-in}
.secondary-container.restaurants .z:before{content:"";position:absolute;inset:10px;border:1px solid #D4AF37;opacity:0;transition:opacity .3s;z-index:2;pointer-events:none}
.secondary-container.restaurants .z:hover:before, .secondary-container.restaurants .z:focus-visible:before{opacity:1}
.secondary-container.restaurants .z img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.z:hover img{transform:scale(1.04)}
.secondary-container.restaurants :focus-visible{outline:3px solid #D4AF37;outline-offset:2px}
.secondary-container.restaurants .a{grid-template-columns:1fr;grid-auto-rows:260px}
@media(min-width:768px){.secondary-container.restaurants .a{grid-template-columns:2fr 1fr;grid-template-rows:260px 260px}.secondary-container.restaurants .a .z:first-child{grid-row:span 2}}
.secondary-container.restaurants .section-padding.dishes {background: #fff8f9;}
.secondary-container.restaurants .d{grid-template-columns:repeat(2,1fr)}
.secondary-container.restaurants .d .z{aspect-ratio:5 / 4}
@media(min-width:992px){.secondary-container.restaurants .d{grid-template-columns:repeat(4,1fr)}}
.secondary-container.restaurants .w{grid-template-columns:1fr}
.secondary-container.restaurants .w .z{aspect-ratio:16/9}
@media(min-width:768px){.secondary-container.restaurants .w{grid-template-columns:repeat(3,1fr)}.secondary-container.restaurants .w .z{aspect-ratio:4/5}}

/* BAR PAGE CSS */

.secondary-container.bar .tbc{font-size:.72rem;color:#77716D;border:1px dashed #D4AF37;padding:0 8px;background:#fff}
.secondary-container.bar .ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#F2E5E7,#E5DDD2)}
.secondary-container.bar .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 1 Switcher */

.secondary-container.bar div#bars h3 {
    line-height: 1;
    font-size: 36px;
}
.secondary-container.bar .sw{display:flex;justify-content:center;gap:0;margin:0 auto 40px;border:1px solid var(--primary);width:max-content;max-width:100%}
.secondary-container.bar .sw .nav-link {
    border-radius: 0;
    color: var(--primary);
    font-weight: 600;
    letter-spacing: .06em;
    padding: 13px 20px !important;
    margin: 0;
    font-family: var(--f-body);
    border: none;
    line-height: 1;
    background: none;
}
.secondary-container.bar .sw .nav-link.active {
    background: var(--primary);
    color: var(--white);
}
.secondary-container.bar .pane-img {
    aspect-ratio: 5 / 3.6;
    height: 100%;
    min-height: 340px;
}
.secondary-container.bar .mi{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px dotted #cfc4b8}
.secondary-container.bar .mi b{font:400 1.05rem var(--f-head);color:var(--primary);display:block}
.secondary-container.bar .mi small{color:#77716D}
.secondary-container.bar .mi em{margin-left:auto;font-style:normal;color:var(--primary);font-weight:600;white-space:nowrap}
.secondary-container.bar .strip{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.secondary-container.bar .strip .ph{aspect-ratio:1}@media(min-width:768px){.secondary-container.bar .strip{grid-template-columns:repeat(4,1fr)}.secondary-container.bar .strip .ph:nth-child(even){margin-top:32px}}

/* POLICY PAGE CSS */

.policy-content {
    background: #6a011005;
    border: 1px solid #6a011012;
    padding: 30px;
    border-radius: 8px;
}

.policy-content p:last-child {
    margin: 0;
}

.policy-content h3 {
    color: var(--primary);
    font-weight: 400;
}


@media screen and (max-width: 1149px) {
.slider {
    aspect-ratio: 5 / 3;
}
.cap .hd {
    font-size: clamp(2.4rem, 6vw, 2.8rem);
    line-height: 1;
}
}

@media screen and (max-width: 910px) {
.slider {
    aspect-ratio: 5 / 4;
}

.restaurant-grid, .gallery-grid {
    display: flex;
    flex-wrap: wrap;
}
.restaurant-griditem, .gallery-griditem {
    width: calc(48% + 4px);
}

}

@media screen and (max-width: 767px) {

.section-padding {
    padding: 40px 0;
}
.heading, .leftheading {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.navbar {
    padding: 2px 12px 2px 0;
    min-height: 78px;
}
a.brand img {
    width: 80px;
    transition: .5s;
}
.cap .hd {
    font-size: clamp(2.4rem, 6vw, 2rem);
}
}

@media screen and (max-width: 667px) {

.restaurant-griditem, .gallery-griditem {
    width: calc(48% + 2px);
}
.footer-top {
    padding: 20px;
}
a.footer-logo.d-block img {
    height: 105px;
}

}


@media screen and (max-width: 580px) {

.about-conetnt {
    padding-left: 0;
    border-left: none;
}
.about-conetnt p {
    line-height: 1.6;
    text-align: left;
}
.restaurant-grid, .gallery-grid {
    gap: 10px;
}
.restaurant-griditem, .gallery-griditem {
    width: 100%;
}
.fmark {
    font: 400 clamp(1.6rem, 6vw, 3rem)/1 var(--f-head);
}
.arr button {
    width: 36px;
    height: 36px;
    font-size: 14px;
}



}

@media screen and (max-width: 480px) {
.slider {
    aspect-ratio: 1 / 1.15;
}
.cap .hd {
    font-size: clamp(2rem, 6vw, 2rem);
}
.btn {
    padding: .7rem 1.3rem;
    font-size: 14px;
}
}