@import url('https://fonts.googleapis.com/css2?family=Arsenal+SC:ital,wght@0,400;0,700;1,400;1,700&family=Heebo:wght@100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Martel:wght@200;300;400;600;700;800;900&family=Pinyon+Script&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');



:root{

    --font-primary: "Arsenal SC", sans-serif !important;

    --font-secondary: "Heebo", Sans-serif;

}



.relative{

    position: relative  !important;

}



a{

    text-decoration: none !important;

    color: #7a7a7a !important;

}



.mb-20{

    margin-bottom: 20px;

}



.mt-20{

    margin-top: 20px;

}



.mb-35{

    margin-bottom: 35px;

}



.mt-35{

    margin-top: 35px;

}



.p-16{

    padding: 16px !important;

}



.pt-10{

    padding-top: 10px;

}



.pb-10{

    padding-bottom: 10px;

}



.pt-20{

    padding-top: 20px;

}



.pb-20{

    padding-bottom: 20px;

}



.pt-35{

    padding-top: 35px;

}



.pb-35{

    padding-bottom: 35px;

}



.pt-50{

    padding-top: 50px;

}



.pb-50{

    padding-bottom: 50px;

}



.pt-50{

    padding-top: 50px;

}



.pb-50{

    padding-bottom: 50px;

}



.px-30{

    padding-left: 30px !important;

    padding-right: 30px !important;

}



.px-20{

    padding-left: 20px !important;

    padding-right: 20px !important;

}



.section-pt-80{

    padding-top: 80px;

}



.section-pb-80{

    padding-bottom: 80px;

}



.section-title{

    font-family: var(--font-primary);

    font-size: 34px;

    font-weight: 500;

    text-transform: uppercase;

    color: #972D4C;

    letter-spacing: 1px !important;

}



.section-title-inner{

    color: #c28282;

}



.g-btn{

    font-family: "Karla", Sans-serif;

    font-size: 1rem;

    line-height: 15px;

    letter-spacing: 1.8px;

}



.g-btn a{

    color: #c28282 !important;

    border-bottom: 1px solid #c28282;

    padding: 15px 30px !important;

}



.g-btn:hover a{

    color: #972d4c !important;

    border-color: #972d4c;

}



.contact-btn a{

    padding: 10px 20px !important;

    background-color: #c28282 !important;

    font-family: "Heebo", Sans-serif !important;

    letter-spacing: 1.2px !important;

    font-size: 1rem !important;

    border-radius: 0 !important;

    color: #fff !important;

    line-height: 1rem;

}



p{

    margin: 0;

    font-size: 16px;

    font-family: var(--font-secondary);

    line-height: 2em;    

    font-weight: 300;

}



header{

    border-bottom-width: 1px;

    border-bottom-color: #eaeaea;

    border-bottom-style: solid;

}



header img.logo {

    width: 175px;

    padding: 16px 0

}



.header-wrap{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



header ul{

    padding: 0;

    display: flex;

    list-style: none;

    margin: 0;

}



header ul li{

    padding: 0 16px;

}



header ul li.menu-item{

    line-height: 80px;

    font-weight: 700;

    position: relative;

}



header ul li.menu-item .sub-menu{

    border-top-width: 2px;

    border-bottom-width: 0px;

    border-right-width: 0px;

    border-left-width: 0px;

    border-color: #972d4c;

    border-style: solid;

    width: 240px;

    background: #fff;

    left: -999em;

    position: absolute;

    top: 100%;

    z-index: 99999;

    visibility: hidden;

    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1);

}



header ul li.menu-item svg.ast-arrow-svg{

    height: .6em !important;

    width: .6em !important;

    margin-left: 5px;

}



header ul li.menu-item:hover .sub-menu .ast-icon{

    display: none;

}



header ul li.menu-item:hover .sub-menu{

    right: auto;

    left: 0;

    visibility: visible;

}

.sub-menu{

    flex-direction: column;

}

