/* @@@@@@@@@ */
@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

/* Mont Heavy */
/* @font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
} */

/* Mont Bold */
@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-SemiBold.otf") format("opentype");
    font-weight: 600;
    /* Semi-bold weight */
    font-style: normal;
}

/* Mont Book */
/* @font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
} */

/* Mont Regular */
@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-Regular.otf") format("opentype");
    font-weight: 400;
    /* Regular weight */
    font-style: normal;
}


/* Mont Light */
@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-Light.otf") format("opentype");
    font-weight: 300;
    /* Light weight */
    font-style: normal;
}

/* Mont ExtraLight */
@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-ExtraLight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Mont";
    src: url("../font/Mont/Mont-Thin.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}

/* Mont Black */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Mont Heavy */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    /* Extra-bold */
    font-style: normal;
}

/* Mont Bold */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    /* Semi-bold weight */
    font-style: normal;
}

/* Mont Book */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

/* Mont Regular */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    /* Regular weight */
    font-style: normal;
}


/* Mont Light */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    /* Light weight */
    font-style: normal;
}

/* Mont ExtraLight */
@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../font/montserrat/static/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

/* ########### */

@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Mont Heavy */
@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

/* Mont Bold */
@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Mont Regular */
@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}


/* Mont Light */
@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

/* Mont ExtraLight */
@font-face {
    font-family: "Palanquin";
    src: url("../font/palanquin/Palanquin-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "DancingScript";
    src: url("../font/dancing-script/static/DancingScript-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Mulish";
    src: url("../font/Mulish/static/Mulish-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

:root {
    --primary-color: #D12027;
    --green-color: #86C069;
    --light-green-color: #AEE891;
    --yellow-color: #fcc235;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --light-pink-color: #ECE7E3;
    --primary-font: "Montserrat";
    --home-banner-font: "DancingScript";
    --home-banner-tag-font: "Mont";
    --footer-copy-font: "Mulish";
    --secondary-font: "Palanquin", sans-serif;
}

/* Navbar custom-navbar */
header {
    padding: 0 4rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    /* background: transparent; */
    /* backdrop-filter: blur(3px); */
    /* -webkit-backdrop-filter: blur(10px); */

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
}

/* header .custom-navbar a.navbar-brand, */
header .custom-navbar a img {
    width: 150px;
}

header .custom-navbar ul a {
    font: 600 1rem var(--primary-font);
    color: var(--white-color);
    margin-right: .875rem;
}

/* header .custom-navbar ul>li.nav-item>a:hover {
    color: var(--white-color);
} */
header .custom-navbar ul>li.nav-item {
    display: flex;
    align-items: center;
}

header .custom-navbar ul>li.nav-item>a:focus,
header .custom-navbar ul>li.nav-item>a:hover,
header .custom-navbar ul>li.nav-item>ul li a:focus,
header .custom-navbar ul>li.nav-item>ul li a:hover {
    color: var(--white-color);
}

header .custom-navbar ul>li.nav-item a.order-now-btn {
    border-color: var(--white-color);
}

header .custom-navbar ul>li.nav-item a.order-now-btn:hover {
    border-color: var(--primary-color);
}

.index-home-banner-section {
    position: relative;
}

.index-home-banner-section::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
}

.video-box {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-home-banner-txt-content {
    position: relative;
    z-index: 2;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-home-banner-txt-content h1 {
    font: 700 4rem var(--home-banner-font);
    color: var(--white-color);
}

.our-brand-story-section {
    background-image: url("../images/home-bg-images/home-our-brand-story-bg-img.jpg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.our-brand-story-heading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.our-brand-img-box img {
    border-radius: 1.25rem;
}

.outline-btn.brand-story-btn {
    padding: .75rem 1.7rem .75rem;
    font: 500 .75rem var(--primary-font);
}

.outline-btn.our-special-offering-btn{
    margin-top:1rem!important;
    /* border:none; */
}

.today-menu-img-box {
    padding: 1.5rem 2.5rem;
    background-color: var(--green-color);
    border-radius: 0 0 1.25rem 1.25rem;
    position: relative;
}

.today-menu-plus-box i {
    color: var(--white-color);
    font-size: 1.75rem;
    margin: 0 .75rem;
}

.today-menu-header-txt-box span {
    font: 600 .55rem var(--primary-font);
    padding: .45rem .75rem .465rem;
}

.today-menu-header-txt-box h5 {
    color: var(--primary-color);
    font: 500 .875rem var(--primary-font);
    margin-top: 0.75rem;
}

.today-menu-header-txt-box h2 {
    color: var(--primary-color);
    font: 700 1.25rem var(--primary-font);
}

.today-menu-header-txt-box {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
    height: 100%;
}

.today-menu-header-txt-box p {
    font: 400 .95rem var(--secondary-font);
    line-height: 1.25rem;
}

.menu-slide .today-menu-img-box {
    background-color: transparent;
    padding: 0;
}

.menu-slide .today-menu-img-box .today-menu-plus-box i {
    font-size: 1.2rem;
    margin: 0 .2rem;
    color: var(--green-color);
    margin-top: -2.5rem;
}

.menu-slide {
    padding: 0.875rem 0.5rem;
    text-align: center;
    border-radius: 1.125rem;
    padding-bottom: 1.75rem;
}

.menu-slide-date span {
    color: var(--primary-color);
    font: 400 .75rem var(--secondary-font);
    line-height: 1rem;
}

.menu-slide-date h6 {
    margin: 0;
    color: var(--primary-color);
    font: 400 .875rem var(--secondary-font);
    line-height: 1rem;
}

.menu-slide-date {
    padding-bottom: 0.875rem;
}

.menu-content-box {
    padding-top: 3rem;
}

.menu-slide .slide-menu-txt-box p {
    font: 400 .75rem var(--secondary-font);
}

.menu-slider-wrapper .owl-nav {
    display: flex;
    justify-content: end;
}

.menu-slider-wrapper .owl-nav button img {
    width: 2.5rem;
}

.our-special-offering-card-img {
    display: flex;
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.our-special-offering-card-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: var(--light-green-color);
    bottom: 0;
    left: 0;
    border-radius: 1.125rem 1.125rem 0 0;
    z-index: -1;
}

.our-special-offering-card-img img {
    width: 50%;
    margin: auto;
}

.our-special-offering-card-txt {
    padding: .875rem 1.125rem;
    background-color: var(--light-green-color);
    padding-bottom: 2rem;
    border-radius: 0 0 1.125rem 1.125rem;
    text-align: center;
}

.our-special-offering-card-txt h4 {
    color: var(--black-color);
    font: 600 1.1rem var(--primary-font);
    line-height: 1.25rem;
    /* margin: 0; */
}

.our-special-offering-card-txt p {
    color: var(--primary-color);
    font: 400 .825rem var(--secondary-font);
    line-height: 1.125rem;
    /* padding-right: 2.75rem; */
}

.our-special-offering-heading {
    padding-bottom: 1.875rem;
}

/* .swiper-wrapper {display: flex;} */
.testimonial-slider-controller-btn-box {
    position: relative;
    display: flex;
    height: 100%;
}

.testimonial-slider-controller-btn-box .swiper-button-next::after,
.testimonial-slider-controller-btn-box .swiper-button-prev::after {
    display: none;
}

.testimonial-slider-controller-btn-box .swiper-button-next,
.testimonial-slider-controller-btn-box .swiper-button-prev {
    width: 20%;
}

/* .testimonial-slider-controller-btn-box .swiper-button-next{} */
.testimonial-slider-controller-btn-box .swiper-button-prev {
    left: 45% !important;
}

.testimonial-container .swiper-pagination-bullet {
    background: var(--light-pink-color);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9);
}

.testimonial-container .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--primary-color);
    padding: 0.3rem;
}

.testimonial-container,
.testimonial-container {
    position: relative;
    height: 100%;
}

.testimonial-container .swiper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.testimonial-slide.swiper-slide {
    background-color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1.25rem 1.5rem;
    padding-bottom: 2.5rem;
    border-radius: 1.25rem;
    padding-top: 4rem;
}

.testimonial-slide-author-info {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1.125rem;
    padding-bottom: 1.125rem;
}

.testimonial-slide-author-info img {
    width: 7rem;
    border-radius: 50%;
}

.testimonial-container .swiper-pagination {
    bottom: -28px;
    z-index: 9;
}

.testimonial-container .swiper-wrapper {
    position: relative;
    height: 100% !important;
}

.author-name-post-box h3 {
    font: 600 1.25rem var(--primary-font);
    color: var(--primary-color);
    line-height: 1.75rem;
    margin: 0;
}

.author-name-post-box p {
    font: 300 .875rem var(--secondary-font);
    color: var(--black-color);
    line-height: 1.125rem;
    margin: 0;
}

.author-review-box p {
    font: 400 .875rem var(--secondary-font);
    line-height: 1.25rem;
}

.testimonial-video-slide {
    padding: 0 !important;
    position: relative;
}

.testimonial-video-slide img {
    border-radius: 1.25rem;
    height: 100%;
}

.testimonial-video-slide::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 50%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    border-radius: 0 0 1.25rem 1.25rem;
    /* display: none;*/
}

.video-author-info-box {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 0 0.95rem;
}

.play-testimonial-video {
    padding: 0;
}

.testimonial-modal .modal-content {
    background-color: transparent;
}

.testimonial-modal .modal-body {
    display: flex;
    height: 100%;
    background-color: #000000;
}

.testimonial-video-box {
    margin: auto;
    width: fit-content;
    position: relative;
    height: 100%;
}

.testimonial-video-box button.close-video-btn {
    position: absolute;
    top: 0rem;
    right: -2rem;
    color: var(--white-color);
}

/* } */
video.testimonial-video {
    height: 90%;
    margin-top: 10%;
}

.close-video-btn:focus {
    border: none;
    color: var(--white-color) !important;
}

.video-author-info-txt h4 {
    font: 600 1.25rem var(--primary-font);
    color: var(--white-color);
    line-height: 1.325rem;
}

/* .testimonial-video-box{} */
.video-author-info-txt p {
    margin: 0;
    font: 300 .625rem var(--primary-font);
    color: var(--white-color);
    line-height: 1rem;
}

.tool-tip-box {
    position: absolute;
    top: .875rem;
    right: 0;
    width: 100%;
    z-index: 1;
    display: flex;
}
.i-button{
    align-items:end;
    text-align: end; 
}



.tool-tip-img-box {
    margin: 0;
    padding: 0 .25rem;
    margin-left: auto;
    position: relative;
    margin-right: 0.75rem;
    border-radius: 1rem;
    cursor: pointer;
    /* transition: all 1.6s ease-in-out; */
}

.tool-tip-content {
    padding: .875rem;
    position: absolute;
    width: 90%;
    top: 1.75rem;
    right: 5%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: .5rem;
    overflow: hidden;
    opacity: 0;
    transition: all .6s ease-in-out;
    z-index: -1;
}

.tool-tip-img-box:hover+.tool-tip-content {
    opacity: 1;
    transition: all .6s ease-in-out;
    z-index: 9;
}

.tool-tip-content p {
    font: 400 .625rem var(--primary-font);
    line-height: 15px;
    color: var(--white-color);
    text-align: left;
}

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

.menu-order-now-btn-box a.menu-order-now-btn {
    font: 400 .875rem var(--primary-font);
    padding: .625rem 1.25rem;
    margin-bottom: 0.625rem;
}

.footer-img-box a img {
    width: 6.5rem;
}

.footer-desc p {
    font: 400 .875rem var(--secondary-font);
    color: var(--black-color);
    line-height: 1.25rem;
}

.footer-box h4 {
    font: 500 1rem var(--secondary-font);
    line-height: 1.5rem;
}

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

.footer-ul a {
    font: 400 .75rem var(--secondary-font);
    line-height: 1.25rem;
    color: var(--black-color);
    display: block;
}

.footer-box-3 ul.footer-ul a {
    display: flex;
    align-items: center;
    padding-bottom: 0.75rem;
}

.footer-box-3 ul.footer-ul a i {
    margin-right: .325rem;
}

.footer-box-4 ul.footer-ul {
    display: flex;
    gap: 1rem;
}

.footer-box-4 ul.footer-ul img {
    width: 2rem;
}

.footer-copy-right-txt-box p {
    font: 400 .625rem var(--footer-copy-font);
    color: var(--primary-color);
}

.inside-page-home-banner {
    position: relative;
    z-index: 2;
    height: 70vh;
    background-position: center;
    background-size: cover;
    object-fit: contain;
    background-repeat: no-repeat;
}

.inside-page-home-heading h1 {
    color: var(--white-color);
    font: 700 3.875rem var(--home-banner-font);
}

.inside-page-home-heading p {
    color: var(--white-color);
    font: 300 1rem var(--home-banner-tag-font);
}

.inside-page-home-banner::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    content: '';
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
    z-index: 0;
}

.inside-page-home-heading {
    position: absolute;
    bottom: 2rem;
    left: 4rem;
    z-index: 1;
    width: 40%;
}

/* --------- contact-us-form-section ----------- */

.custom-form-container label {
    display: none;
}

.form-floating label {
    font: 300 .875rem var(--secondary-font);
    display: block;
    padding: 0 1.5rem;

}

.form-floating textarea,
.custom-form-container input {
    border: none;
    border-bottom: 1px solid #00000036;
    border-radius: 0;
    font: 300 .875rem var(--secondary-font);
}

.custom-form-container textarea::placeholder {
    padding-left: 1rem;
    font: 300 .875rem var(--secondary-font);
    color: black;
}

.custom-form-container input::placeholder {
    color: var(--black-color);
    padding: 1rem .5rem;
    font: 300 .875rem var(--secondary-font);
}

.form-floating textarea:focus,
.custom-form-container input:focus {
    outline: none;
    box-shadow: none;
}

.form-submit-btn {
    padding: 0.5rem 1.75rem;
    font-size: .875rem;
}

.order-now-close-btn img {
    width: 1.5rem;
}

.order-now-box {
    padding: 2.25rem 3.5rem;
}

.order-now-box-heading {
    padding-bottom: .875rem;
}

.order-now-box-heading h3 {
    font: 700 1.5rem var(--primary-font);
    line-height: 1.875rem;
    color: var(--primary-color);
}

.offcanvas.offcanvas-end.custom-offcanvas {
    width: 525px;
}

/* .total-price-btn-box, */
.bill-summary-box,
.pick-up-from-restaurant,
.selected-item-container,
.form-container {
    padding: 1rem 1rem 1.5rem;
    border-radius: .875rem;
}

.bill-summary-box h4,
.pick-up-from-restaurant h4,
.personal-info h4 {
    margin: 0;
    font: 600 .875rem var(--primary-font);
}

.form-container label {
    display: none;
}

.form-container input {
    color: #00000033;
    background-color: var(--light-pink-color);
    border: none;
    border-bottom: 1.5px solid #00000033;
    border-radius: 0;
}

.form-container input::placeholder {
    color: #000000;
    background-color: var(--light-pink-color);
    font: 400 .75rem var(--secondary-font);
}

.selected-item-container {
    position: relative;
    margin: 0.75rem 0;
}

.selected-item-container .form-check input {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 3px !important;
    margin-top: .5rem;
    border: 1px solid black;
}

.selected-item-container .form-check input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    margin-top: .5rem;
}

