@font-face {
    font-family: 'Palatino Linotype';
    font-display: swap;
    src: url('../Styles/fonts/Palatino Linotype/palatinolinotype_roman.ttf');

}


body {
    padding: 0;
    margin: 0;
    font-family: Palatino Linotype;
   
}
.sticky-top {
    z-index:999;
}
a {
    text-decoration: none !important;
    color: inherit;
}
    a:focus, input:focus, textarea:focus, button:focus {
        box-shadow:none !important;
    }
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field {
    color: #000;
}
input[type="date"]::-webkit-datetime-edit-text {
    color: #000;
}
.dropdown-toggle::after {
    visibility:hidden;
    display:none;
}
.BgHeader {
    background-color: #fac486;
}
.home-page {
    background-color: #000;
}

.inner-page {
    background-color: #fff;
}

.nav-link {
    color: #000;
    font-size: 16px;
    font-weight:600;
    gap: 10px;
    text-align: center;
    
    font-family: Palatino Linotype;
}
@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }

    
}
.nav-link:hover, .nav-link:focus {
    color:#666;
}

.animated-submit-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

    .animated-submit-btn:active {
        background: #ffd86f !important;
        color: #2c3216 !important;
    }

    .animated-submit-btn:hover {
        background: #fff !important;
        color: #7a0607 !important;
    }
@media(max-width:992px) {
    .nav-link {
        color: #000;
        font-size: 16px;
        gap: 10px;
        text-align: center;
        text-transform: uppercase;
       
    }

        .nav-link:hover {
            color: #f00;
        }
}

#myTabContent {
    display: block !important;
}
.floatingcart {
    position: fixed;
    Right: 8px;
    top: 300px;
    z-index: 1021;
    border-radius: 50%;
    background: #fac486;
    padding: 20px;
    border: 2px solid #fff;
    scale: 0.9;
}

.cart-item-number {
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #000;
    display: block;
    position: absolute;
    top: 11px !important;
    right: 11px !important;
    font-weight: bold;
    font-size: 14px;
}

.bottomCart {
    color: #fff;
    position: fixed;
    bottom: 5px;
    background-color: #c21725;
    border: 2px solid #fff;
    height: 47px;
    width: 100%;
    border-radius: 0px;
    z-index: 2;
    display: none;
    justify-content: center;
    padding: 2px;
    left: 0;
}

.navbar-dark .navbar-toggler-icon {
    filter: brightness(1) invert(1);
}

@media (max-width: 991.98px) {
    .bottomCart {
        display: none;
    }

   /* #floatingCart {
        display: none !important;
    }

    .Carttext {
        font-size: 18px;
        color: white;
        text-decoration: none !important;
    }

    .cart-item-number {
        background: none;
        height: auto;
        width: auto;
        top: 0px !important;
        color: #fff;
        left: 3px !important;
        display: inline-block;
        position: relative;
        font-weight: bold;
        font-size: 24px;
    }*/

    .HeaderRight, .HeaderLeft {
        display: none !important;
    }
}


.offcanvas-header .btn-close {
    filter: invert(1) brightness(0);
}





input[type=radio]:checked {
    background-color: #d78f3c !important;
    border: 2px solid #d78f3c !important;
}
button.back-to-top {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 150px;
    font-size: 0px;
    outline: 0 !important;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    button.back-to-top:hover,
    button.back-to-top:active,
    button.back-to-top:focus {
        outline: 0 !important;
    }

    button.back-to-top::before,
    button.back-to-top::after {
        content: "";
        display: block;
        vertical-align: middle;
        border-bottom: solid 10px #092441;
        border-left: solid 10px transparent;
        line-height: 0;
        border-right: solid 10px transparent;
        height: 0;
        margin: 19px auto 0;
        width: 0;
        border-radius: 20px;
        visibility: hidden;
    }

    button.back-to-top.show::after,
    button.back-to-top.show::before {
        visibility: visible;
    }

    button.back-to-top::after {
        border-bottom-color: #fac486;
        position: relative;
        top: -24px;
    }

    button.back-to-top.show {
        display: block;
        background: #fff;
        color: #00ab6c;
        font-size: 25px;
        right: 25px;
        bottom: 50px;
        height: 50px;
        width: 50px;
        visibility: visible;
        box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    }

        button.back-to-top.show:active {
            box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
        }
#content-footer-bottom-pp{
    border-top:1px solid #000;
}