.sub-menu .menu-item{

    padding: .9em 1em;

    display: block;

    word-wrap: break-word;

    line-height: 1.45;

}

header ul li.menu-item a{

    font-weight: 700;

    letter-spacing: 1px !important;

    color: #972d4c !important;

    font-family: "Arsenal SC", sans-serif !important;

    text-decoration: none;

}



.banner-section{

    padding: 10px;

    background-color: #fff6f6;

}



.about-section{

    background-color: #FFEEEE;

    padding: 6em 1em;

}



.about-section h5{

    font-family: "Pinyon Script";

    font-size: 32px;

    color: #c28282;

    font-weight: 600

}



.abt-content{

    padding-right: 32px;

    width: 550px;

}



.w-450{

    width: 450px !important;

}



.c-width{

    width: 1000px !important;

    margin: auto;

}

.about-section .about-imgs{

    position: relative;

    width: 450px;

}



.about-section .about-imgs .about-img1{

    width: 90%;

    border-style: solid;

    border-width: 1px 1px 1px 1px;

    border-color: #c28282;

    border-radius: 50px 50px 50px 50px;

}



.about-section .about-imgs .about-img2{

    width: 82%;

    border-style: solid;

    border-width: 1px 1px 1px 1px;

    border-color: #c28282;

    border-radius: 50px 50px 50px 50px;

}





.about-section .about-imgs .about-img2-wrap{

    position: absolute;

    left: 0px;

    top: 226px;

}





.about-section p{

    color: #7a7a7a;

}



.about-section .section-title{

    line-height: 40px;

}



.menu-section .menu-image img{

    border-radius: 20px 0px 20px 0px;

    width: 225px;

    height: auto;

}



.menu-container{

    display: flex;

    align-items: center;

    justify-content: center;

}



.specialty-section{

    background-color: #fff6f6;

    padding: 6em 1em 6em 1em;

}



.specialty-section .text-editor p{

    margin: 2% 10% 4% 10%;

    color: #7a7a7a;

}



.specialty-section .specialty img{

    width: 100%;

}



.specialty-section .specialty .slick-list{

    /* justify-content: center; */

    overflow: visible !important;

    height: max-content;

}



.specialty-section .specialty .swiper-slide{

    margin: 0 25px;

}



.specialty-section .specialty .swiper-wrapper{

    height: auto !important;

}



.overflow-hidden{

    overflow: hidden;

}



.quote-section{

    background-color: #FFEEEE;

    padding: 6em 1em 6em 1em;

    overflow: hidden;

}



.quote-section img{

    width: 100%;

}



.quote-section  h3.quote-content{

    font-family: "Martel";

    color: #1D0404;

    font-size: 1.2rem;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 1.5em;

    letter-spacing: 0.6px;

}



.quote-section .animated-slow{

    border-style: solid;

    border-width: 1px 1px 1px 1px;

    border-color: #c28282;

    border-radius: 50px 50px 50px 50px;

    width: 468px;

    height: 468px;

    margin: auto;

}

.quote-section .quote-icon{

    /* width: 50px; */

    padding-right: 10px;

}



.testimonial-section{

    background-color: #fff6f6;

    overflow: hidden;

    padding: 6em 1em 2.5em 1em;

}



.testimonial-slider.swiper .slick-list{

    overflow: hidden;

    height: max-content

}



.testimonial-slider .testimonial-item{

    background-color: #ffeeee;

    border-radius: 200px 200px 200px 200px;

    padding: 75px 40px 40px 40px;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);

    text-align: center;

    position: relative;

}



.testimonial-item .quote-icon{

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, 0);

}



/* .testimonial-section .quote-icon svg{

    color: #fff6f6;

} */



.ti-content{

    font-size: 1rem;

    line-height: 2.4rem;

    color: #1D0404;

}

.testimonial-divider{

    background-color: #c28282;

    width: 55px;

    height: 1px;

    position: absolute;

    transform: translate(-50%, 0);

}