.selected-item-container .form-check label {
    font: 600 .75rem var(--primary-font);
    /* margin-left: 0.5rem; */
}

.selected-item-container .form-check {
    display: flex;
    align-items: center;
}

.selected-items-ul>ul {
    list-style: none;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    margin: 0;
}

.selected-item-img-box {
    display: flex;
    align-items: center;
}

.selected-item-img-box img {
    width: 2rem;
}

.selected-item-img-box i {
    font-size: .75rem;
    margin-bottom: 0.25rem;
    color: var(--primary-color);
}

.selected-items-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selected-items-details h6 {
    font: 600 .75rem var(--primary-font);
    margin: 0;
}

ul.pick-up-ul {
    padding: 0 .325rem;
    width: 100%;
    list-style: none;
}

ul.pick-up-ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul.pick-up-ul li p {
    margin: 0;
    font: 500 .625rem var(--secondary-font);
}

ul.pick-up-ul li:first-child {
    padding: 0.5rem 0;
    width: 100%;
}

.selected-items-ul>ul>li:first-child {
    /* padding-right: .875rem; */
    width: 10%;

}

.selected-items-ul>ul>li:last-child {
    width: 88%;
}

/* .counter-box input{width: fit-content !important;} */

ul.pick-up-ul li span img {
    width: 0.75rem;
    margin-right: 0.125rem;
}

