body {
    font-family: 'Rasa-Medium' !important;
    overflow-x: hidden;
    margin-bottom: -20px !important;
    bottom: 0;
    /*background-color: #F4F0E9;*/
    background-color: #fff;
    /* background: url("../Images/SliderBackground.jpg");*/
    text-align: center;
    color: #000;
    letter-spacing: 1px;
}

/*#region Font-Configuration*/

@font-face {
    font-family: "Playfair-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Playfair/PlayfairDisplay-Bold.ttf");
}

@font-face {
    font-family: "Rasa-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Medium.ttf");
}

@font-face {
    font-family: "Rasa-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Bold.ttf");
}

@font-face {
    font-family: "Rasa-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Regular.ttf");
}


@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Barlow/Barlow-Regular.ttf");
}

@font-face {
    font-family: "BR Hendrix";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BRHendrix-Regular.otf")
}

@font-face {
    font-family: "BR Hendrix-SemiBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BRHendrix-SemiBold.otf")
}

@font-face {
    font-family: "Birds of Paradise-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Birds-of-Paradise-Regular.ttf")
}

@font-face {
    font-family: "Rasa-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Rasa-Bold.ttf");
}

@font-face {
    font-family: "Rasa-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Rasa-Regular.ttf");
}

@font-face {
    font-family: "Barlow-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Barlow-Bold.ttf");
}

@font-face {
    font-family: "Barlow-Black";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Barlow-Black.ttf");
}

@font-face {
    font-family: "Barlow-ExtraBold";
    font-style: normal;
    font-weight: normal;
    src: url("../Styles/fonts/Barlow-ExtraBold.ttf");
}


@font-face {
    font-family: "Rasa-Medium";
    font-style: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "Rasa-SemiBold";
    font-style: normal;
    src: url("../Styles/fonts/Rasa/Rasa-SemiBold.ttf") format('truetype');
}

@font-face {
    font-family: "Rasa-Regular";
    font-style: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Regular.ttf");
}

@font-face {
    font-family: "Rasa-Light";
    font-style: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Light.ttf");
}

@font-face {
    font-family: "Rasa-Bold";
    font-style: normal;
    src: url("../Styles/fonts/Rasa/Rasa-Bold.ttf");
}

@font-face {
    font-family: "cataneo BT";
    font-style: normal;
    src: url("../fonts/cataneobt.ttf");
}

@font-face {
    font-family: "SegoeUI";
    font-style: normal;
    src: url("../fonts/segoeuithis.ttf")
}

@font-face {
    font-family: "aulyars";
    font-style: normal;
    src: url("../fonts/Aulyars Regular.otf")
}

/*#endregion*/

/*#region font family*/
.font-regular {
    font-family: "Rasa-Regular";
}

.font-bold {
    font-family: Rasa-Bold;
    text-align: left;
}

.font-black {
    font-family: "Rasa-Regular";
}

.font-exbold {
    font-family: "Rasa-Regular";
}
/*#endregion*/
/*for positioning*/
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.bg-crimson-red {
    background: #960202;
}

.text-crimson-red {
    color: #960202;
}

.bg-cylindrical {
    background: #C39a34;
}

.text-cylindrical {
    color: #C39a34;
}

.text-black {
    color: black;
}

.bg-black {
    background: #000;
}
/*end*/
/*#region custome bootstrap media query classes*/
@media (max-width:1455px) {
    .d-clg-none {
        display: none !important;
    }
}

@media (max-width:1720px) {
    .d-clg-none2 {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .col-cmd-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media(max-width:1007px) {
    .footerdiv2, .footerdiv3 {
        background-image: none !important;
    }

    @media (max-width: 768px) {
        .sm-centered {
            text-align: center;
            justify-content: center;
        }

        .sm-centered-flex {
            align-items: center;
            display: flex;
            flex-direction: column;
            text-align: center;
        }
    }

    #TestimonialTxt1 {
        border-right: 0px !important;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        display: none !important;
    }

    .ServicesCards:first-child::before, .ServicesCards:nth-child(2)::before {
        display: none;
    }
}
/*#endregion*/

/*#region font color*/
.text-pink {
    color: #006b33;
}

.text-light-gray {
    color: #00000082 !important;
}

.text-orange {
    color: #E25E26;
}

.text-green {
    color: #186f16;
}

.red {
    color: #a91a16;
}

.grey {
    color: #6c6b69;
}
/*#endregion*/

/*#region bg color*/
.bg-light-pink {
    background-color: #FFF6FB;
}

.bg-orange {
    background: #E25E26;
}

.bg-light-grey {
    background: #00000030;
}

.bg-yellow {
    background-color: #FDBE3F;
}

.bg-pink {
    background-color: #FDBE3F;
}

.bg-green {
    background-color: #006b33;
}

.bg-grey {
    background-color: #5e645eb8;
}

.bg-none {
    background: none !important;
}

.bg-pink-1 {
    background-color: #F6008F;
}

.testimonial-bg {
    /*background: #f1f1f1 !important;*/
}
/*#endregion*/

/*#region font size*/
.fs-6 {
    font-size: 15px !important;
}

.fs-7 {
    font-size: 17px;
}

.fs-8 {
    font-size: 20px;
}

.fs-9 {
    font-size: 25px !important;
    font-weight: bold !important;
}

.fs-10 {
    font-size: 3rem;
    font-weight: bold;
}

/*#endregion*/

/*#region custom border*/
.border-right-0 {
    border-right: 0;
}

.border-right-1 {
    border-right: 1px solid;
}

.border-right-2 {
    border-right: 2px solid;
}

.border-right-3 {
    border-right: 3px solid;
}
/*#endregion*/

/*#region width*/
.w-30 {
    width: 44% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}
/*#endregion*/

/*#region margin*/
.mx-5 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mb-6 {
    margin-bottom: 5rem !important;
}

.p-6 {
    padding: 5rem;
}

.px-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

@media only screen and (max-width:576px) {
    .me-smc-0 {
        margin-right: 0px !important;
    }
}
/*#endregion*/

/*#region padding*/
.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
/*#endregion*/

/*#region for custom toast*/
.custom-toast {
    border-bottom: 10px solid #a1211f !important;
}

.toast-close-button {
    color: red !important;
    top: 0;
    margin-top: 0;
    position: absolute !important;
    right: 8px !important;
}

    .toast-close-button:hover {
        color: #000 !important;
    }
/*#endregion*/
/*#region master page header css start*/

.ff-mwb.active {
    color: #007bff; /* Change to desired color */
    font-weight: bold;
}

.navbar-toggler-icon {
    background-image: none !important;
}

.fixed-nav {
    position: fixed;
    box-shadow: 0 -5px 25px 0px #7b7b7b;
    -moz-box-shadow: 0 -5px 25px 0px #7b7b7b;
    -webkit-box-shadow: 0 -5px 25px 0px #7b7b7b;
    top: 0;
    width: 100%;
    z-index: 1;
}

.fixed-nav-hidden {
    display: none !important;
}

.fixed-top-margin {
    margin-top: 200px;
}


.whitebar {
    border-radius: 1px;
    display: block;
    height: 6px;
    margin-top: 4px;
    width: 34px;
    background-color: #fff;
}

#SubMenu {
    width: 184px;
    display: none;
    position: absolute;
    background: #ddd2bb;
    padding: 0px 0px;
    z-index: 1;
    top: 65%;
}

.SubMenuUlList {
    list-style: none;
    padding: 0px 0px;
}

.SubMenuList {
    padding: 6px 12px;
}

.SubMenuUlList .SubMenuList:hover {
    background-color: #fe5222;
}


.SubMenuUlList .SubMenuList {
    position: relative;
    /* padding: 10px 15px; */
    color: #7a0607;
    background: linear-gradient(to right, #fff2bb 50%, #7a0607 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: background-position 0.4s ease;
    cursor: pointer;
    font-size: 14px !important;
    border-bottom: 1px solid #fff;
}

    .SubMenuUlList .SubMenuList:hover {
        background-position: left bottom;
    }





.SubMenuList .SubMenuLink {
    text-decoration: none;
    color: white;
    text-align: left;
    font-size: 20px;
}

.SubMenuUlList .SubMenuList:hover .SubMenuLink {
    color: #7a0607;
}

#navbar-Nav #nav-item-7:hover #SubMenu {
    display: block;
}

/*#region collapse btn start*/
button#collapseBtn {
    position: absolute;
    right: 0px;
    bottom: 38px;
}
/*#endregion*/

#nav-item-7:hover #SubMenu {
    display: block;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff2bb;
    /*background: #306db3;*/
    border-radius: 18px;
    /* padding: 6px 13px;*/
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: clamp(12pt, 1.5vw, 20pt);
}

    .navbar-light .navbar-nav .nav-link.active {
        color: #fff2bb;
        /*background: #306db3;*/
        border-radius: 18px;
        /* padding: 6px 13px;*/
    }

.CartImg {
    cursor: pointer;
}
/*#endregion*/

/*#region services section start*/
.circle-image-container {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
}

.circle-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.center-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    background-image: url(../images/services.png);
    background-size: 400%;
    background-repeat: no-repeat;
}

.logo1 {
    background-position: 0% 0%;
}

.logo2 {
    background-position: 100% 0%;
}

.logo3 {
    background-position: 66% 0%;
}

.serviceBlock {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    align-items: center;
    padding: 2rem;
    border-radius: 4%;
    transition: all 0.3s ease-in-out;
}

    .serviceBlock:hover {
        background: #ffffff;
        cursor: pointer;
    }

        .serviceBlock:hover .custom-button {
            background-color: #006b33;
            color: #f4f1ea;
        }

.blockmg {
    margin-top: 4rem;
}
/*#endregion*/
/*#region abountus*/
#aboutus .HomePageMenuImgBox {
    height: 15rem;
    width: 24rem;
    /*border: 2px solid black;*/
    background: url("../images/Home/BG-03.png") no-repeat;
    background-position: 0px 0px;
    position: absolute;
}

#readmore a {
    text-decoration: none;
    color: white;
}

#aboutus #HomePageMenuImgBox2 {
    float: right;
    right: 0px;
    background: url("../images/Home/BG-04.png") no-repeat;
}
/*#endregion*/

/*#region HomePageMenu*/
#HomePageMenu .MenuNavBtn {
    width: 24px;
    height: 24px;
    background: url(../images/Nex-Prv-Arrow.jpg) no-repeat;
    background-position: 1px 3px;
    /* border: 1px solid black; */
    cursor: pointer;
}

#HomePageMenu #MenuNavBtn2 {
    background-position: -21px 3px;
}

#HomePageMenu #MenuNavBtn1:hover {
    background-position: 1px -19px;
}

#HomePageMenu #MenuNavBtn2:hover {
    background-position: -21px -19px;
}

.MenuItemPrice {
    float: right;
    text-align: left;
}

#HomePageMenu .MenuItemPrice {
    margin-top: 16px;
    font-size: 20px;
}



#HomePageMenu .MenuItemHeading {
    font-size: 22px;
}

#HomePageMenu .MenuItemBox:hover {
    cursor: pointer;
    border: 1px solid #FDBE3F !important;
}

#HomePageMenu .HomePageMenuNav {
    width: 16px;
    height: 18px;
    background: url(/images/Dots.jpg) no-repeat;
    background-position: 2px 3px;
    cursor: pointer;
}

    #HomePageMenu .HomePageMenuNav:hover {
        background-position: -12px 3px;
    }

    #HomePageMenu .HomePageMenuNav:active {
        background-position: -12px 3px;
    }

    #HomePageMenu .HomePageMenuNav:visited {
        background-position: -12px 3px;
    }

#HomePageMenu .HomePageMenuNavLink:hover {
}

    #HomePageMenu .HomePageMenuNavLink:hover a {
        color: #FDBE3F !important;
    }

#HomePageMenu #myTab .HomePageMenuNavLink .nav-link.active {
    color: #FDBE3F !important;
    background: none !important;
}

#HomePageMenu .HomePageMenuImgBox {
    height: 19rem;
    width: 15rem;
    background: url("../images/Home/BG-03.png") no-repeat;
    background-position: 0px 0px;
    position: absolute;
}

#HomePageMenu #HomePageMenuImgBox1 {
    float: left;
    left: 0px;
    margin-top: 3rem;
}

#HomePageMenu #HomePageMenuImgBox3 {
    float: right;
    right: 0px;
    background: url(../images/Home/BG-05.png) no-repeat;
    height: 13rem;
    width: 10rem;
    margin-top: 7rem;
}

.HomePageMenuBlock {
    height: 430px !important;
    overflow: hidden;
}

#HomePageMenu #myTab.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #ffffff !important;
}

#MenuItemButtonImg {
    background-image: url(../images/CartMenu.png);
    width: 25px;
    height: 25px;
    background-position: 0px 0px;
    background-size: contain;
}

#MenuItemButtonSeperator {
    background-image: url(../images/Seperator.jpg);
    width: 6px;
    background-size: contain;
    height: 28px;
    background-repeat: no-repeat;
}

.MenuItemButton {
    padding: 4px;
    gap: 5px;
    border-radius: 8px;
    text-align: center;
    color: #ef5222;
    border: 1px solid #ef5222;
    width: 90px;
}

.MenuItemBox:hover .MenuItemButton {
    padding: 4px;
    gap: 5px;
    border-radius: 8px;
    text-align: center;
    color: #ef5222;
    border: 1px solid #ef5222;
    background: #fff;
    width: 90px;
    transition: 0.5s ease-in-out;
}

.pill-separator {
    width: 1px;
    height: 18px;
    background: #dee2e6;
}



/*#endregion*/
/*#region catering section*/
#Catering .bg-img-promo {
    background: url("../images/Home/promo-bg-img.jpg") no-repeat;
    background-size: cover;
}

.user-input-wrp {
    position: relative;
    margin-bottom: 8px;
}

.CatDpdowm::after {
    /*content: '▼';*/
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    color: #7a0607;
}

.user-input-wrp span.floating-label {
    position: absolute;
    left: 1px;
    top: 23px;
    color: #000;
    font-size: 1.1rem;
    pointer-events: none;
    transition: 0.2s ease all;
    font-family: Rasa-Regular;
}

.user-input-wrp .inputText:focus {
    border-color: #a1211f;
    border-width: medium medium 1.5px;
}

.user-input-wrp input:focus ~ .floating-label {
    top: 0px;
    left: 0px;
    font-size: 1rem;
    opacity: 1;
    color: #a1211f;
}

.user-input-wrp input:not(:focus):valid ~ .floating-label {
    top: 0px;
    left: 0px;
    font-size: 1rem;
    opacity: 1;
    color: #a1211f;
}

input[type=radio] {
    appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: 1px solid #a1211f;
    border-radius: 50%;
    background-clip: content-box;
    padding: 2px;
}

    input[type=radio]:checked {
        background-color: #a1211f !important;
        border: 2px solid #a1211f !important;
    }

.inputText {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #ADADAD;
    background: none;
    color: #5f5f5f;
}

.K-radio {
    position: relative;
}

.btn-light {
    background-color: #606060;
    border-color: #606060;
    color: white;
    box-shadow: none;
}

    .btn-light:hover, .btn-light:focus {
        color: #ffffff;
        border-color: #000;
        background-color: #000;
        box-shadow: none;
    }

.CateringInqTxtBox {
    line-height: 1.8;
    margin: 19px 0px;
}
/*#endregion*/

/*#region testiomonial section*/
/*#Testimonial .TestimonialNav {
    width: 16px;
    height: 18px;
    background: url(../images/Dots.jpg) no-repeat;
    background-position: 2px 3px;
    cursor: pointer;
}

    #Testimonial .TestimonialNav:hover {
        background-position: -12px 3px;
    }

    #Testimonial .TestimonialNav:active {
        background-position: -12px 3px;
    }

    #Testimonial .TestimonialNav:visited {
        background-position: -12px 3px;
    }

#TestimonialTxt1 {
    margin-bottom: -18px;
    border-right: 4px solid;
}

#Testimonial {
    background: url(../images/Testimonial-BG.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#TestimonialsInner .carousel-control-next, #TestimonialsInner .carousel-control-prev {
    opacity: 1 !important;
}

    #TestimonialsInner .carousel-control-next:hover, #TestimonialsInner .carousel-control-prev:hover {
        opacity: 0.5 !important;
    }

#TestimonialsInner .carousel-control-prev-icon {
    position: absolute;
    left: -420px;
    top: 33px;
    background: url(../images/TestimonialsArrow.png) no-repeat;
    background-position: 1px 1px;
    width: 52px;
    height: 52px;
}

#TestimonialsInner .carousel-control-next-icon {
    right: -45px;
    position: absolute;
    top: 33px;
    background: url(../images/TestimonialsArrow.png) no-repeat;
    background-position: -61px 1px;
    width: 52px;
    height: 52px;
}*/
/*#endregion*/
/*#region footer section */
#MasterPageFooter {
    position: relative;
}

.socialFooter {
    /*margin-top:-133px;*/
}

.Follow {
    font-size: 20px;
}

.FBinner {
    font-size: 16px;
}

.pagefooter {
    padding: 51px;
}

#MasterPageFooter .FooterSocialIcon {
    width: 41px;
    height: 41px;
    background: url("./images/social-media-icon.png") no-repeat;
    background-position: 3px 2px;
    cursor: pointer;
}

.FaFax {
    width: 19px;
    /* border: 2px solid; */
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    height: 22px;
    background-image: url(../Images/ftrFax.png);
}

.FaPhone {
    background: url(../Images/ftrPhone.png);
    width: 19px;
    /* border: 2px solid; */
    background-repeat: no-repeat;
    float: left;
    margin-right: 8px;
}

.FaMap {
    background: url(../Images/ftrLocation.png);
    width: 25px;
    /* border: 2px solid; */
    background-repeat: no-repeat;
    float: left;
    margin-right: 20px;
    height: 68px;
}

.footerleft .fa {
    width: 19px;
}

#MasterPageFooter #Instagram {
    background-position: -39px 2px;
}

#MasterPageFooter #Twitter {
    background-position: -96px 2px;
}

div#MasterPageFooter {
    font-size: 12px;
    vertical-align: top;
}

.ConnactIcon {
    background: url(../Images/Footer-SocialMedia.png) no-repeat;
    width: 56px;
    height: 56px;
}

    .ConnactIcon:hover {
        transition: 0.5s all ease-in-out;
    }

.connectInner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.ConnectTitle {
    padding-top: 55px !important;
}

.HomeTitle {
    font-family: Rasa-Medium;
    font-size: 45px;
    color: #000;
    padding-top: 25px;
    padding-bottom: 25px;
    text-transform: uppercase;
}

#Insta {
    background-position: -259px 0px;
}

    #Insta:hover {
        background-position: -259px -64px;
    }

#Whatsapp {
    background-position: -325px 0px;
}

    #Whatsapp:hover {
        background-position: -325px -65px;
    }


#GOneC:hover {
    background-position: 0px -65px;
}

#FaceBook {
    background-position: -65px 0px;
}

    #FaceBook:hover {
        background-position: -65px -65px;
    }

ConnactIcon::before {
    padding: 20px;
}

.iconWrapper {
    padding: 0 20px; /* Add padding between the icons */
}
/*#region Hover*/
#MasterPageFooter #Facebook:hover {
    background-position: 3px -38px;
}

#MasterPageFooter #Instagram:hover {
    background-position: -39px -38px;
}

#MasterPageFooter #Twitter:hover {
    background-position: -97px -47px;
}

.business-hours-img {
    background-image: url(./Images/business-hours-img.jpg);
    background-repeat: no-repeat;
    width: 20.1rem;
    height: 22.3rem;
    padding: 15px;
    outline: 1px solid #E0E0DE;
    outline-offset: -16px;
}
/*#endregion*/

/*#endregion*/

/*#region About us page*/

/*#region About us page testimonial*/
.testimonial-seperator {
    border-left: 4px solid #FDBE3F;
}

.carousel-indicators {
    margin: 0;
    flex-direction: column;
    width: fit-content;
    left: unset;
    top: 50%;
    transform: translateY(-50%);
    right: -7%;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 16px;
        height: 56px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        /* background-color: #FDBE3F !important;*/
        background-image: url(../images/Slider/Dots.png);
        background-position: -2px -20px;
        background-clip: padding-box;
        border: 0;
        /*border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;*/
        opacity: 1;
        border-radius: 10px;
        transition: opacity .6s ease;
        margin-top: 5px;
    }

    .carousel-indicators .active {
        height: 16px;
        background-position: -2px -2px;
        border-radius: 63%;
    }
/*#endregion*/

/*#endregion*/

/*#region menu page*/
.MenuPageBavbarBlock {
    border-bottom: 1px solid lightgray;
}

.MenuSearch {
    height: auto;
    width: 34px;
    min-width: 19px;
    background: url(../images/Search.png) no-repeat;
    background-position: 14px 9px;
    width: 20%;
    float: left;
    border-radius: 45px;
    border: 1px solid #d3d3d3;
    background-size: 21px;
    padding: 9px;
    filter: brightness(0) invert(1);
}

    .MenuSearch:focus-within {
        background: none;
    }

        .MenuSearch:focus-within input::placeholder {
            color: transparent;
        }

.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.MenuPageSliderImages {
    width: 100%;
}

.AdvSrcIcon {
    height: auto;
    width: 34px;
    min-width: 19px;
    background: url(../images/search.png) no-repeat;
    background-position: center center;
    width: 34%;
    background-size: 19px;
}

.MenuPageNavbar {
    border-right: 1px solid #d3d3d3;
    align-items: center;
    text-align: center;
    position: relative;
}

/*#OrderTypesBox::before {
    height: 12px;
    width: 12px;
    content: "";
    border-top: 1px solid #d3d3d3;
    border-bottom: 0px;
    border-left: 1px solid;
    border-right: 0px;
    transform: rotate(45deg);*/
/* float: left; */
/*top: -6px;
    position: absolute;
    background: white;
    float: left;
    left: 25px;
    color: #d3d3d3;
}*/

/*#OrderTypeDropdown:focus-visible {
    outline: 0px;
}*/

/*#OrderTypeDropdown {
    appearance: none;
}*/

input[type="search"]::placeholder {
    color: #000;
    text-align: center;
    left: 5px;
}

/*#OrderTypesBox {
    display: flex;
    justify-content: center;
    border-radius: 19px;
    border: 1px solid #d3d3d3;
    position: absolute;
    margin-top: 100px;
    z-index: 1111;
    float: left;
    padding: 6px;
    text-align: center;
    background: white;
}*/

/*.OrderTypes {
    border-radius: 28px;
    background-color: #092441;
    margin: 5px 3px;
    cursor: pointer;
    width: 112px;
    position: relative;
    padding: 8px;
    font-family: Rasa-Regular;
}*/

/*.OrderTypes label {
        cursor: pointer;
        z-index: 90;
        line-height: 1.8em;
    }*/

/*  .OrderTypes label,
    .OrderTypes input {
        display: block;
        position: absolute;
        top: 3px;
        left: 24px;
        right: 0;
        bottom: 0;
    }*/


/* .OrderTypes input[type=radio] {
        opacity: 0.011;
        z-index: 100;
        margin: 0;
        appearance: none;
        display: none;
    }

    .OrderTypes:hover {
        background-color: #a1211f;
        color: #ffffff;
    }

    .OrderTypes:has(input[type="radio"]:checked) {
        background-color: #a1211f;
        color: #ffffff;
    }*/

.AdvSrcTxt p {
    margin: 8px 0px;
    display: none;
}

.MenuNavSeperator {
    height: 34px;
    width: 1px;
    background: url(./images/seprator.jpg) no-repeat;
    background-position: 0px 6px;
    padding: 0px;
}

.MenuCtgContainer {
    margin: 20px 0px;
}

.MenuCtgDropdown {
    width: 100%;
    border: none;
    outline: none;
}

.ReOrdIndexes {
    width: 26px;
    border: 1px solid lightgray;
    border-radius: 50%;
    text-align: center;
    margin: 0px 4px;
    cursor: pointer;
    background: #D7D7D7;
    border-color: #D7D7D7;
}

    .ReOrdIndexes:hover {
        background-color: #FDBE3F;
        color: #ffffff;
    }

.PtrlImg {
    object-fit: contain;
}

.PtrlMenuTxt {
    line-height: 1;
    margin: 0px;
}

.PtrlMenuTxtBox {
    background: url(../images/PrintableMenu.png) no-repeat;
    width: 40px;
    height: 50px;
    background-position: center center;
    background-size: 84%;
    margin: 0 auto;
    filter: brightness(0) invert(1);
}

.asapmenu {
    border-radius: 45px;
    border: 1px solid #d3d3d3;
    display: flex;
    overflow: hidden;
}

.CommonHeading u {
    text-decoration: none;
    border-bottom: 2px solid #ef5222;
    font-size: 25px;
    padding: 3px;
    line-height: 40px;
    color: #ef5222;
    font-family: Rasa-Bold;
}

#Ctg2 {
    background-color: #F1F1F1;
}

.Heading1 {
    font-size: 5rem;
}

.OrderSelectionControl,
.RestaurantEnableMessageContainer {
    background: #092441;
}
/*#endregion*/
/*#region gallery page*/
#GalleryPageSliderImage4 {
    height: 100%;
    object-fit: cover;
}

#GalleryPageSliderImage14 {
    height: 100%;
    object-fit: cover;
}

#GalleryPageSliderImage2 {
    margin-top: 18px;
}

#GalleryPageSliderImage12 {
    margin-top: 18px;
}

img#GalleryPageSliderImage5 {
    height: 229px;
    width: 100%;
    object-fit: cover;
}

img#GalleryPageSliderImage8 {
    height: 229px;
    width: 100%;
    object-fit: cover;
}

div#GalleryImgTxtBox16 {
    height: 100%;
}

.GalleryImgTxtBox {
    cursor: pointer;
}

    .GalleryImgTxtBox img {
        border-radius: 30px;
        border: 4px solid #fff;
    }

        .GalleryImgTxtBox img:hover {
            /*border: 4px solid #a1211f;*/
        }

img#GalleryPageSliderImage16 {
    height: 100%;
    object-fit: cover;
}

img#GalleryPageSliderImage18 {
    margin-top: 18px;
}

.GalleryInnerBox {
    margin: 10px 0px;
}

#GalleryImgTxtBox4 {
    height: 100%;
}

#GalleryImgTxtBox14 {
    height: 100%;
}

.GalleryImgTxt {
    background-color: #0000009e;
    color: white;
    font-weight: bold;
    padding: 6px 7px 6px 6px;
    position: absolute;
    width: 120px;
    text-align: center;
    bottom: 47rem;
    display: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #a1211f !important;
    color: #fff2bb !important;
}

#GalleryContainer .nav-link:hover {
    color: #092440;
    background-color: #a1211f;
}

#myTab li {
    width: auto;
}
/*#endregion*/
/*#region contactus page*/
.ContactInfoContainer {
    background-color: #a1211f !important;
    color: #fff;
}

.ContactIcons:hover {
    transform: scale(1.2);
    transition: 2s;
}

.RestaurantBusinessHours {
    background-color: #323232;
}

.CloseDay {
    background-color: #ffffff;
    color: #186f16 !important;
}
/*#endregion*/