.testimonial-slider .ta-name{

    font-family: "Playfair Display" !important;

    font-size: 1.1rem !important;

    color: #c28282;

    font-style: italic;

    font-weight: 700;

    line-height: 3rem;

}



.testimonial-slider .ta-desc{

    font-size: 0.9rem;

    line-height: 2rem;

    color: #00000080;

}



.testimonial-slider .swiper-wrapper{

    height: auto !important;

}



.slick-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    /* gap: 6px;  */

    list-style: none;

    padding: 0;

    margin: 20px 0 ;

}



.slick-dots li {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #7a7a7a;

    cursor: pointer;

    transition: background-color 0.3s;

    margin: 0 6px;

}



.slick-dots li.slick-active {

    background-color: #972d4c;

}



.slick-dots li button {

    display: none; 

}



.testimonial-slider .slick-dots li {

    width: 12px;

    height: 12px;

}



.testimonial-slider .slick-dots li.slick-active {

    background-color: #c28282;

}



.testimonial-slider .slick-dots li button {

    display: none; 

}



.testimonial-slider .slick-dots li {

    background-color: #ededed;

}





footer{

    color: #7a7a7a;

    background-color: var(--e-global-color-accent);

    background-image: url(../images/footer-img.webp );

    background-position: bottom right;

    background-repeat: no-repeat;

}



footer .footer-logo img.f-logo{

    width: 266px;

}



footer .footer-logo{

    text-align: center;

}