ul.pick-up-ul li span {
    font: 400 .75rem var(--secondary-font);
    color: var(--primary-color);
    /* margin: 0 0.25rem; */
}

ul.pick-up-ul li select {
    background-image: url("../logos-and-icons/arrow-down.svg");
    background-size: auto;
    width: 3.75rem;
    height: 1.75rem;
    padding: .25rem;
    background-color: var(--light-pink-color);
    border-color: var(--primary-color);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    font: 400 .625rem var(--secondary-font);
}

.counter-box {
    margin: 0 0.625rem;
    border-radius: .325rem;
    border: 1px solid var(--primary-color);
    width: 3.75rem !important;
    justify-content: space-between;
    padding: 0.25rem;
    align-items: center;
    height: 1.75rem;
}

.counter-box button {
    height: fit-content;
    border: none;
    color: var(--primary-color);
    background-color: var(--light-pink-color);
}

/* ul.pick-up-ul li select */
.counter-box button i {
    font-size: .875rem;
}

.counter-box input {
    background-color: var(--light-pink-color);
    border: none;
    color: var(--primary-color);
    font: 400 .75rem var(--secondary-font);
    height: 0.925rem;
}

ul.pick-up-ul li select:focus {
    border: 1px solid var(--primary-color);
    box-shadow: none !important;
}

