.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.dish-timing {
    margin-bottom: 4rem;
    margin-bottom: 0;

}

.dish-timing i {
    top: 3px;
    position: relative;
}

.dish-timing svg {
    width: 19px;
    height: 19px;
    margin-left: 4px;
    left: 6px;
    position: relative;
}

.dish-timing svg path {
    fill: #9E9E9E;
}

.message-warning {
    color: #bf0c0c;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    margin-top: 4px;
    /* align-items: center;
    display: inline-flex; */
    position: relative;
}

.dish-timing.delivery_time_button {
    background: white;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
    border-radius: 18px;
    padding: 5px 16px;
    margin-left: 15px;
    line-height: 16px;
    font-size: 14px;
    color: #3E5569;
    width: auto;
    display: flex;
    align-items: center;
}

@media(max-width:767px) {
    .dish-timing.delivery_time_button {

        margin-top: 0.5rem;
    }

    .message-warning {

        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start !important;
        text-align: left;
    }
}

.message-warning i,
.dropdown-toggle i {
    color: #ffffff;
}

.btn-custom {
    background-color: var(--primaryColor) !important;
    color: #fff;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link {
    color: var(--primaryColor) !important;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link .count {
    background-color: var(--primaryColor) !important;
}

.btn-outline-custom {
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}

.text-zing {
    color: #28a745;
}

@media (min-width: 1200px) {
    .container-fluid.container-wrapper {
        max-width: 1280px;
    }
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*,
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.hidden {
    display: none !important;
}

.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {
    color: #ffffff !important;
}

.btn-default {
    background-color: #dae6ec;
    border-color: #dae6ec;
}

.btn-default:focus {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default:hover {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default:active {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-color: #dae6ec !important;
    border-color: #C2CED4 !important;
}

.btn-inverse {
    background-color: #4c5667 !important;
    border: 1px solid #4c5667 !important;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open>.dropdown-toggle.btn-inverse {
    background-color: #414a58 !important;
    border: 1px solid #414a58 !important;
}

.btn-purple {
    background-color: #7266ba !important;
    border: 1px solid #7266ba !important;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    background-color: #6254b2 !important;
    border: 1px solid #6254b2 !important;
}

.btn-pink {
    background-color: #f76397 !important;
    border: 1px solid #f76397 !important;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active {
    background-color: #f64b87 !important;
    border: 1px solid #f64b87 !important;
}



body {
    font-family: 'Outfit', sans-serif;
    letter-spacing: -0.5px;
    color: rgb(3, 3, 3);
    font-size: 14px;
}

.btn {
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 30px;
    min-height: 30px;
    line-height: 1;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn:hover,
.btn:focus {
    box-shadow: none;
}

.btn-rest-theme,
.btn-rest-theme:hover {
    background-color: var(--primaryColor);
    color: #fff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

.btn-icon {
    width: 24px;
    height: 24px;
    min-width: 0px !important;
    min-height: 0px !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-favorite {

    color: #ec6261;
}

.btn-favorite:hover {
    color: #ec6261 !important;
}

.category-description {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

.login-header a {
    color: rgb(3, 3, 3);
}

.menu-description {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 100%;
    line-height: 1;
}

.slider-nav-bk {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 103%;
    top: calc(50% - 16px);
    left: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
    height: 1px;
}

.slider-nav-btn {
    background: #ffffff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 0.7; */
    /* border: 1px solid #f1f1f1; */
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
    opacity: 0;
    transition: 0.3s;
}

.popular-dishes-bg-gray:hover .slider-nav-btn {
    opacity: 1;
}

.popular-dish-prev.swiper-button-disabled {
    opacity: 0;
}

.popular-dishes-bg-gray:hover .popular-dish-prev.swiper-button-disabled {
    opacity: 0;
}

.slider-nav-btn svg {
    width: 15px;
    position: relative;
    top: -2px;
    left: -1px;
}

.slider-nav-btn path {
    color: rgb(0, 0, 0);
}

.rest-popular-dish-wrap .swiper-slide {

    display: flex;
    justify-content: center;
}

.food-item-bk {
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    min-height: 170px;

    width: 100%;
    height: auto;
}

.rest-single-wrapper .popular-dish-item:not(.has-image) {
    border: none;
}

.popular-dishes-bg-gray:hover .popular-dish-prev.swiper-button-disabled {
    opacity: 1;
}

@media(max-width:767px) {
    .food-item-bk {
        text-align: center;
    }

    .slider-nav-btn {
        opacity: 1;
    }

    .slider-nav-bk {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        width: auto;
        top: -23px;
        right: 0;
        z-index: 9;
        transform: none;
        height: auto;
        margin-top: 1rem;

        filter: none;
    }

    .slider-nav-btn {

        margin: 0 3px;
        border: 1px solid #eae7e7;
        filter: none;
    }

    .popular-dish-prev.swiper-button-disabled {
        opacity: 1;
    }
}

.rest-single-wrapper .rest-single-header {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.rest-single-wrapper .rest-single-header .header-logo img {
    height: 45px;
}

.rest-single-wrapper .rest-single-header .header-nav {
    display: flex;
    align-items: center;
}

.rest-single-wrapper .rest-single-header .header-nav .nav-item:not(:last-child) {
    margin-right: 30px;
}

.rest-single-wrapper .rest-single-header .header-nav .nav-item .cart-link {
    font-size: 26px;
    color: #3d4152;
    position: relative;
}

.rest-single-wrapper .rest-single-header .header-nav .nav-item .cart-link .count {
    position: absolute;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: var(--primaryColor);
    border: 2px solid #fff;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 0px 3px;
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    line-height: 1;
    right: -14px;
    top: 18px;
}

.rest-single-wrapper .rest-single-banner {

    border-radius: 0 0 20px 20px;
    background-size: cover;
    background-position: center;
    position: relative;
    /* width: calc(100% + 60px); */
    width: 100%;
    /* margin-left: -30px; */
    display: flex;
    align-items: center;
}

.search-filter-bk {
    margin-right: 16px;
}

.rest-single-mobile-header {
    width: 100%;
}

.rest-single-wrapper .rest-single-banner::after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    display: none;
}

.rest-single-wrapper .rest-single-title {
    display: flex;
    display: flex;
    position: relative;
    align-items: center;
    z-index: 2;
}

button.btn.btn-custom.btn-icon.dropdown-toggle.vertical-dots-lg i {
    color: #7d7a7a;
}

.three-dots-sm {
    background: #fff;
}

.three-dots-sm i {
    color: #3a3a3a;
}

.rest-single-wrapper .rest-single-main {
    background-color: #fff;
    margin-top: 0px;
    border-radius: 30px 30px 0px 0px;

}

.rest-single-wrapper .rest-single-main::before {
    content: " ";
    position: absolute;
    height: 200px;
    width: 100%;
    width: calc(100% + 30px);
    left: -20px;
    background-color: #fff;
    top: -150px;
    border-radius: 10px 10px 0px 0px;
    display: none;
}

.rest-single-wrapper .rest-single-title .title-logo img {
    max-height: 110px;
    max-width: 110px;
}

.rest-single-wrapper .rest-single-title .title-cont .restaurant-name {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.6rem;
}

.rest-single-wrapper .rest-single-title .title-cont .meta i {
    font-size: 14px;
    color: #000000;
}

.social-links {
    line-height: 1;
}

.social-links a {
    font-size: 22px;
    display: inline-block;
}

.social-links a:not(:last-child) {
    margin-right: 10px;
}

.rest-single-wrapper .search-wrap {
    position: relative;
}

/* .rest-single-wrapper .search-wrap.has-icon.icon-left .form-control {
    padding-left: 45px;
} */
.rest-single-wrapper .search-wrap.has-icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #7f7f7f;
    z-index: 9;
    font-size: 13px;
}

.rest-single-wrapper .search-wrap.has-icon.icon-left i {
    left: 20px;
}

.rest-single-wrapper .search-wrap.has-clear .clear {
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    font-size: 16px;
}

.rest-single-wrapper .search-wrap.has-clear .clear i {
    position: static;
    transform: translateY(0%);
}

.rest-single-wrapper .search-wrap .form-control {
    border-radius: 30px;
    padding: 5px 20px;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    min-height: 38px;
    border-color: #f1f1f185;
    padding-left: 40px;
}

.rest-single-wrapper .search-wrap .form-control:focus {
    border-color: #d9d9d9;
    box-shadow: 0 1px 8px rgb(67 41 163 / 10%);
}

.rest-single-wrapper .rest-section-title h2 {
    font-size: 20px;
    color: #000;
    font-weight: 400;

}

.rest-section-title h4 {

    margin-bottom: 0rem;
}

.rest-single-wrapper .popular-dish-item {

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px;
    background-color: #eaeaea;
    display: flex;
    align-items: end;
    overflow: hidden;

    box-shadow: none;
}

.food-item-bk .caption {
    height: 150px;
    width: 150px;
    background: #f1f1f1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.food-item-bk .caption h4 {
    font-size: 16px;
    padding: 10px 8px;
    background: #ffffffd6;
    width: 100%;
}

.rest-single-wrapper .popular-dish-item .caption {

    padding: 10px;

}

.rest-single-wrapper .popular-dish-item .caption h4 {
    font-size: 18px;
    font-weight: 500;
}

.rest-single-wrapper .popular-dish-item.has-image .caption {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
}

.rest-single-wrapper .popular-dish-item.has-image .caption h4,
.rest-single-wrapper .popular-dish-item.has-image .caption .meta span {
    color: #fff;
}

.rest-single-wrapper .popular-dish-item:not(.has-image) {
    border: 1px solid rgb(238, 238, 238);
    background-color: #fff;
    border: none;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item {
    border-radius: 0;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head {
    background-color: #fff;
    border: 0;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head h2 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head:not(.collapsed) .collapse-btn {
    transform: rotate(180deg);
    transform-origin: center;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head .cat-thumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #f7f7f7;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.rest-single-wrapper .rest-menu-item h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.rounded {
    border-radius: 10px !important;
}

.rest-single-wrapper .rest-menu-item .price {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    min-width: 70px;
}

.rest-single-wrapper .rest-menu-item {
    min-height: 100px;
    /*padding-bottom: 40px !important;*/
    padding: 12px 10px;
    position: relative;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.rest-single-wrapper .rest-menu-item .metas {
    position: absolute;
    bottom: 10px;
}

.rest-single-wrapper .rest-menu-item.has-image {
    padding-right: 100px;
}

.rest-single-wrapper .rest-menu-item.has-image .image {
    background-color: #eaeaea;
    width: 75px;
    height: 75px;
    border-radius: 5px;
    position: absolute;
    right: 12px;
    top: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.rest-single-wrapper .rest-menu-item .badges span {
    display: inline-flex;
    align-items: center;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row>* {

    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.rest-single-wrapper .rest-menu-item:hover {
    box-shadow: 0 1px 8px rgb(67 41 163 / 10%);
    border-color: var(--primaryColor) !important;
}

.rest-single-wrapper .rest-menu-item.unavailable {
    border-color: #ddd !important;
    background-color: #f1f1f185;
}

.rest-single-wrapper .pickup-delivery-item .radio-block {
    display: flex;
    width: 100%;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item label {
    border: 1px solid var(--primaryColor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    border-radius: 30px;
    padding: 5px 10px;
    font-weight: 500;
    cursor: pointer;
    min-height: 35px;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item:first-child label {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item:last-child label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item+.radio-item {
    margin-left: -1px;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item input:checked~label {
    background-color: var(--primaryColor);
    color: #fff;
    justify-content: center;
}

.rest-single-wrapper .pickup-delivery-item .radio-block .radio-item input:checked~label::before {
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    position: absolute;
    color: #fff;
    right: 10px;
}

.rest-single-wrapper .rest-aside-cart-wrap.empty-cart {
    background-color: #fff;
}

.rest-single-wrapper .rest-aside-cart-wrap.empty-cart h2 {
    font-size: 20px;
    color: #757575;
    font-weight: 400;
}

.rest-aside-cart-wrap.empty-cart svg path {
    fill: #757575;
}

.rest-aside-cart-wrap.empty-cart svg {
    width: 70px;
    height: auto;
    margin-bottom: 1rem;

}

/* .rest-single-wrapper .rest-del-time {
    
    min-height: auto;
   
    font-weight: 400;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin: 0;
    padding: 4px 8px;
    line-height: 17px;
    background: #f1f1f1;
    margin-top: 10px;
    display: inline-block;
    font-size: 13px;
} */

@media(max-width:767px) {
    .rest-single-wrapper .rest-del-time {
        margin-bottom: 0;
    }
}


.rest-single-wrapper .rest-del-time .icon {
    width: 20px;
    fill: #7f7f7f;
    margin-right: 5px;
}

.rest-single-wrapper .rest-del-time:hover {
    border-color: #183153;
}

.rest-single-wrapper .cart-head .cart-bk {
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.rest-single-wrapper .cart-menu-item .cart-menu-head .cart-item-name {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.rest-single-wrapper .cart-menu-item .cart-menu-head .cart-menu-actions .btn-icon {
    --size: 25px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    font-size: 16px;
    background-color: #e9ebef;
}

.rest-single-wrapper .cart-menu-item .cart-menu-head .cart-menu-actions .btn:not(.btn-icon) {
    --size: 25px;
    min-height: var(--size);
    font-size: 14px;
    padding: 4px 8px;
}

.cart-menu-actions .btn {
    padding-right: 0;
    padding-left: 0;
}

.rest-single-wrapper .cart-menu-item .cart-menu-cont span {
    font-size: 14px;
    color: #51575d;
    text-transform: capitalize;
    display: inherit;
    line-height: 17px;
}

.rest-single-wrapper .cart-menu-item .cart-menu-cont span b {
    font-weight: 600;
}

.rest-single-wrapper .cart-menu-item .price {
    font-size: 16px;
    font-weight: 500;
    color: #585757;
    min-width: 50px;
}

.remove-icon svg {
    width: 13px;
}

.price-delete {
    display: flex;
    align-items: center;
}

.rest-single-wrapper .qty-wrap .enumerator {
    display: inline-flex;
    align-items: center;

}

.btn-delete svg {
    width: 16px;
    height: auto;
}

.btn-delete svg path {
    fill: #6c757d;
}

.rest-single-wrapper .qty-wrap .enumerator .enumerator-btn {
    --size: 25px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);

    background: #f9f9f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

    border: 1px solid #f1f1f1;
}

.rest-single-wrapper .qty-wrap .enumerator .enumerator-input {
    height: 25px;
    width: 30px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.rest-single-wrapper .rest-aside-cart-wrap {
    background: linear-gradient(to top, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);

    border-radius: 0px;



}

.cart-items-wrapper {
    overflow-y: auto;
    max-height: calc(100vh - 390px);
    padding-right: 3%;
    padding-left: 3%;
}

i.fa.fa-trash {
    color: #6c757d;
}

.checkout-now-btn {
    padding: 7.5px 31px !important;
    font-size: 16px;
    border-radius: 50px !important;
    white-space: nowrap;
    width: auto !important;

}

.checkout-now-btn svg {
    height: auto;
    width: 19px;
    margin-right: 9px;
}

.checkout-now-btn svg path {
    fill: white;
}

.popover {
    border-radius: 10px;
    font-family: 'Outfit', sans-serif;
    letter-spacing: -0.5px;
    color: rgb(3, 3, 3);
    box-shadow: 0 1px 8px rgb(67 41 163 / 10%);
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head.rest-cat-sub-head h2 {
    font-size: 18px;
}

/* .rest-single-wrapper .rest-aside-wrap {
    position: sticky;
    
} */
.rest-single-wrapper .rest-menu-item.unavailable .message {
    position: absolute;
    padding: 3px 6px;
    font-size: 11px;
    background-color: var(--secondary);
    color: #fff;
    top: 3px;
    transform: translateX(-50%);
    left: 50%;
    width: 85%;
    font-weight: 500;
    line-height: 1;
    border-radius: 4px;
}

.btn-sm {
    padding: 5px 9px;
    font-size: 13px;
    min-height: auto;
}

.rest-single-wrapper .header-nav-left {
    display: flex;
    align-items: center;
    position: absolute;
    right: 15px;
    z-index: 33;
    top: -60px;
    margin-left: 25px;
}

.rest-single-wrapper .header-nav-left .nav-item:not(:last-child) {
    margin-right: 30px;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link {
    font-size: 26px;
    color: #3d4152;
    position: relative;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link .count {
    position: absolute;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: var(--primaryColor);
    border: 2px solid #fff;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 0px 3px;
    -webkit-box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    line-height: 1;
    right: -14px;
    top: 18px;
}

.badges i {
    font-size: 20px;
    color: #7f7f7f;
}

.badges .favorite i {
    position: relative;
    z-index: 1;
    vertical-align: -1px;
    color: #E57373;
    font-size: 15px;
}

.badges .favorite {
    position: relative;
    margin-right: 10px;
}

.badges .favorite .count {
    font-size: 9px;
    font-weight: 600;
    padding-left: 5px;
    line-height: 1;
    position: absolute;
    top: -7px;
    left: 14px;
    width: 16px;
    height: 16px;
    display: block;
    /* background: #ffffff; */
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 4px;
    font-size: 13px;
    /* filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.1)); */
    color: #212529;
    z-index: 9;
}

.badges img {
    width: 25px;
    max-height: 25px;
}

.search-filters .filter-item .clear {
    font-size: 13px;
}

.search-filters .filter-item:not(.applied) .clear {
    display: none;
}

.search-filters .filter-item.applied {
    background-color: var(--primaryColor);
    color: #fff !important;
}

.search-filters .filter-item:not(:last-child) {
    margin-right: 5px;
}

.menu-modal .modal-dialog {
    max-width: 600px;
}

.modal-content {
    border-radius: 4px;
}

.min-height-auto {
    min-height: auto !important;
}

.nav-tabs .nav-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    color: #000;
    line-height: 16px;
}

.nav-tabs .nav-link.active::before {
    background-color: var(--primaryColor);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    margin: 0 8px;
    position: absolute;
    right: 0;
}

.nav-tabs .nav-item:not(:last-child) {
    margin-right: 3px;
}

.addon-item-wrap-inner h3 {
    font-size: 18px;
    color: #585757;
    font-weight: 500;
    padding-right: 10px;
}

.addon-item-wrap-inner .addon-item {
    position: relative;
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.addon-item-wrap-inner .addon-item input {
    position: absolute;
    opacity: 0;
    visibility: hidden;

}

.addon-item-wrap-inner .addon-item label {
    display: block;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.addon-item-wrap-inner .addon-item label h6 {
    width: calc(100% - 55px);
}

.addon-item-wrap-inner .addon-item.addon-checkbox label .checkbox {
    width: 30px;
    height: 30px;
    position: relative;
}

.addon-item-wrap-inner .addon-item.addon-checkbox label .checkbox:after {
    display: block;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background-color: #fff;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.addon-item-wrap-inner .addon-item.addon-checkbox label .checkbox:before {
    content: "\f00c";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #ccc;
    font-size: 13px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.addon-item-wrap-inner .addon-item.addon-checkbox:hover label .checkbox:before,
.addon-item-wrap-inner .addon-item.addon-checkbox input:checked~label .checkbox:before {
    opacity: 1;
    visibility: visible;
}

.addon-item-wrap-inner .addon-item.addon-checkbox input:checked~label .checkbox:before {
    color: #fcfcfc;
    background: var(--primaryColor);
    border-radius: 50%;
}

.addon-item-wrap-inner .addon-item.addon-checkbox input:checked~label .checkbox::after {
    border-color: var(--primaryColor);
}

.addon-item-wrap-inner .addon-item label .price {
    font-size: 16px;
    font-weight: 500;
    color: #858585;
}

.addon-item-wrap-inner .addon-item:not(:last-child) {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.image-fit {
    position: relative;
}

.image-fit>img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    width: 100%;
    height: 100%;
}

.addon-item-wrap-inner .addon-item.addon-image .image {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border: 2px solid transparent;
    position: relative;
}

.addon-item-wrap-inner .addon-item.addon-image input:checked~label .image::before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    background-color: var(--primaryColor);
    color: #fff;
    z-index: 2;
    justify-content: center;
}

.addon-item-wrap-inner .addon-item.addon-image input:checked~label .image {
    border-color: var(--primaryColor);
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item {
    position: relative;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item label {
    text-align: center;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item label span.addon-img.modifier-img img {
    width: auto;
    height: 37px;
}

.addon-svg h6 {
    color: #585757;
}

.addon-item-wrap-inner .label-name-bk {
    font-size: 17px;
    color: #585858;
    font-weight: 400;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item label {
    display: block;
    margin: 0;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item label svg {
    max-height: 40px;
    width: 40px;
    fill: #ccc !important;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item label svg path {
    fill: #ccc;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input:checked~label svg {
    fill: var(--primaryColor) !important;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input:checked~label svg path {
    fill: var(--primaryColor) !important;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input:checked~label img {
    fill: var(--primaryColor) !important;
}

.addon-item-wrap-inner .addon-item.addon-svg label img {
    border: 2px solid transparent;
    border-radius: 8px;
    transition: 0.2s;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input[type="radio"]:checked~label .addon-img::before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    background-color: var(--primaryColor);
    color: #fff;
    z-index: 2;
    justify-content: center;
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item input[type="radio"]:checked~label img {
    border: 2px solid var(--primaryColor);
    border-color: var(--primaryColor);
}




.icon-item input[type="radio"]:checked+label img {
    position: relative;
}

/* Image styles */
.addon-img img,
.svg-convert {
    max-width: 60px;
    max-height: 60px;
    border-radius: 6px;
}

/* SVGs inherit styling from parent */
.svg-convert {
    fill: #555;
}

@media(max-width:560px) {
    .addon-item-wrap-inner .addon-item.addon-svg .icon-item label svg {
        width: 30px;
        height: 30px;
    }
}

.addon-item-wrap-inner .addon-item.addon-svg .icon-item:not(:last-child) {
    margin-right: 10px;
}

.checkbox-rounded {
    position: relative;
}

.checkbox-rounded input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox-rounded label {
    display: block;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.checkbox-rounded label .checkbox {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 2px;
}

.checkbox-rounded label .checkbox:before {
    content: "\f00c";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #ccc;
    font-size: 12px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.checkbox-rounded input:checked~label .checkbox:before,
.checkbox-rounded:hover label .checkbox::before {
    opacity: 1;
    visibility: visible;
}

.checkbox-rounded input:checked~label .checkbox:before {
    color: var(--primaryColor);
}

.checkbox-rounded label .checkbox:after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.checkbox-rounded input:checked~label .checkbox::after {
    border-color: var(--primaryColor);
}

.schedule-block .schedule-date-wrap {
    display: flex;
    text-align: center;
    overflow: hidden;
}

.schedule-block .schedule-date-wrap .date-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1;
    position: relative;
    flex: 1 1 0%;
    border-image: initial;
    transition: all .2s ease 0s;
    padding: 8px 10px;
}

.schedule-block .schedule-date-wrap .date-item:first-child {
    margin-left: 0;
    border-radius: 4px 0 0 4px;
}

.schedule-block .schedule-date-wrap .date-item:last-child {
    border-radius: 0 4px 4px 0;
}

.date-slider .owl-nav {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 98%;
    display: flex;
    height: 1px;
    justify-content: space-between;
    font-size: 14px;
}

.date-slider .owl-nav button i {
    color: #7e8081;
}

.date-slider .owl-nav button {
    width: 20px;
    height: 20px
}

.date-slider .owl-nav button {
    width: 23px;
    height: 23px;
    background: #ffffff !important;
    border-radius: 50%;
    border: 1px solid #00000029 !important;
}

.date-item.desable-item:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #ffffff5e;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.schedule-block .schedule-date-wrap .date-item .day {
    font-weight: 400;
    line-height: 20px;
    display: block;
    transition: all .2s ease 0s;
    font-size: 13px;
    text-transform: uppercase;
    color: #6c757d;
}

.schedule-block .schedule-date-wrap .date-item .date {
    color: #000;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 600;
}

.schedule-block .schedule-date-wrap .date-item.active {
    position: relative;
}

.schedule-block .schedule-date-wrap .date-item.active::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    background-color: var(--primaryColor);
    border-radius: 0px;
    z-index: -1;
    box-shadow: 0 1px 8px rgb(67 41 163 / 10%);
}

.schedule-block .schedule-date-wrap .date-item.active .day {
    color: #fff;
}

.schedule-block .schedule-date-wrap .date-item.active .date {
    color: #fff;
}

.schedule-block .schedule-date-wrap .date-item:not(:last-child) {
    border-right: 1px solid #dee2e6;
}

.form-control {
    border-radius: 10px;
    font-size: 14px;
    color: #000;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--primaryColor);
}

.addon-item select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3e%3cg%3e%3cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'/%3e%3c/g%3e%3c/svg%3e ");
    background-position: center right 10px;
    background-repeat: no-repeat;
    -webkit-background-size: 10px;
    background-size: 10px;
    width: 50%;
}

.addon-item h6 {
    width: 50%;
}

.avatar-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    font-weight: 500;
    font-size: 16px;
}

.avatar-sm.has-badge .badge {
    /* background-image: url('https://zingmyorder.com/themes/public/assets/img/z-icon.png?2006041950'); */
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-color: #2ab051;
    position: absolute;
    right: -5px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

.thumb-item-small {
    display: flex;
    align-items: center;
}

.thumb-item-small .item-content .item-title {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.rest-single-wrapper .select2-container--default .select2-selection--single {
    border-radius: 10px;
    height: 35px;
    border-color: #ced4da;
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.rest-single-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f0d7";
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow::before {

    content: '\f107' !important;
    position: relative;
    top: 14px;
    opacity: 0.5;
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    border: none;
    border-radius: 10px;
    padding-bottom: 0;
    -moz-box-shadow: 0 0 1px rgba(57, 70, 78, .15), 0 20px 55px -8px rgba(57, 70, 78, .25);
    -webkit-box-shadow: 0 0 1px rgba(57, 70, 78, .15), 0 20px 55px -8px rgba(57, 70, 78, .25);
    box-shadow: 0 0 1px rgba(57, 70, 78, .15), 0 20px 55px -8px rgba(57, 70, 78, .25);
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
    padding: 10px 0px;
}

.select2-results__option {
    font-size: 14px;
    padding: 12px;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff;
    transition: padding .2s ease-in-out;
    position: relative;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-results__option.select2-results__option--highlighted {
    background-color: #fff;
}

.select2-container--default .select2-results__option[aria-selected=true]::before {}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e9ebef;
    color: #000;
}

.select2-container--default .select2-results__option[aria-selected=true]::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: var(--primaryColor);
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-dropdown {
    border-color: #e6e6e6;
}

.addon-item-wrap-inner .addon-item .select2-container {
    width: 50% !important;
}

.addon-item-wrap-inner .addon-item .select2-container--default .select2-selection--single {
    height: auto;
}

.addon-item-wrap-inner .addon-item .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 5px;
    padding-bottom: 5px;
}

.addon-item-wrap-inner .addon-item .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(100% - 2px);
}

.text-black {
    color: #000 !important;
}


.rest-single-wrapper .rest-single-mobile-header .header-nav-left .btn {
    white-space: nowrap;
}

.rest-single-wrapper .rest-single-mobile-header .search-wrap {
    width: 100%;
}

.rest-single-wrapper .rest-single-mobile-header .dropdown-toggle {
    padding: 0;
    box-shadow: none;
    border: 0;
    font-size: 18px;
}

.rest-single-wrapper .rest-single-mobile-header .dropdown-toggle::after {
    display: none;
}

.rest-single-wrapper .rest-single-mobile-header .search-wrap .form-control {
    min-height: 40px;
}

.rest-single-wrapper .rest-single-del-type-mobile {
    display: none;


}

.rest-single-wrapper .rest-menu-item.unavailable .cont,
.rest-single-wrapper .rest-menu-item.unavailable .image {
    opacity: 0.5;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head .item-count {
    margin-left: auto;
    color: #6c757d;
}

.rest-single-wrapper .rest-single-mob-cart {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    background-color: #fafafa;
    transition: all .3s;
    transform: translateX(100%);
    height: 100%;
}

.rest-single-wrapper .rest-single-mob-cart .rest-aside-cart-wrap {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.rest-single-wrapper .rest-single-mob-cart .cart-head {
    min-height: 52px;
}

.cart-mobile-title {
    font-size: 20px;
    font-weight: 500;
}

.rest-single-wrapper .rest-single-mob-cart .cart-head .cart-close-btn {
    font-size: 22px;
    line-height: 1;
}

.rest-single-wrapper .rest-single-mob-cart .rest-aside-cart-wrap .cart-body {
    height: calc(100vh - 99px);
    overflow-y: auto;
}

.rest-single-wrapper .rest-single-mob-cart .rest-aside-cart-wrap .cart-body.empty-cart {

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mob-cart-is-active .rest-single-wrapper .rest-single-mob-cart {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

body.mob-cart-is-active {
    overflow-y: hidden;
}

.rest-single-wrapper .rest-aside-cart-wrap.empty-cart img {
    filter: grayscale(1);
    width: 150px;
    margin: auto;
}

.working-hours-block .dropdown-menu {
    z-index: 222;
    width: 100%;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
}

.working-hours-block .dropdown-menu p {
    margin-bottom: 0;
}

.working-hours-block .dropdown-menu p:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    margin-bottom: 3px;
    padding-bottom: 4px;
}

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

.toast {
    border-radius: 0px !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 8px !important;
    right: 15px !important;
    padding-left: 40px !important;
}

.toast-custom {
    background-color: var(--notificationColor) !important;
    /* Custom background color */

}

.toast-success {
    background-size: 16px 16px;
}

.rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .radio-block .radio-item input:disabled~label {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    opacity: .3;
    cursor: not-allowed;
}

#toast-container>.toast-warning {
    background-position-x: 10px;
    padding-left: 3rem !important;
}

.rest-single-wrapper .content-section .popup-gallery img {
    border-radius: 10px
}

.rest-single-wrapper .content-section .popup-gallery .gallery-img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    object-fit: cover;
}

.rest-single-wrapper .content-section .popup-gallery .gallery-img-item {
    display: inline-flex;
    margin-right: 3px;
}

.rest-single-wrapper .popular-dish-item:not(.no-image) .caption h4 {
    color: #fff;
    position: relative;
    z-index: 2;
}

.offer-card {
    border-radius: 15px;
    box-shadow: 0 1px 8px rgb(67 41 163 / 10%);
    border: 0;
    position: relative;
    overflow: hidden;
}

.offer-card.bg-warning {
    box-shadow: 0 1px 8px rgb(255 170 0 / 10%);
    background: rgb(237, 65, 51) !important;
    background: linear-gradient(150deg, rgba(237, 65, 51, 1) 0%, rgba(243, 145, 61, 1) 100%) !important;
}

.offer-card .offer-icon {
    position: absolute;
    right: -20px;
    top: -40px;
    opacity: 0.8;
}

.offer-card .offer-icon svg {
    width: 100px !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    color: #fff !important;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link .icon {
    height: 30px;
    line-height: 1;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link .count {
    right: -9px;
    top: 1px;
}

.login-modal .modal-content {
    border: none;
    background-color: transparent
}

.login-modal .modal-content .modal-body {
    padding: 0
}

.login-modal .modal-content .modal-body .login-wrap {
    padding: 20px;
    background-color: #fff;
    border-radius: 6px
}

.login-modal .modal-content .modal-body .login-wrap .login-header {
    margin-bottom: 10px
}

.login-modal .modal-content .modal-body .login-wrap .login-header h2 {
    font-weight: 700;
    font-size: 24px
}

.login-modal .modal-content .modal-body .login-wrap .login-header p {
    font-size: 14px
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff
}

.btn-facebook:hover {
    background-color: #1b469f;
    color: #fff
}

.btn-google {
    background-color: #db4437;
    color: #fff
}

.btn-google:hover {
    background-color: #db4437;
    color: #fff
}

@media (min-width:576px) {
    .login-modal .modal-dialog {
        max-width: 400px
    }
}

@media (min-width:992px) {

    .login-modal .modal-lg,
    .login-modal .modal-xl {
        max-width: 800px
    }
}

.social-btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap .btn {
    padding: 8px 15px;
    color: rgb(0, 0, 0);
    border: 1px solid #ced4da;
    margin-bottom: 10px;
    display: inline-flex;
    width: auto;
    justify-content: flex-start;
    min-width: 250px;
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap .btn i {
    margin-right: 10px
}

h3.or {
    opacity: 0.5;
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap h3 span {
    font-weight: 300;
    font-size: 14px;
    position: relative;
    display: block
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap h3 span::before {
    content: "";
    background-color: #ced4da;
    width: 100px;
    height: 1px;
    position: absolute;
    right: 15px;
    top: 7px
}

.login-modal .modal-content .modal-body .login-wrap .social-btn-wrap h3 span::after {
    content: "";
    background-color: #ced4da;
    width: 100px;
    height: 1px;
    position: absolute;
    left: 15px;
    top: 7px
}

.social-btn-wrap a {
    color: black;
}

.social-btn-wrap svg {
    width: 18px;
    height: auto;
    margin-right: 10px;
}

input:-internal-autofill-selected {
    background: transparent !important;
}

.login-modal .modal-content .modal-body .login-wrap label {
    margin-bottom: 5px;
    font-weight: 600;
    color: #343434;
    font-size: 14px;
    margin-left: 16px
}

.login-modal .modal-content .modal-body .login-wrap .form-control {
    border-radius: 30px;
    padding: 10px 15px;
    font-size: 14px;
    padding-left: 35px;
    height: calc(1.7em + .75rem + 2px);
}

.login-modal .modal-content .modal-body .login-wrap .form-group {
    position: relative
}

.login-modal .modal-content .modal-body .login-wrap .form-group i {
    position: absolute;
    left: 12px;
    bottom: 9px;
    font-size: 16px
}

.login-modal .modal-content .modal-body .login-wrap .login-footer .btn {
    min-width: 200px
}

.login-modal .modal-content .modal-body .login-wrap .form-group .forgot_pw {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 13px;
    color: black;
}

.hours-sec .card-body {

    padding: 0;

}

.card-body .rest-menu-item {
    background: white !important;
}








@media only screen and (max-width: 767px) {
    .rest-single-wrapper .rest-single-mobile-header {
        display: flex;
    }

    .rest-single-wrapper .rest-single-del-type-mobile {
        display: block;
    }

    

}









@media only screen and (max-width: 767px) {
    .rest-single-wrapper .rest-single-title {
        display: block;
    }

    .rest-single-wrapper .rest-single-main::before {
        top: -65px;
        border-radius: 0;
        height: 150px;
        left: -5px;
        right: 0;
        width: calc(100% + 10px);

    }

    .rest-single-wrapper .rest-single-main {
        margin-top: -130px;
        background-color: transparent;
    }

    .rest-single-wrapper .rest-single-title .title-logo {
        margin-bottom: 15px;
    }

    .menu-modal .modal-footer>* {
        width: 100%;
    }

    /* .menu-modal .modal-footer .btn_add_cart {
        margin-left: auto;
    } */

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head h2,
    .rest-single-wrapper .rest-section-title h2 {
        font-size: 19px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item {
        border-radius: 10px;
        border: none;
        border-bottom: 1px solid #f1f1f1;
        border-radius: 0;
        padding: 0px 0;
        margin-bottom: 0;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item:not(:last-child) {
        margin-bottom: 0px;
        /* margin-bottom: -1px; */
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-header {
        padding: 12px 15px;
        min-height: 72px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body {
        padding: 5px 8px;
        background: #ebebeb;
        padding-top: 6px !important;
    }

    .rest-single-wrapper .rest-cat-menu-wrap i {
        color: #dcdada;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body .rest-menu-item:not(.unavailable) {
        border-radius: 0 !important;

        border: 0 !important;
        /* border-bottom: 1px solid rgba(0, 0, 0, .125) !important; */
    }

    /*.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body .rest-menu-item:not(.unavailable).has-image .image {*/
    /*    right: 0;*/
    /*    top: 0;*/
    /*}*/
    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body .rest-menu-item:not(.unavailable) .metas {
        bottom: 15px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body .rest-menu-item.unavailable {
        border: 0 !important;
        width: calc(100% + 20px);
        margin-left: -10px;
        border-radius: 0px !important;
    }

    .rest-single-wrapper .rest-single-banner::after {
        bottom: 40px;
    }

    .rest-single-wrapper .rest-single-del-type-mobile {

        position: relative;

    }

    .rest-single-wrapper .popular-dish-item {
        height: 75px;
    }

    .rest-single-wrapper .popular-dish-item .caption h4 {
        font-size: 15px;
    }

    .rest-single-wrapper .rest-del-time {
        font-size: 18px;
    }

    /* 16 Jul 2024 */
    /* .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item {
        position: fixed;
        bottom: 10px;
        z-index: 2;
        width: calc(100% - 20px);
        left: 10px;
    } */
    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .radio-block {
        position: relative;
        border: 1px solid #e2e2e2;
        background-color: #f6f6f6;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 5px;
        border-radius: 50px;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .radio-block .radio-item label {
        border-radius: 10px;
        border-color: #e2e2e2;
        background-color: #fff;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .radio-block .radio-item+.radio-item {
        margin-left: 3px;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .radio-block .radio-item input:checked~label {
        background-color: #fff;
        padding-right: 40px;
        color: #40b659;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
    }

    .rest-single-wrapper .rest-single-del-type-mobile .rest-timings {
        background-color: #f6f6f6;
        border-radius: 15px;
        justify-content: center;
        display: flex;
        align-items: center;
        border: none;
        position: relative;
        background: #ffffff;
        padding: 5px 17px;
        border-radius: 0;
        transition: 1s;
        /* filter: drop-shadow(2px 1px 5px rgba(0, 0, 0, 0.1)); */
    }

    .rest-timing-btn svg {
        width: 20px;
        margin-right: 5px;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .rest-timings .working-status {
        width: 35%;

    }

    .rest-single-wrapper .rest-single-del-type-mobile .rest-timings .time-sec {
        width: 75%;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .rest-timings .rest-del-time p {
        margin: 0;
        font-size: 14px;
    }

    .rest-single-wrapper .popular-dish-item {
        height: 135px;
    }

    .rest-single-wrapper .rest-single-banner {
        height: 200px;
        border-radius: 0;
        position: relative;
    }

    .rest-single-wrapper .rest-single-main {
        margin-top: 0;
    }

    .rest-single-wrapper .rest-single-banner::after,
    .rest-single-wrapper .rest-single-main::before {
        display: none;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info {
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .title-logo img {
        max-height: 110px;
        max-width: 110px;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-toggle::after {
        display: none;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu {
        min-width: 250px;
        border-radius: 10px;
        padding: 10px 15px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu .restaurant-name {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu .meta i {
        font-size: 18px;
        color: #7f7f7f;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu .meta span {
        color: rgb(3, 3, 3);
        font-size: 14px;
    }

    .rest-single-wrapper .rest-del-time {
        font-size: 16px !important;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .checkout-btn {
        min-width: auto;
        margin-left: 10px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head .cat-thumb {
        width: 80px;
        height: 80px;
        border-radius: 10px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding-bottom: 0px;

    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .card-header {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .card-body {
        border-radius: 10px;
        border: 1px solid rgba(0, 0, 0, .125);
        background: transparent;
    }

    .has-sub-main-body {
        padding-left: 8px;
        padding-right: 8px;
        background: #f8f8f8;
        padding-top: 5px;
        padding-bottom: 5px;

    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .is-child-cat:not(:last-child) {
        margin-bottom: 1px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .is-child-cat {
        margin-bottom: 0;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .is-child-cat .card-header {
        background: #fff !important;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .is-child-cat .card-body {
        padding: 0;
        padding: 0;
        padding-top: 0 !important;
        border: none;
        margin: 0;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .rest-cat-head .collapse-btn {
        display: none;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .rest-cat-head.rest-cat-sub-head h2 {
        font-size: 16px;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item.has-sub .is-child-cat .rest-cat-head .collapse-btn {
        display: inline-flex;
    }

    .rest-single-wrapper .rest-del-time {
        min-height: auto;
    }

    .rest-single-wrapper .rest-single-del-type-mobile .rest-timings {
        background-color: #fff;
        border: none;
    }

    .rest-del-time.d-inline-flex.align-items-center.px-4.w-100.justify-content-center {
        padding: 12px;
        background: #f9f9f9;
    }

    /* .rest-timing-btn
    {
        
    } */
    .rest-single-wrapper .rest-section-title.title-main h2 {
        font-size: 20px;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .title-logo {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(255 255 255 / 64%);
        overflow: hidden;
        padding: 5px;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .title-logo img {
        width: 100%;
    }

    .rest-single-wrapper {
        overflow-x: hidden;
    }

    .rest-single-wrapper .rest-single-main .rest-popular-dish-wrap .swiper {
        overflow: visible;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head .collapse-btn {
        width: 15px;
        min-width: 15px;
        margin-left: 10px;
    }

    .rest-single-wrapper .rest-menu-item.has-image .image {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 375px) {
    .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .checkout-btn {
        min-width: auto;
    }
}

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

    /* .rest-single-wrapper .rest-single-del-type-mobile .pickup-delivery-item .checkout-btn {
        flex: none;
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    } */
    .rest-single-wrapper .pickup-delivery-item .radio-block .radio-item {
        position: relative;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .rest-single-wrapper .pickup-delivery-item .radio-block {
        flex-wrap: wrap;
    }
}




.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.search-filter-sec {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-filter-sec .rest-single-mobile-header {
    width: 90%;
}

.end-card {
    display: block;
    height: 1px;
    width: 100%;
    background: transparent;
}

.search-section .search-feild-filter {

    width: 100%;

    position: relative;

    display: flex;
    align-items: center;

}
.search-section .filter-search
    {
        width: 100%;
    position: relative;
    display: flex
;
    align-items: center;
    }
@media(max-width:560px)
{
    .search-section .search-feild-filter
    {
       flex-direction:column;
    }
    .search-section .filter-search {
   
    margin-bottom: 10px;
    margin-left:0;
}
button#createGroupOrderBtn {
    margin-left: 0;
}
}
#menuMainCat .card {
    border-top: none;
}

.rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item {
    border-radius: 10px;
    border: none;
    border-bottom: 1px solid #e9e3e3;
    border-radius: 0;
    padding: 0px 0;
    margin-bottom: 0;
    min-height: 75px;
}

.btn-secondary {
    color: #000000;
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    padding: 5px 16px;
    font-size: 14px;
    min-height: auto;
    line-height: 15px;
}

@media(min-width:768px) {
    .accordion .card-body {
        padding-left: 8px !important;
        padding-right: 8px !important;
        background: #f8f8f8;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .accordion .rest-menu-item {
        min-height: 140px;
    }

    span.header-address-section {
        padding: 6px 16px;
        background: #f8f8f8;
        border-radius: 16px;
        line-height: 15px;
    }

    .title-cont .restaurant-name {
        margin-bottom: 0px;
    }

    .rest-single-title {

        line-height: 14px;
    }

    .search-filters .btn {
        background: #ffff;
        padding: 5px 10px;
    }

    div#filterContent {
        margin-top: 1rem;
    }

    div#filterContent .check-icon {
        width: 15px;
        height: 15px;
        background: #ffffff;
        color: #6864643d;
        border: 1px solid #6864643d;
        border-radius: 50%;
        padding: 2px;
        font-size: 9px;
        line-height: 10px;
        margin-right: 4px;
        align-items: center;
        justify-content: center;


    }

    .search-filters .filter-item.applied {
        background: #ffff !important;
        color: black !important;
    }

    div#filterContent .applied .check-icon {
        display: flex;
        background: var(--primaryColor);
        color: #ffff;
    }

    div#filterContent .filter-item {
        display: flex !important;
        align-items: center;

    }

    .search-section {

        background: #f1f1f185;

        margin-top: 0rem;
        border-radius: 4px;
    }



    .rest-single-wrapper .rest-cat-menu-wrap i {
        color: #dcdada;
    }

   

    .rest-single-wrapper .rest-aside-cart-wrap {
        background: white;
        padding: 0;
        padding-bottom: 1rem;
        margin-top: 1.5rem;
        padding-top: 0;
    }

    .dropdown-menu.show {
        display: block;
        padding: 15px;
        width: 20rem;

    }

    .dropdown-menu .btn-secondary {

        padding: 5px 11px;

    }

    .dropdown-menu hr {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .rest-aside-cart-wrap .btn {
        border-radius: 4px;

    }

    .rest-aside-cart-wrap .dropdown .btn {
        width: 4.5rem;
        background-color: transparent !important;
    }

    .rest-aside-cart-wrap .btn:hover {
        color: white;
    }

    .rest-single-wrapper .rest-single-title .title-cont .restaurant-name {
        margin-bottom: 1rem;
    }

    .hours-sec .card.rounded {
        border: none;
    }

    .hours-sec .card .row {
        padding: 4px 0;
    }

    .container-fluid {
        max-width: 1920px;
        width: 95%;
        margin: auto;
    }

    .out-of-stock {
        position: absolute;
        top: 0;
        right: 15px;
        top: 12px;
        /* padding: 1px 2px; */
    }

    .message {
        text-align: center;
        background: #f1f1f1;
        width: 100%;
        margin: auto;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .card-body .rest-menu-item:not(.unavailable) {
        border-radius: 0 !important;
        border: 0 !important;
        background: #f8f8f8;
        margin-bottom: 8px;
    }

    .rest-single-wrapper .rest-menu-item {
        min-height: 140px;

    }

    .menu-description {

        line-height: 18px;
    }

    .rest-single-wrapper .rest-menu-item .metas {
        position: static;
        margin-top: 10px;
    }

    .location-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .coluson-sec {

        padding: 10px 15px;
    }

    .coluson-sec .coluson-sec-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .date-text-box p {
        margin: 0px 10px !important;
    }

    .date-text-box {
        display: flex;
        justify-content: flex-start;
    }

    .rest-single-wrapper .rest-single-title .title-status .restaurant-name {
        margin-bottom: 0;
    }

    .title-status {
        display: flex;
        align-items: center;

    }
}

.container-fluid.full-width {
    max-width: 100%;
    width: 100%;
    margin: auto;
}



@media(min-width:768px) {

    /* .offer-tag
    {
        display: none;
    } */
    .lg-h-0 {
        display: none !important;
    }

    .left-aside-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .left-aside-wrap {
        position: sticky;
        top: 0;

        padding-top: 15px;
    }

    .left-aside-wrap figure {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .banner-wrap {
        min-height: 250px;
        position: relative;

        overflow: hidden;
        margin-bottom: 1rem;
    }

    .has-cart-item .banner-wrap:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: linear-gradient(to top, #ffffff 68%, transparent 160%);
        z-index: 9;
    }

    .right-aside-wrap.has-cart-item {
        padding-top: 30%;
    }

    .has-cart-item .banner-wrap {
        POSITION: absolute;
        width: 100%;
        top: 0;
        z-index: 0;
        min-height: 250px;
    }

    .has-cart-item .rest-single-mobile-header.pt-10 {
        position: relative;
        z-index: 9;
    }

    .has-cart-item .rest-timings {
        position: relative;
        z-index: 9;
    }

    .has-cart-item .cart-head {
        position: relative;
        z-index: 9;
    }

    .title-logo {
        z-index: 99;
        position: relative;
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 10px;
        left: 10px;
        border-radius: 4px;
        overflow: hidden;
    }

    .address-wrapp {
        background: #f8f8f8;
        padding: 10px;
        position: relative;
        border-radius: 8px;
    }

    /* .address-wrapp::before{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 32px;
        background: gray;
        content: '';
    } */
    .rest-section-title.position-relative.mb-1.mb-md-3.mt-md-4.title-main {
        margin-top: 0 !important;
    }

    .address-wrapp div {
        font-size: 16px;
        /* margin-bottom: 10px; */

        padding: 10px 0;
        display: flex;
        align-items: flex-start;

        position: relative;
    }

    .address-wrapp div:last-child {
        border-bottom: none;
    }

    .title-wrap {
        padding: 13px 0;
        display: flex;
        justify-content: space-between;
        padding: 8px 15px;

        background: white;
        align-items: center;

    }


    .title-wrap .dropdown-toggle::after {
        display: none;
    }

    .title-wrap .btn:hover {
        color: #ffffff;

    }

    .title-logo-header {
        width: 90px;
        height: 50px;

    }

    .title-logo-header img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .title-wrap .restaurant-name {
        margin-bottom: 0;
    }

    .address-wrapp i {
        margin-right: 11px;
        position: relative;
        top: 4px;
        color: #808080a1;
        /* background: white;
        padding: 10px; */
        /* position: absolute; */
        /* left: -28px; */
        /* filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1)); */

        /* transform: translateY(-50%); */
        border: 1px solid #f8f8f8;
        border-radius: 8px;
    }

    .bk-radio-block input:checked~label {
        background-color: #fff;
        padding-right: 40px;
        color: #40b659;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
    }

    .bk-radio-block {
        position: relative;
        border: 1px solid #e2e2e2;
        background-color: #f6f6f6;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 5px;
        border-radius: 50px;
    }


    .bk-radio-block {
        position: relative;
        border: 1px solid #f6f6f6;
        background-color: #f8f8f8;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 5px;
        border-radius: 50px;
    }

    .bk-radio-block .radio-item {
        position: relative;
    }

    .bk-radio-block input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .bk-radio-block label {
        padding: 5px 15px;
        margin: 0;
        font-size: 16px;
        color: #333;
        font-weight: 400;
        border-radius: 50px;
        position: relative;
        white-space: nowrap;
        cursor: pointer;
    }

    .bk-radio-block input:checked~label {
        background-color: var(--primaryColor);
        padding-right: 40px;
        color: #ffffff;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
        height: 100%;
    }

    .bk-radio-block input {
        cursor: pointer;
    }

    .bk-radio-block {
        width: 80%;
        padding: 0 !important;
        margin: auto;
    }

    .bk-radio-block .radio-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;

    }

    .bk-radio-block label {
        display: block;
        width: 100%;
        text-align: center;

    }

    .bk-radio-block label::before {
        right: 8px;
        top: -1px;
        font-size: 24px;
    }

    .bk-radio-block .check-icon {
        display: none;
    }

    .bk-radio-block .check-icon {
        width: 20px;
        height: 20px;
        background: #ffffff;
        border-radius: 50%;
        color: var(--primaryColor);
        align-items: center;
        justify-content: center;
        font-size: 12px;
        margin-left: 4px;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }

    .bk-radio-block input:checked~label .check-icon {
        display: inline-flex;
    }

    .bk-radio-block input:checked~label {
        background-color: #fff;
        padding-right: 40px;
        color: #40b659;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
    }

    .bk-radio-block {
        width: 100%;
        padding: 0 !important;
        margin: auto;
        margin-bottom: 1rem;
    }

    .rest-timing-btn svg {
        width: 18px;
        margin-right: 5px;
        /* background: var(--primaryColor); */
        border-radius: 50%;
        height: 35px;
        padding: 0px;
        position: relative;
        top: -1px;
    }

    .rest-timing-btn i {
        margin-left: 8px;
        color: #9E9E9E;
    }

    .rest-timings span {
        font-size: 19px;
        text-align: left;
        margin-left: 0px;
    }

    .rest-timing-btn i {

        font-size: 16px;
        position: relative;
        top: 9px;
    }

    .bk-radio-block input:checked~label {
        background-color: var(--primaryColor);
        padding-right: 40px;
        color: #ffffff;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
        height: 100%;
    }

    .rest-aside-cart-wrap h4 {
        margin-bottom: 20px;

        padding-bottom: 0px;
    }

    .cart-title {
        border-bottom: 1px solid #e1dcdc7f;
        font-size: 20px;
        font-weight: 400;
    }

    .rest-single-wrapper .cart-head .cart-bk {
        font-size: 20px;
        color: #000;
        font-weight: 500;

        /* border-radius: 4px; */

    }

    .rest-single-wrapper {
        background: #f1f1f1 !important;
    }

    .left-aside-wrap {
        padding: 15px;
        background: white;
        min-height: 100vh;
    }

    .central-wrap {

        background: white;

    }

    .accordion>.card>.card-header {

        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .right-aside-wrap {
        height: 100vh;
        background: white;
        z-index: 10;
        position: sticky;
        top: 0;
        overflow: hidden;
    }

    .rest-single-wrapper .rest-aside-wrap {
        padding-left: 0 !important;
    }

    .main-row-wrap.row>* {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .right-aside-wrap figure {
        height: 160px;
    }

    .right-aside-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .right-aside-wrap figure {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .title-wrap svg {
        height: 23px;
        width: auto;
        position: relative;
        top: 1px;
        margin-left: 2px;
    }

    .title-wrap svg path,
    .title-wrap svg circle {
        fill: var(--primaryColor);
    }

    .dropdown .btn-custom {
        background-color: #f7f7f7 !important;
        color: #343a40 !important;
        font-size: 14px;
        /* padding: 0; */
        margin-left: 5px;
        position: relative;
        top: 2px;
    }

    .login-modal .modal-content .modal-body .login-wrap .login-footer .btn-theme {
        background-color: var(--primaryColor);
        color: #fff;
        padding: 8px 20px;
        height: 36px;
        min-width: 150px;
    }

    .rest-popular-dish-wrap h2 {
        position: absolute;
        top: 4px;
        z-index: 9;
        /* transform: translateY(-50%); */
        font-size: 20px;
        text-align: center;
        color: var(--primaryColor);
        /* left: 15px; */
        background: #ffffffd9;
        padding: 6px;

        width: auto;
        border-radius: 0 0 15px 0;
        font-size: 17px;
        padding-right: 13px;
        /* padding-bottom: 10px; */
    }

    s .rest-popular-dish-wrap {
        position: relative;
    }

    /* .rest-popular-dish-wrap:before {
    position: absolute;
        left: 0;
        top: 0;
        width: 24%;
        height: 100%;
        content: '';
        background: #000000;
        z-index: 9;
} */

    .search-dishes-section {

        background: #f8f8f8;
        padding: 20px 15px 16px;
    }

    .popular-title {
        position: absolute;
        top: 5px;
        z-index: 9;
        padding: 8px 21px 8px 15px;
        background: #343a40c9;
        color: white;
        border-radius: 0 30px 30px 0;
        left: 0;
        font-size: 16px;
        opacity: 0;
        font-weight: 500;
        line-height: 16px;
        transition: 3s;
        transition: 1s;

    }

    .popular-title.first-show {
        opacity: 1;
    }

    /* @keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-1px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
} */
    .popular-title.show-title {
        opacity: 1;
    }

    .popular-dishes-new-sec:hover {
        opacity: 1;
    }

    .rest-single-mobile-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dropdown .meta i {
        position: relative;
        top: 2px;
    }

    .pl-15,
    .pr-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width:992px) {
    .rest-timings span {
        font-size: 21px;


    }
}

.popular-title.first-show {
    opacity: 1;
}



.bk-fixed-checkout .btn {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center !important;
    padding: 5px;
    position: relative;
    /* border: 1px solid #e9e9e9; */
    background: white;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}

.bk-fixed-checkout span.checkout-btn-count {
    position: absolute;
    top: 8px;
    right: 10px;
    background: var(--primaryColor);
    width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 500;
}

.bk-fixed-checkout svg {
    position: relative;
    left: -2px;
    top: 4px;
    width: 32px;
    height: 32px;
}

.bk-fixed-checkout svg path {
    fill: var(--primaryColor);
}

.bk-fixed-checkout .btn svg path.st1 {
    fill: #222121;
}

.bk-fixed-checkout {

    transition: 1s;
    border-radius: 50%;


}

.checkout-text {
    position: absolute;
    top: 50%;
    /* height: 50px; */
    background: var(--primaryColor);
    right: 40px;
    display: block;
    white-space: nowrap;
    transform: translateY(-50%);
    padding: 10px 19px;
    padding-right: 31px;
    border-radius: 30px 0 0 30px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 500;
    color: white;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}

.checkout-wrapper {
    position: fixed;
    bottom: 32px;
    right: 65px;
    z-index: 999;
}

.bk-offfer-alert {
    background: #f8f8f8;
    padding: 5px 19px;
    display: inline-block;
    border-radius: 0;
    position: relative;
    font-size: 17px;
    font-weight: 200;
    /* border-radius: 16px; */
    width: 100%;
    line-height: 18px;
}

.bk-offfer-alert .bk-close {
    width: 13px;
    height: 13px;
    background: #070707;
    display: flex;
    align-items: center;
    text-align: center;
    /* border-radius: 50%; */
    position: absolute;
    justify-content: center;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    color: white;
    opacity: 1;
    cursor: pointer;
}

.bk-offfer-alert span.dollar-bk {
    font-weight: 600;

    line-height: 16px;
}

@media(min-width:991px) {
    .checkout-wrapper {
        position: absolute;
        bottom: 0;
        right: 65px;
        z-index: 999;
    }
}

@media(max-width:767px) {
    .checkout-wrapper {
        right: 15px;
    }

    .bk-offfer-alert {
        background: white;
        margin: 1rem 0;
    }
}

.bk-fixed-checkout .btn {
    position: relative;
    z-index: 999;
}

.bk-fixed-checkout .checkout-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 1s;
    border-radius: 50%;

    z-index: 9;


}

.bk-fixed-checkout .checkout-bg:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    border: 4px solid #2b2c2b41;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 1s;
}

.bk-fixed-checkout .checkout-bg:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    border: 10px solid #2b2c2b18;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 1s;
}



@media(max-width:767px) {
    .rest-single-wrapper .rest-single-mobile-header {
        padding-left: 20px;
        padding-right: 20px;

    }

    h2.title-popular {
        font-size: 21px;
    }

    .title-cont .restaurant-name {
        margin-bottom: 0px;
    }

    .rest-single-title {
        padding: 0 15px;
        line-height: 14px;
    }

    .search-dishes-section {
        background: #f8f8f8;
        padding: 20px 15px;
    }

    .bk-header-js {
        display: block;
    }

    .offer-tab h3 {
        font-size: 17px;
        margin: 0;
    }

    .offer-tab {
        border-radius: 10px;
        border: 1px solid rgb(52 58 64);
        padding: 14px 12px;
        margin: 1rem 0;
    }

    .offer-tab .title-bk {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .offer-view-modal .modal-header {
        padding: 10px 15px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        border: none;
    }

    .offer-view-modal .item-bk {
        margin-bottom: 1.5rem;
    }

    .offer-view-modal .item-bk .title-bk {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .offer-view-modal .item-bk .offer-box-item {
        border: 1px solid #f1f1f185;
        padding: 10px;
        margin-bottom: 0.5rem;
    }

    .offer-view-modal .offer-card.bg-warning {
        border-radius: 4px;
    }

    .offer-view-modal .offer-card.bg-warning * {
        color: white;
    }



    .bk-radio-block input:checked~label {
        background-color: #fff;
        padding-right: 40px;
        color: #40b659;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
    }

    .bk-radio-block {
        position: relative;
        border: 1px solid #e2e2e2;
        background-color: #f6f6f6;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 5px;
        border-radius: 50px;
    }


    .bk-radio-block {
        position: relative;
        border: 1px solid #f6f6f6;
        background-color: #f8f8f8;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding: 5px;
        border-radius: 50px;
    }

    .bk-radio-block .radio-item {
        position: relative;
    }

    .bk-radio-block input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .bk-radio-block label {
        padding: 5px 15px;
        margin: 0;
        font-size: 16px;
        color: #333;
        font-weight: 400;
        border-radius: 50px;
        position: relative;
        white-space: nowrap;
    }

    .bk-radio-block input:checked~label {
        background-color: var(--primaryColor);
        padding-right: 40px;
        color: #ffffff;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .15);
        height: 100%;
    }


    .bk-radio-block {
        width: 100%;
        padding: 0 !important;
        margin: auto;
    }

    .bk-radio-block .radio-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;

    }

    .bk-radio-block label {
        display: block;
        width: 100%;
        text-align: center;
        cursor: pointer;

    }

    .bk-radio-block label::before {
        right: 8px;
        top: -1px;
        font-size: 24px;
    }

    .bk-radio-block .check-icon {
        display: none;
    }

    .bk-radio-block .check-icon {
        width: 20px;
        height: 20px;
        background: #ffffff;
        border-radius: 50%;
        color: var(--primaryColor);
        align-items: center;
        justify-content: center;
        font-size: 12px;
        margin-left: 4px;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }

    .bk-radio-block input:checked~label .check-icon {
        display: inline-flex;
    }

    /* .bk-fixed-checkout.active .checkout-bg:before  
{
    width: 115%;
    height: 115%;
}
.bk-fixed-checkout.active .checkout-bg:after
{
    width: 140%;
    height: 140%;
} */
    /* .bk-fixed-checkout.active  .checkout-bg
{
    background: #2b2c2b;
    transform: scale(1.25);
    
   
} */

    .search-section {

        width: 100%;
        padding: 0;
        position: relative;




    }

    .search-section * {
        z-index: 2;
        position: relative;
    }

    div#filterContent {
        padding: 10px 0;
        padding-bottom: 0;
    }

    .search-filters .btn {

        background: white;
    }

    /* .search-section:before 
{
    position: absolute;
    left: 50%;
    top: 0;
    width: 110%;
    height: 100%;
    transform: translateX(-50%);
    content:'';
    background: #f1f1f185;
    z-index: 0;
   
} */

    .search-section .rest-single-mobile-header {

        background-color: transparent;
        border-bottom: none;
        width: 100%;
        padding-right: 0;
        padding-left:0;
    }



    .search-filter-bk {
        /* width: 70px; */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }












    .offer-text {

        font-weight: 900;
        font-size: 21px;
        text-align: center;
        line-height: 21px;
    }

    img.bgimage {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .offer-title-bk {
        position: absolute;
        background: #bf1213;
        color: white;
        top: -15px;
        right: 14px;
        padding: 1px 13px;
        border-radius: 5px 5px 0 0;
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .offer-title-bk:before {
        position: absolute;
        left: -2px;
        top: -2px;
        width: 106%;
        height: 123%;
        content: '';
        /* border: 1px solid #bf1213; */
        border-radius: 6px 6px 0 0;
    }

    .off-title-bk {
        position: absolute;
        background: #bf1213;
        color: white;
        bottom: -18px;
        right: 20px;
        padding: 1px 9px;
        border-radius: 0px 0px 5px 5px;
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
        min-width: 85.92px;
        transform: translateX(-200%);
        transition: 1.1s;
        text-align: center;
    }

    .offer-title {
        font-size: 23px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 23px;
    }

    .offer-text-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        color: white;
        font-size: 20px !important;
    }

    img.hand-image {
        position: absolute;
        width: 20px;
        height: 74px;
        object-fit: contain;
        right: 27px;
    }

    .offer-tag {
        margin-top: 0;
        display: inline-block;
        position: absolute;
        filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4));
        /* margin-left: -28px; */
        z-index: 9;
        left: -160px;
        top: 50px;
        width: 160px;
        height: 70px;
        transition: 1.1s;
    }













    .rest-single-wrapper .header-nav-left {
        display: flex;
        align-items: center;
        position: absolute;
        right: 15px;
        z-index: 33;
        top: 15px;
        margin-left: 25px;
    }

    .rest-single-wrapper .header-nav-left .nav-item {
        background: white;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
    }

    button.btn.btn-custom.btn-icon.dropdown-toggle:hover {
        color: white;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu {
        width: 97vw;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu .login-modal-menu svg {
        width: 14px;
        height: auto;
        margin-right: 2px;
    }

    .rest-single-wrapper .rest-single-banner .rest-single-banner-info .rest-single-info-dropdown .dropdown-menu .login-modal-menu span {
        display: flex;
        align-items: center;
    }

    .rest-single-banner-info .btn-icon {
        width: 22px;
        height: 22px;
        min-height: auto;
        min-width: auto;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: none;
    }

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

    .location-box .btn {

        display: flex;
        align-items: center;
        padding: 5px 16px;
    }

    .location-box .btn i {
        font-size: 11px;
        position: relative;
        top: 2px;
    }

    .rest-section-title h4 {
        font-size: 21px;
        margin-bottom: 0rem;
    }

    .hours-sec .card.rounded {
        border: none;
    }

    .hours-sec .card .row {
        padding: 4px 0;

    }

    .hours-sec .card .row:last-child {
        border-bottom: 0;
    }



    .coluson-sec .coluson-sec-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .coluson-sec .container h4 {
        margin: 0;
    }

    .image.out-of-stock {
        filter: grayscale(1);
    }

    .rest-single-wrapper .rest-menu-item .price {
        font-size: 16px;
    }

    .mgb-1 {
        margin-bottom: 1px;
    }

    .rest-cat-menu-wrap .menu-items-section:last-child {
        border: none;
    }

    .rest-single-wrapper .rest-menu-item .metas {
        position: static;
    }

    .rest-single-wrapper .rest-menu-item {
        min-height: auto;
        background: white;

    }

    .menu-description {
        margin-bottom: 16px;
        line-height: 20px;
    }

    .location-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .info-wrap {
        background: #f1f1f185;
        padding: 15px 15px;
    }

    .container.popular-dishes-bg-gray {
        background: #f1f1f185;
        padding-top: 16px;
    }

    .location-box .btn:hover {
        color: white;
    }

    .coluson-sec .btn:hover {
        color: white;
    }

    .has-sub-inner-card-body {
        padding-top: 4px;
    }

    .rest-single-wrapper .rest-single-del-type-mobile {
        /* background: #f1f1f185; */
        padding: 20px 0;

    }

    .title-cont {
        display: flex;
        align-items: center;
    }

    .message {
        text-align: center;
        background: #f1f1f1;
        width: 100%;
        margin: auto;
    }

    .out-of-stock .message {
        padding: 1px 3px;
        border-radius: 1px;
    }

    .out-of-stock {
        position: absolute;
        top: 0;
        right: 15px;
        top: 12px;
        /* padding: 1px 2px; */
    }

    .card.no-sub.rest-cat-item.opened.fixed .card-header {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.1);
    }

    .opened .card-header {
        background: linear-gradient(to bottom, #f8f8f8, transparent);
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item .rest-cat-head {
        background: transparent;
    }

    .offer-alert-box {
        display: inline-block;
        background: #ffffff;
        padding: 6px 17px;
        border-radius: 10px;
        margin: auto;
        /* width: 100%; */
        margin-top: 16px;
        text-align: center;
        position: relative;
        /* box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.1); */
        font-size: 16px;
        position: fixed;
        z-index: 99;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        top: 18px;
        border: 1px solid #000000;
    }

    .offer-alert-box span {
        font-size: 20px;
        font-weight: 700;
        color: var(--primaryColor);
        line-height: 20px;
    }

    .offer-alert-box span.close-btn {
        position: absolute;
        top: -8px;
        right: -9px;
        color: #ffffff;
        font-size: 17px;
        font-weight: bold;
        cursor: pointer;
        height: 18px;
        width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primaryColor);
        border-radius: 50%;
        line-height: 21px;
    }

    .close-btn:hover {
        color: #000;
    }

    .title-status {
        display: flex;
        align-items: center;
    }

    .working-status {
        position: relative;
        top: 3px;
        width: 170px;
    }

    .title-status h4 {
        width: calc(100% - 170px);
    }

    .rest-timing-btn svg {
        width: 18px;
        margin-right: 5px;
        border-radius: 50%;
        height: 35px;
        padding: 0px;
    }

    .rest-timing-btn i {
        margin-left: 8px;
        color: #9E9E9E;
    }

    .modal-content {
        border: none;
    }

    div#SelectionArea .d-flex {
        align-items: center;
    }

    .d-small-0 {
        display: none;
    }

    .title-wrap {
        padding: 15px 0;
        margin-bottom: 6px;
    }

    .row.main-row-wrap {
        flex-direction: column-reverse;
    }

    div#filterContent {
        margin-top: 0rem;
    }

    div#filterContent .check-icon {
        width: 15px;
        height: 15px;
        background: var(--primaryColor);
        color: white;
        border-radius: 50%;
        padding: 2px;
        font-size: 9px;
        line-height: 10px;
        margin-right: 4px;

        align-items: center;
        justify-content: center;
        display: none;
    }

    .search-filters .filter-item.applied {
        background: #fff !important;
        color: black !important;
    }

    div#filterContent .applied .check-icon {
        display: flex;
    }

    div#filterContent .filter-item {
        display: flex !important;
        align-items: center;
    }

    .rest-single-wrapper .rest-cat-menu-wrap .rest-cat-item {

        border-bottom: 1px solid #dadada;

        margin-bottom: 0;
    }
}

@media(max-width:575px) {
    .title-status h4 {
        width: calc(100%);
    }
}

/* html 
{
    scroll-behavior: smooth;
} */

a.item-name {
    position: fixed;

    top: 25px;
    padding: 8px 20px 8px 15px;
    background: var(--primaryColor);
    width: auto;
    font-size: 17px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s;
    z-index: 9;
    display: none;
    line-height: 20px;
    text-decoration: none;
    color: #fdfdfd;
    display: none;
    border-radius: 0 25px 25px 0;
}

a.show-name {
    display: block;
}

* For smooth scrolling when clicking anchor links */ a {
    scroll-behavior: smooth;
}

/* For specific elements */
.container {
    scroll-behavior: smooth;
}

@media(min-width:560px) {
    .item-name {

        max-width: 1920px;
        width: calc(95% - 20px);

    }
}

@media(max-width:575px) {
    .title-status {
        display: flex;

        flex-direction: column;
        align-items: flex-start;
    }

    .working-status {
        margin-left: 0 !important;
    }
}






.bk-popular-dishes {
    font-size: 14px;
}

.bk-popular-dishes .badges .favorite .count {
    top: -5px;
    width: auto;
    left: 14px;
}

.bk-popular-dishes ul {
    list-style-type: none;
    padding: 0;
}

.bk-popular-dishes .main-group-body .title-header {
    border-bottom: 1px solid #e9e3e3;
}

.collapse-btn i {
    color: #d4d2d2;
}

@media(max-width:767px) {
    .bk-popular-dishes .main-group-body .title-header {
        border-bottom: 1px solid #f6f6f6;
    }
}

/* @media only screen and (max-width: 767px) {
    .bk-popular-dishes .btn-icon {
        display: none;
    }
} */
a,
a:hover {
    text-decoration: none;
}

.bk-popular-dishes .title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    padding: 12px 15px;
    color: gray;
    text-decoration: none;
}

.sub-title-collapse-bar {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bk-popular-dishes .sub-title-collapse-bar {
    border: 1px solid transparent;
}

.bk-popular-dishes .sub-title-collapse-bar.bg-change {
    /* background: white; */
    border-bottom: 1px solid #f8f8f8;
    border-top: 1px solid #f8f8f8;

}

.bk-popular-dishes .main-title {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.25rem;
    margin-bottom: 4px;

    color: black;
    padding-right: 5px;
    background: #ffffff;


    cursor: pointer;

}

.bk-popular-dishes .cat-description {
    margin-bottom: 0;
    color: gray;
}

.bk-popular-dishes .cat-thumb {
    height: 70px;
    width: 70px;
    border-radius: 6px;
    overflow: hidden;
}

@media(max-width:500px) {
    .bk-popular-dishes .cat-thumb {
        height: 70px;
        width: 70px;
        border-radius: 6px;
        overflow: hidden;
    }

}

.bk-popular-dishes .cat-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bk-popular-dishes .main-title .title-image-bk {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.bk-popular-dishes .subtitle {
    margin-left: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 25px;
    background: green;
}





/* Optional: Smooth scroll behavior */

.bk-popular-dishes .dropdown button {
    border-radius: 0 50px 50px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 500;
    background: var(--primaryColor);
    border: none;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
    color: white;
    max-width: 400px;
    white-space: normal;
    text-align: left;
}

/* .bk-popular-dishes .dropdown button.btn:hover {
    
    background-color: #212529;
    border-color: #212529;
} */
.bk-popular-dishes .dropdown-main {
    position: fixed;
    left: 0;
    top: 15px;
    width: 100%;
    padding: 0px;
    background: white;
    width: auto;
    left: 0;
    border-radius: 0 50px 50px 0;
    transform: translateX(-90%);
    /* padding-right: 30px; */
    z-index: 9;
    transition: 0.3s;
    display: none;
    min-width: 230px;

}

.bk-popular-dishes .dropdown-main .down-icon-bk {
    position: absolute;
    right: 12px;
    top: 56%;
    transform: translateY(-50%);
    color: white;
}

.bk-popular-dishes .dropdown-main .dropdown-submenu .down-icon-bk {
    color: #a5a3a3;
    font-size: 10px;
}

.bk-popular-dishes .dropdown-toggle::after {
    opacity: 0;
}

.bk-popular-dishes .dropdown-main.show-dropdown {
    display: block;
}

.bk-popular-dishes .dropdown2 {
    position: sticky;
    top: 50px;
    width: 100%;
    padding: 0px;
    background: white;
    width: auto;
    left: 0;
    border-radius: 0 50px 50px 0;
    transform: translateX(-90%);
    /* padding-right: 30px; */
    z-index: 9;
    transition: 0.3s;
    width: 180px;

}

.bk-popular-dishes .dropdown-main.show {
    transform: translateX(0px);
}

.bk-popular-dishes .dropdown2.show {
    transform: translateX(0px);
}

.bk-popular-dishes .dropdown2 .custom-select {
    margin-bottom: 0;
}

.bk-popular-dishes .dropdown-menu {
    border-radius: 0px;
    padding: 0;

}

.bk-popular-dishes .dropdown-main-menu {
    max-height: 350px;
    overflow-y: scroll;
    width: 90%;
    margin-top: -1px;
}

.bk-popular-dishes .dropdown-submenu .dropdown-menu {
    width: 100%;
}

/* .dropdown-menu .dropdown-item:nth-child(odd)
{
    background: white;
} */


.bk-popular-dishes .dropdown-menu .dropdown-item {

    padding: 8px 15px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #373636;
    font-weight: 500;
    position: relative;
    white-space: normal;
    text-align: left;
}

.bk-popular-dishes .dropdown-menu .dropdown-item:hover {
    background-color: white;
}

.bk-popular-dishes .close-bk {
    width: 16px;
    height: 16px;
    padding: 2px;
    border-radius: 50%;
    position: absolute;
    right: -17px;
    top: 0;
    z-index: 9;
    background: #212529;
    font-size: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    display: none;
}

.bk-popular-dishes .sub-group-content {
    padding-bottom: 0;

}

.bk-popular-dishes .show .close-bk {
    display: flex;
}

.bk-popular-dishes select {
    width: 100%;
    padding: 10px;
    border: none;
    background: #da5858;
    color: white;
}


.bk-popular-dishes .custom-select {
    margin-bottom: 1rem;
    position: relative;
}

.bk-popular-dishes .custom-select:before {
    position: absolute;
    left: -19%;
    top: 0;
    width: 60%;
    height: 100%;
    content: '';
    background: #212529;
}

.bk-popular-dishes .dropdown2 .custom-select:before {
    display: none;
}

.bk-popular-dishes .dropdown2 .custom-select button {
    padding-left: 10px;
}

.bk-popular-dishes .custom-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 0px;
    background: transparent;
    border-radius: 0 50px 50px 0 !important;
    color: white;
    border-color: rgb(24, 24, 24);
    z-index: 1;
    position: relative;
    min-width: 170px;
}

.bk-popular-dishes .show select {
    z-index: 8;
}

.bk-popular-dishes .down-arrow {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 0;
    background: white;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.bk-popular-dishes .show .down-arrow {
    z-index: 6;
}

.bk-popular-dishes .right-arrow {
    position: absolute;
    top: 50%;
    right: 3px;
    z-index: 0;
    background: #212529;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: white;
    cursor: pointer;
}

.bk-popular-dishes .show .right-arrow {
    z-index: -1;
}

.bk-popular-dishes .dropdown-toggle::after {

    position: relative;
    top: 1px;
}


.bk-popular-dishes .main-group-content {

    background: #f8f8f8;


}

.bk-popular-dishes .main-group-content .sub-group {

    margin-bottom: 0;
    border-bottom: 1px solid #eeee;
}

.bk-popular-dishes .main-group-content .sub-group:last-child {
    border-bottom: none;
}

.bk-popular-dishes .main-group-content .sub-group .title-bk {


    font-size: 1.2rem;
    font-weight: 500;
    color: #212529e6;
    cursor: pointer;
}

.bk-popular-dishes .menu-item-bk .menu-item-title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    /* Ensures wrapping */
    max-width: 100%;
    /* Adjust as needed */
}

.bk-popular-dishes .menu-item-bk .menu-item-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

.bk-popular-dishes .menu-item-bk .right-bk {
    position: relative;
    overflow: hidden;
    width: 35%;


}

@media(max-width:767px) {
    .bk-popular-dishes .menu-item-bk .right-bk {

        padding: 8px;

    }
}

.bk-popular-dishes .menu-item-bk .menu-item-image {
    position: relative;
    border-radius: 0rem;
    overflow: hidden;
    margin: 0;
    height: 100%;



}

.right-bk-content {
    min-height: 120px;
    background: #f8f8f8;
    border-radius: 0;
    height: 100%;
}

.item-outofstock .menu-item-image img {
    filter: grayscale(1)
}


.bk-popular-dishes .menu-item-bk .left-bk {
    padding: 1rem;
    width: 65%;
}

.bk-popular-dishes .menu-item-bk .content-bk {
    padding: 0px;
    background: white;
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.05));

}

.bk-popular-dishes .menu-item-bk.item-outofstock .content-bk {
    opacity: 0.5;

}

.bk-popular-dishes .menu-item-bk.item-outofstock .content-bk img {
    opacity: 0.5;
}

.bk-popular-dishes .menu-item-bk .content-bk p {
    margin-bottom: 10px;
    color: #585757;
}

@media(min-width:1200px) {
    .bk-popular-dishes .menu-item-bk .content-bk p {
        min-height: 65px;
    }
}

.bk-popular-dishes .menu-item-bk .content-bk .price {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: #585757;
}

.bk-popular-dishes .out-of-stock {
    position: absolute;
    top: 0;
    right: 0;
    background: #f1f1f1;
    padding: 5px 8px 3px;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
    overflow: hidden;
    text-align: center;
    border-radius: 16px 16px 0 0;
    display: none;
}

.bk-popular-dishes .sub-group-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px;

    margin-bottom: -5px;
    padding-top: 0;
    padding-bottom: 16px;
}

.bk-popular-dishes .sub-group-content .menu-item-bk.no-image .out-of-stock {
    position: absolute;
    transform: none;
    right: 15px;
    width: 95px;
    top: 15px;
    display: inline-block;
    margin-left: auto;
}

.bk-popular-dishes .menu-item-bk.no-image .right-bk {
    position: static;
    width: 0;
}

.bk-popular-dishes .menu-item-bk.no-image .left-bk {
    padding-right: 1rem;

    width: 100%;
}

.bk-popular-dishes .item-outofstock .out-of-stock {
    display: block;
}

.bk-popular-dishes .sub-group-content .menu-item-bk.no-image .out-of-stock {
    position: absolute;
    transform: none;
    right: 15px;
    width: 85px;
    top: 15px;
    display: inline-block;
    margin-left: auto;
    border-radius: 1px;
    font-size: 13px;
    line-height: 13px;
}





.bk-popular-dishes .sub-group-content .menu-item-bk {
    width: 50%;
    padding: 5px;
}

@media(max-width:1200px) {
    .bk-popular-dishes .sub-group-content .menu-item-bk {
        width: 100%;

    }
}

@media(max-width:760px) {
    .bk-popular-dishes .sub-group-content .menu-item-bk {
        width: 100%;

    }

    .bk-popular-dishes .sub-group-content .menu-item-bk {

        padding: 0;
        margin-bottom: 0;
    }

    .bk-popular-dishes .sub-group-content .menu-item-bk:first-child {
        padding-top: 0;
    }

    .bk-popular-dishes .main-group-content {
        padding: 0px;
        background: #f2f2f2;
        padding-bottom: 10px;
    }
}

.bk-popular-dishes .main-group-content .sub-group.single-item {
    padding: 0;
    background: transparent;
}

.bk-popular-dishes .main-group-content .sub-group.single-item .sub-group-content {
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
}

.bk-popular-dishes .main-group-content .sub-group.single-item .title-bk {
    display: none;
}

.bk-popular-dishes .main-group-content .sub-group-content {
    display: flex;
}

.bk-popular-dishes .side-bar {
    height: 100%;
    width: 100%;
    background: #f8f8f8;
}

.bk-popular-dishes .form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}






.dropdown-submenu .dropdown-menu {
    position: static !important;
    border: none;
}

.dropdown-submenu .dropdown-menu .dropdown-item {
    background: #f8f8f8;
    color: #626262;
    font-weight: 400;
    border-bottom: 1px solid white;
    padding-left: 30px;
    font-size: 15px;
}



.category-status {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    /* Bootstrap light background */
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 4px 2px -2px gray;
    /* Adds shadow to make it stand out */
}


/* Variation Modal */

.menu-modal .modal-body {

    padding: 0;

}

.modal-body.has-addons.has-image {
    max-height: 100vh;
}

.modal-body.has-image {
    min-height: auto;
}

.modal-body.has-addons {
    height: calc(100vh - 100px);
}



.modal-body.has-addons .accordion {
    min-height: 200px;
}

.menu-modal .modal-header {
    border-bottom: none;
    padding: 0.5rem 1rem;
    padding-right: 4rem;

    position: relative;
    z-index: 999;

}

.menu-modal .modal-header.scrolled {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.menu-modal.menu-review-content .modal-header.scrolled {
    box-shadow: none;
}

.menu-modal.menu-review-content button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.menu-modal .modal-header .close {
    position: absolute;
    top: 20px;
    right: 25px;
    /* filter: invert(1); */
    opacity: 1;
    position: absolute;
    top: 27px;
    right: 26px;
    background: white;
    border-radius: 50%;
    border: 1px solid #000;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    padding: 12px;
}

.menu-modal .accordion .card-body {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.menu-modal .show,
.menu-modal .collapsing {

    padding: 0;
    padding-top: 0px;
}

/* .menu-modal .card-body {
    background: white !important;
} */
@media(max-width:575px) {
    .menu-modal .card-body {
        padding: 0;
    }
}

.view-full svg,
.view-less-item svg {
    width: 25px;
    height: 25px;
}

/* .show1 {
    background: #f1f1f1 !important;
} */
.menu-modal .view-full {
    position: absolute;
    right: 0;
    background: #00000087;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu-modal .view-less {
    position: absolute;
    right: 0;
    padding: 3px;
    background: #00000087;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu-modal .view-less path {
    fill: white;
}

.menu-modal .modal-content .menu-item-image {
    position: relative;
}

.menu-modal .review-btn svg {
    width: 15px;
    height: 15px;
    position: relative;
    top: 0px;
}

.menu-modal .review-btn {
    margin-left: 12px;

    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    top: 1px;
    left: 0px;
}

.menu-modal .review-btn a {

    display: flex;
    align-items: center;
}

.view-less-item path {
    fill: white;
}

.fvt-btn {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    top: 1px;
    left: -4px;
}

.fvt-btn .number-bk {
    position: absolute;
    padding: 4px;
    width: 18px;
    height: 18px;
    /* background: #f9f9f9; */
    border-radius: 50%;
    left: 14px;
    top: -10px;
    font-size: 11px;
}

.review-btn i {
    color: var(--primaryColor);
}

.review-btn i.fa-regular.fa-envelope {
    font-size: 17px;
    margin-left: 3px;
}

.menu-modal-title {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
}

.menu-modal .modal-title .fa-heart {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: 16px;
}

.menu-modal .modal-title .fa-heart {
    color: #EF5350;
}

/* .menu-modal .modal-title .fa-solid.fa-heart
{
    opacity: 0;
} */
.menu-modal .modal-title .menu-modal-fvt .fa-heart {
    position: relative;
    opacity: 1;
}

.number-bk {
    position: absolute;
    right: 0;
    top: 0;
}

.heart-container.menu-modal-fvt {
    position: relative;
}

.menu-modal .modal-title .menu-modal-fvt .number-bk {
    position: absolute;
    left: 24px;
    top: -2px;
    font-size: 12px;
}

.menu-modal .review-btn .number-bk {
    position: absolute;
    left: 14px;
    top: -12px;
    font-size: 12px;
    font-weight: 400;
}



.menu-modal .addon-item {

    padding: 6px 0;

}

.addon-out-of-stock {
    pointer-events: none;
}

.menu-modal .addon-item.addon-checkbox label .checkbox {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
}

.menu-modal .addon-item.addon-checkbox label .checkbox:before {
    width: 20px;
    height: 20px;
}

.menu-modal .addon-item.addon-checkbox label .checkbox:after {
    width: 20px;
    height: 20px;
}

.menu-modal .addon-item-wrap-inner .addon-item label {
    width: 100%;
}

.menu-modal .modal-content .menu-item-image {
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}

.menu-modal .card-header {
    border-bottom: none;
}

.menu-modal .card {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f9f9f9;
    padding-top: 0;
    margin-bottom: 4px;
}

@media(max-width:575px) {
    .menu-modal .card {
        padding: 0;
    }

}

.menu-modal .card.active-card {
    border-bottom: none;
}

.menu-modal .active-card .adons-box {
    padding: 4px;
    background: #f5f5f5;
}

.menu-modal .adons-box {
    padding: 0;
    margin-bottom: 0;
}

@media(max-width:575px) {
    .menu-modal .active-card .adons-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu-modal .card-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

.modal-total-review {
    padding-left: 15px;
    padding-right: 15px;

    padding-bottom: 1rem;
}

.moda-total-review textarea.form-control {

    margin-top: 3px !important;
    border-radius: 5px !important;
}

.menu-modal .accordion {
    padding: 15px;

    /* min-height: 300px; */
}

.modal-total-review h5 {
    color: #707070;
}

.menu-variation-bk .card {
    border: none;
    padding: 0px;
    background: #f1f1f1;
    /* padding-bottom: 0; */
    margin: 0;
    padding-bottom: 0;
    margin-bottom: 4px;

}

.menu-variation-bk .card:last-child {
    margin-bottom: 0;
}

/* .menu-variation-bk .card:last-child 
{
    padding-bottom: 4px;
} */
.menu-variation-bk .card-header {

    cursor: pointer;
    background-color: #fff;
    padding: 9px 10px !important;
    border-bottom: 1px solid #f1f1f1;
    position: relative;

}

.menu-variation-bk .badge {
    color: #fff;
    margin-top: 7px;
    margin-right: 3px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    background: var(--primaryColor);
    align-items: center;
    position: relative;
    border-radius: 19px;
    line-height: 8px;
    padding: 4px 3px 4px 10px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 16px;
    text-align: left;
}

.variation-badge.badge {
    padding-right: 10px;
    line-height: 15px;
}

span.badge span {
    position: relative;
    top: -1px;
    color: white;
    font-size: 18px;
}

.menu-variation-bk .badge:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffff;
    content: '';
    z-index: 0;
    opacity: 0.2;
}

.no-badge-title strong {
    display: none;
}

.selected-items-bk {
    color: #585757;
}

.selected-items-bk strong {
    font-size: 14px;
    color: #585757;
}

.variation-alert {
    margin-top: 4px;
    color: #cc3a3a;
    display: none;
}

.addon-item-wrap-inner h3 span {
    font-size: 15px;
    margin-right: 10px;
}

.addon-item-wrap-inner h3 i {
    color: #858585;
    font-size: 16px;
}

.menu-variation-bk .badge .close {
    color: #ffffff;
    opacity: 1;
    font-weight: 200;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    text-align: right;
    display: flex;
    align-items: center;
    margin-left: 3px;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;

}

.comma {
    opacity: 0;
}

.selected-items-bk .comma:last-of-type {
    display: none;
}

.menu-modal .rest-del-time .icon {
    width: 20px;
    fill: #7f7f7f;
    margin-right: 5px;
}

.menu-modal .qty-wrap .enumerator {
    display: inline-flex;
    align-items: center;
}

.menu-modal .qty-wrap .enumerator .enumerator-btn {
    --size: 25px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    min-height: var(--size);
    background-color: #e9ebef;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.menu-modal .qty-wrap .enumerator .enumerator-input {
    height: 25px;
    width: 30px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.menu-modal .accordion .card-body {
    padding-left: 15px !important;
    padding-right: 15px !important;

    background: white;
    padding-bottom: 5px !important;
    position: relative;

}

.menu-modal .accordion .card-body.has-sorting-btn {
    padding-top: 2rem !important;
}

@media(max-width:575px) {
    .menu-modal .accordion .card-body {
        padding-left: 15px !important;
        padding-right: 15px !important;


    }
}

.menu-modal .modal-menu-image {
    color: #585757 !important;
}

.dish-timing i,
.dish-timing {
    color: #585757;
    position: relative;
    top: 0px;
}

.menu-modal .modal-menu-image .container-fluid {
    width: 100%;
}

.rest-popular-dish-wrap span.popular-icon svg {
    width: auto;
    height: 15px;
    margin-left: 4px;
    display: inline-block;
}

.content-section {
    padding: 2rem 15px 0;
}

.payment-btn {
    min-width: 250px;
    margin: 0 auto;
    width: 100%;
    padding: 8px 16px;
}

.rest-section-title {
    margin-bottom: 0.7rem;
}

.central-wrap {
    padding-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.map-icon {
    width: 35px;
    height: 35px;
    background: #f1f1f1;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 10px;
    cursor: pointer;
}

.map-icon svg {
    width: 100%;
    height: 100%;
}

.phone-btn {
    padding: 0;

}

.phone-btn:hover {
    /* border: 1px solid black; */
    color: white;
}


.phone-btn .phone-no {
    display: inline-flex;
    align-items: center;
    position: relative;
    display: block;
    width: 100%;
    padding: 11px;
    padding-left: 42px;
    padding-right: 16px;
}

.phone-icon {
    width: 35px;
    height: 35px;
    background: #f1f1f1;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 10px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-right: 5px;
    left: 0;
    transform: translateY(-50%);
}

.phone-icon {}

.phone-icon svg path {
    fill: var(--primaryColor);
}

.phone-icon i {
    color: var(--primaryColor);
}

.map-icon {
    width: 35px;
    height: 35px;
    background: #f1f1f1;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 10px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-right: 5px;
    left: 0;
    transform: translateY(-50%);
}


.map-icon i {
    color: black;
}

#scheduleModalNew .btn {
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;

    margin-top: 8px;
}

.remove-icon path {
    fill: #6c757d;
}

.cart-menu-item.cart-menu-item-2 {
    background: #f9f9f9;
    padding: 15px;
    border: none;
    position: relative;
}

.cart-menu-item.cart-menu-item-2 .remove-icon {
    position: absolute;
    top: 4px;
    right: 4px;
}

.cart-menu-item {
    position: relative;
    /* background: #f9f9f9; */
    border-bottom: none;
    /* padding: 12px; */
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 10px;
    align-items: baseline;
}

.cart-menu-items {
    width: 100%;
    font-size: 14px;
}

/*.rest-single-wrapper .cart-menu-item:not(:last-child) {*/
/*    margin-bottom: 0px;*/
/*    border-bottom: none;*/

/*}*/
.qty-wrap.cart-page {
    display: flex;
    align-items: center;

    padding: 10px;
    padding-right: 0;

}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.qty-wrap.cart-page .dropdown-menu.show {
    display: block;
    padding: 0;
}

@keyframes upDownBounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
        /* or +5px depending on direction */
    }
}

.qty-wrap.cart-page .dropdown-menu.show:before {
    position: absolute;
    right: 29%;
    background: white;
    /* transform: translateX(-50%); */
    bottom: 1px;
    padding: 5px;
    display: flex;
    align-items: center;
    width: auto;
    height: 18px;
    font-size: 13px;
    transition: 0.1s;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    animation: upDownBounce 1.5s ease-in-out infinite;
}

.qty-wrap.cart-page .dropdown-menu.hide-arrow.show:before {
    opacity: 0;
    z-index: -1;
}

.cart-items-wrapper-mobile .qty-wrap.cart-page button {

    background-size: 32% !important;
    background-position: 100% 10% !important;
    background-repeat: no-repeat !important;
    padding: 20px;
    padding-top: 4px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

.cart-items-wrapper-mobile .cart-menu-item:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid #343a400d;

}


.cart-items-wrapper .dropdown button {
    padding: 4px 8px;
    background-repeat: no-repeat;
    background-size: 11px !important;
    background-position: 70% 51% !important;
    border: none;
    font-size: 15px;
    font-weight: 500;
    background-size: 21% !important;
    background-repeat: no-repeat !important;
    /* background-size: 50% 70%; */
    background-position: 71% 56%;
}

/* .dropdown button:hover
{
    background-color:transparent!important;
} */
/* .dropdown button:hover, .dropdown button:focus, .show>.btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle  {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: black !important;
} */
.dropdown-item {
    line-height: 16px;
    text-align: center;
    padding: .25rem 0.3rem;
    font-size: 15px;
}

.dropdown-item.remove {
    background: #abadb1 !important;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 0;
}

a.dropdown-item.edit {
    font-size: 12px;
}

.dropdown-item:nth-child(odd) {
    background-color: #f5f5f5;
}

.dropdown-toggle::after {
    opacity: 0;

}

#alertLogin .btn {
    margin-left: 10px;
}


.qty-wrap.cart-page .dropdown-menu {
    min-width: auto;
    width: 100%;
    border-color: #f5f5f5;
    height: 200px;
    overflow-y: scroll;
}

.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.food-item-bk {
    box-shadow: 0 1px 4px rgb(26 26 67 / 10%);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    min-height: 170px;
    width: 100%;
    height: auto;
}

.food-item-bk span.favorite {
    position: absolute;
    right: 16px;
    top: 6px;
}

.food-item-bk span.favorite span.count {
    position: absolute;
    top: -2px;
    right: -8px;
    font-size: 11px;
}

.food-item-bk span.favorite i {
    color: #000000;
}

.rest-single-wrapper .popular-dish-item.has-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px;
    background-color: #eaeaea;
    display: flex;
    align-items: end;
    overflow: hidden;
    box-shadow: none;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 5px solid #f2f2f2;
}

.rest-single-wrapper .popular-dish-item.has-image .caption {
    width: 100%;
    padding: 0;
    padding-top: 30px;
    padding-right: 30px;
    height: auto;
    background: transparent;
}

.rest-single-wrapper .popular-dish-item.has-image .caption h4 {
    background: transparent;
    text-align: left;
    width: 100%;
}

.rest-single-wrapper .popular-dish-item:not(.no-image) .caption h4 {
    border: none;
    position: absolute;
    background: #ffffffba;
    bottom: 0;
    left: 0;
    text-align: left;
    border-radius: 0 30px 0 0;
    width: auto;
    padding-right: 1rem;

}

.rest-single-wrapper .popular-dish-item:not(.no-image) .caption h4 {
    color: var(--primaryColor);
    font-size: 16px;
    font-weight: 500;

}

.rest-single-wrapper .popular-dish-item.has-image .caption h4 {
    position: relative;
    width: 100%;
}

.rest-single-wrapper .popular-dish-item .caption {
    padding: 10px;
    border: 5px solid #f2f2f2;
    background: white;

}

.eatery-open-status {
    display: none;
}

.rest-single-wrapper .popular-dish-item.has-image .innner-circle {
    display: none;
}

.rest-single-wrapper .popular-dish-item.has-image .caption {
    border: none;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.innner-circle {
    width: 90%;
    height: 90%;
    background: #eaeaea;
    border-radius: 50%;
    border: 4px solid #bfbfbf;
}


@media(min-width:767px) {
    .cart-items-wrapper {
        background: white;
        padding: 2px;
        min-height: 200px;
        border: 2px solid #f1f1f1;
        border-top: none;
    }

    .cart-menu-item {
        background: white;


        border-top: 1px solid #f1f1f1;


    }

    .rest-single-wrapper .cart-menu-item:not(:last-child) {
        margin-bottom: 1px;
    }

    .aside-cart-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .cart-head {
        padding: 0 3%;
    }
}

.cart-menu-cont .bk-badge-wrapper {
    padding: 4px 4px;
    /* background: #f9f9f9; */
    border-radius: 5px;
}

.cart-menu-cont .label-bk {
    font-weight: 700;
    color: #565555;
    line-height: 10px;
    font-size: 13px;
    margin-bottom: 5px;
}



.cart-menu-cont-item:last-child {
    margin-bottom: 0;

}




















.bk-fixed-checkout .btn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center !important;
    padding: 5px;
    position: relative;
    /* border: 1px solid #e9e9e9; */
    background: white;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}

.bk-fixed-checkout span.checkout-btn-count {
    position: absolute;
    top: 2px;
    right: 10px;
    background: transparent;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-weight: 600;
}

.bk-fixed-checkout svg {
    position: relative;
    left: -2px;
    top: 4px;
    width: 27px;
    height: 27px;
}

.bk-fixed-checkout .btn svg path.st1 {
    fill: #222121;
}

.bk-fixed-checkout {

    transition: 1s;
    border-radius: 50%;


}

.checkout-text {
    position: absolute;
    top: 50%;
    /* height: 50px; */
    background: var(--primaryColor);
    right: 40px;
    display: block;
    white-space: nowrap;
    transform: translateY(-50%);
    padding: 10px 19px;
    padding-right: 22px;
    border-radius: 30px 0 0 30px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 500;
    color: white;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.2));
}

.checkout-wrapper {
    position: fixed;
    bottom: 32px;
    right: 15px;
    z-index: 999;
}

.bk-offfer-alert {
    background: #f8f8f8;
    padding: 5px 19px;
    display: inline-block;
    border-radius: 0;
    position: relative;
    font-size: 17px;
    font-weight: 200;
    /* border-radius: 16px; */
    width: 100%;
    line-height: 18px;
}

.bk-offfer-alert .bk-close {
    width: 13px;
    height: 13px;
    background: #070707;
    display: flex;
    align-items: center;
    text-align: center;
    /* border-radius: 50%; */
    position: absolute;
    justify-content: center;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 10px;
    color: white;
    opacity: 1;
    cursor: pointer;
}

.bk-offfer-alert span.dollar-bk {
    font-weight: 600;

    line-height: 16px;
}

@media(min-width:767px) {
    .checkout-wrapper {
        position: absolute;
        bottom: -70px;
        right: 16px;
        z-index: 999;
    }
}

.popular-dishes-new-sec .item-bk {
    position: relative;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.popular-dishes-new-sec .item-bk .item-addons {
    padding-right: 35px;
}

.popular-dishes-new-sec:hover .round-more-btn {
    background: rgba(255, 255, 255, 0.884);
}

/*.content-no-image {*/
/*    font-size: 14px;*/
/*    line-height: 17px;*/
/*    height: 48px;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/
.popular-dishes-new-sec span.favorite {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 99;
    width: 35px;
    height: 35px;
    background: white;
    padding: 0;
    border-radius: 0 0 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.popular-dishes-new-sec span.favorite i {
    color: #EF5350;
}

/* .popular-dishes-new-sec span.favorite .fa-solid 
{
    display: none;
} */
.popular-dishes-new-sec span.count {
    position: absolute;
    top: 3px;
    left: 28px;
    font-size: 11px;
    font-weight: 700;
}

.popular-dishes-new-sec figure {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 9rem;
    margin-bottom: 0;
    object-fit: cover;
}

.popular-dishes-new-sec figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;


}

.popular-dishes-new-sec .item-bk-content {
    height: 9rem;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    flex-direction: column;
    padding-top: 21px;
    justify-content: flex-start;

}

.item-bk-content {
    padding: 18px 10px;
}

.popular-dishes-new-sec .item-title {
    padding: 8px 10px;
    background: white;
    font-size: 16px;
    border-radius: 0 0 10px 10px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;

    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popular-dishes-new-sec .item-title .title-text {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menuTimingDropDown {
    padding: 6px 0 16px;
}

#menuTimingDropDown .dropdown {
    display: inline-block;
}

.menu-modal .dropdown-menu.show {
    display: block;
    padding: 0;
    border: none;
    border-radius: 0;
    background: #fff;
    font-size: 15px;
    width: 100%;
    /* filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1)); */
    border: 1px solid #f1f1f1;
}

.menu-modal .dropdown-menu.show a.item-bk {
    padding: 5px 15px;
    display: block;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #f1f1f1;
}

.menu-modal .dropdown-menu.show a.item-bk span:first-child {
    min-width: 90px;
    display: inline-block;
}

@media(max-width:575px) {
    .menu-modal .modal-dialog {
        margin: 0;
    }
}

/* Tooltip styling */
.tooltip {
    position: absolute;
    bottom: 100%;
    /* Position above the item */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 100;
    display: none;
    /* Hidden by default */
}

.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.button-container {
    height: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.section-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px !important;
    line-height: 1.25rem;
    margin-bottom: 4px;
    color: #000000;
    padding-right: 5px;
    background: #f8f8f8;
    cursor: pointer;
    padding: 0;
    margin-top: 1rem;
    display: flex;
    display: inline-block;
    position: absolute;
    z-index: 9;
    left: -1px;
    padding: 6px 15px;
    top: -11px;
    border-radius: 0 30px 30px 0;
    background: #E0E0E0;
    display: flex;
    align-items: center;
    padding-right: 25px;
}

.button-container.text-center i {
    color: #000000;
}

.button-container.text-center .btn {
    padding: 0;
    padding-left: 6px;
    line-height: 1px;
    height: auto;
    position: relative;
    top: 2px;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    font-size: 11px;
}

@media(max-width:767px) {
    .section-title {
        margin-top: 0rem;
    }
}

.popular-dishes-new-sec.without-image .item-title {
    min-height: 100px;
}

.popular-dishes-new-sec.without-image .item-title {
    min-height: 71px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.popular-dishes-new-sec.without-image .item-bk {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

span.label-bk {
    display: inline-block !important;
}

.badge-bk {
    display: inline-block !important;
}

span.x {
    position: absolute;

}

.cart-menu-item span.x svg {
    width: 8px;
    height: auto;
}

.cart-menu-cont {
    padding-left: 0px;
    padding-right: 5px;

}

button#quantityButton {
    background-color: transparent;
    border: none;
}

.cart-body-mobile {
    height: calc(100vh - 200px) !important;
}

h2.title-noimage {
    font-size: 16px;
    width: 95%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Show only 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popular-dishes-new-sec .item-title .title-Price {
    display: none;
}

.popular-dishes-new-sec .no-image-bk .item-title .title-text {
    display: none;
}

.popular-dishes-new-sec .no-image-bk .item-title .title-Price {
    display: block;
    color: #585757;
}

.item-addons img {
    width: auto;
    height: 22px;
    object-fit: contain;
}

.popular-dishes-new-sec.with-image svg {
    width: 14px;
    height: auto;
}

.popular-dishes-new-sec button.btn.btn-primary.view-more {
    background: transparent;
    border: none;
    width: 32px;
    height: 32px;
    padding: 4px;

    border: 1px solid #d6d0d0;
}

@media(max-width:767px) {
    .button-container {
        display: none;
    }
}

.content-no-image {
    display: -webkit-box;
    /* Required for line-clamp to work */
    -webkit-box-orient: vertical;
    /* Defines the box orientation */
    -webkit-line-clamp: 2;
    /* Sets the number of lines to display */
    overflow: hidden;
    /* Hides the overflowed content */
    text-overflow: ellipsis;
    /* Ensures ellipsis (...) is shown */
    line-height: 20px;
    /* Height of each line */
    max-height: 40px;
    /* Limit the height (line-height * number of lines) */
    min-height: 40px;
    color: #585757;
}

.large-device {
    display: none;
    position: relative;
}

.large-device .round-more-btn {
    position: absolute;
    right: 5px;
    top: 49px;
    z-index: 9;
    background: #ffffff8f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));

    transition: 0.3s;
}

.large-device .round-more-btn i.fas.fa-angle-down {
    transform: rotate(270deg);
    transform-origin: center;
    position: relative;
    left: 1px;
}

@media(min-width:767px) {
    .mobile-device {
        display: none;
    }

    .large-device {
        display: block;
    }
}

@media(max-width:991px) {

    .popular-dishes-new-sec figure,
    .popular-dishes-new-sec .item-bk-content {
        height: 8rem;
    }
}


div#modalLoaderContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div#modalLoaderContent .visually-hidden {
    display: none;
}

div#modalLoaderContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #ffffff66;
    left: 0;
    top: 0;
}

.modal-header .close {

    position: relative;
    z-index: 9999;
}

#instructions {
    border-radius: 5px !important;
    margin-top: 3px !important;
}




.login-info-list a:hover {
    text-decoration: none;
}

.login-info-list .dropdown-item:nth-child(odd) {
    background-color: transparent;
}

.login-info-list .dropdown-item {
    line-height: 16px;
    text-align: center;
    padding: .25rem 0.3rem;
    font-size: 13px;
    color: #898585;
}

.login-info-list .dropdown-menu {
    padding: 0;
    border: none;
}

.short-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 15px;
}

.short-info:active .user-info .user-info-name,
.short-info:active .user-info .user-info-email,
.short-info:active .user-info .user-info-preferences {
    color: #fff;
}

.short-info .avatar {
    height: 48px;
    width: 48px;
    border-radius: 50%;
}

.short-info .user-info {
    margin-left: 10px;
}

.short-info .user-info .user-info-name {
    margin: 0;
    color: #33475b;

    font-size: 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: left;
}

.short-info .user-info .user-info-email {
    color: #7c98b6;
    font-size: 12px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 2px;
    margin-bottom: 0px;
    text-align: left;
}

.short-info .user-info .user-info-preferences {
    color: #33475b;
    font-size: 14px;

}

.menu-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eaeaea;
    padding: 10px 20px;
}

.menu-footer a {
    font-size: 14px;
    color: #33475b;
}


span.favorite svg {
    width: auto;
    height: 16px;
}


.gallery-img {
    width: 200px;
    height: 200px;
    display: block;
}


.menu-modal .accordion {
    padding: 0px;
    background: #f6f6f6;
    padding: 8px 8px;

}

.menu-modal .accordion.no-content {
    padding: 0;
}

div#addons {
    padding: 0 !important;
}

@media(max-width:767px) {
    .menumodal-footer-cart-section {
        justify-content: flex-end;
    }
}

.sorting-btn-wrap {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1f1f1;
    display: flex;
    transition: 0.5s;
    align-items: center;
    margin-right: 8px;
    justify-content: center;

}

.down-az {
    display: flex;
    align-items: center;
    width: 56px;
    justify-content: flex-end;
}

.addon-main-title-bk {
    justify-content: space-between;
    align-items: center;
}

.addon-item-wrap-inner h3 {
    width: calc(100% - 56px);
}

.sorting-btn-wrap:hover {
    background: var(--primaryColor);
}

.sorting-btn-wrap:hover i {
    color: white;
}

.sorting-btn-wrap i {
    color: #858585;
    transition: 0.5s;
}

.az-label {
    display: flex;
    align-items: center;
}

.addon-title span.ofs {
    display: block;
    font-size: 12px;
    color: #dc3545;
    margin-top: 4px;
    font-weight: 400;
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}

.rest-single-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    top: 8px;
}

span.gray {
    color: #858585;
}

.popular-title {
    position: absolute;
    top: 5px;
    z-index: 9;
    padding: 8px 21px 8px 15px;
    background: #343a40c9;
    color: white;
    border-radius: 0 30px 30px 0;
    left: 0;
    font-size: 16px;
    opacity: 0;
    font-weight: 500;
    line-height: 16px;
    transition: 3s;
    cursor: pointer;
}

div#menuTimingDropDown {
    background: #f9f9f9;
    margin: auto;
    padding: 8px;
    margin: 0px 0;
    margin-top: 11px;
    text-align: center;
    /* display: inline-block; */
}

.rest-del-time {
    padding: 10px;
    /* background: #f9f9f9; */
}

.qty-wrap .btn-secondary.focus,
.qty-wrap .btn-secondary:focus {
    color: black;
}

.qty-wrap .btn-secondary:not(:disabled):not(.disabled).active,
.qty-wrap .btn-secondary:not(:disabled):not(.disabled):active,
.qty-wrap .show>.btn-secondary.dropdown-toggle {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.qty-wrap .btn:hover {
    color: rgb(0, 0, 0);
}

.qty-wrap .btn:hover {
    color: rgb(4, 4, 4);
}

/* Default radio button hidden */
.addon-item.addon-checkbox input[type="radio"] {
    display: none;
}

/* Custom radio button */
.addon-item.addon-checkbox label .radio {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

@media(max-width:575px) {
    .addon-item.addon-checkbox label .radio {
        width: 20px;
        height: 20px;

    }
}

/* Checked state */
.addon-item.addon-checkbox input[type="radio"]:checked~label .radio {
    border-color: var(--primaryColor);
    /* Change border color when selected */
}

.addon-item.addon-checkbox input[type="radio"]:checked~label .radio:before {
    content: "";
    width: 20px;
    height: 20px;
    background: var(--primaryColor);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.addon-item.addon-checkbox input[type="radio"]:checked~label .radio:before {
    width: 20px;
    height: 20px;
    border-color: var(--primaryColor);
}


.addon-item.addon-checkbox input[type="radio"]~label .radio:after {
    content: "\f00c";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -1px;
    left: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #fff;
    font-size: 13px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.addon-item.addon-checkbox input[type="radio"]~label .radio:after {
    width: 20px;
    height: 20px;
}

.addon-item.addon-checkbox input[type="radio"]:hover~label .radio:after,
.addon-item.addon-checkbox input[type="radio"]:checked~label .radio:after {
    opacity: 1;
    visibility: visible;
}

.menu-modal .addon-item.addon-checkbox label .radio {

    position: relative;

}

.menu-modal .addon-item.addon-checkbox label .button-title-sec .title-item {
    width: calc(100% - 20px);
}

.menu-modal .addon-item.addon-checkbox label .radio-item {
    width: 20px;

}

.profile-menu {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
}

.profile-menu .menu-footer {
    padding: 8px 10px;
}

.profile-menu .short-info .user-info {
    margin-left: 0px;
}

.profile-menu .dropdown-item {
    padding: 4px 10px;
}

.profile-menu .user-info-email {

    word-break: break-all;
}

.profile-menu .dropdown-item {
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
}

.profile-menu .dropdown-item a {
    padding: 9px 14px;
    background: white;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    align-items: center;
    display: flex;
    color: var(--primaryColor);
    cursor: pointer;
}

.profile-menu .user-info-name {
    margin-bottom: 0;
    font-size: 17px;
}

.profile-menu ul {
    padding-left: 0;
    margin-bottom: 0;
}

.profile-menu.dropdown-menu.show {
    width: auto;
    padding-bottom: 4px;
    min-width: 13rem;
}

.profile-name .user-info-name {
    margin-bottom: 0;
}

.profile-name {
    color: black;
    padding: 10px 10px;
    border-bottom: 1px solid #f1f1f1;
}

.user-info-name {
    font-size: 1.3rem;
    font-weight: 500;
}

.menu-dropdown-item-bk a {
    color: black;
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #f1f1f1;
}

.menu-dropdown-item-bk svg {
    margin-right: 6px;
}

.profile-menu path,
.profile-menu circle {
    fill: #343a40 !important;
}

.profile-name a {
    color: black;
}

.profile-menu svg {
    height: 16px;
    margin-right: 5px;
    margin-left: 0;
}

.profile-menu .user-info-email {
    color: #858585;
    font-size: 15px;
}

.modal-total-review label {
    color: #6c757d;
}

.sign-out .dropdown-item {
    border-bottom: none;
}

.menumodal-footer-cart-section {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.select-time-wrap-item {
    position: relative;
}

.select-time-wrap-item .form-control {
    border-color: #f1f1f1;
}

.select-time-wrap-item .loader {
    position: absolute;
    top: -7px;
    left: 45%;
    transform: none;
}

.modal-header {
    border-color: #f1f1f1;
}

.modal-footer {
    border: none;
}



.loader {
    border: .25em solid #f3f3f3;
    border-top: .25em solid var(--primaryColor);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    margin: 10px auto;
    display: none;
    /* Initially hidden */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}


.spinner-border {
    border: .25em solid #f3f3f3;
    border-top: .25em solid var(--primaryColor);
}


.offer-tag {
    margin-top: 0;
    display: inline-block;
    position: absolute;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4));
    /* margin-left: -28px; */
    z-index: 9;
    left: -350px;
    top: 50px;
    width: 150px;
    height: 70px;
    transition: 1.1s;
    background: var(--offerColor);
}

.offer-tag:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 95%;
    height: 88%;
    border: 1px dashed #ffffff5e;
    content: '';
    transform: translate(-50%, -50%);
    border-right: 0;
}

.offer-tag:after {
    position: absolute;
    left: 83%;
    top: 50%;
    width: 50px;
    height: 50px;
    border-right: 1px dashed #ffffff5e;
    border-top: 1px dashed #ffffff5e;
    content: '';
    transform: translateY(-50%) rotate(45deg);
    background: var(--offerColor);
    z-index: -1;
}

img.bgimage {
    position: absolute;
    width: 100%;
    height: 100%;
}

img.hand-image {
    position: absolute;
    width: 20px;
    height: 74px;
    object-fit: contain;
    right: 27px;
}

.offer-text-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    color: white;
    font-size: 20px !important;
}

.offer-title {
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 2px;
}

.offer-text {
    font-weight: 900;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.offer-text.alert-bk {
    font-size: 13px;
    line-height: 12px;
    text-align: left;
    margin-top: 3px;
}

.offer-text.offer-applied {
    font-size: 16px;
}

img.hand-image {
    position: absolute;
    width: 20px;
    height: 74px;
    object-fit: contain;
    right: 0px;
    z-index: 9;
}

.offer-tag {
    top: 0;

}

.no-hand-image .hand-image {
    display: none;
}

.applied-bk {
    display: none;
}

.alert-bk {
    display: none;
}

.offer-applied .off-text {
    display: none;
}

.offer-applied .applied-bk {
    display: block;
}

.alert-show .off-text {
    display: none;
}

.alert-show .alert-bk {
    display: block;
}

.count-section {
    display: flex;
    align-items: center;
}

.menu-modal-content {
    min-height: 350px;

}

/* .offer-color.offer-tag:after
    {
        background:#0a6909;
    } */
.offer-tag.alert-show {
    width: 250px;
}



.offer-tag.alert-show .offer-text {
    font-size: 15px;
    line-height: 20px;
}

.offer-tag.alert-show:after {
    left: 90%;
}

.offer-applied-tag .hand-image {
    display: none;
}

.alert-show .hand-image {
    display: none;
}

.alert-show .offer-popup,
.offer-applied-tag .offer-popup {
    display: none;
}

.close-icon svg path {
    fill: white;
}

.close-icon svg {
    width: 8px;
    height: auto;
}

.offer-tag .close-icon {
    position: absolute;
    top: 50%;
    right: -38px;
    background: var(--offerColor);
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 4px;
    border: 1px dashed #ffffff52;
    transform: translateY(-50%);
    cursor: pointer;
}

.offer-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    cursor: pointer;
}

.offer-details {
    position: relative;
    z-index: 99;
    background: white;
    color: black;
    padding: 20px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    top: 1rem;
    z-index: -1;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
}

.offer-details.show {

    z-index: 99;
    opacity: 1;
    transition: 0.3s;
}

a {
    text-decoration: none;
}

.offer-details-content {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.offer-details-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    border-radius: 50%;
    text-align: right;
    display: flex;
    justify-content: flex-end;

    cursor: pointer;
}

.offer-details-close svg {
    width: 8px;
    height: auto;
    display: flex;
}

.heart-btn i {
    color: #c70505;
}



.tick-mark {
    display: none;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.offer-applied-tag .tick-mark {
    display: block;
}

.tick-mark svg {
    height: 22px;
    width: auto;
}

.tick-mark svg path {
    fill: white;
}

.menu-review-content .order-tracking-card .menu-item-card {
    height: 300px;
}

.menu-review-content .order-tracking-card .menu-item-card img {
    width: 100%;
    height: auto;
}

.menu-review-content .modal-content {
    padding: 10px;
}

.menu-review-content .order-card-header h2 {
    font-size: 1.5rem !important;
}



.menu-review-content .post-button {
    border-radius: 5px;
    min-width: 89px;
    margin-bottom: 1rem;
}

.menu-review-content .form-control {
    border-radius: 4px;
    font-size: 14px;
    color: #000;
}

.menu-review-content form {
    width: 100%;
    height: 100%;
}

.menu-review-content .modal-content {
    width: 100%;


}

.menu-modal .modal-title i {
    color: #EF5350;
}

button.close {
    z-index: 999;
}


.hidden-checkbox {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.heart-label {
    font-size: 17px;
    color: #ec6261;
    margin-left: 6px;
    cursor: pointer;
    transition: color 0.3sease;
    margin-bottom: 0;
    position: relative;
}

.hidden-checkbox:checked+.heart-label {
    color: #ec6261;

}

.dropdown-menu.dropdown-menu-right.login-dropdown.show {
    width: 15rem;
}

@media(max-width:560px) {
    .dropdown-menu-right .btn {
        padding: 5px 10px;
    }
}


.offer-tag-lg {
    display: none;
}

@media(min-width:767px) {
    .offer-tag-sm {
        display: none;
    }

    .offer-tag-lg {
        display: block;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .offer-tag.alert-show {
        width: 180px;
    }

    .offer-tag.alert-show:after {
        left: 85%;
    }
}

@media (max-width: 375px) {
    .offer-tag.alert-show {
        width: 180px;
    }

    .offer-tag.alert-show:after {
        left: 85%;
    }
}


.mobile-fvt .heart-label {
    font-size: 18px;
    padding: 5px;
    margin-right: 6px;
    border: 1px solid #d1cccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
}

.heart-container.mobile-fvt {
    display: flex;
    align-items: center;

}

.title-fvt {
    display: flex;
    align-items: center;
}

.title-fvt .heart-container {
    margin-left: 5px;
}

.review-page figure {
    position: relative;
    padding-bottom: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.review-page figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.review-page {
    padding: 0rem 0 5rem;

}

section.review-page h2.title-bk {
    font-size: 20px;
    margin-bottom: 1rem;
}

section.review-page .title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 600;
}

section.review-page .product-name {
    margin-bottom: 0;
    font-size: 20px;
    display: flex;
    word-break: break-word;
    align-items: center;
    width: 82%;
    margin-right: 4%;
    text-align: left;
}

section.review-page .product-name .fvt-checkbox {
    margin-left: 7px;
    display: inline-flex;
    align-items: center;
    top: 1px;
}

section.review-page .product-name .fvt-checkbox i {
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 0;
}

section.review-page .price-bk {
    font-size: 17px;
    width: 15%;
}

section.review-page h2.title-bk {
    font-size: 19px;
    color: #343a40;
    margin-bottom: 1rem;
}

section.review-page textarea.form-control {
    height: auto;
    border-radius: 5px;
}

section.review-page .btn {
    border-radius: 5px;
    border: 1px solid gray;

}

.no-image-review-btn {
    text-align: right;
    margin-bottom: 13px;
}

section.review-page .review-item {
    color: #808080;
    display: flex;
    align-items: flex-start;

}

section.review-page .review-item .image-bk img {
    object-fit: contain;
}

section.review-page .review-item .image-bk {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

section.review-page .review-item .content-bk {
    width: calc(100% - 40px);

}

section.review-page .reviewer-name {
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 14px;
}

section.review-page .time {
    font-weight: 500;
    margin-bottom: 3px;
    font-size: 15px;
}

/* .reviewer-name:before {
    position: absolute;
    left: 0;
    top: 6.5px;
    width: 10px;
    height: 10px;
    content: '';
    background: #808080;
} */
section.review-page .reviewer-name {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 15px;
    position: relative;
    padding-left: initial;
    line-height: 15px;

}



.menu-item-bk .badges .fa-solid {
    display: none;
}

.active-favorite .fa-regular {
    display: none;
}

.menu-item-bk .badges .active-favorite .fa-solid {
    display: block;
}

.popular-dishes-new-sec .item-title .active-favorite .fa-regular {
    display: none;
}

.popular-dishes-new-sec .item-title .fa-solid {
    display: none;
}

.popular-dishes-new-sec .item-title .active-favorite .fa-solid {
    display: block;
}

section.review-page .page-link {
    position: relative;
    display: block;
    padding: .2rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--primaryColor);
    background-color: #fff;
    border: none;
    padding-left: 0;
    margin-top: 2rem;
}

section.review-page .date-bk {
    font-size: 11px;
    line-height: 10px;
    font-weight: 500;
    color: #808080;

}

.name-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: gray;
    margin-bottom: 5px;
}

.review-page a {
    color: black;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #dcd7d7 !important;
    width: 5px !important;
    /* Dragger width */
}

.mCSB_scrollTools {
    width: 12px !important;
    /* Scrollbar width */
    opacity: 0.8;
    /* Transparency */
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #ddd !important;
    /* Track color */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover {
    background: #555 !important;
    /* Button hover effect */
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 !important;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background: transparent !important;
}

.fvt-label .checkbox {
    position: relative;
}

.fvt-label .checkbox i {
    color: #E57373;
    font-size: 17px;
}

.fvt-label .fa-solid {
    display: none;
}

.fvt-checkbox input:checked~label .fa-solid {
    display: block;
}

.fvt-checkbox {
    position: relative;
    height: 16px;
    width: 23px;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    top: 0px;
}

@media(min-width:767px) {
    .fvt-checkbox {
        top: -5px;
    }

}

.fvt-checkbox.mobile-fvt {
    height: 21px;
}

.fvt-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}

.fvt-checkbox label {
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 9;
}
@media(max-width:767px)
{
    .fvt-checkbox label {
       top: 0;
    }
}
.fvt-checkbox input:checked~label .fa-regular {
    display: none;
}

.fvt-checkbox .number-bk {
    position: absolute;
    left: 16px;
    top: -11px;
    font-size: 12px;
    font-weight: 400;
    right: auto;
    width: auto;
}

.fvt-checkbox.mobile-fvt {
    margin-right: 8px;
}

.fvt-checkbox.mobile-fvt i {
    font-size: 22px;
}

i.fa-solid.fa-heart.bg-icon {
    position: absolute;
    display: block;
    color: #ffffff;
    top: 0;
    z-index: -1;
}

.alert-login-btn .btn {
    margin-left: 1rem;
}

.order-tracking-card .title-bk {
    font-size: 22px;
    line-height: 25px;
}

.menu-review-content iframe {
    width: 100%;
    border: none;

}

.mCustomScrollBox {
    width: 100vw;
}

.review-page .alert-danger {
    display: flex;
    align-items: center;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 5px 10px;
    border-color: #f5c6cb;
    justify-content: space-between;
}

.review-page .alert-danger button.close i {
    font-size: 12px;
    color: gray;
}

.review-page .alert-danger button.close {
    position: absolute;
    right: -6px;
    z-index: 999;
    top: -9px;
    background: white;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
    opacity: 1;
    font-size: 12px;
}

.review-page .alert-danger .btn {
    margin-left: 1rem;
    padding: 4px 12px;
    line-height: 14px !important;
    font-size: 14px;

    min-height: 21px;
}

.review-page .review-box {
    padding: 15px;
    background: #f8f8f8;
    margin-bottom: 1rem;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
}

.review-page .postreview-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    background: #ffffff;
    color: #000000;
    font-weight: 500;
}

.no-image-review-btn .btn {
    right: auto;
    position: relative;
    bottom: 0;
}

.review-box {
    display: none;
    position: relative;
}

.review-box.show-reviewbox {
    display: block;
}

.review-box .close-bk {
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
    width: 15px;
    height: 15px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: white;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
    font-size: 12px;
}

.review-box .close-bk i {
    color: gray;
}

.review-box a {
    color: black;
}



.captcha-block .form-control {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    width: 170px;
    border: none;
}

div#reviewModalSpinner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.no-results-text {
    font-size: 0.9rem;
    padding: 0.5rem 0;
    color: gray;
    text-align: center;
}


.menu-modal-content .cat-name {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

.menu-modal-content .cat-price {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.order-time-modal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 500;
    outline: none !important;
}

.order-time-modal .modal-dialog-scrollable .modal-body {

    background: #f9f9f9;
    min-height: 300px;
}

.cart-menu-head h3 {
    font-size: 1rem;
}

.order-time-modal .modal-footer>* {
    margin: 0rem;

}

.order-time-modal .alert-warning {


    font-weight: 300;
    margin-bottom: 1rem;
    border-radius: 0;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: inline-block;
    width: 100%;
    padding: 4px 10px 4px 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    border: none;
}

.order-time-modal .alert-dismissible .close {

    position: absolute;
    right: -7px;
    top: -7px;
    opacity: 1;
    background: #ffffff;
    border-radius: 50%;
    border: none;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    padding: 2px;
    color: #3e3e3e;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
}

.order-time-modal .modal-content {
    padding-bottom: 1rem;
}

@media(max-width:767px) {
    .menu-modal .modal-dialog {
        max-width: 100%;
        margin: 0;
        max-height: 100%;
        min-height: 100%;
        width: 100%;
        height: 100%;
        width: 100%;
    }


}


.post-review .order-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0px;
    background: white;
    margin: 0;
    padding-top: 0;
}

.menu-modal.menu-review-content button.close {
    position: absolute;
    right: 25px;
    top: 13px;
    border: 1px solid #808080;
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    text-shadow: none;



    opacity: 1;



    border-radius: 50%;

    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    padding: 12px;


}

.menu-modal.menu-review-content button.close i {
    color: #fff;
}



.alert-danger.login-alert {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: inline-block;
    width: 56%;
    padding: 4px 4px 4px 13px;
    position: relative;
    display: flex;
    justify-content: space-between;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 40px;

}

@media(max-width:767px) {
    .alert-danger.login-alert {
        width: 100%;
        margin-top: 1.5rem;
        align-items: center;
    }
}

.menu-modal .login-alert button.close {
    position: absolute;
    right: -7px;
    top: -7px;
    opacity: 1;
    background-color: white;
    border-radius: 50%;
    border: none;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    padding: 2px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1)) !important;
    color: #3e3e3e;
    margin: auto;
}

.alert.alert-danger.login-alert.fvt-login-alert {
    margin-bottom: 4px;
    width: auto;
    display: inline-flex;
}

.menu-modal .login-alert button.close i {
    color: #030303;
}

.menu-modal.menu-review-content .login-alert button.close i {
    color: #3e3e3e;
}

.login-alert a {
    margin-left: 20px;
    min-height: auto;
}

.login-alert .btn {
    padding: 4px 12px;
    font-size: 12px;
}

.menu-modal.menu-review-content .modal-body {
    padding-top: 1rem;
    height: 100vh;
    overflow: hidden;
}

.popular-dishes-new-sec .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 108%;

    transition: 0.3s;
    height: 1px;
}

.popular-dishes-new-sec .owl-carousel .owl-nav button {
    width: 26px;
    height: 26px;
    background: #ffffff91;
    border-radius: 50%;
    font-size: 12px;
    color: var(--primaryColor);
    margin: 0 4px;
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1));
}

.right-aside-wrap .alert-warning {
    color: #ffffff;
    background-color: var(--notificationColor);
    border-color: var(--notificationColor);
    border-radius: 0;
    font-size: 13px;
    padding: 25px 16px;
}

.right-aside-wrap .alert-dismissible .close {
    font-weight: 200;
    right: 4px;
    top: 4px;
}

@media(min-width:768px) {
    .right-aside-wrap .alert-warning {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
    }
}

.alert-dismissible .close {
    position: absolute;
    top: 1px;
    right: 8px;
    z-index: 2;
    padding: 0;
    color: inherit;
    position: absolute;
    right: -7px;
    top: -7px;
    opacity: 1;
    background: #ffffff;
    border-radius: 50%;
    border: none;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    padding: 2px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
    color: #3e3e3e;
    font-size: 17px;
}

.review-title {
    font-size: 17px;
    color: #030303;
}


.btn_add_cart {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
}

.menu-modal .modal-header .close {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    text-shadow: none;
    filter: invert(0) !important;

}

.menu-modal .modal-header .close i {
    color: var(--primaryColor);
    color: white;
}


.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.active,
.dropdown-item:active {

    background-color: #e9ecef;
    color: #16181b;
}

.order-time-btn {
    background: var(--primaryColor);
    color: white;
}


.alert-bk-text {
    color: #dc3545;
    margin-bottom: 1.2rem;
}

.verified-badge {
    background: green;
    color: white;
    border-radius: 4px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-block;
    margin-left: 6px;
    padding: 0 5px;
}

.verified-badge i {
    margin-left: 2px;
    font-size: 11px;
}





.bk-popular-dishes.category-only .sub-group-content {
    padding-top: .6rem;
    padding-bottom: .6rem;
}


.menu_desc {
    display: -webkit-box;
    /* Use a flexbox container */
    -webkit-box-orient: vertical;
    /* Set the box orientation to vertical */
    -webkit-line-clamp: 3;
    /* Limit to 3 lines */
    overflow: hidden;
    /* Hide overflowed content */
    text-overflow: ellipsis;
    /* Show "..." for clipped text */
}

@media(max-width:767px) {
    .menu_desc {

        -webkit-line-clamp: 2;
        /* Limit to 3 lines */

    }
}

.modal-content .menu-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in;
}

.modal-content .menu-item-image {
    width: 100%;
    height: 390px;
}

.menu-modal .modal-header .close {

    position: absolute;
    top: 20px;
    right: 25px;

    filter: invert(1);
}

.hidden-item {
    display: none;
}


.btn-custom {
    background-color: var(--primaryColor) !important;
    color: #fff;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link {
    color: var(--primaryColor) !important;
}

.rest-single-wrapper .header-nav-left .nav-item .cart-link .count {
    background-color: var(--primaryColor) !important;
}

.btn-outline-custom {
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}


.btn-dark {
    background-color: var(--primaryColor) !important;
    border-color: var(--primaryColor) !important;
}


span.ml-auto.primary-color {
    color: var(--primaryColor);
}

@media(min-width:1400px) {
    .container-fluid.container-mob {
        max-width: 1360px;
    }
}

.working-hours-block .btn {
    margin: 0 !important;
    border: none;
    margin: 10px 0 !important;
    width: auto;
}

.working-hours-block .btn {
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    margin-top: 8px;
    font-weight: 400;
    position: relative;
}

.working-hours-block .btn:hover {
    background: transparent;
    color: black;
}

.working-hours-block .btn-outline-dark:hover,
.working-hours-block .btn-outline-dark:focus {
    color: #000 !important;
}

.working-hours-block i {
    color: var(--primaryColor);
    transition: .3s ease-in-out;
}

.working-hours-block .btn-outline-dark:not(:disabled):not(.disabled).active,
.working-hours-block .btn-outline-dark:not(:disabled):not(.disabled):active,
.working-hours-block .show>.btn-outline-dark.dropdown-toggle {
    color: #000;
    background-color: #ffff;
    border-color: #ffff;
}


.working-hours-block i.fa-solid.fa-angle-down {
    position: absolute;
    right: 5px;
    top: 10px;
}

.working-hours-block .dropdown-menu {
    border: none;
    height: 250px;
    overflow-Y: scroll;
}

.working-hours-block .dropdown-menu p {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding: 3px 25px !important;
    font-size: 14px;
}

.working-hours-block .dropdown-menu p:last-child {
    border-bottom: none !important;
}

#scheduleModalNew .modal-footer .btn:hover {
    color: white;
}

.working-hours-block .dropdown-menu.show {
    display: block;
    padding: 15px 3px;
    width: 20rem;
}

.working-hours-block .dropdown-menu.show .row {
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 4px;
    padding-bottom: 4px;

}

.working-hours-block .dropdown-menu.show .row:nth-child(even) {
    background: #f9f9f9;

}

div#orderTimeInfo {
    position: relative;
    bottom: 0px;
    width: 100%;
    left: 0;
}


@media(max-width:767px) {
    .rest-timing-btn {
        display: flex;
        align-items: center;
    }
}

.cart-notification {
    padding: 2px 50px;
    color: #bf0c0c;
    font-size: 13px;

}

.accordion>.card .adons-box {
    border-top: 1px solid #f8f8f8;
}

.accordion>.card:not(:last-of-type) .adons-box {
    border-top: none;
}



@media(min-width:768px) {
    .bk-popular-dishes .menu-item-bk .content-bk .metas {
        position: absolute;
        bottom: 15px;
    }

    .bk-popular-dishes .menu-item-bk .content-bk {
        min-height: 170px;
    }

    .bk-popular-dishes .menu-item-bk .content-bk p {
        margin-bottom: 0px;

    }

    .menu-modal .accordion .card-body {
        background: white;
    }
}


@media(max-width:767px) {
    .bk-popular-dishes .sub-title-collapse-bar {
        background: white;
        border-radius: 10px;
    }

    .bk-popular-dishes .sub-title-collapse-bar.bg-change {
        border-radius: 10px 10px 0 0;
    }

    .bk-popular-dishes .sub-group-content {
        padding: 0;
    }

    .bk-popular-dishes .menu-item-bk .content-bk {
        border-radius: 0;
    }

    .bk-popular-dishes .sub-group-content {
        margin-bottom: 0px;
    }

    .bk-popular-dishes .sub-group-content .menu-item-bk:last-child {
        border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
    }

    .bk-popular-dishes .main-group-content .sub-group {
        padding: 8px;
        padding-bottom: 0;
    }

    .bk-popular-dishes .title-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 70px;
        padding: 6px 13px;

        color: gray;
        text-decoration: none;
    }

    .rest-single-banner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}


.menu-modal .modal-footer {
    padding-left: 0;
    padding-right: 0;
}

.menu-modal .menumodal-footer-cart-section {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.menu-modal .modal-content {
    border: none;
}


/* .modal-body
{
  scrollbar-width: thin; 
scrollbar-color: rgba(100, 100, 100, 0.3) transparent;  

} */

/* Scrollbar track */
::-webkit-scrollbar {
    width: 10px;
}

.right-aside-wrap ::-webkit-scrollbar {
    width: 4px;
}

.modal ::-webkit-scrollbar {
    width: 4px;
}

.cart-body-mobile ::-webkit-scrollbar {
    width: 4px;
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: rgba(100, 100, 100, 0.8);
    /* Lower alpha = more transparent */
    border-radius: 4px;
}

/* Scrollbar track background (optional) */
::-webkit-scrollbar-track {
    background: transparent;
}


button.btn.btn-custom.btn-block svg path {
    fill: white;
}

button.btn.btn-custom.btn-block svg {
    width: 20px;
    height: auto;
    margin-right: 8px;
}


.mobile-cart-btn {
    width: auto;
    margin: auto;
    padding: 9px 34px;
    font-size: 17px;
}

div#div_capt {
    margin-right: 10px;
}

.mobile-cart-btn:hover {
    color: white;
}

.btn.disabled,
.btn:disabled {
    opacity: .17;
}

.qty-disabled {
    opacity: 0.17;
    cursor: pointer;
    pointer-events: none;
}

.hidden-search-clear {
    display: none;
}

.max-addon {
    display: none;
    /* color: #e46d01; */
    color: var(--primaryColor);
}

.header-right {
    display: flex;
    width: 220px;
}

.header-left {
    width: calc(100% - 240px);
}

.working-status {
    margin-bottom: 12px;
    display: none;
}

@media(min-width:768px) {
    .working-status {

        display: block;
    }
}

button.text-icon-btn {
   color: rgb(255 255 255);
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
    display: inline-flex
;
    align-items: center;
    background: #212121;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    border-radius: 30px;
    padding: 8px 16px;
    gap: 8px;
    transition: background 0.3s, color 0.3s;
    white-space: nowrap;
    border-color: #f1f1f185;
    margin-left: 1rem;
    line-height: 22px;
}

.rest-single-wrapper .search-wrap .form-control 
{
    padding-right:40px;
}
.input-group.my-3.cgr-bk button {
    border-radius: 0;
    border-radius: 0 10px 10px 0;
    border-color: #ced4da;
    border-left: none;
}
div#groupOrderModal .modal-header button {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 0;
}
#groupOrderModal input
{
    border: none;
    background: #f1f1f1;
    border-radius: 0;
}
.input-group.cgr-bk button {
   border-radius: 0;
    border-radius: 0 10px 10px 0;
    border-color: #000000;
    border-left: none;
    border: none;
    background: #1f1e1e;
    color: white;
    border-radius: 0;
}
#groupOrderModal .modal-body {
   
    padding-bottom: 16px;
}


.eatery_custom.address




.eatery_custom.address .phone-icon {
   
    background-color: var(--primaryColor) !important;
    
}

.eatery_custom.address .btn-custom {
    background-color: transparent !important;
    color: #000000;
}
.eatery_custom.address .phone-icon svg path {
    fill: #ffffff;
}
.eatery_custom.address .phone-icon
{
    background-color: var(--primaryColor) !important;
}
.eatery_custom.address .phone-icon i 
{
    color:white;
}

.eatery_custom.address .phone-btn:hover {
    /* border: 1px solid #f5014a24; */
    color: #090909;
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1);
}
.eatery_custom.address .phone-btn {
    padding: 0;
    border:none;

}

.eatery_custom.address .phone-btn:hover {
     border: none; 
    color: #090909;
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1);
}

@media(min-width:1200px)
{
     .search-section {
        background: transparent;
        margin: auto;

        border-radius: 4px;
        padding: 0;
        width: 75%;
        
    }
}
@media(max-width:1199px)
{
    button.text-icon-btn
    {
        font-size:14px;
    }
    button.text-icon-btn i {
    font-size: 12px;
}

}

@media (max-width: 1400px) {
    .checkout-wrap .row-checkout .payment-wrap {
        float: none;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }
}

button#createGroupOrderBtnLogin svg {
    width: 30px;
    height: auto;
    position: relative;
    top: -1px;
}
button#createGroupOrderBtnLogin svg path {
    fill: white;
    width: 10px;
}
button.text-icon-btn.go-lg
{
    display:none;
}
button.text-icon-btn.go-sm {
    margin-top: 10px;
    margin-left: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 4px 16px;
   
}


@media(max-width:365px)
{
   button.text-icon-btn.go-sm {
    padding: 4px 10px;
        margin-top: 0;
    } 
    button.text-icon-btn i {
        font-size: 10px;
    }
    button.text-icon-btn.go-sm span {
        
        font-size: 12px;
    }
    


}
@media(max-width:345px)
{
   button.text-icon-btn.go-sm {
    padding: 8px 8px;
        margin-top: 0;
    } 
    .search-filters {
    flex-wrap: wrap;
}
button.text-icon-btn.go-sm {
    margin-top: 0px;
   
}
button.text-icon-btn.go-sm span 
{
    display:none;
}

}
@media(min-width:768px)
{
  button.text-icon-btn.go-lg
{
    display:block;
}  
button.text-icon-btn.go-sm
{
    display:none;
}
}