/*#region advance search*/
.AdvSearchSideBar, .AdvSearchSideBarMobile {
    width: 309px;
    border: 1px solid lightgray;
    position: absolute;
    float: left;
    left: -147%;
    background-color: #ffffff;
    z-index: 1;
    transition: 2s all;
    padding: 0px 7px;
}

.AdvSearchSideBarMob {
    background: url(../images/searchMob.png) no-repeat;
    width: 100%;
    padding: 14px;
    background-position: 0px 13px;
    display: none;
}

.ReSeparator {
    border-right: 1px solid #d3d3d3;
    width: 0px;
}

.AdvSearchSideBar.active, .AdvSearchSideBarMobile.active {
    left: 0px;
    transition: 0.8s all;
}

#AdvSearchSideBar .row {
    margin-left: 0px;
    margin-right: 0px;
}

.PriceFilterBox {
    width: 70px;
}

#PriceFilter {
    display: flex;
}

#PriceSeperator {
    width: 10px;
    background-color: #919191;
    height: 2px;
    margin-top: auto;
    margin-left: 3px;
    margin-bottom: auto;
    margin-right: 3px;
    border-radius: 28px;
}

#RatingBox {
    display: flex;
}

.RatingInrBox2 {
    width: 50px;
    border: 1px solid lightgray;
    padding: 3px 0px;
    background-color: whitesmoke;
}

.AdvSrcCloseBtn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    padding: 0px;
    width: 30px;
}

.AdvSrcCancleBtnImg {
    margin: 0px 6px;
}

#MenuPageNavbarAdvSrc {
    cursor: pointer;
}

.ReOrderIMg {
    background: url(../images/reorder.png);
    height: 22px;
    width: 23px;
    top: 10px;
    background-position: 23px;
    background-size: 22px;
    position: relative;
    filter: brightness(0) invert(1);
}

.ReOrderHeading a {
    text-decoration: none;
    color: #424242B3;
}

#selectedOrderType {
    color: white;
}

.MenuCategorieslinks {
    background: transparent;
}

#AdvSubmit {
    background-color: #FDBE3F;
    color: white;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    outline: none;
    border-color: #FDBE3F;
    margin-left: -5px;
    border: 2px solid #FDBE3F;
    padding: 5px;
}

#Advsearch {
    width: -webkit-fill-available;
    outline: none;
    border: none;
}

#AdvSearchIcon {
    width: 36px;
    height: 30px;
    vertical-align: bottom;
    background: url(./images/asearch.jpg) no-repeat;
    background-position: center;
    border: 1px solid #d3d3d3;
    border-end-start-radius: 20px;
    border-start-start-radius: 20px;
    display: inline-block;
    margin-right: -5px;
    padding: 18px;
    border-right-color: white;
}

.CheckBoxTxt {
    margin-left: 10px;
}

.AdvSrcSearchBar input[type=text] {
    border: 1px solid;
}

#AdvsearchBox {
    display: inline-block;
    width: 10rem;
    padding: 5px 0px;
    border: 1px solid #d3d3d3;
    border-left-color: white;
}

.PriceInrBox {
    margin: 0px 6px;
}

.GoBtn {
    background-color: #FDBE3F;
    padding-top: 3px;
    padding-left: 10px;
    border-radius: 3px;
    padding-right: 9px;
    outline: none;
    border: 1px solid #FDBE3F;
}

.AdvSrcBtns {
    margin: 0px 4px;
}

.CheckBox {
    margin-bottom: 6px;
}

/*#endregion*/

/*#region Pop-Ups*/
#AllPopUps.AllPopUpsBox {
    height: 0px;
    position: absolute;
    top: 25%;
    /* left: 12%; */
    width: 100%;
}

    #AllPopUps.AllPopUpsBox.active {
        width: 100%;
        height: 100% !important;
        z-index: 3;
        position: absolute;
        top: 0px;
        background-color: #0000007d;
    }
/*#region popup 1*/
.PopUps {
    /*width: 485px;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 36%;
    position: absolute;
    z-index: 333333;
    background-color: #ffffff;
    padding: 10px 15px;
    transform: scale(0);
    transition: 1s all;*/
    width: fit-content;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 25%;
    /* left: 36%; */
    position: relative;
    z-index: 3;
    background-color: #ffffff;
    padding: 10px 15px;
    transform: scale(0);
    margin: auto;
    transition: 1s all;
}

    .PopUps.active {
        transform: scale(1);
    }

.PopUpOrderTypes {
    border-radius: 51px;
    background-color: #939191;
    margin: 7px 3px;
    padding: 5px 14px;
    cursor: pointer;
    width: 131px;
    text-align: center;
    color: white;
}

    .PopUpOrderTypes:hover {
        background-color: #D83298;
    }

.PopUpcancleImg {
    float: right;
    cursor: pointer;
}

.PopUpsBtns {
    background: transparent;
    outline: none;
    border: none;
    color: #ffffff;
}
/*#endregion*/

/*#region popup 2*/
.PopUps2 {
    /*width: 485px;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 36%;
    position: absolute;
    z-index: 333333;
    background-color: #ffffff;
    padding: 10px 15px;
    transform: scale(0);
    transition: 1s all;*/
    width: fit-content;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 23%;
    /* left: 36%; */
    position: relative;
    z-index: 3;
    background-color: #ffffff;
    padding: 10px 15px;
    transform: scale(0);
    transition: 1s all;
    margin: auto;
}

    .PopUps2.active {
        transform: scale(1);
    }

#PopUpsBtn2 {
    width: inherit;
}

#CtnBtn1 {
    width: 100%;
    border-radius: 6px;
}
/*#endregion*/

/*#region popup 3*/
.PopUps3 {
    /*width: 591px;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 36%;
    position: absolute;
    z-index: 333333;
    background-color: #ffffff;
    padding: 10px 15px;
    transform: scale(0);
    transition: 1s all;*/
    width: fit-content;
    border: 1px solid #bbbbbb;
    transform: translate(-50%, -50%);
    top: 0%;
    /* left: 36%; */
    position: relative;
    z-index: 3;
    background-color: #ffffff;
    padding: 10px 15px;
    margin: auto;
    transform: scale(0);
    transition: 1s all;
}

    .PopUps3.active {
        transform: scale(1);
    }

#PopUpsBtn3 {
    width: inherit;
}

#SignUpBtn1 {
    width: 100%;
    border-radius: 6px;
}
/*#endregion*/

/*#endregion*/

/*#region view cart*/
#ViewCartContainer {
}

#EmptyCart {
    background: none;
    border: none;
    font-family: 'Rasa-SemiBold';
    color: #ef5222;
    border-radius: 5px;
    text-decoration: underline;
    font-size: clamp(16px,3vw,18px);
    width: fit-content;
}

.EditItemQtnBtn {
    background: transparent;
    border: 0;
}
/*.ViewCartContainers {
    border: 2px solid #cdbebe;
    position: fixed;
    top: 0px;
    display: none;
    right: 0;
    width: 32rem;
    transition: 1s ease-in-out all;
    z-index: 3333;
}

    .ViewCartContainers.active {
        display: block;
    }

#OverlayViewCart {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .5);
}*/

.CartCloseBtn {
    cursor: pointer;
}

.DltItemBtn {
    width: 66px;
    outline: none;
    border: none;
    background: transparent;
}

.DcrItemQtnBtn, .IcrItemQtnBtn, .EdtItemBtn {
    width: 17px;
    outline: none;
    border: none;
    padding: 0px;
    background: transparent;
    margin: 0px 4px;
}

.ItemQtn {
    width: 26px;
    height: 28px;
    vertical-align: middle;
    border: none;
    outline: none;
    text-align: center;
}

/*#region custom scrollbar*/

/* width */
body::-webkit-scrollbar {
    width: 10px;
    background: grey;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #D6D6D6;
    border: 6px solid white;
    height: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: grey;
    height: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*#endregion*/


.ItemDescription {
    /*margin-left: 31px !important;*/
    text-align: left;
}

.itemDes {
    font-family: Rasa-Medium;
    color: #fff;
}

.QuanName {
    font-family: Rasa-Regular;
    font-size: clamp(13px,3vw,18px);
    color: #fff;
}

.OfferTxt {
    font-size: 12px;
}

.OfferBtn {
    border: none;
    outline: none;
    width: 49px;
    height: 26px;
    font-size: 13px;
    font-weight: bold;
}

.AddOfferBtn {
    margin-left: 8px;
}

.CheckOutBtn {
    border: none;
    outline: none;
    font-family: Rasa-light;
    background-color: #ef5222;
    font-size: clamp(18px,3vw,20px) !important;
    width: 100%;
    text-align: center;
}

.ECtext {
    font-family: Rasa-Medium;
    color: #000;
}

.CartHeading {
    font-family: 'Rasa-Medium';
}

#ViewCartContent {
    max-height: 534px;
    /*overflow-y: scroll;*/
}
/*#endregion*/

/*#region custom scrollbar*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/*#endregion*/
#divContainer {
    clear: both;
    width: 950px;
    margin: 0px auto 0px;
    padding-top: 228px;
    padding-bottom: 15px;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.CategoryStyle {
    width: 100%;
    display: inline-table;
    text-align: left;
    background: transparent;
    border: 2px solid #fff;
    font-size: 16px;
    /*padding: 13px 0 13px;*/
    z-index: 1;
    overflow-y: scroll;
    position: relative;
}

    .CategoryStyle a {
        text-decoration: none;
        color: #666;
       /* padding-left: 15px;
        padding-right: 15px;*/
        display: inherit;
    }

    .CategoryStyle .category {
        float: left;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        width: 100%;
        padding: 10px;
        color: #fff;
        font-family: Rasa-Regular;
    }

        .CategoryStyle .category:hover {
            background-color: #a1211f;
            color: #fff;
            border-color: #a1211f;
        }

#categoriesDropDown.hidden {
    display: none; /* Hidden when the class is added */
}

.events {
    pointer-events: none;
}


.m-image {
    width: 100px;
    height: 100px;
    border-radius: 30%;
    border: 1px solid #5c5b5b;
}



@media (max-width:768px) {
    .MenuItemPrice, .MenuItemHeading {
        font-size: 16px;
        font-family: Rasa-Bold;
    }

    #MenuItemInfo1 span {
        color: #616161 !important;
        font-size: 12px;
    }
}

.MenuItemInfo {
    font-size: 16px;
    color: #c7c7c7;
}

.MenuItemPrice {
    color: #ef5222;
}

.collapse-arrow {
    border-top: 0;
    border-bottom: 7px solid #fff;
    display: block;
}

#filter_users {
    width: 100%;
    padding: 10px;
}

#users-list {
    margin: 0;
    padding: 0;
}

    #users-list li {
        list-style: none;
        padding: 10px;
        margin: 5px 0;
        border: 1px solid #e6e6e6;
    }

.disabled-link {
    pointer-events: none;
}
/*#region for header changes*/
.overlayMobile {
    height: 100%;
    width: 80%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 0px;
    transition: 0.5s;
    display: none;
}

.webheader {
    /* margin-bottom: 32px;*/
}

.divWholeContainer {
    margin-top: 32px;
    border-bottom: 0.5px solid #7a0607;
    /*overflow:hidden;*/
}

/* The navigation menu links */
.overlayMobile a {
    text-decoration: none;
    font-size: 21px;
    color: #fff2bb;
    display: block;
    transition: 0.3s;
    text-align: center;
    margin: 0 auto;
    font-family: 'Rasa-Medium';
}

.overlayMobile-content {
    margin-top: 60px;
}

#SubMenuMob a {
    font-size: 16px;
}
/* When you mouse over the navigation links, change their color */
.overlayMobile a:hover {
    color: #c7c7c7;
}

/* Position and style the close button (top right corner) */
.overlayMobile .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#navbar {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .overlayMobile {
        padding-top: 15px;
    }

        .overlayMobile a {
            font-size: 18px;
        }
}

#navbar-Nav {
    gap: 35px;
}

#navbar-Navright {
    gap: 36px;
}

/*.HeaderOrderButton {
    background: #FDBE3F;
    border-radius: 5px;
}

    .HeaderOrderButton a {
        text-decoration: none;
        color: black;
    }*/

.nav-item {
    list-style: none;
    font-family: Rasa-Medium
}

#navbarTogglerDemo03 {
    padding-top: 30px;
    padding-bottom: 10px;
}

#filter_users {
    display: none;
}

.HeaderAddress {
    padding-left: 25px;
    background: url(../images/location.png);
    background-size: 18px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: fit-content;
    font-family: Rasa-Regular;
    font-size: 16px;
}

    .HeaderAddress a {
        color: white;
    }

        .HeaderAddress a:hover {
            color: white;
        }

.HeaderSocial {
    width: fit-content;
    gap: 15px;
}

/*#endregion*/
/*#region Added by namrata for menu page design*/
.MenuCategorieslinks {
    width: 100%;
    float: left;
    display: block;
    /*    background: white;*/
    text-align: left;
    cursor: pointer;
    color: #fff;
    position: relative;
    border: none;
    font-family: Rasa-Regular;
}

.CatLinkMob {
    background: #a1211f;
    padding: 5px 36px;
    border-radius: 17px;
    width: 100px;
    background-image: url(../images/spoon.png);
    background-repeat: no-repeat;
    background-position: 15px 7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    animation: slideIn 0.5s ease;
}

#MobileCatOverlay {
    background-color: #000;
    opacity: 0.75;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: none;
    opacity: 0.5;
}

    #MobileCatOverlay:target .popupCat {
        animation: popup 0.7s;
    }

.mobileMenu {
    position: fixed;
    right: 0;
    margin-bottom: 50px;
    bottom: 0;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 11111 !important;
    transform: translateX(-50%);
    background-color: #f1f1f1;
    /* padding: 10px; */
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.mobileCategory {
    position: fixed;
    z-index: 1111;
    bottom: 63px;
    left: 0;
    right: 0;
    height: 300px;
    overflow-y: scroll;
    border-radius: 31px;
    margin: 0px 30px 0px 30px;
    transition: opacity 0.3s ease, transform 0.3s ease, height 0s 0.3s;
    animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    50% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

#myDIV::-webkit-scrollbar {
    width: 0px !important;
}

.mobileCategory .CategoryStyle .category, .mobileCategory .CategoryStyle {
    border: 0px;
    background: #F4F0E9;
    color: #a1211f;
}

#myDIVt {
}

.mobileCategory #categories {
    border: 2px solid #FDBE3F;
    border-radius: 10px;
}

.calIcon {
    background: url(../images/cal.png);
    height: 23px;
    width: 23px;
    top: 7px;
    display: block;
    position: relative;
}

.masterPageNavbarLi {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .masterPageNavbarLi a, .nav-link {
        text-decoration: none;
        color: black;
        letter-spacing: 0px;
        font-size: clamp(10pt,5vw,20pt);
        display: flex;
        font-family: Rasa-Regular;
        text-transform: capitalize;
    }

.arrow-downOrder {
    right: 0px !important;
}

#OrderTypeDropdown option {
}

.arrow-down, .arrow-downOrder {
    right: -6px;
    top: 3px;
    height: 12px;
    width: 12px;
    border-bottom: 3px solid;
    border-right: 3px solid;
    transform: rotate(45deg);
    float: left;
    content: "";
    color: white;
    position: relative;
    float: right;
}

.AdvSearchSideBarMain {
    position: absolute;
    background: #E25E26;
    left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 31px;
    color: white;
    /* width: 6%; */
    z-index: 11;
    min-width: 6%;
}

.collapse-arrow {
    border-top: 3px solid #fff;
    border-bottom: 0px;
    border-left: 3px solid;
    border-right: 0px;
    top: 6px;
}

label[for="OrderTypeDelivery"], label[for="OrderTypePickup"] {
    margin-top: 0px !important;
}

#MNavSrc {
    width: 35px;
}

.divheaderlist {
    display: flex;
}
/*#endregion*/
/*#region for media query of mobile and tablet*/
@media screen and (max-width: 767px) {
    .divHeaderLogo {
        display: none;
    }

    .HeaderAddBar {
        padding: 0px !important;
    }

    .footerdiv2, .footerdiv3 {
        background-image: none !important;
    }

    .MainTitle {
        font-size: 25px !important;
    }

    /*.ViewCartContainers {
        width: 89%;
    }*/
}

@media screen and (max-width: 1199px) {
    #ViewCartContainer {
        margin-top: 25px;
    }
}

@media screen and (max-width: 768px) {
    .divHeaderLogo {
        display: none;
    }

    #TestimonialTxt1 {
        border-right: 0px;
    }

    .blockmg {
        margin: 0;
    }

    #tdAnnouncementTitle {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    #tblAnnouncementTitle tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1094px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
}

@media screen and (max-width:992px) {
    .MenuPageNavbar {
        border-right: 0px !important;
        border-bottom: 0px !important;
    }

    .MenuPageBavbarBlock {
        border-bottom: 0px !important;
    }

    #CheckoutPageContainer .MenuCategorieslinks {
        border-radius: 45px;
        border: 1px solid #d3d3d3;
        PADDING: 10PX 20PX !IMPORTANT;
    }
}

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


    #CheckoutPageContainer .MenuCategorieslinks {
        WIDTH: 35% !IMPORTANT;
    }
}

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


    #CheckoutPageContainer .MenuCategorieslinks {
        WIDTH: 35% !IMPORTANT;
    }
}

@media screen and (max-width:500px) {
    #CheckoutPageContainer .MenuCategorieslinks {
        WIDTH: 50% !IMPORTANT;
        PADDING: 7PX 12PX !IMPORTANT;
    }
}

@media screen and (min-width: 1094px) and (max-width: 1240px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
}

/*#endregion*/
/*#region for footer*/
.footerTitleL, .FooterTitle {
    font-size: 22px;
    font-family: "OpenSans-Bold";
    /* text-align: center; */
    color: #fff;
}

.footerdiv2, .footerdiv3 {
    background-image: url(../Images/Footer-Seprator.jpg);
    background-repeat: no-repeat;
}

.footerTitleL u, .FooterTitle u {
    border-bottom: 0px solid white;
    text-decoration: none;
}

.footerListUpper {
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.FooterSubBut {
    position: absolute;
    right: 22px;
    margin-top: 6px;
    background: #C60607;
    color: white;
    border: 0px;
    padding: 10px;
    width: 31%;
    border-radius: 3px;
}

.footerInput::placeholder {
    color: black;
    font-style: italic;
}

.footerList .column {
    display: grid;
}

.footerList {
    font-size: 16px;
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* gap: 10px; */
    text-transform: uppercase;
    font-family: OpenSans-Regular;
}

.footerListUpper .nav-item::before {
    height: 11px;
    width: 11px;
    border-top: 3px solid;
    border-right: 3px solid;
    transform: rotate(45deg);
    float: left;
    /* border-radius: 10px; */
    margin-top: 15px;
    margin-right: 10px;
    content: "";
    color: white;
}

.footerList ul {
}

.footerList a {
    text-align: left;
    color: #fff !important;
    text-decoration: none;
    list-style: none;
    padding-top: 10px;
}

.footerleft {
    color: #fff;
    font-family: OpenSans-Regular;
}

.pagefooter {
    padding-top: 30px;
    padding-bottom: 23px;
}

#FooterLogo img {
    background-repeat: no-repeat;
    width: 171px;
    background-size: 100%;
    margin: 0 auto;
}

.contactusContent {
    font-size: 17px;
}

.ftrPhone {
    font-size: 17px;
    display: flex;
    justify-content: center;
}

.divSocialMedia {
    float: left;
    padding: 10px;
}

.DivSocialLogos {
    display: inline-block;
    padding: 10px 0px;
}

.ContentI {
    text-align: center;
    width: 100%;
    line-height: 1.6;
}


/*#endregion*/
/*#region for datetimepicker*/
.k-input-inner {
    right: 0px;
    left: 24px;
    top: 0px;
    color: white !important;
}

.MNavSe {
    color: white !important;
}

.k-input, .k-picker {
    display: table-row-group !important;
}

.k-datetimepicker {
    border-color: transparent !important;
    color: #000 !important;
    font-size: 15px !important;
    box-shadow: 0px !important;
}

.k-input-solid {
    background: none !important;
}

    .k-input-solid:focus, .k-input-solid.k-focus {
        box-shadow: none !important;
    }

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link, .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    background-color: #00000080 !important;
}

.k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover, .k-button-flat-primary, .k-time-header .k-time-now, .k-time-selector-header .k-time-now {
    color: #00000080 !important;
}

.k-button-solid-base.k-selected, .k-button-solid-primary {
    border-color: #00000080 !important;
    color: white;
    background-color: #00000080 !important
}

.k-icon {
    visibility: hidden;
    background: transparent;
}

.k-datetimepicker > .k-input-button {
    background: url(../images/cal.png);
    height: 23px;
    width: 23px;
    top: 3px;
    display: block;
    background-position: 22px;
    position: absolute;
    filter: brightness(0) invert(1);
}

    .k-datetimepicker > .k-input-button:hover {
        background-color: transparent !important;
    }
/*#endregion*/
/*#region for itemdetailpage*/
.ItemDetail {
    /*font-family: OpenSans-Regular;*/
}

#Option-content {
    display: none;
    padding: 7px;
    border: 1px solid #e6e6e6;
    border-top: 0px;
    font-family: Rasa-Regular;
    text-align: start;
}

.itemName {
    text-align: left;
    color: #ef5222;
    display: block;
    font-size: clamp(16px,3vw,20px);
    text-transform: uppercase;
    font-family: Rasa-SemiBold;
}

.sizecodeI {
    display: none;
}

.itemPageButton {
    gap: 10px;
}



.itemPQ {
}

#numberDropdown {
    padding: 7px;
    border-radius: 10px;
}

.nmbrdd {
    padding: 7px;
    border-radius: 10px;
}
/*@media (max-width:600px) {
    #numberDropdown {
        padding: 0px;
        border-radius: 4px;
        height:30px;
        width:30px !important;
    }
}*/
.IQuan {
    float: left;
    text-align: left;
   /* font-weight: bold;*/
    padding-bottom: 5px;
    color: #1c1c1c;
}

.SubmitItem, .deleteItem {
    padding: 3px 9px 3px 9px;
    width: 50%;
    margin: auto;
    background-color: #ef5222;
    color: #ef5222;
    border: 2px solid #ef5222;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-family: Rasa-SemiBold;
    font-size: clamp(16px,3vw,20px);
}

    .SubmitItem:hover {
        background-color: #fff;
        border: 2px solid #ef5222;
        color: #fff !important;
        transition: 0.5s ease-in-out;
    }

.deleteItem {
    background-color: #e6e6e6;
    border: 2px solid #e6e6e6;
    color: #000;
}

    .deleteItem:hover {
        background-color: #fff;
        border: 2px solid #a1211f;
        color: #a1211f;
    }

.HeaderItem {
    color: #092440;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    position: relative;
    background-color: #eee !important;
    border: 1px solid #e6e6e6;
    display: flex;
    font-family: Rasa-Regular;
}

#iconItem {
    width: 28px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.OpenDiv {
    display: block !important;
    color: #000;
}

.icon-expanded {
    background: url(../images/id-collapse-icon.png)no-repeat;
    /*filter: invert(0%) sepia(99%) saturate(3678%) hue-rotate(1deg) brightness(102%) contrast(101%);*/
    filter: invert(56%) sepia(130%) saturate(257%) hue-rotate(320deg) brightness(85%) contrast(237%);
}

.icon-collapsed {
    background: url(../images/id-expand-icon.png)no-repeat;
    filter: invert(53%) sepia(99%) saturate(3678%) hue-rotate(1deg) brightness(102%) contrast(101%);
}

.spText textarea {
    height: 70px !important;
    width: 100% !important;
    padding: 6px !important;
    border-radius: 0 !important;
    border: 1px solid #e2e2e2 !important;
    box-shadow: none !important;
}

.sp {
    width: 100%;
    float: left;
    text-align: left;
   
    padding-bottom: 5px;
    font-family: Rasa-Regular;
    font-size: clamp(14px,3vw,18px);
    color: black;
}

.itemthumb {
}

#quantitydropdownid {
    width: 50px;
}

.itemQuan {
    display: flex;
}
/*#endregion*/
.itemImgUrl {
    display: none;
}

.imgMenuThumb {
    border-radius: 20px;
    height: 250px;
    width: 250px !important;
    filter: grayscale(0%) brightness(1%) contrast(100%) invert(100%);
}
/*#region for cart*/
#NavCart {
    position: relative;
    border-radius: 8px;
}

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

.MCartImg {
    left: -3px;
    position: relative;
    top: 1px;
}

#MNavCart {
    position: relative;
    background-color: #000;
    padding: 11px;
    border-radius: 8px;
    margin-right: 15px;
}

.MCount {
    top: -11px;
    right: -6px;
}
/*#endregion*/
/*#region for checkout*/
.checkoutCart .cartInner {
    /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
    /*box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;*/
}



.OrderSettingPanel .k-disabled {
    display: none;
}

.OrderSettingPanel .k-datetimepicker {
    border-color: transparent !important;
    color: black !important;
    font-size: 15px !important;
}



.checkoutCart .ViewCartContainers.active {
    /*margin-top: 15px;*/
    display: block !important;
    transform: none !important;
}
/* General button styling */
.btn-radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 12px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    position: relative;
}

    .btn-radio::before {
        content: "";
        width: 16px;
        height: 16px;
        border: 1px solid #7a0607;
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        position: relative;
        transition: border-color 0.3s;
    }

    .btn-radio::after {
        content: "";
        width: 15px;
        height: 15px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(-50%, -50%) scale(1);
        transition: background-color 0.3s, transform 0.3s;
    }

#btnCredit::after {
    left: 20px !important;
}

.btn-radio.active::before {
    border-color: #7a0607;
}

.btn-radio.active::after {
    background-color: #7a0607;
    transform: translate(-50%, -50%) scale(0.7);
}

.btn-radio:hover::before {
    border-color: #007bff;
}

.btn-radio.active span {
    font-weight: bold;
    color: #007bff;
}

/* Optional styling for buttons */
.button-group {
    display: flex;
}

    .button-group input[type="radio"] {
        display: none;
        /* Hide the radio buttons */
    }

    .button-group label {
        padding: 9px;
        background-color: rgba(221, 210, 210, 0.521);
        border-radius: 10%;
        cursor: pointer;
        color: black;
        display: flex;
        justify-content: center;
        font-weight: 400;
        font-size: clamp(16px,3vw,18px);
    }

    .button-group input[type="radio"]:checked + label {
        background-color: #000;
        color: #fff;
        /* Change background color when selected */
    }

    .button-group label:hover {
        background-color: #000;
        color: #fff;
        transition: 0.2s ease-in-out;
        /* Change background color when selected */
    }

.btn-primary {
    background-color: transparent !important;
    border-color: #09800a !important;
    box-shadow: none !important;
}

    .btn-primary:focus, .btn-primary:hover {
        /*background-color: #E25E26 !important;
        border-color: #E25E26 !important;*/
        color: white !important;
    }

input[type="date"]:hover {
    /* Highlight border on hover */
    background-color: transparent; /* Subtle background change */
}

.hidden {
    display: none;
}

.tipContainer {
    width: inherit;
    width: 80px;
}