.swiper-pagination {
    bottom: 0px !important;
    right : 19px;
    width: 20px !important;
    text-align: center;
    height: 100%;
    left: auto !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 8px !important;
    height: 23px !important;
    display: inline-block !important;
    background-color: #222 !important;
   
    background-position: center -48px !important;
    border-radius: 10px !important;
    opacity: 0.9 !important;
    margin-bottom: 5px !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    width: 8px !important;
    height: 40px !important;
    display: inline-block;
   
    background-color: #c21725 !important;
    background-position: center 0px !important;
    
    border-radius: 10px !important;
}


.AboutSection {
    background: #F8F3EB;
    position: relative;
    overflow: hidden;
}

.AboutImage {
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,.08);
}

    .AboutImage img {
        width: 100%;
        height: 600px;
        object-fit: cover;
        display: block;
        transition: .4s;
    }

    .AboutImage:hover img {
        transform: scale(1.03);
    }

.AboutContent {
    padding-left: 20px;
}

.AboutTitle {
    font-size: clamp(40px,4vw,68px);
    font-weight: 700;
    color: #000;
    margin-bottom: 28px;
    line-height: 1;
}

.AboutText {
    font-size: 22px;
    line-height: 1.7;
    color: #2d2d2d;
    font-weight: 500;
    margin-bottom: 40px;
}

.ReadMoreBtn {
    display: inline-block;
    min-width: 170px;
    text-align: center;
    padding: 7px 25px;
    border: 1px solid #1f1f1f;
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: .3s;
    border-radius:7px;
}

    .ReadMoreBtn:hover {
        background: #111;
        color: #fff;
    }

@media (max-width:1199px) {

    .AboutTitle {
        font-size: 58px;
    }

    .AboutText {
        font-size: 20px;
    }

    .AboutImage img {
        height: 520px;
    }
}

@media (max-width:991px) {

    .AboutContent {
        padding-left: 0;
        text-align: center;
    }

    .AboutTitle {
        font-size: 52px;
    }

    .AboutImage img {
        height: 450px;
    }
}

@media (max-width:767px) {

    .AboutSection {
        padding: 60px 0;
    }

    .AboutImage {
        border-radius: 24px;
    }

        .AboutImage img {
            height: 340px;
        }

    .AboutTitle {
        font-size: 42px;
        margin-bottom: 18px;
    }

    .AboutText {
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 28px;
    }

    .ReadMoreBtn {
        width: 100%;
        font-size: 24px;
    }
}