.counter-box input.form-control {
    background-color: var(--light-pink-color);
    text-align: center;
    width: 1.625rem;
    border-radius: 0;
}

.custom-offcanvas .offcanvas-body::-webkit-scrollbar {
    display: none;
}

/* .pick-up-from-restaurant h4{font: 500 1.125rem var(--primary-font);} */
ul.restaurant-address-ul {
    padding: 0;
    list-style: none;
    padding-top: 0.875rem;
    margin: 0;
}

ul.restaurant-address-ul li {
    display: flex;
}

ul.restaurant-address-ul .address-txt h6 {
    font: 400 .875rem var(--secondary-font);
    margin: 0;
    line-height: 1.125rem;
}

ul.restaurant-address-ul .address-txt p {
    font: 400 .625rem var(--secondary-font);
    width: fit-content;
    border: none;
    border-bottom: 1px dashed #00000056;
    margin-bottom: .75rem;
}

ul.restaurant-address-ul li span i {
    margin-right: 0.875rem;
}

ul.restaurant-address-ul li:first-child {
    border: none;
    border-bottom: 1px dashed #00000066;
}

.total-price-btn-box .total-price-box {
    padding: 0 0;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.total-price-btn-box .total-price-box h6 {
    font: 600 .75rem var(--secondary-font);
    margin: 0;
}

.pay-now-btn,
.total-price-btn-box .total-price-box button {
    border: 1px solid #00000089;
    padding: 0.45rem 1.875rem;
    background-color: var(--light-pink-color);
    border-radius: .5rem;
    font: 500 .75rem var(--secondary-font);
}


.total-price-btn-box .total-price-box h6 span {
    margin-left: 1rem;
    font: 500 .875rem var(--home-banner-tag-font);
}

/* .pick-up-from-restaurant, */
/* .selected-item-container {
    padding-bottom: 0rem;
    } */

.form-container input.form-control[type=text]{
    color: black;
}
.form-container input.form-control:focus {
    color: #000000;
    background-color: var(--light-pink-color);
    border-color: #00000059;
    font: 600 .75rem var(--secondary-font);
    outline: 0;
    box-shadow: none;
}

.selected-items-ul>ul:first-child {
    /* padding-bottom: 0; */
    padding-top: 0;
    border-bottom: 1.5px solid #00000056;
    /* margin-bottom: 0.875rem; */
}

.custom-offcanvas .offcanvas-header {
    position: relative;
}

.custom-offcanvas .offcanvas-header button {
    position: absolute;
    top: -2rem;
    right: -2.125rem;
}

.custom-offcanvas .offcanvas-header button:focus {
    border: none;
}

.pick-up-ul li:last-child span {
    font-family: var(--home-banner-tag-font);
}

.remove-icon {
    margin-left: 1.25rem;
    font-size: 1.125rem !important;
}

.remove-item-btn:focus {
    border: none;
}

input#pick-up-input {
    width: 100%;
    position: relative;
    padding-left: 30px;
    display: flex;
    flex-direction: row;
}