/*#endregion*/
/*#region for invoice*/
.divinvoiceLogo {
    width: 130px;
}

.bg-secondary {
    background: rgb(111 112 113 / 92%) !important;
}

.orderInfo th {
    padding: 0.26rem !important;
}

.Invoice .table > :not(caption) > * > * {
    background-color: none;
    border-bottom-width: 0px;
}
/*#endregion*/
.web {
    display: flex !important;
}
/*#region for loading screen css*/
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) 50% 50% no-repeat #ffffff21;
    background-size: 70px 70px
}
/*#ednregion*/
.fade-out {
    opacity: 0;
    transition: opacity 1s ease-in-out; /* Adjust duration and easing as needed */
}

#toast-container {
    display: none;
}

.html5-video-player .video-stream {
    width: 100% !important;
    left: 0px !important;
}
/*#region homepage service section*/
/*.SerImg {
    background: url(../Images/Services.jpg);
    height: 175px;
    background-repeat: no-repeat;
    width: 175px;
    margin: 0px auto;
}

.ServicesCards:first-child::before, .ServicesCards:nth-child(2)::before{
    content: "";
    position: absolute;
    width: 1px;
    top: 24px;
    height: 100%;
    right: 0px;
    background-image: url(../images/SepratorSER.jpg);
}

.ServicesCards:hover {
    color: #E25E26;
}
.ServicesCards .btn {
    Padding: 10px !important;
    Color: #fff;
    border: 1px solid white !important;
    font-family: 'Avenir LT Std 55 Roman';
    font-size: 15px;
  
    background: #E25E26 !important;
    color:white !important;
    font-weight:bold;
}

    .ServicesCards:hover .btn-primary {
        background-color: #E25E26 !important;
        color: white !important;
    }

#SImg1:hover {
    background-position: 0px -187px;
}

.card:hover #SImg1 {
    background-position: 0px -187px;
}

#SImg2 {
    background-position: -739px 0px;
}

    #SImg2:hover {
        background-position: -739px -187px;
    }

.card:hover #SImg2 {
    background-position: -739px -187px;
}

#SImg3 {
    background-position: -374px 0px;
}

    #SImg3:hover {
        background-position: -374px -187px;
    }

.card:hover #SImg3 {
    background-position: -374px -187px;
}

#SImg4 {
    background-position: -560px 0px;
}

    #SImg4:hover {
        background-position: -560px -187px;
    }

.card:hover #SImg4 {
    background-position: -560px -187px;
}*/
/*#endregion*/
/*#region*/
#divAnnouncementTitleContainer {
    clear: both;
    text-align: left;
    padding: 10px 20px 15px;
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%;
}

    #divAnnouncementTitleContainer:hover {
        border: 1px solid #ccc;
    }

#tblAnnouncementTitle {
    width: 100%;
}

#tdAnnouncementTitle {
    vertical-align: top;
    text-align: left;
    width: 500px;
}

.lblAnnouncementTitle {
    font-size: 16px;
    color: #7a0607;
    text-decoration: none;
    font-family: 'Rasa-Bold';
}

    .lblAnnouncementTitle:hover {
        text-decoration: underline;
    }

.lblAnnouncementDescription {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.lnkAnnouncement {
    text-decoration: none;
}

.lblAnnouncementTiming {
    font-size: 13px;
    color: #5a5a5a;
    font-weight: bold;
}

.imgAnnouncement {
    width: 250px;
    height: 150px;
}

#divAnnouncementImageAndDescriptionContainer {
    padding-top: 5px;
}

.divAnnouncementTiming {
    width: 100%;
    background-image: url(../Images/Timings.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    min-height: 20px;
    background-size: 19px;
    background-position: 3px 6px;
}

#divAnnouncementDescriptionContainer {
    height: 110px;
    overflow: hidden;
}

#divAnnouncementContainer,
#divPastAnnouncementContainer {
    text-align: left;
}

.tdAnnouncementImage {
    display: none;
}

#divAnnouncementNavigationContainer {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
}

#divPastAnnouncementTitle,
#divAnnouncementTitle {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #5a5a5a;
    font-size: 18px;
}

#tblAnnouncementItemTemplate {
    width: 100%;
}

#tdAnnouncementImage {
    text-align: center;
    vertical-align: top;
    width: 250px;
}

#tdAnnouncementContent {
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.eventsIcon {
    background-image: url("../Images/EventsDisplayBoard.png");
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    height: 120px;
    padding-right: 25px;
    width: 125px;
}

#divAnnouncementDescriptionContainer img {
    max-height: 110px;
    max-width: 120px;
}

#tdAnnouncementIconImage {
    vertical-align: top;
    text-align: center;
    width: 140px;
    padding-top: 10px;
}

.lblDate,
.lblYear {
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana;
    text-align: center;
    color: #000;
    float: left;
    width: 100%;
    padding-top: 3px;
    line-height: 1.6;
}

.hlnkViewMore {
    text-decoration: none;
    color: #620f19;
}

.lblMonth {
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana;
    text-align: center;
    padding-bottom: 12px;
    color: #fff;
    float: left;
    width: 100%;
    padding-top: 20px;
}
/*#endregion*/
/*for custom button*/
.custom-button {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-family: Rasa-Medium;
    border: 1px solid #c7c7c7;
    background-color: #c7c7c7;
    max-width: 200px;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

    /* Hover effect */
    .custom-button:hover {
        background-color: #FFF;
        color: #a1211f;
        border: 1px solid #a1211f;
    }

.custom-button-reverse {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-family: Rasa-Medium;
    border: 1px solid #a1211f;
    background-color: #a1211f;
    max-width: 200px;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

    /* Hover effect */
    .custom-button-reverse:hover {
        background-color: #FFF;
        color: #a1211f;
    }
/*end custom button*/
/* menu category Carousel */
.category-card {
    flex: 0 0 auto;
    width: 300px;
    text-align: center;
    padding: 2rem;
    display: flex;
    align-items: center;
    align-items: center;
    background: none;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 4%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .category-card img {
        height: 150px;
        width: 150px;
        object-fit: cover;
        border: 1px solid #959595;
        border-radius: 50%;
        padding: 2px;
    }

    .category-card:hover {
        background: #ffffff;
    }

.category-card {
    width: 300px !important;
}
/* end */

/*start testimonial swiper*/
.swiper {
    width: 100%;
    overflow: hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-block {
    width: 90%;
    background-color: #f8f9fa;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 360px;
    margin: 0rem 2rem;
}

.swiper-pagination-bullet {
    background-color: #999;
    opacity: 1;
    transition: background-color 0.3s ease;
}

.swiper-pagination {
    position: initial !important;
    margin-top: 1rem;
}

.swiper-pagination-bullet-active {
    background-color: #007bff;
}

.TestContent {
    text-align: left;
}

@media (min-width: 768px) {
    .swiper-slide {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .swiper-slide {
        width: 25%;
    }
}

.testimonialuser {
    display: flex;
    align-items: center;
    gap: 10px;
}

#scrollableMenu {
    padding: 1rem 0;
}

    #scrollableMenu a {
        text-decoration: none;
        color: #212121;
    }

.swiper {
    overflow: visible; /* Ensure the next slide is partially visible */
}

.swiper-slide {
    transition: transform 0.25s ease; /* Smooth transition for sliding */
}



@media (min-width: 768px) {
}

@media (min-width: 1200px) {
}

/*end testimonial swiper*/
/*background images*/
.bg1 {
    top: 0;
}

    .bg1 img {
        width: 12vw;
    }

.bg2 {
    top: 0;
    right: 16px;
}

    .bg2 img {
        width: 12vw;
    }

.bg3 {
    bottom: -3rem;
    left: 16px;
}

    .bg3 img {
        width: 10vw;
    }

.bg4 {
    bottom: -3rem;
    right: 16px;
}

    .bg4 img {
        width: 10vw;
    }
/*end*/

/*added by alkesh for scroll to top*/
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: 75px;
    font-size: 0px;
    outline: 0 !important;
    z-index: 99;
    -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: 18px 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: #fff;
        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);
        }
/*end by alkesh*/
/*added alkesh for eventpage*/
.event-body {
    background: floralwhite;
}

.event-month {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.calender {
    background: burlywood;
}

.news-description:not(:has(img)),
.news-description:not(:has(img)) {
    height: 250px;
    overflow: hidden;
}

.events-card-past, .events-card-upcoming {
    cursor: pointer;
}
/*end added by alkesh*/



/*DBK - Started by Dhruvil*/



/*.Header {
    background-image: url(../Images/Slider/BGFlame.jpg);
    background-repeat: repeat-x;
    background-position-y: bottom;
    background-size: contain;
}*/
@keyframes fadeInGlow {
    0% {
        opacity: 0;
        transform: scale(0.95);
        box-shadow: 0 0 0px rgba(255, 0, 0, 0.0);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.02);
        box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0px rgba(255, 0, 0, 0);
    }
}

.slider-title {
    font-size: 4rem;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'cataneo BT';
}

.title-2 {
    color: #c39a34;
}

.slider-subtext {
    font-size: 1.3rem;
    color: #fff;
    font-family: Rasa-Medium;
}



/*Home page about*/

/*#region About us*/

#divHomeAboutOutterWrapper {
    margin-top: 3% !important;
    position: relative;
    margin-bottom: 1% !important;
    z-index: 1;
    padding: 0px;
}

    #divHomeAboutOutterWrapper::before {
        content: "";
        position: absolute;
        top: -14px;
        z-index: -1;
        left: 0px;
        width: 100%;
        height: 105%;
        border: 1px solid #ff492f;
    }

#divHomeCaterOutterWrapper {
    position: relative;
    z-index: 0;
    background-color: #960202;
    top: -75px;
    overflow: hidden;
}

.divHomewelcomeInnerDiv {
    margin-top: 75px;
}

#extraimggallery1 img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    left: 0;
}

#extraimggallery2 img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
}

#divHomeAboutContent img {
    margin: -50px 0px;
}

.CaterHeaderText {
    font-family: 'Rasa-Bold';
    color: #002518;
    text-align: left;
    width: 75%;
    font-size: 36px;
}

#homecatercontent {
    text-align: left;
    color: #002518;
    margin-bottom: 2rem;
    width: 89%;
    font-size: 14px;
}

@media (max-width:992px) {
    #homecatercontent {
        text-align: center;
        color: #002518;
        margin-bottom: 2rem;
        width: 100% !important;
        font-size: 14px;
    }

    .CaterHeaderText {
        font-family: 'Rasa-Bold';
        color: #002518;
        text-align: center;
        width: 100% !important;
        font-size: 28px;
    }
}

@media (max-width:768px) {
    #homecatercontent {
        text-align: center;
        color: #002518;
        margin-bottom: 2rem;
        width: 100% !important;
        font-size: 12px;
    }

    .CaterHeaderText {
        font-family: 'Rasa-Bold';
        color: #002518;
        text-align: center;
        width: 100% !important;
        font-size: 24px;
    }
}

@media (max-width:568px) {
    #homecatercontent {
        text-align: center;
        color: #002518;
        margin-bottom: 2rem;
        width: 100% !important;
        font-size: 12px;
    }

    .CaterHeaderText {
        font-family: 'Rasa-Bold';
        color: #002518;
        text-align: center;
        width: 100% !important;
        font-size: 22px;
    }
}

.divCaterbutton {
    text-align: left;
    margin-top: 8px;
}

#divHomeAboutContent {
}

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

.AboutHeaderText {
    text-transform: uppercase;
    font-family: 'Rasa-Regular';
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
}

.homeaboutcontent {
    padding-top: 20px;
    line-height: 1.6;
    text-align: left;
    font-family: 'Rasa-Regular';
    color: #ffffff;
}

.divHomebutton {
    margin-top: 7%;
    text-align: left;
    margin-bottom: 7%;
}

.satelite-button-home {
    background: #ff492f;
    /*border: 1px solid #ff492f;*/
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 3%;
    padding: 9px 30px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
}

.divHomebutton .satelite-button-home {
    background: transparent !important;
}

    .divHomebutton .satelite-button-home:hover {
        color: #fff !important;
    }

    .divHomebutton .satelite-button-home::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 2px;
        top: 17px;
        /* background-color: #ff492f; */
        border: solid #ff492f;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 4px;
        transform: rotate(138deg);
        z-index: -1;
        transition: 0.4s all;
    }

    .divHomebutton .satelite-button-home::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 2px;
        top: 17px;
        /* background-color: #ff492f; */
        border: solid #ff492f;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 4px;
        transform: rotate(-48deg);
        z-index: -1;
        transition: 0.4s all;
    }

    .divHomebutton .satelite-button-home:hover::before, .divHomebutton .satelite-button-home:hover::after {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        right: 0px;
        background-color: #ff492f;
        border: none;
        padding: 0px;
        transform: rotate(0deg);
        border-radius: 50px;
    }

@media (max-width: 992px) {
    #divHomeAboutContent img {
        margin: 0px 0px;
        z-index: 1;
        position: relative;
    }

    #extraimggallery1 img, #extraimggallery2 img {
        opacity: 0.1;
    }

    #extraimgservice1 img, #extraimgservice2 img {
        opacity: 0.1;
    }
}

@media (max-width: 768px) {
    #divHomeAboutContent {
        flex-direction: column;
        align-items: center;
    }

    .CaterHeaderText {
        text-align: center;
    }

    #homecatercontent {
        text-align: center;
    }

    .divCaterbutton {
        text-align: center;
        margin-bottom: 3rem;
    }

    #divTestimonialWrapperOuter {
        flex-direction: column;
    }

    @media only screen and (max-width:992px) {
        #divTestimonialOutterWrapper {
            flex-direction: column;
            justify-content: center;
        }
    }

    .CommanHeaderText {
        text-align: center !important;
    }

    #extraimgservice1 img {
        opacity: 0.03;
    }

    #extraimgservice2 img {
        display: none;
    }

    #extraimggallery3 img, #extraimggallery4 img {
        opacity: 0.03;
    }
}

@media (max-width: 1200px) {
    #extraimggallery3 img, #extraimggallery4 img {
        opacity: 0.1;
    }
}

#homepagegalleryslider .swiper {
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    z-index: 0 !important;
}

#homepagegalleryslider .swiper-slide {
    background-position: center;
    background-size: cover;
    /*width: 400.333px !important;*/
    /*width: 444.333px !important;*/
    /* height: 300px !important; */
    transition-duration: 0.5s;
}

    #homepagegalleryslider .swiper-slide img {
        display: block;
        width: 100%;
        width: 264px;
        height: 285px;
        margin: 0 0;
    }

#homepagegalleryslider .swiper-slide-active {
    transform: scale(1.15) !important;
    /*margin-right:50px !important;*/
    /* margin-left:3%;*/
}

.swiper-slide-active img {
    /*margin-right: 8.5% !important;*/
}

.GalleryHeaderTitle {
    font-size: 50px;
    font-family: GothamNarrow-Medium;
}

#homepagegalleryslider .swiper-button-prev {
    left: -14px !important;
    height: 49px !important;
    width: 45px !important;
}

#homepagegalleryslider .swiper-button-next {
    left: auto !important;
    right: -24px !important;
    height: 49px !important;
    width: 45px !important;
}

/*@media (max-width:768px) {
    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 150px !important;
    }
}*/
#homepagegalleryslider .swiper-slide-active img {
    margin-left: 14% !important;
}

@media (max-width:1024px) {
    #homepagegalleryslider .swiper-slide-active img {
        margin-left: 16% !important;
    }
}

@media (max-width:992px) {
    #homepagegalleryslider .swiper-slide-active img {
        margin-left: 20% !important;
    }
}

@media (max-width:425px) {
    #homepagegalleryslider .swiper-slide-active img {
        margin-left: 20% !important;
    }
}

#homepagegalleryslider .swiper-slide-next img {
    /*margin-right:0 !important;*/
}

#homepagegalleryslider .active-swiper-slide {
    position: absolute;
    border: 2px solid #fff;
    width: 384px;
    height: 384px;
    z-index: 1;
    display: block;
    /* margin-left:2.64%;*/
}



#homepagegalleryslider {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 3rem 0rem 5rem 0rem;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    /*background-image:url('../Images/Next_Previous.png') !important;*/
    height: 0px !important;
    background-repeat: no-repeat;
    background-position: -12px -20px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    /*background-image:url('../Images/Next_Previous.png') !important;*/
    height: 0px !important;
    background-repeat: no-repeat;
    background-position: 12px -20px !important;
    display: none;
}

    .swiper-button-prev::after, .swiper-button-next::after {
        content: "" !important;
    }

.swiper-button-prev {
    /*left: var(--swiper-navigation-left-offset,33.7%) !important;*/
    background-image: url('../Images/HomePage/GalleryNextPrivios.png') !important;
    width: 49px !important;
    height: 49px !important;
    /*background: #0F1724;*/
    background-size: auto !important;
    background-position: -1px -222px !important;
    margin-left: -6px;
    background-color: #002518;
    border-radius: 50%;
}

.swiper-button-next {
    /*right: var(--swiper-navigation-right-offset,33.7%) !important;*/
    background-image: url('../Images/Home/GalleryNextPrivios.png') !important;
    width: 49px !important;
    height: 49px !important;
    /*background: #0F1724;*/
    background-size: auto !important;
    background-position: -54px -222px !important;
    /*left:62.5% !important;*/
    background-color: #002518;
    border-radius: 50%;
}

    .swiper-button-next:hover .swiper-button-box, .swiper-button-prev:hover #swiper-button-box2 {
        transform: scale(1.06);
    }

.swiper-button-box {
    background: url(../images/Arrows.png) no-repeat;
    background-position: -33.8px center;
    background-size: contain;
    width: 32px !important;
    height: 32px !important;
    transition: 0.3s all;
    background-size: 66px;
    border-radius: 50%;
}

#swiper-button-box2 {
    background: url(../images/Arrows.png) no-repeat;
    background-position: -1.47px center;
    background-size: contain;
    width: 32px !important;
    height: 32px !important;
    transition: 0.3s all;
    background-size: 69px;
    border-radius: 50%;
}

@media only screen and (max-width:1500px) {
    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 170px !important;
    }

    #homepagegalleryslider .swiper-slide-next img {
        margin-left: -75px !important;
    }
}

@media only screen and (max-width:1024px) {
    #homepagegalleryslider .swiper-slide-next img {
        margin-left: 0px !important;
    }

    #homepagegalleryslider .swiper-slide img {
        width: 230px;
        height: 300px;
    }

    #homepagegalleryslider .active-swiper-slide {
        width: 316px;
        height: 404px;
    }

    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 170px !important;
    }
}

@media only screen and (max-width:992px) {
    #homepagegalleryslider .swiper-slide-next img {
        margin-left: -105px !important;
    }

    #homepagegalleryslider .swiper-slide img {
        width: 200px;
        height: 260px;
    }

    #homepagegalleryslider .active-swiper-slide {
        width: 285px !important;
        height: 350px !important;
    }

    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 255px !important;
    }
}

#Gallery-title {
    font-family: 'Rasa-Bold';
    color: #b0c7ad;
}

#divInnerGalleryWrapper {
    position: relative;
}

#extraimggallery3 img {
    position: absolute;
    top: 30%;
    width: 150px;
    left: 0;
}

#extraimggallery4 img {
    position: absolute;
    top: 30%;
    width: 150px;
    right: 0;
}

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

.OurServiceHeader {
    margin-bottom: 0px;
}

#divServiceInnerWrapperLeft {
    float: left;
    /*width: 500px;*/
    height: 506px;
    background: url(../Images/Service_Image.jpg) no-repeat;
    background-size: 100% 100%;
}

.divServiceInnerWrapperRight a {
    text-decoration: none;
    color: #000000;
}

    .divServiceInnerWrapperRight a:hover {
        text-decoration: none;
        color: #000000;
    }

.ServiceBoxIcon {
    background-image: url(../Images/Services_Icon.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    height: 90px;
    width: 90px;
    float: left;
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
}

#ServiceCommanHeaderText:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-bottom: 4px solid #000;
}

.serviceHeader {
    color: #494949;
    font-family: 'Avenir LT Std 55 Roman';
    font-weight: bold;
    font-size: 30px;
}

    .serviceHeader p {
        color: #494949;
        font-family: 'Avenir LT Std 55 Roman';
        font-weight: bold;
        font-size: 30px;
    }

#ServiceBoxIcon1 {
    height: 75px;
    width: 95px;
    background-position: 15px 0px;
}

#ServiceBoxIcon2 {
    height: 75px;
    width: 95px;
    background-position: -75px 0px;
}

#ServiceBoxIcon3 {
    height: 75px;
    width: 95px;
    background-position: -170px 0px;
}

.ServiceBoxWrapper {
    font-family: 'Avenir LT Std 55 Roman';
    padding: 45px 0px 0px 5px;
}

    .ServiceBoxWrapper:hover {
        color: #ed7d31;
    }

        .ServiceBoxWrapper:hover .serviceHeader {
            color: #ed7d31;
        }

#ServiceBoxWrapper1:hover #ServiceBoxIcon1 {
    background-position: 15px -78px;
}

#ServiceBoxWrapper2:hover #ServiceBoxIcon2 {
    background-position: -75px -78px;
}

#ServiceBoxWrapper3:hover #ServiceBoxIcon3 {
    background-position: -170px -78px;
}

@media only screen and (max-width: 1026px) {
    #divServiceInnerWrapperLeft {
        display: none;
    }
}

#divHomeServices {
    margin-bottom: 6rem;
}

#row1 .ServicesImgBox {
    width: 81px;
    height: 81px;
    background: url(../Images/Services-Icon.png) no-repeat;
    transition: background-position 1s;
}

#ServicesImgBox1 {
    background-position: 0px 0px;
}

#ServicesImgBox2 {
    background-position: -87px 0px !important;
}

#ServicesImgBox3 {
    background-position: -168px 0px !important;
}

.card-body {
    position: relative;
    /* bottom: 20px; */
    padding: 0px 1px;
    padding-top: 1rem;
    font-family: 'Rasa-Medium';
}

    .card-body .ServicesBtn {
        font-family: 'Rasa' !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

.card-text {
    font-size: 14px;
    padding: 40px 0px;
    font-family: 'Rasa';
}

#row1 {
    display: flex !important;
    justify-content: space-evenly !important;
}

.ServicesCards {
    position: relative !important;
    z-index: 1;
    padding: 30px 15px;
    transition: 0.5s all;
    width: 300px !important;
    cursor: pointer;
    color: #ffffff;
    border-radius: 20px;
    border: 1px solid #b0c7ad;
}

    .ServicesCards:hover {
        background-color: #b0c7ad;
    }

        .ServicesCards:hover .ServicesImgBox, .ServicesCards:hover #ServicesImgBox2, .ServicesCards:hover #ServicesImgBox3, .ServicesCards:hover #ServicesImgBox4 {
            background-position-y: -90px !important;
        }

.card-title {
    font-size: 24px;
    font-family: 'Rasa-Bold';
    margin-bottom: 0px;
    margin-top: 21px;
}

.ServicesCards:hover .card-title, .ServicesCards:hover .card-text {
    color: #002518;
}

.ServicesBtn {
    border-radius: 0px !important;
    padding: 6px 18px !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-weight: bold !important;
    position: relative;
    z-index: 3;
    font-size: 18px !important;
    transition: 0.4s all;
}

.ServicesCards:hover .ServicesBtn {
    color: #ffffff !important;
    background-color: #002518;
    box-shadow: 0px 11px 20px -4px #0f172491;
    transform: translatey(-6px);
}

#divServicesBlock {
    position: relative;
}

#extraimgservice1 img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}

#extraimgservice2 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}

.testimonial-text, .testimonial-auther, .testimonial-location {
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-family: Roboto;
    letter-spacing: 1px;
    color: #333;
}

.testimonial-auther {
    padding-top: 15px;
    color: #c75c28;
}

/*#TestimonialSection {
        padding: 1rem 0px 2rem 0px;
        background: url("../Images/Testimonial-BG.jpg") no-repeat;
        background-position: top center;
        background-position: right;
        background-size: contain;
    }*/

/* #divTestimonialWrapper .bx-wrapper {
        -moz-box-shadow: 0 0 0px #ccc !important;
        -webkit-box-shadow: 0 0 0px #ccc !important;
        box-shadow: 0 0 0px #ccc !important;
        border: 1px solid #b0c7ad !important;
        background: #b0c7ad;
        margin-bottom: 0px !important;
        width: 100%;
        height: auto !important;
    }*/

/*#testimonialBox2 .bx-wrapper {
        background: transparent !important;
        border-color: #ffffff !important;
    }*/

/* #divTestimonialsOuter .bx-viewport {
        margin-top: 5rem;
        margin-left: 20px;
    }

    #divTestimonialWrapper {
        padding: 32px 0px 25px 0px;
        width: 100%;
    }

    .divTestimonialIcon {
        background: url(../images/Testimonial-Icon-01.png) no-repeat;
        height: 90px;
        border-radius: 100%;
        background-position: 0px;
        width: 66px;
        margin: -53px auto;
        margin-left: 46px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        z-index: 3;
    }

    #divTestimonialIcon2 {
        background-position: -67px;
    }

    #divTestimonialWrapper .bx-wrapper {
        position: inherit !important;
        padding: 0px 0px 0px 0px;
    }*/

/*@media (max-width: 425px) {
        #divTestimonialsOuter .bx-viewport {
            margin-left: 0px !important;
            margin-top: 6rem;
        }
    }

    .bx-wrapper .bx-viewport {
        left: 8px !important;
        height: 233px !important;
    }

    #divTestimonialsOuter .bx-viewport .bxslider li {
        height: 193px !important;
    }

    #homeReviewText {
        font-family: 'Rasa';
        color: #002518;
        font-size: 16px;
        text-align: left;
    }

    .homeReviewDetail {
        text-align: left;
        width: 100%;
        padding: 3px 19px 20px 0px;
        color: #002518;
        font-size: 20px;
        font-family: 'Rasa';
    }

    #divTestimonialsOuter .bx-viewport .bxslider2 li {
        height: 193px !important;
    }

    .bx-controls.bx-has-pager.bx-has-controls-direction {
        padding: 0px 0px 9px 0px;*/
/* display: none;*/
/*}

    #divTestimonialOutterWrapper {
        margin-bottom: 0%;
        display: flex;
        flex-direction: column;*/
/* justify-content: center; */
/*align-items: center;
    }*/

#divTestimonialInnerWrapper2 {
}

#testiBtnContainer {
    margin-top: 7%;
    text-align: center;
    margin-bottom: 7%;
}

#testiHeading .CommanHeaderText {
    text-align: center;
    padding: 8px 0px 0px 0px !important;
}

.testimonial-button-home {
    color: #fff;
    text-align: center;
    padding: 9px 30px;
    border-radius: 50px;
    border: 1px solid;
    transition: background-color 0.3s ease;
}

    .testimonial-button-home:hover {
        color: #002518;
        border: 1px solid;
        background: #b0c7ad;
        box-shadow: 0px 11px 20px -4px #0f172491;
        transform: translatey(-6px);
    }

#testiHeading {
}

@media (max-width: 768px) {


    .text-column, .slider-subtext {
    }
}