.FeatureSection {
    background: url(../Images/Service-Background.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
}

.FeatureTitle {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.FeatureCard {
    background: #f2e7d4;
    border-radius: 24px;
    padding: 50px 35px;
    text-align: center;
    height: 100%;
    transition: .35s;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}


    .FeatureCard:hover {
        transform: translateY(-8px);
        background: #bf8238;
        color: #fff;
    }
        .FeatureCard:hover p {
            color: #ffe9a3;
        }


        .FeatureCardActive h3,
        .FeatureCardActive p {
            color: #fff;
        }

.FeatureIcon {
    width: 150px;
    height: 150px;
    background: #c48737;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 35px;
}

.ServiceIcon {
    width: 80px;
    height: 80px;
    background-image: url('../Images/Service-Icon.png');
    background-repeat: no-repeat;
    background-size: 216px auto;
}

.calendar-icon {
    background-position: 11px 0;
}

.club-icon {
    background-position: -68px 0;
}

.gift-icon {
    background-position: -140px 0;
}

.FeatureCard h3 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}
.FeatureCard:hover .FeatureIcon, .FeatureCard:hover .FeatureBtn {
    background: #f2e7d4;
}
.FeatureCard p {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
}

.FeatureBtn {
    display: inline-block;
    min-width: 160px;
    padding: 7px 28px;
    border: 1px solid #222;
    border-radius: 6px;
    text-decoration: none;
    color: #111;
    background: #f2e7d4;
    font-size: 18px;
    font-weight: 600;
    transition: .3s;
}

    .FeatureBtn:hover {
        background: #111;
        color: #fff;
    }


@media(max-width:1200px) {

    .FeatureTitle {
        font-size: 50px;
    }

    .FeatureCard h3 {
        font-size: 34px;
    }

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

@media(max-width:991px) {

    .FeatureSection {
        padding: 70px 0;
    }

    .FeatureTitle {
        font-size: 42px;
    }

    .FeatureCard {
        padding: 40px 25px;
    }

    .FeatureIcon {
        width: 120px;
        height: 120px;
    }

        .FeatureIcon i {
            font-size: 50px;
        }
}

@media(max-width:767px) {

    .FeatureTitle {
        font-size: 34px;
        line-height: 1.25;
    }

    .FeatureCard h3 {
        font-size: 30px;
    }

    .FeatureCard p {
        font-size: 18px;
    }

    .FeatureBtn {
        width: 100%;
        font-size: 20px;
    }
}


.GallerySection {
    background: #f8f5ee;
    padding: 50px 0;
}

.GalleryGrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    align-items: stretch;
}

.GalleryWide {
    height: 300px;
}

.GalleryTall {
    grid-row: span 2;
    height: 630px;
}

.GalleryItem {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid #cfcfcf;
}

    .GalleryItem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: .5s;
    }

    .GalleryItem:hover img {
        transform: scale(1.08);
    }

@media(max-width:1199px) {

    .GalleryWide {
        height: 260px;
    }

    .GalleryTall {
        height: 550px;
    }
}

@media(max-width:991px) {

    .GalleryGrid {
        grid-template-columns: repeat(2,1fr);
    }

    .GalleryTall {
        grid-row: span 2;
        height: 540px;
    }

    .GalleryWide {
        height: 240px;
    }
}

@media(max-width:767px) {

    .GalleryGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .GalleryWide,
    .GalleryTall {
        grid-row: auto;
        height: 260px;
    }

    .GalleryItem {
        border-radius: 18px;
    }
}





.OnlineOrderBtn {
    background-color: #000;
    padding: 12px 30px 12px 30px !important;
    border-radius: 12px;
    color: #fac486;
    font-size: 18px;
    transition: .5s all;
    text-transform: unset;
}

    .OnlineOrderBtn:hover {
        color: #fac486 !important;
        transform: translateY(-4px);
        box-shadow: 0px 3px 6px #959595;
        background: #000;
    }
.ReservationBtn:hover {
    color: #fff !important;
    transform: translateY(-4px);
    box-shadow: 0px 3px 6px #959595;
    background: #c9a227;
}

.dropdown-menu {
    color: #000;
    background-color: #fac486;
}
.dropdown-item {
   text-align:start;
    color: #000;
    font-weight:600;
}
    .dropdown-item:hover {
        background-color: #000;
        color: #fff;
        transition:0.3s ease-in-out;
    }

.SliderBg {
    background: url(../Images/Slider-Background.jpg) no-repeat;
    background-size: cover;
}

.SliderImageHolder {
    position: relative;
    top: 50px;
}
.SinceImg {
    position:absolute;
    width:110px;
    height:110px;
    background:url(../Images/Since.png) no-repeat;
    background-size:contain;
    right:9%;
}

.SliderText {
    color: #fac486;
    font-size: clamp(40px,4vw,74px);
    font-weight: 600;
}
.SliderItalic {
    color:#c9a227;
    font-style:italic;
}
.SliderSubText {
    font-size: clamp(16px,3vw,18px);
    color:#fff;
    font-weight:500;
    text-align:justify;
}
.SliderOrderBtn{
    background-color:#fac486;
    display:inline-block;
    border:1px solid #fac486;
    padding:9px 35px;
    color:#000 !important;
    border-radius:12px;
    font-size:18px;
    font-weight:500;
}
.SliderOrderBtn:hover{
   transform:translateY(-4px) !important;
   transition:0.3s ease-in-out;
}
.SliderOrderBtn2 {
    background-color: #ffffff1a;
    border: 1px solid #fff;
    padding: 12px 17px;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
}