/* input#pickup-datetime::before {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 20px;
        height: 20px;
        background-image: url("../logos-and-icons/order-item-calender.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        } */

input.pickup-datetime {
    /* background-image: url("../logos-and-icons/order-item-calender.svg"); */
    color: var(--light-pink-color);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    background-color: var(--light-pink-color);
}

.pick-up-input-box label {
    display: none;
}

.pick-up-input-box input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    margin-right: 2px;
    opacity: 1;
    background-image: url("../logos-and-icons/order-item-calender.svg");
}

.day-date-order-box h6 {
    font: 500 .75rem var(--primary-font);
    line-height: 1.125rem;
    margin: 0;
}

.day-date-order-box h6 span.day-txt {
    font: 500 .625rem var(--primary-font);
    line-height: 1.125rem;
    margin-left: 0.25rem;
}

.new-pick-up-box {
    display: flex;
    align-items: center;
    padding-left: 1.5rem;
}

.new-pick-up-box p {
    margin: 0;
    font: 500 .825rem var(--secondary-font);
}

.new-pick-up-box span {
    font: 400 .75rem var(--secondary-font);
    color: var(--primary-color);
    margin: 0 0.25rem;
}

.outline-rounded-square-btn {
    background-color: var(--light-pink-color);
    padding: 0.275rem 1.25rem 0.2875rem;
    border: 1px solid var(--primary-color);
    border-radius: .25rem;
    color: var(--primary-color);
    font: 400 .75rem var(--primary-font);
}