.swiper-slide-active img {
    /*width:100% !important;*/
}
/*End home page about*/

/*#region Master Page Footer Starts Here ***/
/* Footer V3 */

div#MasterFooterOutterWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 0rem 1rem 0rem;
    font-size: 15px;
    font-weight: bold;
}

#divFooter {
    font-size: 12px;
    background: #1c1c1c;
    vertical-align: top;
    margin-top: -15px;
}

#divPhoneNumber {
    line-height: 25px;
}

#PageFooter {
    text-align: left;
    color: #fff;
    /*overflow: hidden;*/
}

    #PageFooter a {
        text-decoration: none;
        color: #f3eeee;
        outline: none;
        border: 0;
        transition: 0.5s all;
    }

#divFooterLeft {
    float: left;
    text-align: left;
}

#divMasterPageFooter {
    color: #333;
    text-align: left;
    line-height: 1.6;
}


#divFooterMiddle {
}

#divFooterMenu {
    float: left;
    padding-bottom: 5px;
}

#divMasterPageFooterLink {
}

#divCreditCard {
}

#divFooterRight {
    text-align: right;
}

#divMasterPageCompanyName {
}

.CompanyLink {
    transition: 0.5s all;
    font-size: 1.2em;
    color: #092440;
}

    .CompanyLink:hover {
        color: #fff !important;
    }

a {
    text-decoration: none;
}

.privacypolicy {
}

a.privacypolicy {
}

    a.privacypolicy:hover {
    }

/*****************Footer Quick Links*****************/
#divMasterPageFooterQuickLinks {
    padding: 15px;
    font-family: "OpenSans-Regular";
    font-size: 16px;
    color: #fff;
}

    #divMasterPageFooterQuickLinks h2 {
        text-transform: uppercase;
        font-size: 24px;
        margin: 0 0 5px;
    }

    #divMasterPageFooterQuickLinks a:hover {
        text-decoration: underline;
        color: #fff !important;
    }
/**********************************/

/********* Ends Footer V3******/

.site-footer.footer-v3 .footer-logo {
    width: 16.6666666667%;
}

.site-footer.footer-v3 .footer-logo {
    margin: 0;
}

.site-footer.footer-v3 .footer-logo, .site-footer.footer-v3 .footer-menu, .site-footer.footer-v3 .footer-social-icons {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

    .site-footer.footer-v3 .footer-menu ul, .site-footer.footer-v3 ul.footer-menu {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: .938em;
        display: inline-block;
        text-align: center;
    }


.site-footer.footer-v3 .footer-menu {
    width: 66.6666666667%;
}

.site-footer.footer-v3 {
    background-color: #b0c7ad !important;
    color: #002518 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -21px;
}

    .site-footer.footer-v3 .footer-menu ul, .site-footer.footer-v3 ul.footer-menu {
        line-height: 2.5;
    }

        .site-footer.footer-v3 .footer-menu ul > li, .site-footer.footer-v3 ul.footer-menu > li {
            display: inline-block;
        }

            .site-footer.footer-v3 ul.footer-menu > li a {
                display: inline-block;
                color: #ffffff !important;
            }

.site-footer {
    background-color: #f3f3f3;
    color: #999;
    padding: 1.618em 0 3.706325903em;
}

.col-full, .container, .woocommerce-breadcrumb {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

}


#PageFooter a {
    /*font-size: 1.2em !important;*/
}

#PageFooter #menu-footer-menu span {
    font-size: 16px !important;
    font-family: 'Rasa' !important;
}

.site-footer.footer-v3 .footer-row {
    border-bottom: 1px solid #ffffff !important;
}

.footerpolicy {
    font-size: 1.2em !important;
    padding: 0px 7px !important;
    color: #ffffff;
}

.phone-number a {
    color: #2d2b2d;
    text-decoration: none;
}

.header-phone-numbers .phone-number {
    font-weight: 600;
    color: #fff;
    font-size: 2em;
    line-height: 1;
    letter-spacing: -.01em;
    display: block;
}

.header-phone-numbers .header-phone-numbers-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-v1 .header-phone-numbers {
    padding-left: 0;
    padding-right: 40px;
}

.header-v1 .header-info-wrapper {
    padding: 0;
    display: flex;
}

.header-v1 .header-info-wrapper, .header-v1 .header-phone-numbers, .header-v1 .main-navigation, .header-v1 .site-branding, .header-v1 .site-header-cart, .header-v1 .site-header-cart-v2 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-phone-numbers .intro-text, .header-phone-numbers .select-city-phone-numbers {
    display: inline-block;
    font-size: 1.1em;
    line-height: 1;
    vertical-align: middle;
    letter-spacing: -.025em;
    padding-bottom: 6px;
}

.header-phone-numbers .intro-text {
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.primary-navigation .menu .nav-menu > li > a, .primary-navigation .menu > li > a {
    color: #000;
}

.header-v1 .primary-navigation .menu ul.nav-menu > li > a::before, .header-v1 .primary-navigation .menu > li > a::before {
    content: " ";
    display: block;
    height: 2px;
    width: 42px;
    margin: 0 auto;
    margin-top: 6px;
    background-color: #ffae00;
    visibility: hidden;
    bottom: 14px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
/*.nav li span:hover {
    content: " ";
    display: block;
    height: 2px;
    width: 42px;
    margin: 0 auto;
    margin-top: 6px;
    background-color: #ffae00;
    visibility: hidden;
    bottom: 14px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}*/
#Contact-Us1 {
    display: none;
}

@media (min-width: 768px) {
    .site-header {
        padding-top: 2.617924em;
    }
}

.main-navigation ul li.focus > a, .main-navigation ul li:hover > a {
    color: #d62827;
}

/*.nav #navigation ul#navigation > li > a::before, .nav > #navigation > li > a::before {
    content: " ";
    display: block;
    height: 2px;
    width: 42px;
    margin: 0 auto;
    margin-top: 6px;
    background-color: #ffae00;
    visibility: hidden;
    bottom: -12px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}*/

.nav ul#navigation > li:hover > a::before, .nav #navigation ul#navigation > li:hover > a::before {
    visibility: visible;
}

.button {
    background-color: #ffcc33; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.button-yellow {
    background-color: #ffcc33;
    color: white;
    border: 2px solid #ffcc33;
}

    .button-yellow:hover {
        background-color: white;
        color: black;
    }

a.button {
    text-decoration: none !important;
}

.viewcartaspx > #divContainer, .ordercheckoutaspx > #divContainer {
    margin-top: 2%;
}

.phone-number a:focus, a:hover {
    color: #23527c;
    text-decoration: none !important;
}

#orderCheckout {
    padding-bottom: 2%;
}

.tcGrandTotalText, .tcGrandTotalValue {
    color: #000;
}

@media (max-width:767px) {
    .footer-logo, .footer-menu {
        width: 100% !important;
    }

    .site-footer.footer-v3 .footer-logo, .site-footer.footer-v3 .footer-menu, .site-footer.footer-v3 .footer-social-icons {
        float: none;
        position: inherit;
        padding: 0px !important;
    }

    .NavXcart-template {
        left: 0px !important;
        width: 230px;
    }
}

.admindashboardaspx #divContainer {
    width: 80%;
    margin: auto;
    padding: 15px 0px;
}

.itemprice {
    text-align: right;
}

#ctl00_ContentPlaceHolder1_ItemDetailsPanelControl_ItemQuantityValue {
    margin-left: 10px;
}

.TCPromoCodeValue {
    padding: 10px;
}


.divFooterHeading {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    font-family: FuturaCondensed;
}

.divFooterHeadingSeperator {
    background-image: url(../Images/footerheaderseperator.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    padding-top: 1px;
    margin-top: 10px;
}

#divFooterBottom {
    background-color: #7a0607;
    height: auto;
    font-size: 13px;
    /* padding: 10px 0px 0px 0px;*/
    padding: 0px 10px;
}


.divSocialMedia {
    margin-right: 20px;
}

.socialImage {
    background-image: url(../Images/Social-Logo.png);
    background-repeat: no-repeat;
    height: 63px;
    width: 63px;
    transition: 0.5s all;
}

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

#divFacebook {
    background-position: 0px -65px;
}

#divTwitter {
    background-position: -163px 0px;
}

#divGoogle {
    background-position: -107px 0px;
}

#divInstagram {
    background-position: -68px -65px;
}

.divSocialMedia:hover #divFacebook {
    background-position: 0px 0px;
}

.divSocialMedia:hover #divTwitter {
    background-position: -163px -55px;
}

.divSocialMedia:hover #divInstagram {
    background-position: -68px 0px;
}

.FooterLink {
    color: #092440;
}

    .FooterLink a:hover {
        color: #fff !important;
    }

#MasterPageFooter2 {
    padding: 7px 0px;
    background-color: #A00E11;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'SegoeUI';
}

.account_link:hover {
    color: #306db3 !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    /* padding-left: 15px;
        padding-right: 15px;*/
}

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

    /*#region home page*/

    /*#region services*/

    #row1 {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .ServicesCards {
        bottom: 0px;
        margin-top: 22px;
    }

    #divHomeServices {
        margin: 20px 0px 50px 0px;
    }

    /*#endregion*/

    /*#region testimonials*/

    div#testimonialBox2 {
        margin-top: 113px;
    }

    #divTestimonialsOuter .divTestimonialIcon {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    /*#endregion*/

    /*#region app section*/
    #AppHeaderTextBox .CommanHeaderText, #AppSectioncontent {
        text-align: center;
    }

    #divAppBtnContainer {
        justify-content: center;
    }

    .FanctionalityList {
        margin: auto;
    }

    #divAppContentWrapper {
        margin-top: 0rem !important;
    }
    /*#endregion*/

    /*#region footer*/

    #MasterPageFooter2 {
        flex-direction: column;
    }

    /*#endregion*/

    /*#endregion*/

}

@media only screen and (max-width:768px) {
    #divTestimonialOutterWrapper {
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (max-width:576px) {
    #divJITPromo #divSpecialPromo img {
        width: 259px !important;
        flex-direction: column;
        justify-content: center;
    }

    #divAppBtnContainer {
        flex-direction: column;
    }
}


.bx-controls.bx-has-pager.bx-has-controls-direction {
    padding: 0px 0px 0px 0px;
}



#divTestimonialWrapperOuter h1 {
    padding: 30px 0px 30px 0px;
}

/* #divTestimonialWrapper .bx-wrapper {
        -moz-box-shadow: 0 0 0px #ccc !important;
        -webkit-box-shadow: 0 0 0px #ccc !important;
        box-shadow: 0 0 0px #ccc !important;
        border: 1px solid #b0c7ad !important;
        margin-bottom: 0px !important;
        width: 100%;
        height: auto !important;
    }*/

#testimonialBox2 #homeReviewText, #testimonialBox2 .homeReviewDetail {
    color: #ffffff;
}

.homeReviewWrapper {
    /*float: right;*/
    margin: 0 auto;
    width: 100% !important;
}

.homeReviewText {
    text-align: center;
    color: #636363;
    font-family: "Segoe UI";
    font-size: 15px;
    line-height: 1.7;
    margin: 0px 0px 0px -40px;
    float: none;
}


.homeReviewAuthor {
    width: 950px;
    margin: 0px 0px 0px -35px;
    text-align: center;
    font-family: "Segoe UI";
    font-size: 17px;
    font-weight: bold;
    color: #636363;
}

#divTestimonialWrapper .bx-wrapper {
    /* max-width: 1000px !important; */
    position: inherit !important;
    padding: 10px 0px 0px 0px;
    margin-left: auto;
    margin-right: auto;
}


    #divTestimonialWrapper .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: inherit;
        /* bottom: -23px; */
        /* width: auto; */
        /* float: none; */
        /* right: 0px; */
        /* margin: 0 auto; */
    }

    #divTestimonialWrapper .bx-wrapper .bx-pager {
        display: block !important;
        padding-top: 0px;
    }

.bx-wrapper .bx-pager.bx-default-pager a {
    /* background-color: #fff !important; */
    text-indent: -9999px;
    display: block;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 15px !important;
    border: 0px solid #fff !important;
    /* display: none; */
}


/*.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #30632B !important;
        display: block;
    }*/
.bx-wrapper {
    width: 100%;
    /*margin-left:-15px !important;*/
}

    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #c39a34 !important;
        display: block;
    }

/*Before Quotes Display*/
.homeReviewText::before {
    content: "\"";
    font-size: 15px;
    font-family: "OpenSans-Regular";
    /*position: relative;*/
    top: 14px;
    display: none;
}
/*After Quotes Display*/
.homeReviewText::after {
    content: "\"";
    font-size: 15px;
    font-family: "OpenSans-Regular";
    /*position: relative;*/
    top: 27px;
    display: none;
}
/***************Display Bullest***************/
#divTestimonialWrapper .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 100%;
    display: block;
    /*display: none;*/
}

/*.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
}*/

#HomePageGalleryWrapper .swiper-button-next, #HomePageGalleryWrapper .swiper-button-prev {
    display: none !important;
}



@media (max-width:1320px) and (min-width:992px) {
    #extraimgservice1 img, #extraimgservice2 img {
        opacity: 0.2;
    }
}

.CommanHeaderText {
    text-align: center;
    font-family: 'Rasa';
    font-size: 37px;
    padding: 0px 0px 30px 0px;
    margin: 0 auto;
    font-weight: bold;
    color: #b0c7ad !important;
}

#menu-item-1469 span, #menu-item-1468 span, #menu-item-1467 span {
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

#menu-item-1465 {
    display: block;
}

#menu-item-1469 span, #menu-item-1468 span, #menu-item-1467 span {
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

.font-lightgreen {
    color: #b0c7ad !important;
}

.menuorder {
    background-color: #b0c7ad;
    padding: 10px 10px 10px 10px;
    border-radius: 50px;
    font-family: 'BR Hendrix';
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    z-index: 1;
    animation: blink-bg 1.5s infinite alternate;
    font-size: 14px;
    transition: background-color 1s ease-in, 1s ease-in-out;
    text-transform: capitalize;
}

    .menuorder::before {
        content: "";
        /*position: absolute;*/
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background-color: #ff492f;
        top: 19px;
        left: -2px;
        z-index: -1;
        transition: 0.4s all;
    }

    .menuorder:hover::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50px;
        background-color: #7d996f;
        top: 0px;
        left: 0px;
        z-index: -1;
    }

@keyframes blink-bg {
    0% {
        background-color: #b0c7ad;
        color: #000;
    }

    50% {
        background-color: #b0c7ad;
        color: #000;
    }

    100% {
        background-color: #ff0000;
        color: #fff;
    }
}


.top-20 {
    top: 20px !important;
}

/* #divTestimonialWrapper .bx-wrapper:hover {
        background-color: #b0c7ad !important;
        color: #222 !important;
        transition: 0.5s ease-in;
    }*/

#MenuItemInfo1 span {
    color: #616161 !important;
    font-family: Rasa-Regular;
}

select option {
    /* background: #b0c7ad;
        color: black;*/
}

.text-lightgreen {
    color: #b0c7ad !important;
}

@keyframes flipInY {
    0% {
        transform: perspective(800px) rotateY(90deg);
        opacity: 0;
    }

    100% {
        transform: perspective(800px) rotateY(0deg);
        opacity: 1;
    }
}

.carousel-item {
    /* height: 430px;*/
}

@media (max-width:1200px) {
    .carousel-item {
        /*height: 400px;*/
    }

    .slider-title {
        font-size: 3rem;
    }

    .slider-subtext {
        font-size: 2rem;
    }
}

@media (max-width:992px) {

    .carousel-item {
        /* height: 320px;*/
    }

    .slider-title {
        font-size: 35px;
    }

    .slider-subtext {
        font-size: 16px;
    }

    .slider-onlineBtn, .slider-tableBtn {
        font-size: 14px !important;
    }
}

@media (max-width:768px) {
    .carousel-inner {
        top: 0 !important;
    }

    .carousel-item {
        /*height: 260px;*/
    }

    .slider-title {
        font-size: 26px;
        text-align: left;
    }

    .slider-subtext {
        font-size: 12px;
        text-align: left;
    }

    .slider-onlineBtn, .slider-tableBtn {
        font-size: 10px !important;
    }

    .slider-button {
        width: fit-content !important;
    }
}

@media (max-width:510px) {
    .carousel-item {
        /* height: 195px;*/
    }

    .slider-title {
        font-size: 20px;
        text-align: left;
    }

    .slider-subtext {
        font-size: 10px;
        text-align: left;
    }

    .slider-onlineBtn, .slider-tableBtn {
        font-size: 10px !important;
    }

    .slider-button {
        width: fit-content !important;
    }
}

@media (max-width:428px) {
    .carousel-item {
        /*height: 165px;*/
    }

    .slider-title {
        font-size: 18px;
        text-align: left;
    }

    .slider-subtext {
        font-size: 10px;
        text-align: left;
    }

    .slider-onlineBtn, .slider-tableBtn {
        /*font-size: 8px !important;*/
        padding: 6px !important;
        padding-bottom: 3px !important;
    }

    .slider-button {
        width: fit-content !important;
        margin-top: 0px !important;
    }
}

@media (max-width:375px) {


    .slider-title {
        font-size: 16px;
        text-align: left;
    }

    .slider-subtext {
        font-size: 8px;
        text-align: left;
    }

    .slider-onlineBtn, .slider-tableBtn {
        font-size: 8px !important;
        padding: 6px !important;
        padding-bottom: 3px !important;
    }

    .slider-button {
        width: fit-content !important;
        margin-top: 0px !important;
    }
}

.footer-contact {
    font-size: 1rem;
    font-weight: 500;
    flex-wrap: wrap;
    gap: 10px;
    color: #000;
    border-bottom: 1px solid #006b33;
    font-family: Rasa-Bold;
}

    .footer-contact .footer-item {
        padding: 5px 10px;
    }

        .footer-contact .footer-item a {
            color: #000;
            text-decoration: none;
            transition: color 0.3s ease;
            font-family: Rasa-Bold;
        }

            .footer-contact .footer-item a:hover {
                color: #ffcc00; /* or brand color */
            }

    .footer-contact .footer-separator {
        font-size: 1.2em;
        color: #002518;
        padding: 0 5px;
    }

/* Responsive: Stack items on very small screens */
@media (max-width: 575.98px) {
    .footer-contact {
        flex-direction: column;
        gap: 5px;
    }

        .footer-contact .footer-separator {
            display: none;
        }
}

.maillink a {
    color: #000 !important;
    font-family: Rasa-Bold;
}

.gallery-frame {
    height: 440px;
    width: 330px;
    border: 1px solid white;
    position: absolute;
    left: 50%;
}

.swiper-slide-prev, .swiper-slide-next {
}

.swiper-slide-active {
    zoom: 1.1;
}


#homepagegalleryslider .swiper {
    width: 100%;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    z-index: 0 !important;
}

#homepagegalleryslider .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 391.333px !important;
    /* height: 300px !important; */
    transition-duration: 0.5s;
}

    #homepagegalleryslider .swiper-slide img {
        display: block;
        width: 100%;
        width: 250px;
        height: 320px;
        margin: auto;
    }

#homepagegalleryslider .swiper-slide-active {
    transform: scale(1.1) !important;
    /*margin-right:50px !important;*/
}

.swiper-slide-active img {
    /*margin-right: 8.5% !important;*/
}

.GalleryHeaderTitle {
    font-size: 50px;
    font-family: GothamNarrow-Medium;
}

#homepagegalleryslider .swiper-button-prev {
    left: -14px !important;
    height: 49px !important;
    width: 45px !important;
}

#homepagegalleryslider .swiper-button-next {
    left: auto !important;
    right: -24px !important;
    height: 49px !important;
    width: 45px !important;
}

#homepagegalleryslider .swiper-slide-prev img {
    /*margin-right:0 !important;*/
}

#homepagegalleryslider .swiper-slide-next img {
    /*margin-right:0 !important;*/
    margin-left: 10px
}

#homepagegalleryslider .active-swiper-slide {
    position: absolute;
    border: 2px solid #fff;
    width: 350px;
    height: 430px;
    z-index: 2;
    display: block;
}



#homepagegalleryslider {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 3rem 0rem 3rem 0rem;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    /*background-image:url('../Images/Next_Previous.png') !important;*/
    height: 0px !important;
    background-repeat: no-repeat;
    background-position: -12px -20px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    /*background-image:url('../Images/Next_Previous.png') !important;*/
    height: 0px !important;
    background-repeat: no-repeat;
    background-position: 12px -20px !important;
    display: none;
}

    .swiper-button-prev::after, .swiper-button-next::after {
        content: "" !important;
    }

.swiper-button-prev {
    /*left: var(--swiper-navigation-left-offset,33.7%) !important;*/
    background-image: url('../Images/HomePage/GalleryNextPrivios.png') !important;
    width: 49px !important;
    height: 49px !important;
    /*background: #0F1724;*/
    background-size: auto !important;
    background-position: -1px -222px !important;
    margin-left: -6px;
    background-color: #002518;
    border-radius: 50%;
}

.swiper-button-next {
    /*right: var(--swiper-navigation-right-offset,33.7%) !important;*/
    background-image: url('../Images/HomePage/GalleryNextPrivios.png') !important;
    width: 49px !important;
    height: 49px !important;
    /*background: #0F1724;*/
    background-size: auto !important;
    background-position: -54px -222px !important;
    /*left:62.5% !important;*/
    background-color: #002518;
    border-radius: 50%;
}

    .swiper-button-next:hover .swiper-button-box, .swiper-button-prev:hover #swiper-button-box2 {
        transform: scale(1.06);
    }

.swiper-button-box {
    background: url(../Images/Arrows.png) no-repeat;
    background-position: -33.8px center;
    background-size: contain;
    width: 32px !important;
    height: 32px !important;
    transition: 0.3s all;
    background-size: 66px;
    border-radius: 50%;
}

#swiper-button-box2 {
    background: url(../Images/Arrows.png) no-repeat;
    background-position: -1.47px center;
    background-size: contain;
    width: 32px !important;
    height: 32px !important;
    transition: 0.3s all;
    background-size: 69px;
    border-radius: 50%;
}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1024px) {
    #homepagegalleryslider .swiper-slide-next img {
        margin-left: -55px !important;
    }

    #homepagegalleryslider .swiper-slide img {
        width: 230px;
        height: 300px;
    }

    #homepagegalleryslider .active-swiper-slide {
        width: 316px;
        height: 404px;
    }

    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 170px !important;
    }
}

@media only screen and (max-width:992px) {
    #homepagegalleryslider .swiper-slide-next img {
        margin-left: -105px !important;
    }

    #homepagegalleryslider .swiper-slide img {
        width: 200px;
        height: 260px;
    }

    #homepagegalleryslider .active-swiper-slide {
        width: 268px;
        height: 340px;
    }

    #homepagegalleryslider .swiper-slide-prev img {
        margin-left: 255px !important;
    }
}

#Gallery-title {
    font-family: 'Rasa-Bold';
    color: #b0c7ad;
}

#divInnerGalleryWrapper {
    position: relative;
}

#extraimggallery3 img {
    position: absolute;
    top: 30%;
    width: 150px;
}

#extraimggallery4 img {
    position: absolute;
    top: 30%;
    width: 150px;
    right: 0;
}

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

@keyframes rotateIn {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(330deg);
    }
}

.popup-nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*background-color: rgba(0,0,0,0.5);*/
    color: #333;
    border: none;
    font-size: 2rem;
    padding: 10px 16px;
    cursor: pointer;
    z-index: 1050;
    transition: background-color 0.3s;
}

    .popup-nav-button:hover {
        color: black;
    }

    .popup-nav-button.left {
        left: 10px;
    }

    .popup-nav-button.right {
        right: 10px;
    }



/* .swiper-slide-next {
    margin-right: 180px !important;
}
.swiper-slide-active {
    margin-right: 180px !important;
}*/

/* #endregion Master Page Footer Ends Here */
/*Default Styles*/

/*Ended*/

/*Ended by Dhruvil*/

/*Added by mahir*/
@media only screen and (max-width:1399px) and (min-width:1200px) {
    .masterPageNavbarLi a,
    .masterPageNavbarLink {
        font-size: 13px;
    }

    .masterPageNavbarLink {
        height: 28px;
    }

    .HeaderLogoImg {
        /* width: 288px !important;*/
    }
}

.carousel-inner {
    top: 0px;
}

.slider-button {
}

.sliderBtnOuterDiv {
    margin-top: 30px;
    margin-bottom: 25px;
}

.slider-onlineBtn {
    color: #092440;
    font-family: Rasa-Medium;
    border: 1px solid #fff;
    padding: 10px;
    padding-bottom: 6px;
    font-size: 20px;
    transition: all .6s ease-out;
    background: #fff;
}

    .slider-onlineBtn:hover {
        background: #306db3;
        color: #fff;
    }

.slider-tableBtn {
    color: #ffffc5;
    font-family: Rasa-Medium;
    border: 1px solid #fff;
    padding: 10px;
    padding-bottom: 6px;
    font-size: 20px;
    transition: all .6s ease-out;
    background: #306db3;
}

    .slider-tableBtn:hover {
        background: #fff;
        color: #306db3;
    }

.slider-button {
    margin-top: 20px;
}

.Goldenborder {
    background: url("../Images/Border.jpg");
    height: 9px;
}

@media only screen and (max-width:992px) {
    .WelcomeOuterDiv {
    }
}

@media only screen and (max-width:768px) {
    #HomePageGalleryOuterWrapper .aboutContent {
        position: relative;
        top: -10px !important;
    }

    .WelcomeOuterDiv {
    }
}

@media only screen and (max-width:510px) {
    #HomePageGalleryOuterWrapper .aboutContent {
        position: relative;
        top: -10px !important;
    }

    .WelcomeOuterDiv {
    }
}
/*-------------------- Welcome Section Start ------------------------------*/
.WelcomeOuterDiv {
    position: relative;
}

.text_container {
    padding-top: 38%;
    padding-bottom: 20%;
}

.homepagegallery_top_border {
}

#welcomeimg1,
#welcomeimg2 {
    position: absolute;
}

#welcomeimg1 {
    left: 0;
    bottom: 0px;
    z-index: 1;
    height: 80%;
    width: 160px;
}

#welcomeimg2 {
    right: 0;
    bottom: 0px;
    height: 80%;
    width: 160px;
}

.MainContainDiv {
    margin: 0 auto !important;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#welcomeimg1Main {
    background: url(../Images/HomePage/RNMFlower1.jpg) no-repeat;
    background-size: contain;
    /* background-size: 100%; */
    height: calc(100% - 20px);
    margin-top: 10px;
    background-position: left bottom;
}

#welcomeimg2Main {
    background: url(../Images/HomePage/RNMFlower2.jpg) no-repeat;
    background-size: contain;
    /* background-size: 100%; */
    height: calc(100% - 20px);
    margin-top: 10px;
    background-position: right bottom;
}

.welcome_img_container {
    padding-top: 15%;
    padding-bottom: 15%;
}

.info_t1 {
    font-family: 'Rasa-SemiBold';
    font-size: 45px;
    text-align: start;
    color: #ffffff;
}

.info_t2 {
    font-family: 'Rasa-SemiBold';
    font-size: 45px;
    text-align: start;
    color: #a1211f;
}