/*Home Page Container*/
.ServiceHeader, .Aboutheader {
    color: #b32025;
}
.ServiceTitle {
    font-family: 'Playfair Display';
}
.services-section {
    background: #f8f2e8;
}

.service-icon {
    font-size: 70px;
}

.divider {
    width: 80px;
    height: 4px;
}

.btn {
    
}
.Service:hover .divider{
    background: #b32025 !important;
}
.Service:hover h3{
    color: #b32025 !important;
}
.Service:hover .service-icon{
    color: #b32025 !important;
}
.Service:hover .btn {
    background: #b32025 !important;
    border: 1px solid #b32025;
    color: #fff;
}
.about-section {
    background: #fdfbf8;
}

.about-title {
    font-family: 'Playfair Display',serif;
    font-size: clamp(42px,3vw,48px);
    font-weight: 700;
    line-height: 1.05;
}

.about-section span {
    letter-spacing: 4px;
}

.about-section p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    text-align:justify;
}

.about-section img {
    height: 530px;
    object-fit: cover;
}

.AboutBtn {
    background: #b32025;
    border-color: #b32025;
    min-width: 150px;
    padding: 7px 17px;
    display:inline-block;
    color:#fff !important;
}
.AboutBtn:hover {
    transition:0.3s ease-in-out;
    transform:translateY(-4px);
}
.offer-section {
    background: linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)), url("../images/offer-bg.jpg") center center/cover no-repeat;
    padding: 120px 0;
}

.offer-badge {
    display: inline-block;
    padding: 8px 18px;
    background: #d4a017;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    letter-spacing: .5px;
}

.offer-title {
    color: #fff;
    font-size: clamp(50px, 4vw, 60px);
    font-family:'Playfair Display',serif;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px;
}

.offer-text {
    color: #f1f1f1;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto 35px;
    line-height: 1.6;
}

.theme-btn {
    display: inline-block;
    padding: 14px 35px;
    background: #b32025;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 10px;
    transition: .3s;
    font-size:14px;
}

    .theme-btn:hover {
       
        color: #fff;
        transform: translateY(-4px);
    }
.GalleryHeader {
    font-weight: 900;
}
.GalleryTitle {
    font-family:'Playfair Display',serif;
    font-weight:600;
    font-size:clamp(40px,4vw,48px);
}

.testimonial-section {
    background: url(../Images/Customer-Experience--Background.jpg) no-repeat;
    background-size:cover;
    padding: 50px 0;
}

.section-heading {
    margin-bottom: 60px;
}

.section-subtitle {
    display: block;
    color: #c9a227;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-title {
    color: #fff;
    font-size: clamp(40px,4vw,48px);
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin-bottom: 0;
}


.ContactInfoInnerTxt,
.ContactEmail {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; /* breaks very long strings */
    white-space: normal;
}

.ContactInfoTxt {
    min-width: 0; /* Important when inside a flex container */
    flex: 1;
}

.CustomerReviewSection {
    position: relative;
    padding: 90px 0;
}