/* .total-price-box{align-items: center;} */
.total-price-btn-box {
    padding: 1rem 1rem 1rem;
    border-radius: .875rem;
}

.our-menu-page .menu-content-box {
    flex-wrap: wrap;
}

.our-menu-page .menu-slide {
    margin-bottom: 1.125rem;
}

.day-date-order-box p {
    font: 400 .625rem var(--secondary-font);
    margin: 0;
    line-height: .875rem;
}

.add-cart-icon-box {
    position: relative;
}

.add-cart-icon-box span {
    position: absolute;
    top: -12px;
    right: -8px;
    color: var(--primary-color);
    font: 300 .625rem var(--secondary-font);
}

.inside-page-home-heading.place-your-order-heading {
    position: static;
    text-align: center;
    width: 100%;
}

.place-your-order-section {
    height: 55vh;
    display: flex;
    align-items: center;
}

/* .place-your-order-detail-section .selected-item-container {padding: 1rem 3rem 1.5rem;} */
/* .place-your-order-section ul.pick-up-ul li {
        justify-content: flex-end;
        } */
.place-your-order-detail-section ul.pick-up-ul li {
    justify-content: flex-end;
    /* align-items: center; */
}

/* .restaurant-address-ul .total-price-box {} */
span.note-txt {
    color: var(--primary-color);
    font: 400 .625rem var(--secondary-font);
    padding: 0.325rem 0;
}

.place-your-order-detail-box .total-price-btn-box {
    margin-top: 0.75rem;
    display: flex;
}

.item-pay-now-box,
.item-total-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.bill-items-ul {
    list-style: none;
    padding-left: 3.25rem;
    padding-top: 0.875rem;
}

ul.bill-items-ul li {
    position: relative;
    border-bottom: 1px dashed #00000059;
    margin-bottom: 0.75rem;
    margin-right: .5rem;
}

ul.bill-items-ul li:last-child {
    border: none;
    margin-bottom: 0;
    margin-right: 0;
}

.item-total-icon {
    position: absolute;
    left: -2rem;
    top: 0px;
}

.item-total-icon img {
    width: 12px;
    height: 12px;
}

.pick-up-from-restaurant {
    margin: 0.75rem 0;
}

.item-total-box p {
    font: 400 .775rem var(--secondary-font);
    margin: 0;
}

.item-total-box span {
    font: 300 .775rem var(--home-banner-tag-font);
}