.info_content p {
    text-align: start;
    font-family: 'Rasa-Light';
    font-size: 14px;
    text-align: start;
    color: #ffffff;
}

.info_btn {
    display: flex;
    text-align: start;
}

.info_button {
    text-decoration: none !important;
    font-family: 'Rasa-Medium';
    font-size: 14px;
    color: #ffffff !important;
    border: 1px solid white;
    padding: 10px 12px;
    transition: 0.4s all;
}

    .info_button:hover {
        color: #000000;
        background-color: #c39a34;
    }

a:hover {
    text-decoration: none !important;
}

@media (max-width:768px) {
    .MainContainDiv {
        flex-direction: column;
    }

    .welcome_img_container {
        margin: 10%;
        /*opacity: 0.3;*/
    }

    .info_btn {
        justify-content: center;
    }

    .text_container {
        padding-top: 0%;
        padding-bottom: 10%;
    }

    #welcomeimg1, #welcomeimg2 {
        width: 100px;
    }

    .TextcontentDiv, .ImgcontentDiv {
        width: 100% !important;
    }
    /*.TextcontentDiv {
        position:absolute !important;
    }*/
    .info_t1, .info_t2 {
        text-align: center;
    }

    .info_content p {
        text-align: center;
    }
}

@media (max-width:1199px) {
    .info_t1, .info_t2 {
        font-size: 42px;
    }

    .info_content p {
        font-size: 12px;
    }
}

@media (max-width:1024px) {
    .info_t1, .info_t2 {
        font-size: 30px;
    }

    .info_content p {
        font-size: 12px;
    }

    .info_button {
        font-size: 12px;
        padding: 6px 10px;
    }
}

@media (max-width:991px) {
    .info_t1, .info_t2 {
        font-size: 27px;
    }

    .info_content p {
        font-size: 12px;
    }

    .info_button {
        font-size: 12px;
        padding: 6px 10px;
    }

    .welcome_img_container {
        padding-top: 0%;
        padding-bottom: 0%;
    }
}
/*-------------------- Welcome Section End ------------------------------*/
/*----------------------Service Section Start---------------------------------------------*/
.ServiceWrapperMainDiv {
    position: relative;
}

.serviceWrapper {
    margin: 0 auto !important;
}

/*1st service */
.main_service_div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.service_img1 {
    margin-top: 5%;
    height: 72px;
    width: 76px;
    background-position: 0px 0px;
}

.service_img1,
.service_img2,
.service_img3,
.service_img4 {
    background-image: url(../Images/HomePage/Services-Icon.png);
}

.service_title {
    margin-top: 12% !important;
}



.ordernow_btn {
    margin-top: 12% !important;
}

.main_service_div_wrapper:hover .service_img1 {
    background-position: 0px 72px;
}

.main_service_div:hover .service_title {
    transition: 0.4s all;
}


/*end*/
/*2nd service */

.service_img2 {
    margin-top: 5%;
    height: 72px;
    width: 80px;
    background-position: -72px 0px;
}

.main_service_div_wrapper:hover .service_img2 {
    background-position: -72px -83px;
}

/*end*/
/*3rd service */

.service_img3 {
    margin-top: 5%;
    height: 72px;
    width: 72px;
    margin-top: 5%;
    background-position: -149px 0px;
}


@media (max-width:992px) {
    .service_bg_ {
        padding: 5% !important;
    }
}

@media (max-width:768px) {
    .service_title {
        margin-top: 5% !important;
    }

    .ordernow_btn {
        margin-top: 5% !important;
    }
}

.main_service_div_wrapper:hover .service_img3 {
    background-position: -149px -83px;
}

.main_service_div_wrapper:hover .service_title span {
    color: #7a0607;
    transition: 0.5s ease-in-out;
}
/*end*/
/*4th service */
.service_img4 {
    margin-top: 5%;
    height: 72px;
    width: 80px;
    background-position: -228px 0px;
}

.main_service_div:hover .service_img4 {
    background-position: -228px 73px;
}

/*end*/

.service_i {
    display: flex;
    justify-content: center;
}

.service_title span {
    /*white-space: nowrap;*/
    color: #ffdcba;
}

.MiddleServiceSection {
    /* border-width: 0 1px;
    border-image-source: url(../Images/HomePage/Sep.jpg);
    border-image-slice: 0 20;
    border-image-repeat: stretch;
    border-style: solid;*/
}

@media (max-width:1199px) {
    .service_title, .ordernow_btn {
        margin-top: 5% !important;
    }
}

@media (max-width:768px) {
    .main_service_div {
        margin-top: -3%;
        margin-bottom: 2%;
    }

    .service_i img {
        margin-top: 10% !important;
        margin-bottom: 10%;
    }
}


@media (max-width:1399px) and (min-width:1273px) {
    .service_title span {
        font-size: 24px;
    }

    .service_btn {
        font-size: 18px;
    }
}

@media (max-width:1272px) and (min-width:990px) {
    .service_title span {
        font-size: 20px;
    }

    .service_btn {
        font-size: 16px;
    }
}

@media (max-width:990px) {
    .service_title span {
        font-size: 20px;
    }

    .service_btn {
        font-size: 16px;
    }
}

@media (max-width:767px) {

    .service_title span {
        font-size: 18px;
    }

    .service_btn {
        font-size: 21px;
    }

    .FirstServiceSection,
    .MiddleServiceSection,
    .LastServiceSection {
        /*  border-width: 0 1px;
        border-image-source: url(../Images/HomePage/Sep.jpg);
        border-image-slice: 0 20;
        border-image-repeat: stretch;
        border-style: solid;*/
    }

    .row-gap-50 {
        row-gap: 50px;
    }

    .nomargin {
        margin: 0;
    }

    .service_i img {
        margin-bottom: 10%;
    }
}

@media (max-width:450px) {
    .main_service_div {
        margin-top: -4%;
    }

    .service_title span {
        font-size: 24px;
    }

    .service_btn {
        font-size: 16px;
    }
}
/*--------------------------Service Section End------------------------------------------*/

/*Start Special Section*/



.sm_content {
    z-index: 1;
}

.flower_design3 {
    position: relative;
    height: inherit;
}

.sm_content_t1 {
    display: flex;
    justify-content: start;
    padding-top: 5%;
}

    .sm_content_t1 span {
        font-family: "aulyars";
        font-size: 45px;
        color: #ffffff;
        text-align: start;
    }

.sm_content_t2 {
    display: flex;
    justify-content: start;
}

    .sm_content_t2 span {
        font-family: "Rasa-Bold";
        font-size: 40px;
        color: #092440;
        text-align: start;
        white-space: nowrap;
    }

.sm_content_t3 {
    display: flex;
    justify-content: start;
    padding-bottom: 8%;
}

    .sm_content_t3 span {
        font-family: Rasa-Regular;
        font-size: 18px;
        color: #092440;
        text-align: start;
    }

.sm_order_btn {
    display: flex;
    justify-content: end;
    align-items: center;
    z-index: 1;
}

.sm_btn {
    font-family: "Rasa-Medium";
    font-size: 21px;
    color: #fff;
    padding: 10px 12px;
    border: 1px solid #092440;
    background: #092440;
    text-decoration: none;
}

    .sm_btn:hover {
        background-color: #fff;
        color: #092440;
        border: 1px solid #092440;
        transition: 0.5s all;
    }

@media (max-width:425px) {
    .sm_content_t1 span {
        font-size: 30px;
    }

    .sm_content_t2 span {
        font-size: 25px;
    }
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


@media (max-width:991px) {
    .sm_content,
    .sm_order_btn {
        width: 100%;
    }

    .sm_content_t1 {
        justify-content: center;
    }

    .sm_content_t2, .sm_content_t3 {
        justify-content: center;
    }

        .sm_content_t3 span {
            text-align: center;
        }

    .sm_order_btn {
        justify-content: center;
    }

    .p-xs-b-5 {
        padding-bottom: 5%;
    }
}

@media (max-width:1200px) {
    .flower_3innerimgDiv, .flower_4innerimgDiv {
        /*display:none;*/
    }
}

@media (max-width:576px) {
    .sm_content_t3 span {
        font-size: 14px;
    }

    .sm_btn {
        font-size: 16px;
        padding: 10px 12px;
    }
}
/*End Special Section*/

/*----------------------------------Testimonial Start-----------------*/
.flower_3innerimgDiv, .flower_4innerimgDiv {
    position: absolute;
    /* height: 399px;*/
    height: calc(100% - 10%);
}

.flower_3innerimgDiv {
    left: 15px;
    bottom: 5px;
}

.flower_3,
.flower_4 {
    height: 100%;
}

    .flower_3 img,
    .flower_4 img {
        object-fit: contain;
        height: 100%;
    }

.flower_4innerimgDiv {
    right: 15px;
    bottom: 5px;
}

.TestimonialOuterDiv {
    position: relative;
    background: #7a0607;
    padding: 2.5% 0%;
}

.TestimonialLeftGate, .TestimonialRightGate {
    position: absolute;
    height: 100%;
    width: 33.33%;
    mix-blend-mode: difference;
}

.TestimonialLeftGate {
    top: 0;
    left: 0;
}

.TestimonialRightGate {
    top: 0;
    right: 0;
}

.TestimonialInnerDiv {
    z-index: 1;
    position: relative;
}

/*#TestimonialSection {
    margin-top:5% !important;
}*/
.testimonial_container {
    position: relative;
}

.centered_testimonial {
    position: relative;
    padding-top: 1%;
    padding-bottom: 2%;
}

.testimonial_header {
}


.testimonialsaspx #divTestimonialContainer {
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}

#divTestimonialPageTitle {
    text-align: left;
    font-family: Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 20px;
    color: #9f0000;
}

.TestimonialContainer {
    margin: 0 3px 3px;
    padding-bottom: 10px;
    width: 100%;
}

.TestimonialSource {
    color: #b71115;
    float: right;
    font-family: Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    /*padding-right: 28px;*/
    text-align: right;
    width: 28%;
}


#homeReviewText {
    color: #fff;
    font-size: clamp(10pt,3vw,20pt) !important;
}

.homeReviewDetail {
    font-family: 'Rasa-Regular';
    font-size: clamp(14pt,3vw,18pt);
    color: #a1211f;
    padding: 0;
    padding-top: 20px;
}




#divTestimonialWrapper {
    padding: 63px 0px 10px 0px;
    width: 100%;
}

#divTestimonialWrapperOuter h1 {
    padding: 30px 0px 30px 0px;
}

#divTestimonialWrapper .bx-wrapper {
    /*  -moz-box-shadow: 0 0 0px #ccc !important;
    -webkit-box-shadow: 0 0 0px #ccc !important;
    box-shadow: 0 0 0px #ccc !important;
    border: 0px solid #fff !important;
    background: transparent !important;
    margin-bottom: 0px !important;
    width: 100%;
    height: auto !important;*/

    border: none;
    border-radius: 7px;
    background-color: transparent;
    padding-top: 50px;
    box-shadow: none;
    margin-bottom: 0px;
}

.bx-pager-item {
    padding-top: 6px;
}

.bx-pager-link {
    background: #f6f6f6 !important;
}

.testimonial_logo {
    background: url("../Images/HomePage/Start.png");
    background-size: contain;
    margin: auto;
    padding: 0;
    position: absolute;
    margin-top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    text-align: center;
    height: 40px;
    width: 175px;
    /*top: 39%;*/
}

#divTestimonialWrapper .bx-wrapper .bx-pager {
    display: none !important;
}
/*#divTestimonials::before {
    content: '';
    position: absolute;
    top: 14px;
    bottom: 50px;
    left: -10px;
    right: -10px;
    border-top: 0px;
    opacity: 1;
    border: 2px solid #c39a34;
    border-radius: 4px;
    z-index: -1;
}

#divTestimonials::after {
    content: '';
    position: absolute;
    top: 27px;
    bottom: 40px;
    left: -24px;
    right: -24px;
    border-top: 0px;
    opacity: 1;
    border: 2px solid #c39a34;
    border-radius: 4px;
    z-index: -1;
}*/
@media (min-width: 992px) {
}

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

@media (max-width: 992px) {
    #homeReviewText {
        width: 80% !important;
    }

    .flower_3innerimgDiv, .flower_4innerimgDiv {
        height: calc(100% - 10%);
    }
}

@media (max-width:768px) {
    .flower_3innerimgDiv, .flower_4innerimgDiv {
        height: calc(100% - 25%);
    }
}

#divTestimonialWrapper .bx-wrapper .bx-pager {
    /* display: block;
    padding-top: 0px;
    display: flex !important;
    flex-direction: column;
    position: absolute;
    right:-7%;
    width: auto;
    bottom: 50%;
    top: 50%;
    justify-content: center;*/
}
/*End */
@media (max-width:768px) {
    .testimonial_header span {
        color: #f6f6f6;
        font-size: 35px;
        font-family: 'Rasa-Medium';
    }

    #divTestimonialWrapper {
        padding: 40px 0px 10px 0px;
    }

    #homeReviewText {
        font-size: 12px;
    }
}

@media (max-width:1200px) {

    #divTestimonialWrapper .bx-wrapper .bx-pager {
        right: -9%;
    }

    .TestimonialMainDiv {
        margin: 0 auto !important;
    }

    .TestimonialLeftGate, .TestimonialRightGate {
        position: absolute;
        height: 100%;
        width: 35%;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px !important;
        height: 10px !important;
    }
}

@media (max-width:767px) {
    .TestimonialLeftGate, .TestimonialRightGate {
        display: none;
    }

    .testimonial_logo {
        /* height: 80px;
        width: 80px;*/
    }

    #divTestimonialWrapper {
        padding: 40px 0px 30px 0px;
    }
}

@media (max-width:576px) {
    #divTestimonials::before {
        content: "";
        left: -5px;
        display: block;
        right: -5px;
    }

    #divTestimonials::after {
        content: "";
        left: -15px;
        right: -15px;
        display: block;
    }

    #divTestimonialWrapper .bx-wrapper .bx-pager {
        right: -12%;
    }

    .flower_3innerimgDiv, .flower_4innerimgDiv {
        display: none;
    }

    #divTestimonialWrapper {
        padding: 40px 0px 0px 0px;
    }

    .homeReviewDetail {
        font-size: 12px;
        padding-top: 5px;
    }

    #homeReviewText {
        width: 100% !important;
    }

    .testimonial_header {
        padding-top: 5%;
    }
}

@media (max-width:425px) {
    .testimonial_header span {
        color: #f6f6f6;
        font-size: 32px;
        font-family: 'Rasa-Medium';
    }

    .testimonial_header {
        padding-top: 8%;
    }

    .testimonial_logo {
        /*  height: 50px;
        width: 50px;*/
    }

    #divTestimonialWrapper .bx-wrapper {
        padding-top: 40px;
    }

    .homeReviewDetail {
        font-size: 12px;
    }

    .TestimonialMainDiv {
        width: 95% !important;
        margin: 0 auto !important;
    }
}

@media (max-width:425px) {
    #divTestimonialWrapper .bx-wrapper .bx-pager {
        right: -14%;
    }
}
/*----------------------------------Testimonial End-----------------*/

/*-----------------Start Promotion Section-------------------*/
.PromoOuterDiv {
    margin: 0px 0;
}

.BusniessHourDayTime {
    text-align: center;
    background: #5EA1EF;
    border-radius: 200px 0 0 200px;
    padding: 21px 0;
    margin: 40px 0 40px 75px;
    position: relative;
}

.PromoContainer {
    justify-content: center;
}

.BusinessHourDiv p {
    margin: 0;
}

.BusinessHourDay {
    font-family: "BR Hendrix-SemiBold";
    font-size: 33px;
    color: #092440;
}

.BusinessHourTime {
    font-family: "BR Hendrix";
    font-size: 33px;
    color: #092440;
}

.BusinessHourTitle {
    font-family: "Birds of Paradise-Regular";
    font-size: 61px;
    color: #092440;
}

.BusinessHourDiv {
    padding: 0;
}

.PromoDiv {
    /*background: url(../Images/PromoBG.jpg) no-repeat;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
    /* margin-left: -26px;*/
    /*  box-shadow: -23px 0px 20px rgba(0,0,0,0.66);
    -webkit-box-shadow: -23px 0px 20px rgba(0,0,0,0.66);
    -moz-box-shadow: -23px 0px 20px rgba(0,0,0,0.66); */
}

.ClockIconDiv {
    width: fit-content;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translatey(-50%);
}

.PromoInnerDivForMobile {
    display: none;
}

.PromoImg,
.PromoImg .swiper {
    width: 100%;
    height: 100%;
}

    .PromoImg .swiper .swiper-slide {
        padding: 50px 25px;
        width: 100% !important;
    }

@media (max-width:500px) {
    .PromoImg .swiper .swiper-slide {
        padding: 5px 25px;
        width: 100% !important;
    }
}

@media (max-width:1199px) {
    .BusniessHourDayTime {
        border-radius: 200px 0 0 200px;
        padding: 21px 0;
        margin: 40px 0 40px 0px;
    }

    .BusinessHourDay {
        font-size: 28px;
    }

    .BusinessHourTime {
        font-size: 28px;
    }

    .BusinessHourTitle {
        font-size: 50px;
    }
}

@media (max-width:991px) {
    .BusniessHourDayTime {
        border-radius: 200px 0 0 200px;
        padding: 21px 0;
        margin: 40px 0 40px 0px;
    }

    .BusinessHourDay {
        font-size: 24px;
    }

    .BusinessHourTime {
        font-size: 24px;
    }

    .BusinessHourTitle {
        font-size: 44px;
    }

    .ClockIconDiv {
        width: 80px;
        height: 80px;
        left: -35px;
    }

        .ClockIconDiv img {
            width: 100%;
        }
}

@media (max-width:800px) {
    .PromoOuterDiv {
        margin: 70px 0px -70px 0;
    }

    .PromoInnerDiv {
        display: none;
    }

    .PromoInnerDivForMobile {
        display: block;
    }

        .PromoInnerDivForMobile .BusniessHourDayTime {
            border-radius: 200px 200px 0 0;
            padding: 60px 0 30px 0;
            margin: 0;
        }

        .PromoInnerDivForMobile .PromoDiv {
            height: 453px;
            /* box-shadow: 1px -16px 25px -1px rgba(0,0,0,0.64);
            -webkit-box-shadow: 1px -16px 25px -1px rgba(0,0,0,0.64);*/
            -moz-box-shadow: 1px -16px 25px -1px rgba(0,0,0,0.64);
        }

        .PromoInnerDivForMobile .ClockIconDiv {
            width: fit-content;
            height: 80px;
            left: 50%;
            top: -15%;
            transform: translatex(-50%);
        }

            .PromoInnerDivForMobile .ClockIconDiv img {
                width: 100%;
            }
}

@media (max-width:767px) {
    .PromoInnerDivForMobile .BusniessHourDayTime {
        border-radius: 200px 200px 0 0;
        padding: 60px 0 30px 0;
        margin: 0;
    }

    .PromoInnerDivForMobile .BusinessHourDiv {
        width: 65%;
    }

    .PromoInnerDivForMobile .PromoDiv {
        height: 453px;
        width: 80%;
    }

    .PromoInnerDivForMobile .ClockIconDiv {
        width: fit-content;
        height: 80px;
        left: 50%;
        top: -18%;
        transform: translatex(-50%);
    }

        .PromoInnerDivForMobile .ClockIconDiv img {
            width: 100%;
        }

    .BusinessHourDay,
    .BusinessHourTime {
        font-size: 20px;
    }

    .BusinessHourTitle {
        font-size: 36px;
    }
}

@media (max-width:576px) {
    .PromoInnerDivForMobile .BusniessHourDayTime {
        border-radius: 200px 200px 0 0;
        padding: 60px 0 30px 0;
        margin: 0;
    }

    .PromoOuterDiv {
        margin: 0px 0px 0px 0;
    }

    .PromoInnerDivForMobile .BusinessHourDiv {
        width: 75%;
    }

    .PromoInnerDivForMobile .PromoDiv {
        height: 320px;
        width: 90%;
    }

    .PromoInnerDivForMobile .ClockIconDiv {
        width: 80px;
        height: 80px;
        left: 50%;
        top: -14%;
        transform: translatex(-50%);
    }

        .PromoInnerDivForMobile .ClockIconDiv img {
            width: 100%;
        }

    .BusinessHourDay,
    .BusinessHourTime {
        font-size: 20px;
    }

    .BusinessHourTitle {
        font-size: 36px;
    }
}

/*-----------------End Promotion Section-------------------*/
/*-----------------Start Pictur Gallery-------------------*/
/*-----------------------------------Gallery Start ----------------*/
.grid-container {
    display: grid;
    /*grid-template-columns: auto auto auto auto auto;*/
    grid-template-columns: repeat(5, auto);
    gap: 25px;
    padding: 20px;
}

    .grid-container > div {
        background-color: #f1f1f1;
        text-align: center;
        font-size: 30px;
    }

.GalleryImg {
    object-fit: fill;
    width: 100%;
    height: 100% !important;
}

.HomeGalleryInner {
    margin: 30px 0;
    margin-bottom: 0px;
}

.zoom-container {
    overflow: hidden; /* Prevents image from spilling out */
}

    .zoom-container img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease;
    }

    .zoom-container:hover img {
        transform: scale(1.1); /* Zoom by 10% */
    }

@media (max-width: 991px) {
    .grid-container {
        display: grid;
        gap: 25px;
        padding-right: 0;
    }

    .item3 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
    }

    .item4 {
        grid-column: span 2 / span 2;
        grid-row: span 2 / span 2;
        grid-row-start: 2;
    }

    .item5 {
        grid-column-start: 3;
        grid-row-start: 3;
    }

    .item6 {
        grid-column-start: 4;
        grid-row-start: 3;
    }

    .item7 {
        grid-row-start: 4;
    }

    .item8 {
        grid-row-start: 4;
    }

    .item9 {
        grid-row-start: 4;
    }

    .item10 {
        grid-row-start: 4;
    }
}

@media (max-width: 576px) {
    .grid-container {
        display: grid;
        /* grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(7, 1fr);*/
        grid-template-columns: auto auto;
        gap: 25px;
        padding: 20px;
    }

    .item2 {
        grid-row: span 2 / span 2;
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 2;
        height: 300px;
    }

    .item3 {
        grid-row: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 2;
        grid-row-end: 4;
        grid-column-end: 2;
    }

    .item4 {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .item5 {
        grid-column: span 2 / span 2;
        grid-row-start: 4;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .item6 {
        grid-row-start: 5;
        grid-column-start: 1;
    }

    .item7 {
        grid-row: span 2 / span 2;
        grid-row-start: 5;
        grid-row-end: 7;
        grid-column-start: 2;
        grid-column-end: 3;
    }

    .item8 {
        grid-row-start: 6;
    }

    .item9 {
        grid-row-start: 7;
    }

    .item10 {
        grid-row-start: 7;
    }
}

@media (max-width: 425px) {
    .item2 {
        /*height: 200px;*/
    }
}
/*-----------------End Pictur Gallery-------------------*/


/*--------------Footer Start----------------*/
/*Footer*/
.contactus_r {
    display: flex;
    justify-content: center;
}

.contactus_title {
}

.contactus_innertext {
    font-family: 'SegoeUI';
    font-size: 18px;
    white-space: normal;
    text-align: left;
    padding: 5px 25px 5px 10px;
}

    .contactus_innertext a {
        font-family: 'SegoeUI';
        font-size: 18px;
        white-space: normal;
        text-align: left;
    }

.contactus_container {
    display: flex;
    justify-content: center;
}


.footer-font {
    color: #f3eeee;
}

.footer-col {
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}

.addressContainer {
    margin-top: 1% !important;
    display: flex;
    justify-content: center;
    flex-direction: row;
}


.account_link {
    color: white;
    font-family: Rasa-Medium;
    font-size: 18px;
}

    .account_link:hover,
    .account_link:active,
    .account_link:focus {
        color: #306db3 !important;
        transition: all linear 0.1s;
    }

#fb_img {
    background: url('../Images/HeaderIcon.png') no-repeat;
    height: 35px;
    width: 15px;
    margin: 0 5px;
    background-position: -28px 0px;
}

#twitter_img {
    margin-left: 6%;
    background: url('../Images/HeaderIcon.png') no-repeat;
    height: 35px;
    width: 22px;
    margin: 0 5px;
    background-position: -48px 0px;
}

@media (max-width:1199px) {
    .contactus_title {
        font-size: 46px;
    }
}

@media (max-width:768px) {
    .contactus_title {
        font-size: 44px;
    }
}

@media (max-width:576px) {
    .contactus_title {
        font-size: 36px;
    }
}

@media (max-width:992px) {
    .contactus_r {
        justify-content: left !important;
    }

    .contactus_innertext,
    .contactus_innertext a {
        font-size: 16px !important;
    }

    .footer-font {
        font-size: 14px !important;
    }

    .footer-col {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .contactus_r {
        margin-top: 2% !important;
    }

    .addressContainer {
        flex-direction: column;
    }
}

.FooterAddressOuter,
.FooterContactOuter,
.FooterMailOuter {
    width: fit-content;
}

.footerSocialIcon {
    width: fit-content;
    display: inline-flex;
}

@media (max-width:425px) {
    .contactus_innertext,
    .contactus_innertext a {
        font-size: 12px !important;
    }
}
/*--------------Footer End-------------------*/
#instructions {
    color: black;
    text-align: left;
    font-family: Rasa-Light;
}

#MenuPageNavbarOrdType {
}

.AddItmStm {
    font-family: Rasa-Medium;
}

.ViewCartDetailClm {
    font-family: Rasa-SemiBold;
}

.ItemName,
.ItemPriceValue {
    font-family: Rasa-SemiBold;
    color: #ef5222;
    font-size: clamp(16px,3vw,18px);
    text-align: left;
}

.font-Rasa-SemiBold {
    font-family: Rasa-SemiBold;
}

.font-Rasa-Regular {
    font-family: Rasa-Regular;
}

.font-Rasa-Bold {
    font-family: 'Rasa-Bold';
}

.font-Rasa-Medium {
    font-family: Rasa-Medium;
}


/*#CheckoutPageContainer #OrderTypesBox {
        margin-top: 100px;
    }*/

.RestaurantMessage {
}

#ContactUsHeading,
#FeedBackHeading,
#VipRegHeading {
    color: #7a0607;
    font-family: Rasa-Regular;
}

#FeedBackHeading {
    text-align: left;
}

.ContactInfoInnerTxt {
    font-family: Rasa-Regular;
    font-size: 18px;
    text-align: start;
    white-space: normal;
}

@media (max-width:600px) {
    .ContactInfoInnerTxt {
        font-family: Rasa-Regular;
        font-size: 14px;
        text-align: start;
        white-space: normal;
    }
}

#ContactUsHeading {
    margin-top: 20px;
}

#SubmitCateringInquiryButton,
#CancelCateringInquiryButton {
    max-width: 200px;
}

.VipRegInfoContainer {
    background-color: #7a0607;
    text-align: start;
    border: 1px solid #7a0607;
}

.GalleryPageNavbarLink {
    color: #fff;
    font-family: Rasa-Regular;
}