footer ul{

    list-style: none;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



footer ul li{

    margin-right: calc(50px / 2);

    margin-left: calc(50px / 2);

    position: relative;

}



footer ul.footer-info li::after{

    content: '|';

    right: calc(-50px / 2);

    /* height: 64%;

    border-color: #7a7a7a;

    width: 1px;*/

    position: absolute; 

}



footer ul.footer-info li:last-of-type::after{

    content: ''; 

}



.footer-bottom{

    text-align: center;

    border-top: 1px solid #c28282;

    padding: 16px 0 10px;

}



.footer-bottom p, .footer-info{

    font-size: 0.9rem;

    padding: 0;

   

}



footer ul.footer-social{

    margin: 0;

    padding: 0;

}



footer ul.footer-social li{

    width: 50px;

    height: 50px;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



footer ul.footer-social svg{

    fill: #c28282;

}



footer ul.footer-social li:hover svg{

    fill: #1d0404;

}



.dev-by{

    color: #c28282;

    font-weight: 600;

    text-decoration: none;

}





/* About banner section*/

.about-banner-section{

    background-color: #fff6f6;

}



.about-banner-section img.banner-img{

    width: 945px;

}



.about-imgs-slider img{

    width: 100%;

}





.about-imgs-slider .swiper-wrapper{

    overflow: hidden;

}



.experience-section .abt-imgs-slider .slick-list{

    overflow: hidden;

    height: max-content

}



.experience-section {

    background-color: #ffeeee;

    padding: 96px 0 32px;

}



.experience-section .about-welcome{

    font-family: "Pinyon Script";

    color: #c28282;

    font-size: 32px;

    font-weight: 600;

}

.experience-section p{

    color: #7a7a7a;

}



.experience-section img.abt-img-1{

    width: 100%;

    border-radius: 50px;

}



.experience-section img.abt-img-2{

    height: 445px;

    object-fit: cover;

    object-position: center center;

    border-radius: 40px 40px 40px 40px; 

    max-width: 100%;

}



.culinary-section img.cs-img{

    width: 100%;

    height: 400px;

    object-fit: cover;

    border-radius: 50px 50px 50px 50px;

}



.culinary-section{

    color: #7a7a7a;

    background-color: #fff6f6;

}



/* .joinus-section{

    background-color: #ffeeee;

    text-align: center;

}



.joinus-section .joinus-wrap{

    background: url(../images/joinus-bg.webp);

    border-radius: 40px;

    min-height: 500px;

    position: relative;

    z-index: 1;

    color: #fff;

    height: 100%;

}



.joinus-section .joinus-wrap .ju-content{

    text-align: center;

    color: #fff;

    font-family: "Heebo", Sans-serif;

    font-size: 1rem;

    font-weight: 300;

    font-style: italic;

    line-height: 2em;

}



.joinus-section .about-testimonial-divider{

    position: relative !important;

    transform: translate(0, 0) !important; 

    height: 3px !important;

    margin: 20px 0;

    width: 20% !important;

}



.joinus-section .joinus-wrap::before{

    content: '';

    background: #1d0404;

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    border-radius: 40px;

    z-index: -1;

    opacity: 0.68;

}



.joinus-content{

    display: flex;

    align-items: center;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    width: 42%;

    margin: auto;

} */





.joinus-section{

    background-color: #ffeeee;

    text-align: center;

}



.joinus-section .joinus-wrap{

    background: url(../images/joinus-bg.webp);

    border-radius: 40px;

    min-height: 500px;

    position: relative;

    z-index: 1;

    color: #fff;

    height: 100%;

}



.joinus-section .joinus-wrap .ju-content{

    text-align: center;

    color: #fff;

    font-family: "Heebo", Sans-serif;

    font-size: 1rem;

    font-weight: 300;

    font-style: italic;

    line-height: 2em;

}



.joinus-section .about-testimonial-divider{

    position: relative !important;

    transform: translate(0, 0) !important; 

    height: 3px !important;

    margin: 20px 0;

    width: 20% !important;

}



.joinus-section .joinus-wrap::before {

    content: '';

    background: #1d0404;

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    border-radius: 40px;

    z-index: -1;

    opacity: 0.68;

}



.joinus-content {

    text-align: center;

    width: 42%;

    max-width: 100%;

    color: #fff;

    font-family: "Heebo", Sans-serif;

   display: flex;

    align-items: center;

    flex-direction: column;

    gap: 15px;

    margin: auto;

    height: 100%;

    max-height: 100%;

    justify-content: center;

}





.contact-banner-section{

    height: 40vh;

    background-image: url(../images/contact-banner.webp );

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover

}



.food-banner-section{

    height: 40vh;

    background-image: url(../images/food-bg.webp );

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover

}



.contact-banner-section::before, .food-banner-section::before{

    content: '';

    background-color: #c28282;

    height: 40vh;

    width: 100%;

    left: 0;

    position: absolute;

    opacity: 0.92;

}



.contact-head-wrap{

    position: relative;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.contact-banner-section .section-title, .food-banner-section .section-title{

    color: #fff;

    font-size: 48px;

    line-height: 1.4em;

    letter-spacing: 5.6px !important;

    margin-bottom: 0;

}



.Contact-details-section{

    color: #7a7a7a;

    background-color: #fff6f6;

}



.contact-details-p{

    font-family: "Heebo";

    font-weight: 300;

}



.menu-section {

    background-color: #fff6f6;

}



.menu-section .nav-tabs{

    border-bottom: none;

}



.menu-section .nav-tabs .nav-link{

    background-color: #ffffff;

    text-transform: uppercase;

    line-height: 1.8;

    letter-spacing: 0.5px;

    fill: #c28282;

    color: #c28282;

    border-style: none;

    border-radius: 20px 05px 20px 05px;

    padding: 10px 20px 10px 20px;

    /* margin: auto 10px; */

    transition: all 0.3sease-in-out 0.2s;

}



.menu-section .nav-tabs .nav-link:hover{

    color: #ffd2d2 !important;

    transform: scale(1.05);

    transition: all 0.3sease-in-out 0.2s;

    fill: #ffd2d2 !important;

}



.menu-section .nav-tabs .nav-link.active{

    background-color: #c28282;

    fill: #fff;

    color: #fff;

}



.menu-section .menu-details-wrap{

    border-radius: 40px 10px 20px 10px;

    background-color: #fff;

    padding: 20px;

    font-size: 12px;

    line-height: 18px;

    color: #444;

    font-weight: 400;

    margin: 0px !important;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    height: 100%;

}



.menu-section .menu-details-wrap .name-price .hr-line{

    position: relative;

    display: flex;

    align-items: center;

    width: -webkit-fill-available;

    border-top: 1px dashed #000 !important;

    flex-grow: 1 !important;

}



/* .menu-section .menu-details-wrap .name-price .hr-line::after{

    content: '';

    position: absolute;

    height: 1px;

    width: 100px;

    width: 100%;

    border-bottom: 1px dashed #000;

} */



.nav-tabs-wrapper {

    overflow-x: auto;

    white-space: nowrap;

    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */

    scrollbar-width: none; /* Hide scrollbar in Firefox */

  }



  .nav-tabs-wrapper::-webkit-scrollbar {

    display: none; /* Hide scrollbar in Chrome/Safari */

  }



  .nav-tabs {

    display: flex;

    flex-wrap: nowrap !important; /* Prevent wrapping */

    gap: 10px; /* Adjust spacing between tabs */

  }



  .nav-tabs .nav-item {

    flex: 0 0 auto; /* Prevent items from shrinking */



    font-size: 18px;

    font-weight: 500;

    line-height: 1.8;

    letter-spacing: 0.5px;

    font-family: 'Karla';

  }



.menu-section .menu-details-wrap .name-price .d-name{

    font-size: 0.9rem;

    width: 100%;

    white-space: nowrap !important;

    font-weight: bold !important;

}



.menu-section .hr-line-wrap{

    width: 100%;

}



.menu-section .menu-details-wrap .name-price{

    /* width: -webkit-fill-available; */

    color: #972D4C ;

    font-weight: 600 !important;

    margin: 0 !important;

    line-height: 1rem !important;

    font-size: 12px;

    font-family: "Heebo";

    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

}



.menu-section .menu-details-wrap .d-highlight{

    color: #0c5239;

    font-style: italic;

}



.menu-section .menu-details-wrap .name-price .d-desc{

    font-size: 12px;

    line-height: 18px;

    color: #444;

    font-weight: 400

}



/* .hr-line {

    border-top: 1px solid #ccc !important;

    flex-grow: 1 !important;

} */



.menu-section .menu-details-wrap .d-price {

    white-space: nowrap !important;

    font-weight: bold !important;

}





/* .slider-nav {

    display: flex !important;

    justify-content: center !important;

    padding: 10px 0 !important;

}

.slider-nav .nav-item {

    text-align: center !important;

    padding: 10px 15px !important;

    cursor: pointer !important;

    background: #f8f9fa !important;

    border-radius: 5px !important;

    margin: 0 5px !important;

}

.slider-nav .slick-slide {

    outline: none !important; 

}

.tab-content {

    margin-top: 20px !important;

    padding: 20px !important;

    border: 1px solid #ddd !important;

}

.tab-pane {

    display: none !important; 

}

.tab-pane.active {

    display: block !important;

} */





@media (min-width: 922px) {

    .container {

        max-width: 1240px !important;

        padding: 0 20px !important;

    }

}





.menu-toggle {

    display: none;

}



.menu-open-icon svg, .menu-close-icon svg{

    fill: #c28282 !important;

}



.grayscale-map iframe {

    filter: grayscale(100%);

    transition: filter 0.5s ease;

    pointer-events: none; /* Optional: disable map interaction until hover */

}



.grayscale-map:hover iframe {

    filter: grayscale(0%);

    pointer-events: auto; /* Enable map interaction on hover */

}





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

    .container{

        /* width: 100% !important; */

    }

}



@media (max-width: 1160px) {

    footer{

        background: none;

    }

}



@media (max-width: 1024px) {

    .banner-section img.banner-img{

        width: 100%;

    }

    

    .menu-container{

        flex-direction: column;

    }



    .menu-container h2{

        margin-top: 20px;

    }



    .specialty-section .specialty .slick-list{

        overflow: hidden !important;

    }



    .specialty-section .specialty .swiper-slide{

        margin: 0 10px;

    }    

}



@media (max-width: 991px) {    



    .container{

        max-width: 100% !important;

    }



    header{

        height: 80px;

    }

    header ul{

        display: block;

    }

    .main-navigation {

        display: none;

        position: absolute;

        top: 80px;

        left: 0;

        background-color: #fff;

        width: 100%;

        z-index: 99;

        box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    }



    .main-navigation.active {

        display: block;

    }



    .menu-toggle {

        display: flex;

        align-items: center;

        justify-content: center;

        background: none;

        border: none;

        cursor: pointer;

        padding: 0;

    }



    .menu-icon svg {

        width: 24px;

        height: 24px;

    }



    .menu-close-icon {

        display: none;

    }



    .menu-toggle.open .menu-open-icon {

        display: none;

    }



    .menu-toggle.open .menu-close-icon {

        display: block;

    }



    .header-wrap {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .menu-item-has-children > .sub-menu {

        display: none;

        padding-left: 15px;

        background: #f9f9f9;

    }



    .menu-item-has-children.open > .sub-menu {

        display: block;

    }



    .menu-item {

        position: relative;

    }



    .menu-item a {

        display: flex;

        align-items: center;

        padding: 10px 15px;

        text-decoration: none;

        color: #333;

        justify-content: space-between;

    }



    .dropdown-menu-toggle {

        cursor: pointer;

        display: inline-flex;

        align-items: center;

        margin-left: 8px;

    }



    .menu-item-has-children > a {

        flex-grow: 1;

    }



    .menu-item-has-children {

        /* display: flex;

        align-items: center;

        justify-content: space-between; */

    }



    .dropdown-menu-toggle {

        width: 30px;

        height: 30px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    header ul li.menu-item{

        line-height: 3;

        padding: 0;

    }



    header ul li.menu-item a{

        padding: 0 20px;

    }



    



    header ul li.menu-item .sub-menu{

        border: none;

        width: 100%;

        background: #fff;

        position: relative;

        box-shadow: none;

        visibility: visible !important;

        left: 0;

    }



    .sub-menu .ast-arrow-svg{

        transform: translate(0, -2px) rotateZ(270deg);

    }



    .sub-menu .menu-item{

        display: flex;

        align-items: center;

    }

    

    .sub-menu li.menu-item a{

        padding-left: 5px !important;

    }



    .about-banner-section img.banner-img{

        width: 100%;

    }



    .about-section .about-imgs{

        width: 100%;

        padding: 100px 20px 60px !important;

    }



    .abt-content{

        padding-right: 32px;

        width: 100%;

        text-align: center;

    }

    

    .menu-section .menu-image img {

        width: 100%;

    }



    .quote-section .quote-icon {

        /* width: 50px; */

        padding: 0 0 40px 0;

    }



    .quote-section h3.quote-content{

        margin-bottom: 90px;

    }



    header ul li.menu-item:hover .sub-menu .ast-icon{

        display: block;

    }



    .quote-section .animated-slow{

        width: 70%;

        height: max-content;

    }



    .joinus-content{

        width: 90%;

    }

}





#backToTop {

    opacity: 0.8;

    transition: opacity 0.3s ease;

    background-color: #fff;

    padding: 8px !important;

    border: 1px solid #eee;

}



#backToTop:hover {

    opacity: 1;

}



#backToTop .ast-arrow-svg{

    margin-left: 0px;

    vertical-align: middle;

    transform: translate(0, -20%) rotate(180deg);

    /* width: 1.6em;  */

    line-height: 0;

}

header ul li.menu-item a.book-table-btn {background-color: #972d4c !important;color: #fff !important; border-radius: 3px;padding: 5px 10px !important;}

@media (max-width: 991px) {header ul li.menu-item a.book-table-btn{padding: 0 10px !important; width:fit-content !important;  margin-bottom:20px !important;}}