.item-total-box.grand-total-box span {
    font: 500 .875rem var(--home-banner-tag-font);
}

.today-menu-plus-box i {
    height: 70%;
    width: 1px;
    display: block;
}

.today-menu-plus-box i::before {
    display: none;
}

.today-menu-plus-box i::after {
    content: '';
    width: 1px;
    height: 70%;
    display: block;
    background-color: #FFFFFF55;
    margin-top: 15%;
}

.today-menu-plus-box {
    padding-top: 2rem;
}

.about-us-page-content h3 {
    font: 400 1.25rem var(--home-banner-font);
    color: var(--yellow-color);
}

.sets-us-txt-img-box {
    border: 1px solid #E5E5E582;
    padding: 0.75rem;
    height: 100%;
    border-radius: 1.25rem;
}

.sets-us-txt-img-box img {
    width: 2.75rem;
}

.sets-us-txt-box h4 {
    /* color: var(--primary-color); */
    color: var(--yellow-color);
    font: 700 1rem var(--primary-font);
}

.sets-us-txt-box p {
    font: 400 .55rem var(--secondary-font);
    line-height: 1rem;
    margin: 0;
    letter-spacing: .8px;
    color: var(--white-color);
}

.sets-us-part-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    padding: 8rem 5rem;
}

.sets-us-part-section::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.sets-us-heading h1{
    color: var(--yellow-color);
}
.sets-us-heading p {
    color: var(--white-color);
    line-height: 1.5rem;
}

.founder-heading-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.founder-heading-content h5 {
    font: 500 1rem var(--primary-font);
    color: var(--primary-color);
}

.founder-heading-content h1 {
    margin: 0;
    line-height: 3.125rem;
}

.form-container input:-webkit-autofill {
    background-color: var(--light-pink-color) !important;
    color: var(--black-color) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--light-pink-color) inset !important;
}

.form-container input:-webkit-autofill:focus {
    background-color: var(--light-pink-color) !important;
    color: var(--black-color) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--light-pink-color) inset !important;
}

.form-container input:autofill {
    background-color: var(--light-pink-color) !important;
    color: var(--black-color) !important;
}

.form-container input:-internal-autofill-selected {
    background-color: var(--light-pink-color) !important;
    color: var(--black-color) !important;
}
.footer-copy-right-txt-box p a{color: var(--primary-color);}
.catering-services-types-box{display: flex;align-items: center;}

.explore-menu-btn-box{padding-top: 0.875rem;}

/* 03/03/25 */
/* .section-title {
    font-size: 24px;
    font-weight: bold;
    color: #c8102e;
    margin-bottom: 10px;
}
.sub-text {
    color: #c8102e;
    font-size: 14px;
    margin-bottom: 20px;
}
.card {

    border: none;
    border-radius: 15px;
    background: #f4f1ef;
    padding: 15px;
    display: flex;
    align-items: center;
}
.food-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.order-btn {
    border: 1px solid #c8102e;
    color: #c8102e;
    background: none;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
}
.order-btn:hover {
    background: #c8102e;
    color: white;
} */

/* 04/03/25 */
.new-catering-services-para h5{
    text-align: right;
    color: var(--primary-color);
    padding-bottom: 0.875rem;
}
.catering-ser-img img{
    text-align: center;
    display: flex;
    justify-content: center;
}

.new-catering-services h2{
    color: var(--primary-color);
    text-align: left;
    padding-bottom:1rem;
}

.catering-new{
    padding:1.125rem 0.875rem 1.5rem;
    border-radius: 1.2rem;
    text-align: left;
    
    display: flex;
  
   
}
.catering-ser-text-box h5{
    font-size:1rem;
}
.catering-ser-text-box p{

    font-size: 0.80rem;
}
.order-btn-catering-ser{
    font-size: 0.875rem;
}

.catering-new-sec{
    padding:1.125rem 0.875rem 1.5rem;
    border-radius: 1.2rem;
    text-align: left;
    background-color: white;
    display: flex;
}
.secure-your-dish-heading-box h3{
    font:600 1.3rem var(--primary-font)!important;
    color:var(--primary-color);
}

/* 29/03/24 */
.pay-now-text-section{
    text-align: center; 
   
}


.pay-content h5 spam{
    color: #D12027;
}