.VipRegInfoInnerTxt {
    font-family: Rasa-Regular;
    color: #c9c9c9;
}

.VipRegInfoTitle {
    font-family: Rasa-Regular;
    color: #fff2bb;
}

.VipRegPageIconImgs {
    filter: invert(1) brightness(2);
}

@media (max-width:991px) {
    .ContactInfoTxt {
        margin-left: 0px;
        font-size: 16px;
    }
}

@media (max-width:767px) {
    #VipRegHeading {
        margin-top: 20px;
    }
}

.ftrLogin {
    display: inline-block;
    font-family: Rasa-Regular;
    font-size: 16px;
    margin: 3px 0;
}

.divLinkHeader {
    display: inline-flex;
}

@media (max-width:1199px) {
    .webHeader {
        display: none;
    }
}

.account_link:hover,
.account_link:active,
.account_link:focus {
    color: #306db3 !important;
    transition: all linear 0.1s;
}

.AboutUsInnerSection {
}

#AboutUsSection1para2 p,
#AboutUsSection1Heading {
    font-family: Rasa-Regular;
}

#AboutUsSection1para2 p {
    font-size: clamp(14px,3vw,20px);
    text-align: justify;
}

.GiftPageContainer {
}

.GiftCertificateTitle {
    color: #7a0607;
    font-family: Rasa-Regular;
}

.GC-card-header {
    background-color: #a1211f;
    color: #fff;
}

.GiftCertificatedDesc {
    font-family: Rasa-Regular;
    color: black;
    font-size: 18px;
}

.giftlabelColor {
    color: black;
    font-family: Rasa-SemiBold;
    font-size: 18px;
}

.text-align-start {
}

.card-header {
    font-family: Rasa-Medium;
}

.GiftPayNowBtn {
    background-color: #a1211f;
    color: white;
    font-family: Rasa-Medium;
    border: 1px solid #a1211f;
}

    .GiftPayNowBtn:hover {
        background-color: #fff;
        color: #a1211f;
        border: 1px solid #a1211f;
    }

.text-gc-total {
    color: #a1211f;
}

.GiftPayOptBtn {
    background-color: #fff;
    color: #a1211f;
    border: 1px solid #a1211f;
    font-family: Rasa-Medium;
}

    .GiftPayOptBtn:hover {
        background-color: #a1211f;
        color: white;
        border: 1px solid #a1211f;
    }

@media (max-width:1199px) {
    .divWholeContainer {
        margin-top: 0px;
    }
}

.mobileLoginSection {
    display: flex;
    justify-content: space-around;
    /*background: #c33937;*/
    margin-top: 5%;
    padding: 5%;
    border-radius: 22px;
}

#mobileLoginSpan {
    width: 1px;
    background: #c33937;
}

#DirectionsContainer {
    display: none;
}

/*---------Added by mahir-------*/
.OuterDivHeader {
    position: relative;
}



.HeaderBorderBottom {
    height: 3px;
    background: #fff;
    width: 100%;
    position: absolute;
    left: -15px;
    bottom: 20%;
}

.divHeaderLogo {
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
    background: transparent;
    z-index: 1;
    padding-top: 1.3rem !important;
}

@media only screen and (max-width:1199px) {
    .HeaderBorderTop,
    .HeaderBorderBottom {
        display: none;
    }
}

.masterPageNavbarLink {
    height: 34px;
    padding: 6px 13px;
}

.masterPageNavbarLi {
    padding: 6px 0px;
    border-radius: 18px;
}

.divHeaderLogoMobile {
    margin-top: 25px;
}

@media only screen and (max-width:1399px) and (min-width:1200px) {
    .masterPageNavbarLink {
        height: 28px;
    }
}

.SliderWelcomeTitle {
    font-size: 70px;
    color: #fff;
    font-family: 'cataneo BT';
    line-height: 1;
}

.SliderDesc {
    font-family: Rasa-Regular;
    font-size: 16px;
    margin-bottom: 15px;
}

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

    #HomePageSliderBox {
        margin-top: 25px;
    }
}

@media only screen and (max-width:992px) {
    .SliderWelcomeTitle {
        font-size: 56px;
    }
}

@media only screen and (max-width:575px) {
    .SliderWelcomeTitle {
        font-size: 32px;
    }

    .SliderDesc {
        font-size: 12px;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
    }

    .carousel-indicators .active {
        height: 10px;
    }

    .sliderBtnOuterDiv {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

/*-------Start Menu Page----------*/
#datetimepicker,
.MenuSearch,
.ReOrderHeading {
    font-family: Rasa-Regular;
}
/*-------End Menu Page----------*/
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(28%) sepia(72%) saturate(749%) hue-rotate(185deg) brightness(94%) contrast(89%);
    filter: brightness(0) invert(1);
}

.ContactUsForm,
.CateringForm,
.VipRegForm,
#ReservationForm,
.OrderSettingPanel {
    text-align: start;
}

.field-validation-error {
    font-family: Rasa-Regular;
}

.ViewCartDetailHeader,
.ViewCartTitle {
    background-color: #ef5222;
}

#ApplyBtn {
    border: 1px !important;
    background: #000 !important;
    color: #fff !important;
    font-size: clamp(16px,3vw,18px);
    font-family: 'Rasa-Light';
}

.mobileLoginSection {
    display: flex;
    justify-content: space-around;
    /*background: #c33937;*/
    margin-top: 5%;
    padding: 5%;
    border-radius: 22px;
}

#mobileLoginSpan {
    width: 1px;
    background: #306db3;
}

.mobileSocialMediaSection {
    justify-content: center;
}

.OutsideText {
    font-family: Rasa-Regular;
}

@media only screen and (max-width:375px) {
    .asaptext {
        padding-left: 0 !important;
    }
}

/*--------------------------*/
/*added by alkesh*/
.pac-container {
    z-index: 2000 !important;
}

#datetimeselection {
    cursor: pointer;
}

.btn-group-toggle .btn input[type="radio"] {
    display: none;
}

.btn-group-toggle .btn.active {
    background-color: #0d6efd;
    color: white;
}

#OrderTypesBox {
    width: fit-content;
}

    #OrderTypesBox .btn {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        font-size: 1rem;
    }

.toggle-capsule {
    display: flex;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c7c7c7;
    transition: all 0.3s ease;
    font-family: 'Rasa-Regular';
}

    .toggle-capsule input[type="radio"] {
        display: none;
    }

    .toggle-capsule label {
        flex: 1;
        text-align: center;
        padding: 0.55rem 1rem;
        cursor: pointer;
        z-index: 2;
        margin: 0;
        color: #000;
        transition: color 0.3s;
        font-family: Rasa-Regular;
        font-size: clamp(18px, 3vw, 18px);
        font-weight: 700;
    }

    .toggle-capsule .slider {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 50%;
        background: #ef5222;
        border-radius: 5px;
        transition: transform 0.3s;
        z-index: 1;
    }

    .toggle-capsule input#OrderTypePickup:checked ~ .slider {
        transform: translateX(0%);
    }

    .toggle-capsule input#OrderTypeDelivery:checked ~ .slider {
        transform: translateX(100%);
    }

    .toggle-capsule input#OrderTypePickup:checked ~ label[for="OrderTypePickup"],
    .toggle-capsule input#OrderTypeDelivery:checked ~ label[for="OrderTypeDelivery"] {
        color: #fff;
        font-size: 18px;
    }

    .toggle-capsule label[for="OrderTypePickup"].active,
    .toggle-capsule label[for="OrderTypeDelivery"].active {
    }

#orderTypeModalLabel {
    color: #ef5222;
    font-family: Rasa-Regular;
    font-size: clamp(18px,4vw,24px);
    font-weight: 600;
}

#orderTypeModal .modal-content {
    /*border-radius: 3rem;*/
}



/*.order-pill {
    border: 1px solid #ddd;
    border-radius: 50px;
    background: #7a0607;
    transition: all 0.2s ease;
    font-size: 0.95rem;
}*/

.order-pill {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: all 0.2s ease;
}

/* .order-pill:hover {
        background: rgba(0,0,0,0.03);
        border-color: #ccc;
    }*/

.pill-separator {
    width: 1px;
    height: 18px;
    background: #ddd;
}




#categoryNav .nav-link.active {
    background-color: #a1211f !important;
    color: #fff !important;
    border-radius: 20px;
}

#categoryNav .nav-link {
    font-family: 'Rasa-SemiBold';
    color: #a1211f !important;
}

.category-swiper .swiper-slide {
    width: auto !important;
}

.category-swiper .nav-link {
    padding: 6px 11px;
    border-radius: 30px;
    background: #fff2bb;
    border: 1px solid #ddd;
    white-space: nowrap;
    font-weight: bold;
}

.category-swiper {
    position: relative;
    padding: 0 40px;
}

    .category-swiper .swiper-button-next,
    .category-swiper .swiper-button-prev {
        width: 35px !important;
        height: 35px !important;
        background: #fff2bb;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        top: 100% !important;
        transform: translateY(-50%);
    }

.swiper-button-next svg, .swiper-button-prev svg {
    width: 20% !important;
}

.category-swiper .swiper-button-prev {
    left: 0;
}

.category-swiper .swiper-button-next {
    right: 0;
}

    .category-swiper .swiper-button-next::after,
    .category-swiper .swiper-button-prev::after {
        font-size: 14px;
        color: #333;
    }

.search-collapse {
    width: 100%;
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0;
    border: none;
    background: #fff;
}

    .search-collapse.active {
        width: 200px;
        opacity: 1;
        padding: 0.375rem 0.75rem;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
    }

.offcanvas-body {
    /*overflow-y:initial;*/
    overflow-y: auto;
    overflow-x: hidden;
}

#categoryNav .nav-link {
    position: relative;
    text-decoration: none;
    color: #333;
    padding-bottom: 4px;
    transition: color .2s ease;
    font-family: Rasa-Light;
    font-size: 18px;
}

    #categoryNav .nav-link.active {
        color: #ff4d4d;
    }

        #categoryNav .nav-link.active::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 50%;
            height: 2px;
            background: #092441;
            border-radius: 2px;
        }

#offcanvasCartContent.loading::after, #orderTypeModal.loading::after, #toppingsArea.loading::after, #ViewCartContainer.loading::after {
    content: "";
    width: 32px;
    height: 32px;
    border: 3px solid #ccc;
    border-top-color: #7a0607;
    border-radius: 50%;
    animation: spin1 0.8s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin1 {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/*end by alkesh*/
.restaurantName {
    text-align: left;
    font-family: Rasa-Bold;
    color: #a1211f;
    font-size: clamp(14px,3vw,22px)
}


#deliveryAddressSection #distanceDisplay {
    font-family: Rasa-Regular;
    font-size: clamp(14px,3vw,18px);
}

#deliveryAddressSection .inputText {
    color: #000;
}

#distanceDisplay {
    color: #000;
}

#itemModalDesc {
    font-family: Rasa-Regular;
    font-size: clamp(14px,3vw,16px);
}

.QuanName {
    color: #000;
    text-align:end;
}

.Popupdatetime {
    font-family: Rasa-Regular;
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 700;
}

#cartOffcanvasLabel {
    color: #000;
    font-family: Rasa-Regular;
}

.editlink,
.removelink {
    font-family: Rasa-Regular;
    text-decoration: underline;
    letter-spacing: 1px;
    font-size: clamp(16px,3vw,18px);
}

.cartHeaderFont {
    font-family: Rasa-Regular;
    color: #000;
    font-size: clamp(16px,3vw,18px);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: white; /* Ensures the text cursor is visible */
}

.CheckOutTitle {
    font-family: 'Rasa-SemiBold';
}

.outsideText,
.workingHourText,
.pickdeliverymessageCheckOut {
    font-family: Rasa-SemiBold !important;
    color: #626262 !important;
    text-align: left;
    font-size: clamp(16px,3vw,18px);
}

.checkoutIcon {
    color: #092441;
}

.changelink {
    font-family: Rasa-SemiBold;
    color: #ef5222;
    font-size:clamp(16px,3vw,18px);
}

.menupageview {
    background: #fff !important;
}



/*Added by Dhruvil form HSOT*/

.hsotred {
    color: #9a100c !important;
}

.hsotblack {
    color: #404040 !important;
}

.bigheaderfont {
    font-size: clamp(22pt, 3vw, 55pt);
}

.bigheaderfontsecondary {
    font-size: clamp(24px, 4vw, 34px);
}

.contentfont {
    font-size: clamp(14pt, 2vw, 20pt);
}

.contentfontsecondary {
    font-size: clamp(18pt, 3vw, 20pt);
}


.HomePageAboutHolder {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aboutimg1 {
    background: url("../Images/A1.png") no-repeat;
    height: 100%;
    width: 7%;
    position: absolute;
    left: 0;
    top: -198px;
    z-index: 1000;
    background-position: -116px 0px;
}

.aboutimg2 {
    background: url("../Images/A2.png") no-repeat;
    height: 100%;
    width: 9%;
    position: absolute;
    right: 0;
    z-index: 999;
}

.ServiceWrapperMainDiv {
    background: #7a0607;
    margin-top: 5%;
    padding-bottom: 8%;
}

.serviceMainImg {
    position: absolute;
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: -15%;
}




@media (max-width:992px) {
    .serviceMainImg {
        position: relative !important;
        margin-top: 10% !important;
    }

    .aboutimg1, .aboutimg2, .TestimonialImg1, .TestimonialImg2, .galleryimg1, .galleryimg2, .galleryimg3 {
        display: none !important;
    }
}


.main_service_div {
    padding-left: 2%;
    padding-right: 2%;
}

.main_service_div_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18% 0% !important;
}

@media (max-width:992px) {
    .main_service_div_wrapper {
        padding: 4% 0% !important;
    }
}

.main_service_div_wrapper:hover {
    background: #fff2bb;
    box-shadow: 6px 9px 20px #585152;
    transition: 0.5s ease-in-out;
}

.service_btn {
    font-size: 21px;
    color: #fff2bb;
    padding: 10px 12px;
    text-decoration: none;
    border: 1px solid #fff2bb;
}

.main_service_div_wrapper:hover .service_btn {
    background-color: #9a100c;
    color: #fff2bb;
    border: none;
    transition: 0.5s all;
}

.service_i {
}

.specialMenuOuter {
    position: relative;
    background: #ffeced;
}

.TestimonialImg1 {
    background: url("../Images/Testimonial1.png") no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -50px;
}

.TestimonialImg2 {
    position: absolute;
    background: url("../Images/Testimonial2.png") no-repeat;
    height: 53% !important;
    width: 9%;
    right: 0;
    margin-top: -4%;
}

#divTestimonialWrapperOuter {
    border: 1px solid #fddcba;
    padding: 0px 20px;
    position: relative;
}

.homeReviewDetail {
    text-align: left;
    width: 100%;
    /* float: left; */
    padding: 20px 36px 20px 0px;
    color: #fff2bb;
}

.testimonial_header span {
    color: #fff;
}

.TestimonialQuots {
    position: relative;
}

.quotsimg {
    position: absolute;
    height: 76px;
    width: auto;
    top: -50px;
    left: -1%;
}

#divTestimonialWrapper .bx-wrapper .bx-prev {
    /* left: -30px !important; */
    background: url(../Images/TesitmonialArrows.png) no-repeat 0 0px !important;
    float: left;
    position: relative;
    height: 23px;
    width: 23px;
    top: -103px;
    left: -44px !important;
    /*filter: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(1000%) hue-rotate(10deg);*/
    /* display: none;*/
    background-size: cover !important;
}



#divTestimonialWrapper .bx-wrapper .bx-next {
    background: url(../Images/TesitmonialArrows.png) no-repeat -37px 0px !important;
    float: right;
    position: relative;
    height: 23px;
    width: 23px;
    top: -103px;
    right: -44px;
    /* display: none; */
    background-size: cover !important;
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: auto !important;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}


.gallery-container {
    text-align: center;
    padding: 20px;
}

h2 {
    font-size: clamp(30px,3vw,40px);
    color: #7a0607;
    margin-bottom: 10px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(200px, auto); /* Sets a default row height */
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.gallery-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border: 2px solid grey;
        border-radius: 20px;
    }

/* The key part for the large image */
.large-item {
    grid-row: span 2;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(150px, auto);
    }

    .large-item {
        grid-row: span 1; /* Make the large image a regular size on tablets */
    }
}

@media (max-width: 480px) {
    .gallery-grid {
        grid-template-columns: 1fr; /* Stack images on mobile */
    }
}

.MenuItemBox {
    margin-top: 10px;
    border-radius: 25px;
    border: 2px solid #c7c7c7;
}

    .MenuItemBox:hover {
        background: #ef5222;
        box-shadow: 0px 0px 7px black;
        transition: 0.5s ease-in-out;
    }

        .MenuItemBox:hover.MenuItemBox:hover, .MenuItemBox:hover .MenuItemPrice, .MenuItemBox:hover #MenuItemInfo1 span {
            transition: 0.5s ease-in-out;
        }

        .MenuItemBox:hover .nowrap-scroll {
            color: #000;
            transition: 0.5s ease-in-out;
        }

        .MenuItemBox:hover .MenuItemHeading {
            transition: 0.5s ease-in-out;
        }

.MenuItemHeading {
    font-size: 20px;
    color: #000;
    font-family: Rasa-SemiBold;
}

.MenuItemPrice {
    font-size: clamp(22px,4vw,24px);
    color: #ef5222;
    font-family: Rasa-SemiBold;
}

.MenuItemBox {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    margin: 15px 10px !important;
}

    .MenuItemBox .row {
        flex: 1; /* This ensures the row stretches vertically */
    }

.Menu_Thumb_Img {
    max-width: 100%;
    height: auto;
    object-fit: cover; /* Prevents distortion */
}

.MenuItemInfo {
    flex-grow: 1; /* Allows text to grow but not break the layout */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Optional: prevents wrapping */
}

.MenuItemButton {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Rasa-Light;
    /*text-transform: uppercase;*/
    font-size: clamp(16px,4vw,18px);
}

.MenuItemHeading, .MenuItemInfo {
    margin-bottom: 10px;
}

/* Responsive layout */
@media (max-width: 768px) {
    .MenuItemBox {
        padding: 10px;
    }
}

.nowrap-scroll {
}

.nowrap-scroll {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: Rasa-Medium;
    -webkit-line-clamp: 1;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%;
    color: #6c6c6c !important;
}

.Header {
    /* box-shadow: 0 -5px 25px 0px #7b7b7b;
    -moz-box-shadow: 0 -5px 25px 0px #7b7b7b;
    -webkit-box-shadow: 0 -5px 25px 0px #7b7b7b;*/
    top: 0;
    width: 100%;
    z-index: 1000;
    /*background-image: url(../Images/Slider/BGFlame.jpg);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: contain;*/
}

    .Header .navbar {
        position: initial;
    }

.headerAdd {
    background: url(../images/HeaderIcon.png)no-repeat;
    background-position: 0px 0px;
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 5px;
}

.headerPhone {
    background: url(../images/Icon/Header/Call.png)no-repeat;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 10px;
}

.top {
    top: 0;
}

.HeaderAddBar {
    margin: 0px 0;
    margin-bottom: 0px;
    justify-content: space-between;
    display: flex;
}

#HomePageGalleryOuterWrapper1 {
    position: absolute;
    height: 28%;
    z-index: -1;
    /* transform-origin: center; */
    background: url(../Images/Slider/BGFlame.jpg) no-repeat;
    background-repeat: repeat-x;
    /* background-position-y: bottom; */
    /*background-size: cover;*/
}

.divHeaderLogo {
    z-index: 500;
}

    .divHeaderLogo img {
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: -5%;
    }

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 5;
    height: 550px;
}

#HomePageGalleryOuterWrapper {
    margin-top: 0%;
}

@media (max-width:1600px) and (min-width:1200px) {
    #HomePageGalleryOuterWrapper {
        margin-top: 0%;
    }
}

@media (max-width:1200px) {
    #HomePageGalleryOuterWrapper {
        margin-top: 0%;
    }
}

.sliderheader {
    font-size: clamp(18pt,3vw,67pt) !important;
    font-family: 'Playfair-Bold';
}

.slidercontent {
    font-size: clamp(12pt,3vw,30pt) !important;
}

.sliderheader2 {
    font-size: clamp(18pt,3vw,50pt) !important;
    font-family: 'Playfair-Bold';
}

.slidercontent2 {
    font-size: clamp(12pt,3vw,22pt) !important;
}

.HomePageSliderBox {
    height: 650px;
}

@media (max-width:1450px) {
    .HomePageSliderBox {
        height: 650px;
    }
}

@media (max-width:1320px) {
    .HomePageSliderBox {
        height: 650px;
    }
}

@media (max-width:1200px) {
    .HomePageSliderBox {
        height: 650px;
    }
}

@media (max-width:1024px) {
    .HomePageSliderBox {
        height: 580px;
    }
}

@media (max-width:992px) {
    .HomePageSliderBox {
        height: 580px;
    }
}

@media (max-width:768px) {
    .HomePageSliderBox {
        height: 615px;
    }
}

@media (max-width:650px) {
}

@media (max-width:868px) {
    .sliderThumbImgs {
        display: none !Important;
    }
}

@media (max-width:1300px) {

    .carousel-item img {
        width: 100%;
        height: 430px;
        object-fit: scale-down;
    }
}

@media (max-width:768px) {
    .sliderThumbImgs {
        display: none !Important;
    }

    .carousel-item img {
        width: 100%;
        height: 310px;
        object-fit: scale-down;
    }
}

@media (max-width:625px) {


    .carousel-item img {
        width: 100%;
        height: 270px;
        object-fit: scale-down;
    }
}

@media (max-width:571px) {

    .HomePageSliderBox {
        height: 527px;
    }

    .carousel-item img {
        width: 100%;
        height: 220px;
        object-fit: scale-down;
    }
}

@media (max-width:525px) {
    /*.sliderheader {
            font-size:38px !important;
        }
        .slidercontent {
            font-size: 24px !important;
        }*/


}

.thumbnail-link {
    opacity: 0.5;
    border: 4px solid #fff;
}

    .thumbnail-link.active {
        opacity: 1;
        transition: 0.5s ease-in-out;
    }

        .thumbnail-link.active img {
            opacity: 1;
            border: 4px solid #fff2bb;
            border-radius: 5px;
        }

.SliderOrderingButton {
    width: auto;
    /*padding: 1% 3%;
    padding: 1% 3%;*/
    border: 1px solid transparent;
    color: #fff;
    font-size: clamp(12pt,4vw,21pt)
}

    .SliderOrderingButton:hover {
        transition: 0.5s ease-in-out !important;
        background: #fff2bb;
        padding: 1% 3%;
        border: 1px solid #fff;
        color: #7a0607;
    }

.MenuPageBG, .CateringMenuPageBG {
    background: #fff;
    position: relative;
    /* top: 78px;*/
}

#HomePageGalleryOuterWrapper2 {
    margin-top: 0%;
    overflow: hidden;
}

    #HomePageGalleryOuterWrapper2 .carousel-item img {
        height: 350px !important;
    }

.HomePageSliderBox:has(#HomePageGalleryOuterWrapper2) {
    height: 350px;
}

@media (max-width:1400px) {
    #HomePageGalleryOuterWrapper2 .carousel-item img {
        height: 225px !important;
    }

    .HomePageSliderBox:has(#HomePageGalleryOuterWrapper2) {
        height: 510px;
    }
}

@media (max-width:992px) {
    #HomePageGalleryOuterWrapper1 {
        height: 20%;
    }



    .HomePageSliderBox:has(#HomePageGalleryOuterWrapper2) {
        height: 530px;
    }
    /* #CheckoutPageContainer {
        margin-top: 70px !important;
    }*/

}

@media (max-width:768px) {
    #HomePageGalleryOuterWrapper2 .carousel-item img {
        height: 180px !important;
    }

    .HomePageSliderBox:has(#HomePageGalleryOuterWrapper2) {
        height: 460px;
    }

    #CheckoutPageContainer {
        margin-top: 100px !important;
    }

    #HomePageGalleryOuterWrapper1 {
        height: 550px !important;
    }
}

.pickdeliverymessage {
    color: #000;
    font-size: clamp(14px,4vw,22px);
    /*font-family: Rasa-Regular;*/
}

.menuordertype {
    color: #7a0607;
    font-family: 'Rasa-Bold';
    line-height: normal;
    font-size: clamp(16px,3vw,18px);
}

.MenuDatetime {
    font-family: Rasa-Light;
    line-height: normal;
    font-size: clamp(14px,4vw,22px);
    font-size: clamp(16px,3vw,18px) !important;
}

.MenuDatetime {
    color: #000;
}

.MenuItemBox:hover {
    background: #fff;
    transition: 0.5s ease-in-out;
    box-shadow: 0px 0px 5px #ef5222;
}

.MenuV1HeighAdjuster {
    height: 180px;
}

#CheckoutPageContainer {
    margin-top: 50px;
}

.MenuPageAdjuster {
    height: 150px;
}

#MainMenuPageContainer {
    background: #fff;
}

    #MainMenuPageContainer .MenuBoxinner {
        /*border-radius: 20px;*/
        transition: all 0.3s;
    }

        /*#MainMenuPageContainer .MenuBoxinner:hover {
            background-color: #fff2bb;
            cursor: pointer;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }*/

        #MainMenuPageContainer .MenuBoxinner:hover .MenuItemButton {
            /* color: #ffffff;
            background: #ef5222;*/
        }

        #MainMenuPageContainer .MenuBoxinner:hover #MenuItemButtonImg {
        }

.swiper-slide-prev {
}

.CheckoutCard, #ViewCartContainer {
    background: #fff;
    color: black;
    /*box-shadow: 0px 0px 3px #000 !important;*/
}

.galleryimg1 {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../Images/G1.png") no-repeat;
    height: 50%;
    width: 9%;
    z-index: -1;
}

.galleryimg2 {
    position: absolute;
    right: 0;
    top: 35%;
    background: url("../Images/G2.png") no-repeat;
    height: 50%;
    width: 9%;
    z-index: -1;
}

.galleryimg3 {
    position: absolute;
    right: 0;
    top: -20%;
    background: url("../Images/G3.png") no-repeat;
    height: 50%;
    width: 7%;
    z-index: 11;
}

.menugalleryimg1 {
    position: absolute;
    left: 0;
    top: 5%;
    background: url("../Images/G1.png") no-repeat;
    height: 50%;
    width: 9%;
    z-index: -1;
}

.menugalleryimg2 {
    position: absolute;
    right: 0;
    top: 15%;
    background: url("../Images/G2.png") no-repeat;
    height: 50%;
    width: 9%;
    z-index: -1;
}

.menugalleryimg3 {
    position: absolute;
    right: 0;
    top: 0%;
    background: url("../Images/G3.png") no-repeat;
    height: 50%;
    width: 6%;
    z-index: 11;
}

#GalleryContainer {
    margin-top: 0px;
}

#ContactUsContainer {
    /*margin: 130px 0px;*/
}

@media (max-width:992px) {
    /* #divTestimonialWrapper .bx-wrapper .bx-prev {
        left: 72% !important;
    }*/
}

@media (max-width:425px) {
    /* #divTestimonialWrapper .bx-wrapper .bx-prev {
        left: 62% !important;
    }*/
}