.ReviewHeading {
    font-size: 64px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.CustomerReviewCard {
    position: relative;
    background: transparent;
    border: 1.5px solid #111;
    border-radius: 14px;
    min-height: 210px;
    padding: 55px 45px;
    text-align: center;
    transition: .35s;
    height:199px;
}



.QuoteIcon {
    position: absolute;
    left: 28px;
    top: -48px;
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    background:url(../Images/TestimonialQuote.png) no-repeat !important;
    height:42px;
    width:42px;
    background-size:contain;
}

.mySwipertest,
.mySwipertest .swiper-wrapper,
.mySwipertest .swiper-slide {
    overflow: visible !important;
}

.CustomerReviewCard {
    overflow: visible !important;
    position: relative;
}
.swiper, .swiper-slide-active, .swiper-slide-next {
    overflow: visible !important;
    display: block !important;
}

.ReviewText {
    font-size: 18px;
    font-style: italic;
    line-height: 1.7;
    margin-bottom: 15px;
}

.ReviewerName {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}
.TestimonialContainer {
    overflow:hidden;
}
.ReviewerState {
    display: block;
    margin-top: 6px;
    font-size: 18px;
}

.review-prev,
.review-next {
    width: 60px;
    height: 60px;
    top: 58%;
    color: #111;
}

.review-prev {
    left: -70px;
}

.review-next {
    right: -70px;
}
.CustomerReviewCard {
    position: relative;
    overflow: visible;
}

.QuoteIcon {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    left: 22px;
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    background: transparent;
    z-index: 10;
}
    .review-prev::after,
    .review-next::after {
        font-size: 42px;
        font-weight: 700;
    }

@media(max-width:1200px) {

    .review-prev {
        left: -20px;
    }

    .review-next {
        right: -20px;
    }
}

@media(max-width:991px) {

    .ReviewHeading {
        font-size: 48px;
    }

    .CustomerReviewCard {
        padding: 45px 30px;
        min-height: 190px;
    }

    .ReviewText {
        font-size: 20px;
    }

    .ReviewerName {
        font-size: 28px;
    }

    .review-prev,
    .review-next {
        display: none;
    }
}




@media(max-width:767px) {

    .CustomerReviewSection {
        padding: 60px 0;
    }

    .ReviewHeading {
        font-size: 38px;
    }

    .CustomerReviewCard {
        padding: 35px 25px;
    }

    .QuoteIcon {
        font-size: 90px;
      
        left: 18px;
    }

    .ReviewText {
        font-size: 14px;
    }

    .ReviewerName {
        font-size: 16px;
    }
}
.VisitSection {
    padding: 50px 0;
    background: #fff;
}

.MapWrapper {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

    .MapWrapper iframe {
        width: 100%;
        height: 420px;
        border: 0;
    }

.VisitTag {
    color: #b57b34;
    font-weight: 700;
    letter-spacing: 1px;
    font-size:
}

.VisitTitle {
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 35px;
}

.VisitInfo h6 {
    color: #b57b34;
    font-weight: 700;
    margin-top: 22px;
    font-size:14px;
}

.VisitInfo p {
    font-size: 20px;
    line-height: 1.8;
    font-size: 16px;
}

.DirectionBtn {
    display: inline-block;
    margin-top: 20px;
    background: #cf8d3d;
    color: #fff;
    padding: 9px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
}
    .DirectionBtn:hover {
        color:#fff;
        transform:translateY(-4px);
        transition:0.3s ease-in-out;
    }
    .MainFooter {
        background: #20140d;
        color: #fff;
        padding: 50px 0 25px;
    }

.FooterLogo {
    width: 210px;
    margin-bottom: 25px;
}

.MainFooter h5 {
    color: #cf8d3d;
    font-size: 16px;
    margin-bottom: 30px;
}

.MainFooter ul {
    padding: 0;
    list-style: none;
}

.MainFooter li {
    margin-bottom: 14px;
    font-size: 16px;
}

.Highlight {
    color: #cf8d3d;
}

.FooterText {
    font-size: 16px;
    line-height: 1.8;
}

.SocialIcons {
    display: flex;
    gap: 15px;
}

    .SocialIcons a {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #3b2d24;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        transition: .3s;
    }

        .SocialIcons a:hover {
            background: #cf8d3d;
        }

.MainFooter hr {
    margin: 60px 0 30px;
    border-color: #5a4a40;
}

.BottomFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

    .BottomFooter span {
        font-size: 16px;
    }

@media(max-width:991px) {

    .VisitTitle {
        font-size: 44px;
    }

    .MapWrapper iframe {
        height: 350px;
    }

    .MainFooter {
        text-align: center;
    }

    .SocialIcons {
        justify-content: center;
    }

    .BottomFooter {
        justify-content: center;
    }
}

@media(max-width:767px) {

    .VisitSection {
        padding: 60px 0;
    }

    .VisitTitle {
        font-size: 36px;
    }

    .MapWrapper iframe {
        height: 280px;
    }
}
.BottomFooter a {
    color:#fff !important;
}
.BottomFooter a:hover {
    color:#fac486 !important;
}
.ftrLogin {
    font-weight:600;
}
@media (max-width:415px) {
    .Logo img {
        width:200px;
    }
}