.hsotmodal {
    background: #ffffff;
}

.offcanvas-body, .offcanvas-header {
    background: #fff;
}



@media (max-width:1800px) {
    #CheckoutPageContainer {
        margin-top: 150px
    }
}

@media (max-width:1400px) {
    #CheckoutPageContainer {
        margin-top: 32px
    }
}

@media (max-width:992px) {
    #CheckoutPageContainer {
        margin-top: 150px;
    }

    #GalleryContainer {
        margin-top: 190px;
    }
}

@media (max-width:768px) {
    #CheckoutPageContainer {
        margin-top: 150px;
    }

    #GalleryContainer {
        margin-top: 60px;
    }
}

#btn-start-order {
    width: 100%;
    border-radius: 6px;
    border: 2px solid #ef5222;
    background: #ef5222;
    color: #ef5222;
    border-color: #ef5222;
    font-family: Rasa-SemiBold;
    font-size: clamp(16px, 3vw, 20px);
}

    #btn-start-order:hover {
        background: #fff;
        color: #fff;
        border-color: #a1211f;
        transition: 0.5s ease-in-out;
    }

#btn-start-order-menufy {
    width: 100%;
    border-radius: 6px;
    background: #ef5222;
    color: #ef5222;
    border-color: #ef5222;
    font-family: Rasa-SemiBold;
    font-size: clamp(16px, 3vw, 20px);
}

    #btn-start-order-menufy:hover {
        background: #fff;
        color: #a1211f;
        border-color: #a1211f;
    }

.tablebookingAdjuster, .testimonalAdjuster, .surveyFeedbackAdjuster, .vipAdjuster, .giftAdjuster, .NewsEventAdjuster, .ContactAdjuster {
    height: 00px;
}

@media (max-width:1800px) {
    .tablebookingAdjuster, .testimonalAdjuster, .surveyFeedbackAdjuster, .vipAdjuster, .giftAdjuster, .NewsEventAdjuster, .ContactAdjuster {
        height: 0px;
    }
}

@media (max-width:1400px) {
    .tablebookingAdjuster, .testimonalAdjuster, .surveyFeedbackAdjuster, .vipAdjuster, .giftAdjuster, .NewsEventAdjuster, .ContactAdjuster {
        height: 5px;
    }
}

.hsotfontevent {
    color: #7a0607;
    font-family: Rasa-Regular;
}

#navFlameBg {
    background: url(../Images/Slider/BGFlame.jpg) repeat-x;
    background-size: cover;
    position: relative;
    top: 0;
}

.HomePageAboutTitle p {
    font-size: clamp(24px,3vw,52px);
}

.HomePageAboutDescription p {
    font-size: clamp(18px,3vw,24px);
}

.serviceHeaderText {
    font-size: clamp(26px,4vw,48px);
}

.floatingcart {
    position: fixed;
    Right: 20px;
    top: 300px;
    z-index: 1001;
    border-radius: 50%;
    background: #ef5222;
    padding: 20px;
    border: 2px solid #fff2bb;
    scale: 0.9;
}

@media (max-width:425px) {
    .floatingcart {
        position: fixed;
        Right: 0px;
        top: 250px;
        z-index: 1000;
        border-radius: 50%;
        padding: 15px;
        border: 2px solid #fff2bb;
        scale: 0.75;
    }
}

@keyframes highFreqShakeCycle {
    0%, 37.5% {
        transform: translate(0, 0);
    }

    40% {
        transform: translate(-1px, 1px);
    }

    45% {
        transform: translate(1px, -1px);
    }

    50% {
        transform: translate(-1px, 1px);
    }

    55% {
        transform: translate(1px, -1px);
    }

    60% {
        transform: translate(-1px, 1px);
    }

    65% {
        transform: translate(1px, -1px);
    }

    70% {
        transform: translate(-1px, 1px);
    }

    75% {
        transform: translate(1px, -1px);
    }

    80% {
        transform: translate(-1px, 1px);
    }

    85% {
        transform: translate(1px, -1px);
    }

    90%, 100% {
        transform: translate(0, 0);
    }
}

.vibratecart {
    animation: highFreqShakeCycle 2s linear infinite;
    will-change: transform;
}

.sticky-top {
    z-index: 999 !important;
}

.newslettersubscription {
    padding: 0px 10px;
    background: #fff2bb;
    border-radius: 8px;
    border: 1px solid #fff2bb;
}

    .newslettersubscription:hover {
        transition: 0.5s ease-in-out;
        color: #7a0607;
        padding: 0px 10px;
        background: transparent;
        border-radius: 8px;
        border: 1px solid #fff2bb;
    }

        .newslettersubscription:hover button {
            transition: 0.5s ease-in-out;
            color: #7a0607;
        }

    .newslettersubscription button {
        font-size: 16px !important;
        color: #fff;
        font-family: Rasa-Regular;
    }

.instruction_header {
    background: #7a0607;
    border-radius: 8px;
    color: #fff2bb;
}

.MenuCtgHeadings h2 u {
    text-align: center;
    font-family: Rasa-Bold;
}

.offcanvas-body {
    /*padding: 0.2rem 0.2rem !important;*/
}

.floatingimg1 {
    position: absolute;
    left: 0;
    top: 55%;
    background: url("../Images/G1.png") no-repeat;
    height: -webkit-fill-available;
    width: 9%;
    z-index: -1;
}

.floatingimg2 {
    position: absolute;
    right: 0;
    top: 38%;
    background: url("../Images/G2.png") no-repeat;
    height: -webkit-fill-available;
    width: 9%;
    z-index: -1;
}

.floatingimg3 {
    position: absolute;
    right: 0;
    top: 60%;
    background: url("../Images/G3.png") no-repeat;
    height: -webkit-fill-available;
    width: 7%;
    z-index: 11;
}

.BHoursHomePage {
    background: transparent;
}

.BusinessHourDiv {
    background: #fff;
    box-shadow: 0px 0px 8px #c7c7c7;
}
/* Styling for the capsule effect */

.menuPagePill {
    border: 1px solid darkgrey;
    border-radius: 50px;
}



.capsule.pickup {
    background-color: transparent;
    color: #000 !important;
}

.capsule.delivery {
    background-color: transparent;
    color: #000 !important;
}

.menupageToggle {
    color: #000;
    font-size: clamp(14px,4vw,22px);
    font-family: Rasa-Light;
}

.capsule:hover {
    background-color: #ef52221c !important;
    color: white !important;
    transition: 0.5s ease-in-out;
}

.capsule.selected {
    background-color: #ef5222 !important;
    color: white !important;
    border: 2px solid #ef5222;
}

    .capsule.selected .menupageToggle {
        color: #fff !important;
    }

.order-pills {
    border-radius: 50px;
    background: #7a0607;
    transition: all 0.2s ease;
    font-size: 0.95rem;
    height: 100%;
}

.navbarOrderOnline {
    width: 135px;
    display: flex;
    justify-content: center;
    /*animation: blinkingColor 2s infinite !important;*/
    background: #fff2bb;
    padding: 4px 1px;
    height: 38px;
    font-size: clamp(14pt, 5vw, 16pt) !important;
    border-radius: 5px !important;
    border: 1px solid #fff2bb;
}

    .navbarOrderOnline:hover {
        background: transparent;
        transition: 0.5s ease-in-out;
        color: #7a0607 !important;
        border: 1px solid #fff2bb;
    }

@keyframes blinkingColor {
    0% {
        color: #7a0607;
    }

    25% {
        color: #000;
    }

    50% {
        color: #000;
    }

    100% {
        color: #7a0607;
    }
}

.navbarOrderOnline:hover {
    border-radius: 5px !important;
}

#fb_insta {
    background: url(../Images/insta.png) no-repeat;
    height: 28px;
    width: 28px;
    margin: 0 5px;
    background-position: 0px 0px;
    background-size: cover;
    filter: invert(92%) sepia(11%) saturate(322%) hue-rotate(355deg) brightness(104%) contrast(92%);
}

.instaIcon {
    color: #fffef3;
}

.fixedbuttonsize {
    font-size: clamp(12pt, 4vw, 18pt);
    font-family: Rasa-Light !important;
}

.GalleryImgTxtBox img:hover {
    transform: translate(0px, 0px) scale(1.04);
    transition: 0.3s ease-in-out;
}

.floating-label {
    font-size: 1.1rem !important;
}

#itemSearchInput {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: clamp(14px,4vw,22px);
    background-color: white;
    background-image: url(../Images/searchicon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 38px;
    background-size: 28px;
    height: 40px;
    border-radius: 6px;
    font-family: 'Rasa-Light';
}

#menuCategorySelect {
    font-size: clamp(14px,4vw,22px);
    font-family: 'Rasa-Light';
    height: 40px;
    border-radius: 6px;
    color: dimgrey;
}

#errorMessage {
    font-family: Rasa-Bold;
    font-size: clamp(16px,3vw,20px);
}


/*For modal loader added by Dhruvil*/

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    border-radius: 10px;
}



/*End*/





/* START : INVOICE Page */

.InvoiceMainContainer {
    background-color: #fff;
}

    .InvoiceMainContainer tr, .InvoiceMainContainer td {
    }

.Invoice-container {
    /*background: #2c3216;*/
    /*border: 2px solid #2c3216;*/
    /*padding: 20px 25px;*/
    border-radius: 6px;
    /*box-shadow: #2c321682 -5px 6px 5px 0px;*/
}

    .Invoice-container .orderInfo {
        border: 1px solid #000 !important;
        color: #000;
        font-weight: lighter;
    }

@media (max-width: 991px) {
    .Invoice-container .orderInfo {
        margin-top: 25px;
    }
}


.orderInfo th {
    padding: 8px !important;
    vertical-align: middle;
}

.Invoice-container .orderInfo th {
    font-family: Rasa-Regular;
}

.Invoice-container .orderInfo tbody tr {
    text-align: start;
}

.Invoice-container .orderInfo tbody .invoiceitemName {
    color: #000 !important;
    font-family: Rasa-Bold;
}


.Invoice-container .orderInfo thead {
    background: #7a0607 !important;
    color: #fff !important;
}

.Invoice-container .orderInfo .InvoiceTotal {
    border-top: 1px solid #000 !important;
}

    .Invoice-container .orderInfo .InvoiceTotal tr th {
        font-weight: 500;
    }

.GrandTotalText {
    border-top: 1px solid #2c3216 !important;
}

.Invoice-container .invoiceInfo {
    border: 1px solid #2c3216 !important;
    color: white;
    text-align: start;
    margin-bottom: 30px;
}


.Invoice-container .invoiceInfo-heading {
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    background: #7a0607 !important;
    color: #fff !important;
    font-family: Rasa-Regular !important;
}


.Invoice-container .invoiceInfo tbody tr th {
    color: #000 !important;
}

.Invoice-container .invoiceInfo tbody tr td {
    color: #000 !important;
    font-weight: 500 !important;
}

.InvoiceContactInfo {
    margin: 0 !important;
    align-items: center;
    align-content: center;
    color: #2c3216 !important;
}

    .InvoiceContactInfo p {
        margin: 0;
    }


.InvoiceCommentRow {
    border-top: 1px solid #ffd86f !important;
    text-align: start;
}

/* END : Invoice Page */




/* START : News Page */

.NewAndEventsContainer .nav-tabs {
    border-color: #ffd86f;
}

    .NewAndEventsContainer .nav-tabs .nav-link {
        color: #000;
    }

        .NewAndEventsContainer .nav-tabs .nav-link:focus, .NewAndEventsContainer .nav-tabs .nav-link:hover {
            border-color: #7a0607;
            color: #fff2bb;
            background: #7a0607;
        }

        .NewAndEventsContainer .nav-tabs .nav-item.show .nav-link, .NewAndEventsContainer .nav-tabs .nav-link.active {
            border-color: #ffd86f;
            color: #fff2bb !important;
        }


.NewsEventsHeader {
    font-family: Rasa-Regular;
    color: #7a0607;
}


/*.upcoming-announcements {
    animation: fadeInUp 0.6s ease-in-out;
}*/

.upcoming-announcements .event-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
    /*background: #2c3216;*/
    width: 100%;
}

    .upcoming-announcements .event-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

    .upcoming-announcements .event-card .card-header {
        font-size: 1.1rem;
        letter-spacing: 0.3px;
        background: #ffd86f;
    }

    .upcoming-announcements .event-card .card-body img {
        position: relative;
        top: -2px;
    }

    .upcoming-announcements .event-card:hover img {
        filter: none;
        opacity: 1;
    }

/*@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}*/


/* Wrapper to handle image layout safely */
.upcoming-announcements .card-img-top-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    /* Force any <img> inside Description to behave responsively */
    .upcoming-announcements .card-img-top-wrapper img {
        display: block;
        width: 100%;
        height: 220px; /* adjust this to control vertical size */
        object-fit: cover; /* crop evenly and keep the focus centered */
        transition: transform 0.4s ease;
        border-radius: 0;
    }

.upcoming-announcements .event-card:hover .card-img-top-wrapper img {
    transform: scale(1.05);
}

/* Mobile-friendly height adjustments */
@media (max-width: 768px) {
    .upcoming-announcements .card-img-top-wrapper img {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .upcoming-announcements .card-img-top-wrapper img {
        height: 160px;
    }
}

.announcements-container .card-body {
    padding: 15px;
    background: #fff;
    text-align: left;
    font-family: 'cataneo BT';
    background: #7a0607 !important;
}

    .announcements-container .card-body h5 {
        font-size: 1.3rem;
    }

    .announcements-container .card-body span {
        font-family: josefinSans-SemiBold;
    }

.announcements-container .card-header {
    font-size: 1rem;
    letter-spacing: 0.3px;
}

.announcements-container .badge {
    font-size: 0.8rem;
    letter-spacing: 0.3px;
    vertical-align: middle;
}

.announcements-container .NewsToTextCard {
    margin: 0px 10px;
}

.announcements-container .newsStartDateCard {
    margin-left: 10px;
}


/* ---------------------------------------------------- */



/*.past-announcements {
    animation: fadeInUp 0.8s ease-in-out;
}*/

.past-announcements .event-card {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.8s ease;
    background: #2c3216;
    width: 100%;
}

    .past-announcements .event-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

    .past-announcements .event-card .card-header {
        font-size: 1.1rem;
        letter-spacing: 0.3px;
        background: #ffd86f;
    }

    .past-announcements .event-card .card-body img {
        position: relative;
        top: -2px;
    }

    .past-announcements .event-card:hover img {
        filter: none;
        opacity: 1;
    }

/*@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}*/


/* Wrapper to handle image layout safely */
.past-announcements .card-img-top-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    /* Force any <img> inside Description to behave responsively */
    .past-announcements .card-img-top-wrapper img {
        display: block;
        width: 100%;
        height: 220px; /* adjust this to control vertical size */
        object-fit: cover; /* crop evenly and keep the focus centered */
        transition: transform 0.4s ease;
        border-radius: 0;
    }

.past-announcements .event-card:hover .card-img-top-wrapper img {
    transform: scale(1.05);
}

/* Mobile-friendly height adjustments */
@media (max-width: 768px) {
    .past-announcements .card-img-top-wrapper img {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .past-announcements .card-img-top-wrapper img {
        height: 160px;
    }
}

.announcements-container .card-body {
    padding: 15px;
    background: #fff;
    text-align: left;
    font-family: 'cataneo BT';
}

    .announcements-container .card-body h5 {
        font-size: 1.4rem;
        color: #fff;
    }

    .announcements-container .card-body span {
        font-family: josefinSans-SemiBold;
        color: #fff;
    }

.announcements-container .card-header {
    font-size: 1rem;
    letter-spacing: 0.3px;
}

.announcements-container .badge {
    font-size: 0.8rem;
    letter-spacing: 0.3px;
    vertical-align: middle;
}

.announcements-container .NewsToTextCard {
    margin: 0px 10px;
}

.announcements-container .newsStartDateCard {
    margin-left: 10px;
}

.btn-outline-Theme {
    color: #7a0607;
    border-color: #7a0607 !important;
}

    .btn-outline-Theme:hover {
        color: #2c3216;
        background-color: #ffd86f;
        border-color: #ffd86f;
    }

    .btn-outline-Theme.active {
        background-color: #7a0607 !important;
        color: #fff2bb !important;
        border-color: #7a0607 !important;
    }

    .btn-outline-Theme:focus {
        outline: 0;
        box-shadow: none;
    }

.pagination-btn.active.btn-ThemeHMB {
    background-color: #ffd86f !important;
    color: #2c3216 !important;
    border-color: #ffd86f !important;
    font-weight: 600;
    box-shadow: 0 0 5px rgba(13, 110, 253, 0.5);
}

.PastAnnouncementsTitle, .UpcomingAnnouncementsTitle {
    font-family: 'cataneo BT';
    font-size: 1.5rem;
    text-align: left;
    text-transform: capitalize;
}


/* END : News Page */




/* START : Event Details Page */

.event-details {
}

.event-navigation {
    display: flex;
    gap: 7px;
    align-items: center;
    padding: 10px 7px;
    border: 1px solid #545454;
    border-radius: 9px;
}

.eventContent-container {
    margin-top: 30px;
    padding: 20px 0px;
    border: 2px solid #545454;
    border-radius: 12px;
    transition: 0.5s all ease-in-out;
}

    .eventContent-container:hover {
        box-shadow: #545454 0px 0px 8px 1px;
    }

.EventDetailTitle h2 {
    font-family: 'Rasa-Bold';
    color: #7a0607;
    font-size: clamp(2.2rem,4.2vw,3.44rem);
}

.event-details .card-text {
    padding: 0;
    font-size: 16px;
}
/*.event-details .event-description  img{
    width: 100%;
    height: auto;
}
*/

.event-details #clock img {
    filter: invert(1);
}

.EventDetailDuration {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
}

.eventdetailsNavBtn {
    background: #7a0607;
    color: #fff2bb;
}

    .eventdetailsNavBtn:hover {
        background: #ebc255;
    }

    .eventdetailsNavBtn a {
        color: #fff2bb;
    }

    .eventdetailsNavBtn:hover a {
        color: #a1211f;
    }

.currentEventDetail {
    color: #7a0607;
}

.event-description {
    font-size: 20px;
}


    .event-description strong span {
        font-weight: normal;
        color: #ffd86f;
        font-size: 30px;
    }

    .event-description strong {
        font-weight: bold;
        color: #fff;
    }



@media (max-width: 767px) {
    .event-description img {
        width: 100%;
        padding: 0px 15px;
    }

    .event-description {
        font-size: 17px;
    }


        .event-description strong span {
            font-weight: normal;
            color: #ffd86f;
            font-size: 25px;
        }
}


@media (min-width: 576px) {
    .event-details #clock img {
        width: 75%;
    }
}

@media (max-width: 575px) {
    .event-details #clock img {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .event-navigation {
        flex-direction: column;
    }

    .Eventdetails_Arrow {
        transform: rotate(90deg);
    }
}


/* END : Event Details Page */




/* START : Updated Menu Page */

#menuCategorySelect, #itemSearchInput {
    font-size: clamp(14px, 1vw, 22px);
    height: 40px;
    border-radius: 6px;
    color: dimgrey;
}

#itemSearchInput {
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    background-image: url(../Images/searchicon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 17px 20px 12px 38px;
    background-size: 22px;
}

.pickupDeliveryTextMessageContainer {
    padding: 0 !important;
}

.MenuDatetime {
    font-size: clamp(14px, 1vw, 18px);
    /*font-size: 18px;*/
    padding: 1px 0px;
}

.menuPagePill {
    border: 1px solid #ADADAD;
    border-radius: 50px;
    margin: 0px !important;
    width: 100%;
    margin: 0 !important;
    height: 50px;
}

@media (max-width: 668px) {
    .menuPagePill {
        height: 42px;
    }
}


@media (min-width: 768px) {
    .pickupDeliveryTextMessageContainer {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }



    .CategoryListOuter1 {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

    .SearchBoxContainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .ScheduleOrderContainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .PickupDeliveryOptionContainer {
        padding-left: 0px !important;
        /*padding-right: 10px !important;*/
    }
}

.SpecialOffer {
    background: url(../Images/Slider/BGFlame.jpg) no-repeat;
    width: 100%;
    border-radius: 25px;
    /*background:#fff;*/
}

.SpecialOffer1 {
    /*background:url(../Images/Slider/BGFlame.jpg) no-repeat;*/
    background: #fff;
}

.mfont {
    color: #fff2bb !important;
    font-size: clamp(12pt,3vw,19pt);
}

.sfont {
    color: #fff !important;
    font-size: clamp(12pt,3vw,24pt);
}

.mbtn {
    background: #fff2bb;
    padding: 8px;
    border-radius: 55px;
    width: 110px;
}

.mbtnp {
    color: #7a0607;
    font-size: clamp(12pt,3vw,20pt);
}
/* END : Updated Menu Page */
/* START : Updated Header */
.OuterDivHeader {
    flex-direction: column !important;
    padding: 0;
}

    .OuterDivHeader .HeaderAddBar {
        width: 100% !important;
    }

.HeaderSocialContainer {
    padding: 0px;
}

.OuterDivHeader .webheader {
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin-bottom: 16px;
}


#header-top {
    margin-bottom: -25px;
}

.OuterDivHeader .HeaderSocialContainer .HeaderSocial {
    width: 100%;
    justify-content: space-around !important;
    background: #fff2bb;
    clip-path: polygon( 2% 0, 100% 0, 100% 100%, 0 100% );
    padding: 5px 0px;
    position: relative;
    padding-left: 50px;
}



.openFormBtn {
    border: none;
    color: #fff2bb;
    font-family: 'Rasa-SemiBold';
    transition: 0.3s all ease-in-out;
    padding: 4px 5px;
    font-size: 14px;
}



.OuterDivHeader .HeaderSocialContainer .HeaderSocial .headerAdd {
    filter: brightness(0.2);
    background-position: center;
    background-size: 27px;
}

.OuterDivHeader .HeaderSocialContainer .HeaderSocial .divEmail {
    align-items: center !important;
    display: flex;
}

.OuterDivHeader .HeaderSocialContainer .HeaderSocial .divPhone .divLinkHeader {
    display: flex;
    height: 100%;
}


.OuterDivHeader .HeaderSocialContainer .HeaderSocial .account_link,
.OuterDivHeader .HeaderSocialContainer .HeaderSocial .ftrLogin {
    color: #2c3216;
    font-family: josefinSans-SemiBold;
}

.OuterDivHeader .HeaderSocialContainer .HeaderSocial .account_link {
    vertical-align: middle;
    font-size: 14px;
}


    .OuterDivHeader .HeaderSocialContainer .HeaderSocial .account_link:hover,
    .OuterDivHeader .HeaderSocialContainer .HeaderSocial .account_link:active,
    .OuterDivHeader .HeaderSocialContainer .HeaderSocial .account_link:focus {
        color: #4e5c18 !important;
    }


.OuterDivHeader .webheader #navbarTogglerDemo {
    flex-wrap: wrap;
}

.OuterDivHeader .webheader #header-top .HeaderAddBar {
    width: 100%;
}

    .OuterDivHeader .webheader #header-top .HeaderAddBar .HeaderSocialContainer {
        justify-items: end;
    }

.OuterDivHeader .webheader #header-left {
    justify-content: end;
    margin: 0 !important;
    position: relative;
}

.OuterDivHeader .webheader #header-right {
    align-self: end !important;
}

    .OuterDivHeader .webheader #header-right .navbar-nav.masterPageNavbar {
        justify-content: start !important;
        padding-left: 6%;
    }


@media (max-width: 768px) {
    .homeslider-image {
        max-height: 600px;
        height: auto;
        object-fit: contain;
        width: 100%;
    }

    .HomePageSliderImageContentContainer {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 50%;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .HomePageSiderTopBG,
    .HomePageSiderBottomBG {
        overflow: hidden;
        margin: 0px;
        filter: contrast(2);
    }


        .HomePageSiderTopBG img,
        .HomePageSiderBottomBG img {
            width: 170% !important;
        }

    .HomePageSliderContentContainer {
        background: transparent;
    }

    .HomePageSliderContentInnerContainer {
        color: #ffd86f;
    }

    .slider-onlineBtn {
        top: unset;
    }

    .homeslider-image {
        max-height: 350px;
        height: auto;
        object-fit: contain;
        width: 100%;
    }

    .HomePageSliderImageContentContainer {
        position: relative;
        top: 0;
        transform: unset;
        left: 0%;
        /* display: none; */
    }

    .HomePageSliderImageContentContainer {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        height: 100%;
        z-index: -111;
    }

    #content-middle-slider {
        height: 100% !important;
    }

    .HomePageSliderImageContentContainer .carousel-inner {
        height: 100% !important;
    }

        .HomePageSliderImageContentContainer .carousel-inner .carousel-item {
            height: 100% !important;
        }

            .HomePageSliderImageContentContainer .carousel-inner .carousel-item img {
                object-fit: cover;
                height: 100% !important;
                opacity: 0.1;
                z-index: -59;
                position: relative;
            }
}



@media (max-width: 767px) {
}


@media (max-width: 576px) {
    #MNavCart {
        padding: 10px 7px;
    }

        #MNavCart .MCartImg {
            width: 85%;
        }

        #MNavCart .cart-item-number {
            height: 18px;
            width: 18px;
        }

    .HomePageSiderTopBG img,
    .HomePageSiderBottomBG img {
        width: 188% !important;
    }
}

/* END : Updated Header */

.toggle-option.active {
    color: black;
    background: #fff !important;
}

#instructions li, .checkoutfont {
    margin-top: 10px;
    font-size: clamp(16px,3vw,18px);
}

.pickupDeliveryTextMessageContainer {
    background: #ef52221c;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    text-align: start;
}








/**************/

.category-list-outer {
    background-color: #fffaf5;
    border: 1px solid #f7d9b9;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* uniform grid cells */
    gap: 15px;
    justify-items: center;
}

.category-link {
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    border-radius: 30px;
    border: 2px solid #ff7a00;
    color: #ff7a00;
    background-color: #fff;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
    width: 100%; /* make all buttons same width */
}

    .category-link:hover,
    .category-link.active {
        background-color: #ff7a00;
        color: #fff;
        transform: translateY(-2px);
    }

#CouponCode, #tipInput {
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    height: 35px;
    font-size: clamp(16px,3vw,18px);
    padding-left: 10px;
}
#tipInput {
    position: relative;
    float: left;
}
  


    #MenuItemPriceC {
        text-align: left !important;
        color: #ef5222;
        font-family: Rasa-SemiBold;
        font-size: 18px;
    }

.cartGrandTotal {
    font-size: clamp(18px, 3vw, 20px);
    color: #7a0607;
    font-weight: 800;
}

.doubleUnderlined {
}

.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #4BB543;
    stroke-miterlimit: 10;
    margin: 20px auto;
    box-shadow: inset 0px 0px 0px #4BB543;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke: #4BB543;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4BB543;
    }
}

.ordernowbtnheader {
    margin-top: 12px;
}

.form-check-input:checked[type=radio] {
    background-image: none;
}

.form-check-input:focus {
    box-shadow: none;
}

.modal-content {
    border-radius: 5px;
}

.modal-dialog {
    top: 3%;
    margin: 0 auto;
    padding: 15px;
    max-width: 500px;
}

.bestofboston {
    position: absolute;
    top: 300px;
    height: 102px;
    width: 102px;
    background: url(../Images/BestOfBoston.png) no-repeat;
    left: 10px;
    z-index: 1000;
    background-size: cover;
}

@media (max-width:600px) {
    .modal-dialog {
        top: 3%;
        margin: 0 auto;
        padding: 15px;
    }

    .bestofboston {
        position: absolute;
        top: 150px;
        height: 70px;
        width: 70px;
        background: url(../Images/BestOfBoston.png) no-repeat;
        left: 10px;
        z-index: 1000;
        background-size: cover;
    }
}

.service_i {
    position: relative;
}

    /* Left top triangle */
    .service_i::before {
        content: "";
        position: absolute;
        top: -77px;
        left: -18px;
        width: 2px;
        height: 15px;
        border-right: 50px solid #6b0f0f;
        border-top: 77px solid transparent;
        z-index: 2;
    }

    /* Right top triangle */
    .service_i::after {
        content: "";
        position: absolute;
        top: -77px;
        right: -18px;
        width: 0;
        height: 0;
        border-left: 50px solid #6b0f0f;
        border-top: 77px solid transparent;
        z-index: 2;
    }

@media (max-width:1400px) {
    .service_i::before {
        content: "";
        position: absolute;
        top: -66px;
        left: -42px;
        width: 2px;
        height: 15px;
        border-right: 42px solid #6b0f0f;
        border-top: 66px solid transparent;
        z-index: 2;
    }

    /* Right top triangle */
    .service_i::after {
        content: "";
        position: absolute;
        top: -66px;
        right: -41px;
        width: 0;
        height: 0;
        border-left: 42px solid #6b0f0f;
        border-top: 66px solid transparent;
        z-index: 2;
    }
}

@media (max-width:1199px) {
    .service_i::before {
        content: "";
        position: absolute;
        top: -55px;
        left: -38px;
        width: 2px;
        height: 15px;
        border-right: 38px solid #6b0f0f;
        border-top: 55px solid transparent;
        z-index: 2;
    }

    /* Right top triangle */
    .service_i::after {
        content: "";
        position: absolute;
        top: -55px;
        right: -37px;
        width: 2px;
        height: 15px;
        border-left: 38px solid #6b0f0f;
        border-top: 55px solid transparent;
        z-index: 2;
    }
}

@media (max-width:992px) {
    .service_i::before {
        content: "";
        display: none;
    }

    /* Right top triangle */
    .service_i::after {
        content: "";
        display: none;
    }
}

.divEmail, .divPhone {
    align-items: center;
}

@media (max-width:550px) {
    iframe {
        width: 100%;
    }

    .g-recaptcha {
        scale: 1;
    }
}

.btn-addtocart {
    width: 40%;
}

@media (max-width:550px) {
    .btn-addtocart {
        width: 60%;
    }
}

.liquid {
    background: linear-gradient(#fff2bb 0 0) no-repeat calc(200% - var(--p, 0%)) 100% / 200% var(--p, 0.2em) !important;
    transition: 0.3s var(--t, 0s), background-position 0.3s calc(0.3s - var(--t, 0s)) !important;
}

    .liquid:hover {
        --p: 100%;
        --t: 0.3s;
        color: #7a0607;
    }

        .liquid:hover button {
            --p: 100%;
            --t: 0.5s;
            color: #7a0607 !important;
        }

.liquid2 {
    background: linear-gradient(#ef5222 0 0) no-repeat calc(200% - var(--p, 0%)) 100% / 200% var(--p, 0.2em) !important;
    transition: 0.3s var(--t, 0s), background-position 0.3s calc(0.3s - var(--t, 0s)) !important;
}

    .liquid2:hover {
        --p: 100%;
        --t: 0.3s;
        color: #7a0607;
    }

        .liquid2:hover a {
            --p: 100%;
            --t: 0.5s;
            color: #7a0607;
        }


.neon-pulse {
    position: relative;
    display: inline-block;
    padding: 12px 12px;
    /*margin: 40px 0;*/
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    /*margin-right: 50px;*/
}

    .neon-pulse:hover {
        background: #ffffff;
        padding: 12px 12px;
        color: #365904;
        box-shadow: 0 0 5px #fff2bb, 0 0 15px #fff2bb, 0 0 1px #fff2bb, 0 0 1px #fff2bb;
        -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
    }

    .neon-pulse:nth-child(1) {
        filter: hue-rotate(270deg);
    }

    .neon-pulse:nth-child(2) {
        filter: hue-rotate(110deg);
    }

    .neon-pulse span {
        position: absolute;
        display: block;
    }

        .neon-pulse span:nth-child(1) {
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, transparent, #fff2bb);
            animation: animate1 1s linear infinite;
        }

@keyframes animate1 {
    0% {
        left: -100%;
    }

    50%, 100% {
        left: 100%;
    }
}

.neon-pulse span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #fff2bb);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}

@keyframes animate2 {
    0% {
        top: -100%;
    }

    50%, 100% {
        top: 100%;
    }
}

.neon-pulse span:nth-child(3) {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #fff2bb);
    animation: animate3 1s linear infinite;
    animation-delay: 0.5s;
}

@keyframes animate3 {
    0% {
        right: -100%;
    }

    50%, 100% {
        right: 100%;
    }
}

.neon-pulse span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #fff2bb);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }

    50%, 100% {
        bottom: 100%;
    }
}

.toast-success {
    background: #fff !important;
    color: #000 !important;
    border-radius: 3px 3px !important;
}

.divLinkHeader a:hover {
    scale: 1.2;
    transition: 0.5s ease-in-out;
}

.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 50px;
}

    .glow-on-hover:before {
        content: '';
        /*background: linear-gradient(45deg, #000, #000, #000, #000, #000, #000, #000, #000, #000);*/
        background: linear-gradient(45deg, #fff2bb, #ef5222, #a1211f, #7a0607, #a1211f, #fff2bb, #ef5222, #a1211f, #7a0607);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 20s linear infinite;
        opacity: 0;
        transition: opacity .3s ease-in-out;
        border-radius: 50px;
    }

    .glow-on-hover:active {
        color: #000
    }

        .glow-on-hover:active:after {
            background: transparent;
        }

    .glow-on-hover:hover:before {
        opacity: 1;
    }

    .glow-on-hover:after {
        z-index: -1;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ef5222;
        left: 0;
        top: 0;
        border-radius: 50px;
    }

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}


/* START : AutoFill Inputs Colour */

.cateringinquiryContainer input:-webkit-autofill,
.cateringinquiryContainer input:-webkit-autofill:hover,
.cateringinquiryContainer input:-webkit-autofill:focus,
.cateringinquiryContainer textarea:-webkit-autofill,
.cateringinquiryContainer textarea:-webkit-autofill:hover,
.cateringinquiryContainer textarea:-webkit-autofill:focus,
.cateringinquiryContainer select:-webkit-autofill,
.cateringinquiryContainer select:-webkit-autofill:hover,
.cateringinquiryContainer select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.cateringinquiryContainer input:-internal-autofill-selected {
    background-color: transparent !important;
}


.ContactUsForm input:-webkit-autofill,
.ContactUsForm input:-webkit-autofill:hover,
.ContactUsForm input:-webkit-autofill:focus,
.ContactUsForm textarea:-webkit-autofill,
.ContactUsForm textarea:-webkit-autofill:hover,
.ContactUsForm textarea:-webkit-autofill:focus,
.ContactUsForm select:-webkit-autofill,
.ContactUsForm select:-webkit-autofill:hover,
.ContactUsForm select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.ContactUsForm input:-internal-autofill-selected {
    background-color: transparent !important;
}

.CareerRequestOuterContainer input:-webkit-autofill,
.CareerRequestOuterContainer input:-webkit-autofill:hover,
.CareerRequestOuterContainer input:-webkit-autofill:focus,
.CareerRequestOuterContainer textarea:-webkit-autofill,
.CareerRequestOuterContainer textarea:-webkit-autofill:hover,
.CareerRequestOuterContainer textarea:-webkit-autofill:focus,
.CareerRequestOuterContainer select:-webkit-autofill,
.CareerRequestOuterContainer select:-webkit-autofill:hover,
.CareerRequestOuterContainer select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.CareerRequestOuterContainer input:-internal-autofill-selected {
    background-color: transparent !important;
}


#ReservationForm input:-webkit-autofill,
#ReservationForm input:-webkit-autofill:hover,
#ReservationForm input:-webkit-autofill:focus,
#ReservationForm textarea:-webkit-autofill,
#ReservationForm textarea:-webkit-autofill:hover,
#ReservationForm textarea:-webkit-autofill:focus,
#ReservationForm select:-webkit-autofill,
#ReservationForm select:-webkit-autofill:hover,
#ReservationForm select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

#ReservationForm input:-internal-autofill-selected {
    background-color: transparent !important;
}

#VipRegInnerContainer1 input:-webkit-autofill,
#VipRegInnerContainer1 input:-webkit-autofill:hover,
#VipRegInnerContainer1 input:-webkit-autofill:focus,
#VipRegInnerContainer1 textarea:-webkit-autofill,
#VipRegInnerContainer1 textarea:-webkit-autofill:hover,
#VipRegInnerContainer1 textarea:-webkit-autofill:focus,
#VipRegInnerContainer1 select:-webkit-autofill,
#VipRegInnerContainer1 select:-webkit-autofill:hover,
#VipRegInnerContainer1 select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

#VipRegInnerContainer1 input:-internal-autofill-selected {
    background-color: transparent !important;
}


.SuggestionContainer input:-webkit-autofill,
.SuggestionContainer input:-webkit-autofill:hover,
.SuggestionContainer input:-webkit-autofill:focus,
.SuggestionContainer textarea:-webkit-autofill,
.SuggestionContainer textarea:-webkit-autofill:hover,
.SuggestionContainer textarea:-webkit-autofill:focus,
.SuggestionContainer select:-webkit-autofill,
.SuggestionContainer select:-webkit-autofill:hover,
.SuggestionContainer select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.SuggestionContainer input:-internal-autofill-selected {
    background-color: transparent !important;
}


.GuestDetailsContainer input:-webkit-autofill,
.GuestDetailsContainer input:-webkit-autofill:hover,
.GuestDetailsContainer input:-webkit-autofill:focus,
.GuestDetailsContainer textarea:-webkit-autofill,
.GuestDetailsContainer textarea:-webkit-autofill:hover,
.GuestDetailsContainer textarea:-webkit-autofill:focus,
.GuestDetailsContainer select:-webkit-autofill,
.GuestDetailsContainer select:-webkit-autofill:hover,
.GuestDetailsContainer select:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.GuestDetailsContainer input:-internal-autofill-selected {
    background-color: transparent !important;
}


@media (max-width: 768px) {
    #genericPopupModal iframe {
        height: 300px !important;
    }
}

/* END : AutoFill Inputs Colour */

#SubMenuMobMore ul li a, #SubMenuMobCatering ul li a {
    font-size: 18px !important;
}
/* Responsive layout adjustments for the menu/search/pickup-delivery section */

/* Base adjustments */
.CategoryListOuter1 select,
.SearchBoxContainer input {
    width: 100%;
}

/* Mobile (≤767px): stack everything neatly */
@media (max-width: 767px) {
    .CategoryListOuter1,
    .SearchBoxContainer,
    .PickupDeliveryOptionContainer,
    .pickupDeliveryTextMessageContainer,
    .ScheduleOrderContainer {
        margin-top: 10px !important;
        text-align: center !important;
    }

        .PickupDeliveryOptionContainer .menuPagePill {
            justify-content: center !important;
        }

        .PickupDeliveryOptionContainer .order-pills {
            font-size: 15px;
            padding: 8px 0;
        }

        .pickupDeliveryTextMessageContainer strong {
            display: block;
            width: 100%;
            text-align: center !important;
        }

        .ScheduleOrderContainer strong {
            display: block;
            width: 100%;
            text-align: center !important;
        }

    /* Dropdown and search box full width */
    .CategoryListOuter1,
    .SearchBoxContainer {
        width: 100% !important;
        display: block !important;
    }

    /* Adjust grid spacing */
    .no-margin {
        margin: 0 !important;
    }

    .nopadding {
        padding: 0 !important;
    }
}

/* Tablets (768px–991px): split in two lines cleanly */
@media (min-width: 768px) and (max-width: 991px) {
    .CategoryListOuter1,
    .SearchBoxContainer {
        width: 50% !important;
    }

    .PickupDeliveryOptionContainer {
        margin-top: 15px;
    }

    .pickupDeliveryTextMessageContainer {
        text-align: center !important;
    }

    .ScheduleOrderContainer {
        text-align: center !important;
        margin-top: 10px;
    }
}

/* Desktop refinements */
@media (min-width: 992px) {
    .PickupDeliveryOptionContainer .menuPagePill {
        justify-content: end !important;
    }

    .pickupDeliveryTextMessageContainer {
        text-align: left !important;
    }

    .ScheduleOrderContainer {
        text-align: right !important;
    }
}
/* --- Mobile Overlay Container --- */
.overlayMobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9); /* dark overlay background */
    overflow-x: hidden;
    transition: width 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

    /* When menu is opened (use JS to add this) */
    .overlayMobile.open {
        width: 100%;
    }

    /* Close (×) button */
    .overlayMobile .closebtn {
        position: absolute;
        top: 15px;
        right: 25px;
        font-size: 40px;
        text-decoration: none;
        z-index: 10000;
        line-height: 1;
        background: transparent;
        border: none;
    }

/* Content area inside overlay */
.overlayMobile-content {
    width: 100%;
    text-align: center;
    overflow-y: auto;
    padding: 0 15px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Menu list */
.navMob {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .navMob li {
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

        /* Keep your font color as-is */
        .navMob li a {
            text-decoration: none;
            font-size: 18px;
            display: block;
            width: 100%;
        }

/* Submenu styling */
#SubMenuMobCatering,
#SubMenuMobMore {
    display: none;
    width: 100%;
}

    #SubMenuMobCatering ul,
    #SubMenuMobMore ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    #SubMenuMobCatering li,
    #SubMenuMobMore li {
        padding: 8px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

/* Social media & login sections */
.mobileLoginSection,
.mobileSocialMediaSection {
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.MasterPageOrderOnlineBtn a,
.MasterPageOrderOnlineBtn button {
    width: 100%;
    text-align: center;
}

/* --- RESPONSIVE BREAKPOINTS --- */

/* Tablets & small devices */
@media (max-width: 991px) {
    .overlayMobile-content {
        padding-top: 0px;
    }

    .navMob li a {
        font-size: 17px;
    }

    .closebtn {
        font-size: 35px;
    }
}

/* Mobile phones */
@media (max-width: 600px) {
    .navMob li {
        padding: 12px 0;
    }

        .navMob li a {
            font-size: 20px;
        }

    .mobileLoginSection,
    .mobileSocialMediaSection {
        flex-direction: column;
        gap: 0px;
    }

    .MasterPageOrderOnlineBtn a,
    .MasterPageOrderOnlineBtn button {
        font-size: 20px;
        padding: 8px 12px;
    }
}


/* --- TOGGLER BUTTON BASE --- */
.navbar-toggler {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

/* --- ICON CONTAINER --- */
.toggler-icon {
    width: 28px;
    height: 22px;
    position: relative;
    display: inline-block;
}

    /* --- HAMBURGER BARS --- */
    .toggler-icon span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fff2bb; /* 🔹 Change this color as needed */
        border-radius: 2px;
        transition: all 0.3s ease;
    }

        /* --- BAR POSITIONS --- */
        .toggler-icon span:nth-child(1) {
            top: 0;
        }

        .toggler-icon span:nth-child(2) {
            top: 9px;
        }

        .toggler-icon span:nth-child(3) {
            top: 18px;
        }

/* --- ANIMATION (ACTIVE STATE → X SHAPE) --- */
.navbar-toggler.active .toggler-icon span:nth-child(1) {
    transform: rotate(45deg);
    top: 9px;
}

.navbar-toggler.active .toggler-icon span:nth-child(2) {
    opacity: 0;
}

.navbar-toggler.active .toggler-icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 9px;
}
/* Change color when active */
.navbar-toggler.active .toggler-icon span {
    background-color: #00bcd4; /* Cyan when open */
}

/* Add subtle hover effect */
.navbar-toggler:hover .toggler-icon span {
    background-color: #ff4b2b; /* Reddish hover */
}


.modalTotalPriceBasedOnQuantity {
    border: none;
    background: transparent;
    color: #ef5222;
    font-size: clamp(22px,3vw,26px);
    ;
    font-family: Rasa-Regular;
}

#totalPrice {
    border: none;
    background: transparent;
    color: #ef5222;
    font-size: clamp(22px,3vw,26px);
    font-family: Rasa-SemiBold;
}

.tbodytr {
    border-top: 1px solid #e7e7e7;
}



/* Default: Desktop view — from end (right side) */
.responsive-offcanvas {
    --bs-offcanvas-width: 400px; /* optional: set width */
}

/* Mobile: from bottom with slide-up animation */
@media (max-width: 767.98px) {
    .responsive-offcanvas {
        top: 40px !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
    }

        .responsive-offcanvas.show {
            transform: translateY(0);
        }
}

.cartIconOnCart {
    height: 45px;
}

.bg-orange {
    background: #fe5222 !important;
    color: #fff;
}

#aboutText span {
    opacity: 0;
    margin-right: 6px;
    display: inline-block;
    transform: translateY(8px);
    animation: wordFade 0.35s ease forwards;
}

@keyframes wordFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.success-wrapper {
    width: 100%;
    height: 100vh; /* full screen */
    display: flex;
    justify-content: center;
    align-items: center; /* perfectly center */
    background: #ffffff00; /* transparent or set your color */
}

.checkmark {
    width: 120px;
    max-width: 40%;
}

/* Rotation animation */
@keyframes rotateIn {
    0% {
        transform: rotate(-360deg) scale(0);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }
}

.rotate-in {
    animation: rotateIn 1s ease-out forwards;
}

.gcAmount {
    font-size: 18px;
}

.account_link:hover {
    color: #fff2bb !important;
    transition: 0.2s ease-in-out;
}

#datepicker-toggle, #dateDropdown, #timeDropdown, #MenuPageAddress1 {
    font-family: Rasa-Regular;
    font-size: 1rem;
}

#Ord-Plc-Btn {
    border: 1px solid #a1211f;
    border-radius: 5px;
    background: #7a0607 !important;
    font-size: clamp(13px,4vw,18px) !important;
    font-family: Rasa-Light !important;
    color: #fff !important;
}

    #Ord-Plc-Btn:hover {
        border: 1px solid #ef5222;
        border-radius: 5px;
        background-color: transparent !important;
        font-size: clamp(13px,4vw,18px) !important;
        font-family: Rasa-light !important;
        color: #7a0607 !important;
        transition: 0.3s ease-in-out;
    }

.headerHSOTInvoiceBG {
    background: #7a0607;
    color: #fff !important;
}

.invoicePhoneGC {
    color: #7a0607 !important;
}

.MenuItemNotAvailableButton {
    padding: 8px;
    gap: 5px;
    border-radius: 8px;
    color: #ff3a3a;
    border: 0px solid red;
    background: transparent;
}

#MenuItemNotAvailableButtonText {
    font-family: Lato-Regular;
}

.nowrap-scrollbar1 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: Rasa-Medium;
    -webkit-line-clamp: 3;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%;
}

#iconItem.icon-expanded {
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    flex-shrink: 0;
}

.required-badge {
    background-color: #e2e2e2;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    border: 1px solid;
    margin-left: .5rem !important;
}

.outerbox-required {
    border: 1px solid red;
}

    .outerbox-required .required-badge {
        background-color: transparent;
        color: red;
        border: 0px solid red;
        margin-left: .5rem !important;
    }


/* START : Website Feedback */
.websitefeedback {
    padding: 10px 10px;
    background: #ffd86f;
    border-radius: 8px;
    border: 1px solid transparent;
}

    .websitefeedback:hover {
        transition: 0.3s ease-in-out;
        padding: 10px 10px;
        background: transparent;
        border-radius: 8px;
        border: 1px solid #ffd86f;
    }

        .websitefeedback:hover a {
            transition: 0.5s ease-in-out;
            color: #ffd86f;
        }

    .websitefeedback a {
        font-size: 15px !important;
        color: #2c3216;
        font-family: Lato-SemiBold;
        text-transform: capitalize;
    }



.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;
    }

.btn-icon {
    width: 25px;
    height: 25px;
    stroke-width: 3;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s ease;
}

    .btn-icon.show {
        opacity: 1;
        transform: scale(1);
    }

.loading-spinner {
    border: 3px solid #fff;
    border-top: 3px solid #e0e0e0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 0.9s linear infinite;
    display: none;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}




#formModal .modal-dialog {
    justify-content: center;
    padding: 15px !important;
}

#formModal .modal-header .btn-close {
    position: absolute;
    right: 9px;
    margin: 0px !Important;
    top: 12px;
}

#formModal .modal-header .btn-close {
    box-shadow: none !important;
}

#formModal .modal-content {
    background-color: #fff !important;
    width: 75%;
    border-radius: 6px;
    box-shadow: #000000 0px 0px 13px 1px !important;
}

@media (max-width: 992px) {
    #formModal .modal-content {
        width: 100%;
    }
}

#formModal .modal-header {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-color: #2c3216;
    justify-content: center;
}

    #formModal .modal-header #formModalTitle {
        font-size: clamp(2.2rem,1.2vw,2.44rem);
        font-family: Rasa-Bold;
        color: #7a0607;
    }


#formModal .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}

#formModal .modal-body {
    max-height: 85vh;
    overflow-y: auto;
}


#formModal .modal-body {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

    #formModal .modal-body #WebsiteFeedBackContainer .custom-button-reverse {
        border: 1px solid #2c3216;
        background-color: #2c3216;
        color: #fff8e5;
    }

    #formModal .modal-body #WebsiteFeedBackContainer .inputText {
        border-bottom: 1px solid #2c3216;
        color: #2c3216;
    }

    #formModal .modal-body #WebsiteFeedBackContainer .user-input-wrp span.floating-label {
        color: #2c3216;
    }

    #formModal .modal-body #WebsiteFeedBackContainer .user-input-wrp input:focus ~ .floating-label {
        color: #2c3216;
    }


    #formModal .modal-body #WebsiteFeedBackContainer .custom-button-reverse:hover {
        border: 1px solid #2c3216;

        background-color: #fff8e5;
        color: #2c3216;
    }

    #formModal .modal-body #WebsiteFeedBackContainer .custom-button:hover {
        background-color: #c1bdbd;
        color: #2c3216;
        border: 1px solid #c7c7c7;
    }


.recaptcha-wrapper {
    transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .recaptcha-wrapper {
        transform: scale(0.85);
        transform-origin: center;
    }
}

/* END : WebSite Feedback Modal */

#MenuItemButtonImg {
    background: url(../Images/menu_plus.png) no-repeat;
    object-fit: cover;
}

#categoryNav {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background: #ffffff;
}

.sticky-top {
    z-index: 2 !important;
}

@media (max-width: 576px) {
    .restaurantName {
        text-align: center;
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .mobile-nav {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .order-pill {
        align-items: flex-start !important;
        border-radius: 8px;
        padding: 10px 12px;
    }
}

.searchbar, #menuSearch {
    font-size: clamp(16px,3vw,20px);
}

.menunote {
    font-size: clamp(16px,3vw,18px);
}

.datamenu {
    cursor: revert !important;
}

#MainMenuPageContainer .MenuBoxinner:hover .datamenu {
    cursor: revert !important;
}

.datamenu .MenuItem {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px;
    /*height: 140px;*/
    overflow: hidden;
}

.CouponInnerDiv {
    padding: 10px;
}

#CouponSection {
    padding: 0 !important;
    margin-top: 20px;
    margin-bottom: 10px;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 8px;
    align-items: center;
}

#cateringnote {
    font-size: clamp(16px,3vw,18px);
}

.GalleryPageNavbarLink {
    padding: 5px 10px;
    font-size: 18px;
}

.modal-header .btn-close {
    border: none;
    border-radius: 50%;
    width: 23px;
    height: 13px;
}

#checkoutCart .ViewCartTitle {
    display: none;
}

.checkoutCart .card {
    border: none;
    border-bottom: 1px solid #ddd;
}

.checkoutCart {
    /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; */
    border: 1px solid #ddd;
    border-radius: 8px;
}

.cartHeaderFontTotal {
    font-family: Rasa-Bold;
    font-size: 18px;
}

#OrderForTitle {
    text-align: start;
    font-size: clamp(16px,3vw,20px);
    color: #ef5222;
    padding: 0;
}

.offer-icon {
    filter: invert(16%) sepia(96%) saturate(3093%) hue-rotate(343deg) brightness(90%) contrast(96%);
}

.offer-tag {
    background: #7a06071a;
    padding: 10px 28px;
    color: #212529;
    font-family: 'Rasa-Medium';
    position: relative;
    white-space: nowrap;
    font-size: clamp(16px,3vw,18px);
}

    .offer-tag::after {
        content: "";
        position: absolute;
        right: 0;
        top: 11px;
        width: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #fff;
    }

.offer-wrapper {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
}

.accordion-button {
    font-size: clamp(16px,3vw,18px);
    color: #ef5222;
    padding: 0.5rem 0.5rem !important;
}

#AppliedCoupon {
    color: #7a0607 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #2c3216 !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: white; /* Ensures the text cursor is visible */
}

.dnowrap-scroll {
    display: none;
}
@media (max-width: 576px) {
    .swiper-slide {
        display: block !important;
        width: 100% !important;
    }

    .offer-wrapper {
        flex-direction: column;
    }

    .offer-text {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        word-break: break-word;
        font-size: 14px;
        line-height: 1.4;
    }

        .offer-text img.offer-icon {
            float: left;
            margin-right: 8px;
            margin-top: 3px;
        }

    .offerSwiper {
        max-width: 100% !important;
        overflow: hidden !important;
        margin-top: 17px;
        margin-bottom: 12px;
    }

    .offer-tag {
        width: 100%;
        justify-content: center;
    }

        .offer-tag::after {
            display: none;
        }
}
#categoryNav .dropdown-menu {
    max-width: 100vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: 30vh;
    overflow-y: scroll;
}
#AddItem {
    display:none;
}
#CheckoutPageContainer1 #AddItem {
    display:block;
    color:#ef5222;
    font-size:clamp(16px,3vw,18px);
}

/*Invoice Loader CSS*/

#loadingOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #7a0607;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loadingText {
    color: white;
    font-size: 18px;
    font-weight: normal;
}

/*End*/

/* START : DateTimeModal Catering */

.CateringDateControl {
    position: relative;
}

    .CateringDateControl .custom-icon {
        position: absolute;
        right: 18px;
        bottom: 7px;
        /*transform: translateY(-50%);*/
        pointer-events: none;
        color: red; /* Customize icon color here */
        font-size: 16px;
        background: transparent;
    }

        .CateringDateControl .custom-icon img {
            width: 22px;
            height: 22px;
            filter: invert(1);
        }

/* END : DateTimeModal Catering */