@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

#map2,
#map3,
.scheduledt .custom-label {
    width: 100% !important
}

@font-face {
    font-family: Gilroy-Black;
    src: local("Gilroy Black"), local("Gilroy-Black"), url("/fonts/gilroy/Gilroy-Black.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Bold;
    src: local("Gilroy Bold"), local("Gilroy-Bold"), url("/fonts/gilroy/Gilroy-Bold.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-ExtraBold;
    src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("/fonts/gilroy/Gilroy-ExtraBold.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Heavy;
    src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("/fonts/gilroy/Gilroy-Heavy.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Light;
    src: local("Gilroy Light"), local("Gilroy-Light"), url("/fonts/gilroy/Gilroy-Light.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Medium;
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url("/fonts/gilroy/Gilroy-Medium.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Regular;
    src: local("Gilroy Regular"), local("Gilroy-Regular"), url("/fonts/gilroy/Gilroy-Regular.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-SemiBold;
    src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("/fonts/gilroy/Gilroy-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: Gilroy-Thin;
    src: local("Gilroy Thin"), local("Gilroy-Thin"), url("/fonts/gilroy/Gilroy-Thin.ttf") format("truetype")
}

.grayscale-05:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, .4)
}

a,
a:hover {
    color: #32325d;
    text-decoration: none;
    background-color: transparent
}

.bg_white,
.custom-nav,
.filter_area .nav-pills .nav-item.dropdown ul li.dropdown-item:active,
.sidenav-cart,
.strip figure {
    background-color: #fff
}

#addressBox .add-new-address label::after,
#addressBox .add-new-address label::before,
#clear_area,
#form-group-in_price_fixed,
#form-group-in_price_percentage,
#form-group-page_id,
#form-group-price_fixed,
#form-group-price_percentage,
#form-group-vendor_id,
#hide-filters,
#liveorders .list-group .card .card-header .btn-header-link:after,
#modal-store-login .right-pane h4,
#order_type_form h3,
#product_section .store-category:not(:first-child) .category_heading,
#product_section .store-category:not(:last-child) .additional-details,
#promo_code_succ,
#promo_code_war,
#variants-area-inside .btn-group b,
.dis_row,
.disablesticky .pricing-badge .btn,
.dropdown_icon input,
.footer_mobnav,
.form-login-body .carrousel input,
.form-register-body .carrousel input,
.goog-te-gadget>span,
.guest-section .timeline-content:before,
.inactive,
.md-show,
.mm-collapse:not(.mm-show),
.mobile-menu,
.mordern_footer_mobnav,
.navbar-vertical.collapsed .footer-sec,
.navbar-vertical.collapsed .menu-title,
.qrcolorpicker input[type=radio],
.swal2-popup>.swal2-checkbox,
.swal2-popup>.swal2-file,
.swal2-popup>.swal2-input,
.swal2-popup>.swal2-radio,
.swal2-popup>.swal2-select,
.swal2-popup>.swal2-textarea,
.switch-input,
.tab-content.orders-filters .form-control-label,
.tab-content.orders-filters .form-group br,
.wizard>.actions>ul>li.disabled,
.wizard>.content>.body #form-group-table_id label,
[v-cloak],
input[type=radio].toggle {
    display: none
}

#bulkform,
.cart-content .scheduledt,
.cart-coupon-sec,
.center_text,
.contact-support,
.list_description,
.multi-store-sec .location-details .badge,
.pbtn,
.plan-details,
.plancard,
.price-title,
.pricing-badge,
.product_search,
.progressdiv,
.rupee,
.skeleton_fb,
.skeleton_in,
.storelink,
.timeline,
.timeline-block {
    position: relative
}

.ec-scls {
    position: absolute;
    top: 188px;
    right: 49px
}

.ec-fcls,
.restaurant-banners {
    position: relative;
    z-index: 1
}

.col-lg-2\.5 {
    flex: 0 0 20%;
    max-width: 50%
}

.steps-cls {
    font-size: 16px !important;
    margin-top: 30px
}

#fully-loaded .prt-cls .fullyloaded_box img {
    width: 29%
}

#fully-loaded .prt-cls .fullyloaded_box {
    min-height: 195px
}

.timeline:before {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 100%;
    content: "";
    border-right: 2px solid #e9ecef
}

[data-timeline-axis-style=dashed]:before {
    border-right-style: dashed !important
}

[data-timeline-axis-style=dotted]:before {
    border-right-style: dotted !important
}

.timeline-block:after,
.timeline-content:after {
    display: table;
    clear: both;
    content: ""
}

.classic_header,
.timeline-block:first-child {
    margin-top: 0
}

.multi-store-sec .custom-control:last-child,
.quantity-area .form-group,
.timeline-block:last-child,
.vcqrcode_rightside .card-body p {
    margin-bottom: 0
}

.timeline-step {
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    z-index: 1;
    left: 0;
    display: inline-flex;
    width: 10px;
    height: 10px;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.timeline-step i,
.timeline-step svg {
    line-height: 1.4
}

.timeline-step-icon {
    border: 2px solid #e9ecef;
    background: #fff
}

.timeline-step-xs {
    font-size: .75rem;
    width: 17px;
    height: 17px
}

.timeline-step-sm {
    font-size: .75rem;
    width: 23px;
    height: 23px
}

.timeline-step-lg {
    font-size: 1.75rem;
    width: 47px;
    height: 47px
}

.timeline-content {
    position: relative;
    top: -6px;
    margin-left: 15px;
    padding-top: .2rem;
    padding-left: .5rem
}

.timeline-content:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: -10px;
    width: 0;
    height: 0;
    border-width: 10px 0 0 10px;
    border-style: solid;
    border-color: #efefef transparent
}

.timeline-content.badge-primary:before {
    border-color: rgb(16 44 86 / 10%) transparent
}

.timeline-content.badge-info:before {
    border-color: rgb(13 202 240 / 10%) transparent
}

.timeline-content.badge-success:before {
    border-color: rgb(24 160 14 / 10%) transparent
}

.timeline-content.badge-danger:before {
    border-color: rgb(244 17 39 / 10%) transparent
}

.timeline-content.badge-warning:before {
    border-color: rgb(255 193 7 / 10%) transparent
}

.guest-section .card-body,
.timeline-body {
    padding: 1.5rem
}

.timeline-one-side:before {
    left: .1rem;
    display: inline-block
}

.timeline-one-side .timeline-step {
    left: .15rem
}

.timeline-one-side .timeline-content {
    width: auto
}

.timeline-one-side .timeline-block:nth-child(2n) .timeline-content {
    float: none
}

.custom-nav {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    z-index: 9999
}

.sidenav-cart {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: .3s ease-out;
    padding-top: 60px;
    background: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    z-index: 9;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    opacity: 0;
    visibility: hidden
}

.searchable-container {
    max-height: 75vh;
    overflow-y: scroll;
    overflow-x: clip
}

@media (max-width:34.7375em) {
    .searchable-container {
        max-height: 74vh;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

#new_address_checkout_body {
    overflow-y: auto;
    max-height: 600px
}

.sidenav-cart a {
    padding: 8px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: .3s;
    font-weight: 400;
    max-width: 220px;
    margin: 0 auto 2rem
}

.demostores,
.enablesticky .pricing-badge .btn,
.pbtn,
.ribbon,
.score span,
.score strong,
.storelink,
.strip ul li,
#order_type_selection .wizard>.content>.body input[type=checkbox] {
    display: inline-block
}

.strip figure,
.strip_city figure {
    margin-bottom: 5px;
    overflow: hidden
}

.sidenav-cart a:hover {
    color: #f1f1f1
}

.sidenav-cart .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #172b4d !important
}

.minicart-content .minicart-heading>h4 {
    margin-bottom: 0;
    padding-bottom: 15px;
    font-family: "Open Sans", sans-serif
}

.minicart-content .minicart-list {
    max-height: 310px;
    position: relative;
    overflow: auto
}

.minicart-content .minicart-list>li {
    padding-bottom: 30px
}

.minicart-content .minicart-list>li:last-child {
    padding-bottom: 0
}

.minicart-content .minicart-list>li.minicart-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.minicart-content .minicart-list>li.minicart-product>a.product-item_remove {
    position: absolute;
    right: 15px
}

.minicart-content .minicart-list>li.minicart-product .product-item_img {
    -webkit-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px
}

.minicart-content .minicart-list>li.minicart-product .product-item_content {
    -webkit-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 20px;
    padding-right: 10px
}

.minicart-content .minicart-list>li.minicart-product .product-item_content .product-item_quantity {
    display: block;
    padding-top: 10px
}

.offcanvas-menu-inner {
    padding: 0 10px
}

.glyphicon-lg {
    font-size: 4em
}

.info-block {
    border-right: 5px solid #e6e6e6
}

.info-block .square-box {
    width: 100px;
    min-height: 105px;
    height: 80px;
    margin-right: 22px;
    text-align: center !important;
    background-color: #676767
}

.info-block.block-info .square-box {
    background-color: #5e72e4;
    color: #fff
}

.btn-cart,
.btn-cart:hover,
.contact_sec a,
.footer-quick-links li a,
.tabbable .nav-pills .nav-link.active:hover,
.txt-white {
    color: #fff !important
}

.strip {
    position: relative;
    margin-bottom: 30px
}

.strip figure {
    position: relative;
    height: 240px;
    z-index: 1
}

.strip figure .nopreview {
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center
}

.strip_city figure {
    position: relative;
    height: 300px;
    background-color: #ededed
}

.strip figure img {
    position: relative;
    height: auto;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    min-height: 240px;
    max-height: 243px;
    object-fit: cover
}

.strip figure:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.strip figure a.strip_info {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: block
}

.strip figure a.strip_info>small {
    position: absolute;
    background-color: #000;
    left: 15px;
    top: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 8px 4px;
    line-height: 1;
    font-size: .6875rem
}

.strip figure .item_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 65px 15px 10px
}

.strip figure .item_title h3,
.strip_item_title h3 {
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    color: #fff;
    padding: 0;
    line-height: 1
}

.strip figure .item_title small {
    font-weight: 500;
    line-height: 1;
    font-size: .8125rem;
    color: rgba(255, 255, 255, .8)
}

.strip ul {
    padding: 0;
    margin: 0
}

.strip ul li {
    padding-top: 12px;
    font-size: .8125rem
}

.strip ul li:last-child {
    padding: 0;
    float: right
}

.ribbon {
    color: #fff;
    font-size: .75rem;
    line-height: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    padding: 7px 8px 4px;
    font-weight: 600;
    min-width: 40px;
    z-index: 9
}

.modal,
.pac-container {
    z-index: 100001
}

.ribbon.off {
    background-color: #f30
}

.blob.red,
.blob.redstatic {
    background: #ff5252;
    box-shadow: 0 0 0 0 #ff5252
}

.score strong {
    background-color: #f0f0f0;
    line-height: 1;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    -ms-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
    padding: 10px 10px 8px;
    font-size: .9375rem
}

.deliv,
.loc_closed,
.loc_open,
.score span,
.take {
    font-size: .75rem;
    position: relative;
    font-weight: 500
}

.score span {
    top: 7px;
    margin-right: 8px;
    text-align: right;
    line-height: 1.1
}

.score span em {
    display: block;
    font-weight: 400;
    font-size: .6875rem
}

.loc_closed,
.loc_open {
    top: -2px;
    padding: 2px 8px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.loc_open {
    color: #32a067;
    border: 1px solid #32a067
}

.loc_closed {
    color: #eb5c65;
    border: 1px solid #eb5c65
}

.deliv,
.take {
    padding-left: 20px;
    margin-right: 10px;
    color: #444
}

.deliv:before,
.take:before {
    font-size: 1rem;
    font-family: ElegantIcons;
    content: "\e013";
    position: absolute;
    line-height: 1;
    font-weight: 400
}

.deliv.no,
.take.no {
    text-decoration: line-through;
    color: #bbb
}

.take:before {
    content: "\e013";
    left: 0;
    top: -1px
}

.deliv {
    padding-left: 30px;
    margin-right: 0
}

.deliv:before {
    font-size: 1.5rem;
    font-family: food;
    content: "\0074";
    left: 0;
    top: -4px
}

.masthead {
    height: 350px;
    min-height: 350px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.avatar-custom {
    font-size: 1rem;
    display: inline-flex;
    width: 30px;
    height: 30px;
    color: #fff;
    align-items: center;
    justify-content: center
}

#cartList .info-block .d-block,
#cartList .product_details,
#ordertable.dataTable>tbody>tr.child ul,
#paymenttable.dataTable>tbody>tr.child ul,
#plantable.dataTable>tbody>tr.child ul,
#proformatable.dataTable>tbody>tr.child ul,
.avatar-custom img,
.cart-page .scheduledt .custom-control,
.cart-page .select2-container,
.kitchenitems td,
.multi-store-sec .location-section .location-image img,
.order_delivery_item li,
.qrcolorpicker.store_edit,
.swiper-container .card-image img,
.vcqrimg img,
.yearlynotice img {
    width: 100%
}

#map_area,
#map_location {
    height: 500px !important;
    width: 100% !important
}

#map2 {
    height: 400px !important
}

#map3 {
    height: 220px !important
}

#container-restorant,
.container-pages {
    min-height: 300px !important
}

.container-payment {
    min-height: 550px !important
}

.payment-image {
    transition: transform .2s;
    margin: 0 auto
}

.payment-image:hover {
    transform: scale(1.3);
    cursor: pointer
}

.blob {
    background: #000;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #000;
    margin: 10px;
    height: 10px;
    width: 10px;
    transform: scale(1);
    animation: 2s infinite pulse-black
}

.blob.red {
    animation: 2s infinite pulse-red
}

.blob.green,
.blob.greenstatic {
    background: #33d9b2;
    box-shadow: 0 0 0 0 #33d9b2
}

@keyframes pulse-red {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0)
    }
}

.blob.green {
    animation: 2s infinite pulse-green
}

.blob.orange,
.blob.orangestatic {
    background: #ff793f;
    box-shadow: 0 0 0 0 #ff793f
}

@keyframes pulse-green {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0)
    }
}

.blob.orange {
    animation: 2s infinite pulse-orange
}

@keyframes pulse-orange {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 121, 63, .7)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 121, 63, 0)
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(255, 121, 63, 0)
    }
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms;
    transition: box-shadow 150ms
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df
}

.StripeElement--invalid {
    border-color: #fa755a
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important
}

#main-content {
    min-height: 350px !important
}

#address_map,
#new_address_map {
    height: 280px
}

#search_location:hover {
    color: #ec0c38
}

.search-icon {
    display: inline;
    vertical-align: text-bottom;
    min-width: 10px;
    margin-right: 20px
}

.pac-container {
    background-color: #fff;
    position: fixed;
    display: inline-block;
    float: left
}

.modal-backdrop {
    z-index: 100000
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 8
}

.filter_area .nav-pills .nav-item.dropdown,
.nav-item-category {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 10px;
    position: relative
}

.filter_area .nav-pills .nav-item.dropdown:not(:last-child),
.nav-pills .nav-item.nav-item-category:not(:last-child) {
    padding-right: 0
}

.tabbable .nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: auto
}

.tabbable .nav-pills .nav-link {
    white-space: nowrap;
    min-width: 120px;
    text-align: center;
    box-shadow: none;
    border-radius: 28px;
    color: #102c56;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-color: rgb(16 44 86 / 10%);
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    outline: 0 !important
}

.callOutShoppingButtonBottom i,
.callOutShoppingButtonBottom span {
    transition: .3s linear;
    position: relative;
    z-index: 1
}

.tabbable .nav-pills .nav-link:hover {
    border: 1px solid var(--storecolor, #102c56);
    color: var(--storecolor, #102c56)
}

.tabbable .nav-pills .nav-link.active {
    color: #fff;
    background-color: var(--storecolor, #102c56);
    border: 1px solid var(--storecolor, #102c56);
    box-shadow: 0 4px 4px rgb(0 0 0 / 6%)
}

.callOutShoppingButtonBottom {
    position: fixed;
    bottom: 5rem;
    right: 20px;
    z-index: 100;
    cursor: pointer
}

.city_letter,
.city_title {
    bottom: 0;
    left: 0;
    position: absolute
}

.callOutShoppingButtonBottom i {
    width: 43px;
    height: 43px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 50rem;
    color: #f5365c;
    text-align: center;
    font-size: 1.1rem
}

.callOutShoppingButtonBottom:hover i {
    transform: translateX(105px);
    background: linear-gradient(35deg, #f5365c 0, #f56036 100%);
    color: #fff
}

.callOutShoppingButtonBottom:hover span {
    color: #f5365c;
    transform: translateX(-35px)
}

.btn-time-to-prepare,
.btn-time-to-prepare-days {
    margin-top: 5px;
    width: 69px !important
}

.city_title {
    margin: 16px;
    font-size: 1.5rem
}

.city_letter {
    display: block;
    margin-left: -16px;
    margin-bottom: -90px;
    font-size: 14rem;
    font-weight: 700;
    font-family: Poppins, sans-serif
}

.swal2-container,
body.swal2-toast-shown>.swal2-container {
    position: fixed;
    background-color: transparent
}

.strip figure .city_letter {
    opacity: 0%;
    text-transform: uppercase;
    transition: opacity .8s;
    z-index: 1
}

.strip figure:hover .city_letter {
    opacity: 70%;
    transition: opacity .8s
}

.strip figure .city_title {
    opacity: 100%;
    transition: opacity .8s;
    z-index: 1
}

.strip figure:hover .city_title {
    opacity: 50%;
    transition: opacity .8s
}

.super_title {
    font-size: 11rem;
    opacity: 6%;
    margin-top: -11rem;
    padding: 0;
    margin-bottom: -5.8rem
}

@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {

    0%,
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {

    0%,
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {

    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {

    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {

    0%,
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {

    0%,
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    justify-content: flex-end;
    height: 2.2em
}

.single_product .product_content .product_details .quantity-area,
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading {
    justify-content: center
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror {
    font-size: 1em
}

.multi-store-sec .custom-control-input:disabled~.custom-control-label::before,
body.swal2-toast-shown>.swal2-container.swal2-shown {
    background-color: transparent
}

body.swal2-toast-shown>.swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-top-end,
body.swal2-toast-shown>.swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown>.swal2-container.swal2-top-left,
body.swal2-toast-shown>.swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown>.swal2-container.swal2-center-left,
body.swal2-toast-shown>.swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center-end,
body.swal2-toast-shown>.swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-left,
body.swal2-toast-shown>.swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown>.swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-end,
body.swal2-toast-shown>.swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row
}

.swal2-popup.swal2-toast .swal2-title {
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-close {
    position: initial
}

.swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.swal2-popup.swal2-toast .swal2-icon-text {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring,
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 .0625em #fff, 0 0 0 .125em rgba(50, 100, 150, .4)
}

.swal2-icon.swal2-success,
.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 2em;
    height: 2.8125em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.25em;
    left: -.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 2em 2em;
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    -webkit-transform-origin: 0 2em;
    transform-origin: 0 2em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: .5s showSweetToast;
    animation: .5s showSweetToast
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: .2s forwards hideSweetToast;
    animation: .2s forwards hideSweetToast
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: .75s animate-toast-success-tip;
    animation: .75s animate-toast-success-tip
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: .75s animate-toast-success-long;
    animation: .75s animate-toast-success-long
}

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

.swal2-popup.swal2-loading,
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

body.swal2-no-backdrop .swal2-shown>.swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-shown.swal2-top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-top-left,
body.swal2-no-backdrop .swal2-shown.swal2-top-start {
    top: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-top-end,
body.swal2-no-backdrop .swal2-shown.swal2-top-right {
    top: 0;
    right: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-left,
body.swal2-no-backdrop .swal2-shown.swal2-center-start {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-end,
body.swal2-no-backdrop .swal2-shown.swal2-center-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
    bottom: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
    right: 0;
    bottom: 0
}

.swal2-container {
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start,
.swal2-container.swal2-top {
    align-items: flex-start
}

.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
    align-items: flex-start;
    justify-content: flex-start
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.swal2-container.swal2-center,
.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
    align-items: center
}

.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start {
    align-items: center;
    justify-content: flex-start
}

.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right {
    align-items: flex-end
}

.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start {
    align-items: flex-end;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center
}

.swal2-container.swal2-grow-column>.swal2-modal,
.swal2-container.swal2-grow-row>.swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {
    margin: auto
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, .4)
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

#calendar .fc-state-default:focus,
.product_search input:active,
.product_search input:focus,
.product_search input:hover,
.swal2-popup:focus,
.with-tool:focus {
    outline: 0
}

.swal2-popup .swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-popup .swal2-actions {
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    border: .25em solid transparent;
    border-radius: 100%;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    box-sizing: border-box;
    -webkit-animation: 1.5s linear infinite swal2-rotate-loading;
    animation: 1.5s linear infinite swal2-rotate-loading;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff;
    content: "";
    -webkit-animation: 1.5s linear infinite swal2-rotate-loading;
    animation: 1.5s linear infinite swal2-rotate-loading
}

.swal2-popup .swal2-styled {
    margin: 0 .3125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none
}

.card-profile label.custom-label,
.form-login-body .carrousel .slidesNavigation label:hover,
.form-register-body .carrousel .slidesNavigation label:hover,
.swal2-popup .swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}

.swal2-popup .swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-popup .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding-top: 1em;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-popup .swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-popup .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden
}

.swal2-popup .swal2-close:hover {
    -webkit-transform: none;
    transform: none;
    color: #f27474
}

.swal2-popup .swal2-content {
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    word-wrap: break-word
}

.form-login-body .login-desk .detail-box .detailsh,
.form-register-body .register-desk .detail-box .detailsh,
.swal-footer,
.swal-text,
.swal2-popup #swal2-content,
.swiper-container .slider_per_view_1 .style-1 .button_sec,
.swiper-container .slider_per_view_2 .style-1 .button_sec,
.swiper-container .slider_per_view_3 .style-1 .button_sec,
.swiper-container .slider_per_view_4 .style-1 .button_sec,
.thank-you p,
.thanks-for-registering p {
    text-align: center
}

.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-radio,
.swal2-popup .swal2-select,
.swal2-popup .swal2-textarea {
    margin: 1em auto
}

.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-textarea {
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    font-size: 1.125em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    box-sizing: border-box
}

.swal2-popup .swal2-file.swal2-inputerror,
.swal2-popup .swal2-input.swal2-inputerror,
.swal2-popup .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-popup .swal2-file::-webkit-input-placeholder,
.swal2-popup .swal2-input::-webkit-input-placeholder,
.swal2-popup .swal2-textarea::-webkit-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file:-ms-input-placeholder,
.swal2-popup .swal2-input:-ms-input-placeholder,
.swal2-popup .swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file::-ms-input-placeholder,
.swal2-popup .swal2-input::-ms-input-placeholder,
.swal2-popup .swal2-textarea::-ms-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file::placeholder,
.swal2-popup .swal2-input::placeholder,
.swal2-popup .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-popup .swal2-range input {
    width: 80%
}

.swal2-popup .swal2-range output {
    width: 20%;
    font-weight: 600;
    text-align: center
}

.swal2-popup .swal2-range input,
.swal2-popup .swal2-range output {
    height: 2.625em;
    margin: 1em auto;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-popup .swal2-input {
    height: 2.625em;
    padding: .75em
}

.swal2-popup .swal2-input[type=number] {
    max-width: 10em
}

.swal2-popup .swal2-file {
    font-size: 1.125em
}

.swal2-popup .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-popup .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    color: #545454;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-radio {
    align-items: center;
    justify-content: center
}

.swal2-popup .swal2-checkbox label,
.swal2-popup .swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox input,
.swal2-popup .swal2-radio input {
    margin: 0 .4em
}

.swal2-popup .swal2-validationerror {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden
}

.swal2-popup .swal2-validationerror::before {
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    content: "!";
    zoom: normal
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }

    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: rgba(50, 100, 150, .4) solid 2px
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 3.75em 3.75em;
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 3.75em;
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    top: -.25em;
    left: -.25em;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%;
    z-index: 2;
    box-sizing: content-box
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
    z-index: 2
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .875em;
    width: 1.5625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

#cart_head .custom-control:last-child,
.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6;
    z-index: 10
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: .3s swal2-show;
    animation: .3s swal2-show
}

.swal2-hide.swal2-noanimation,
.swal2-show.swal2-noanimation {
    -webkit-animation: none;
    animation: none
}

.swal2-hide {
    -webkit-animation: .15s forwards swal2-hide;
    animation: .15s forwards swal2-hide
}

[dir=rtl] .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: .75s swal2-animate-success-line-tip;
    animation: .75s swal2-animate-success-line-tip
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: .75s swal2-animate-success-line-long;
    animation: .75s swal2-animate-success-line-long
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: 4.25s ease-in swal2-rotate-success-circular-line;
    animation: 4.25s ease-in swal2-rotate-success-circular-line
}

.swal2-animate-error-icon {
    -webkit-animation: .5s swal2-animate-error-icon;
    animation: .5s swal2-animate-error-icon
}

.swal2-animate-error-icon .swal2-x-mark {
    -webkit-animation: .5s swal2-animate-error-x-mark;
    animation: .5s swal2-animate-error-x-mark
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.blog .carousel-indicators .active {
    background: #707070
}

.custom-toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    border-radius: 50% !important;
    background-color: #fff;
    transition: .2s cubic-bezier(.68, -.55, .265, 1.55)
}

.btn-cart-icon {
    font-size: 12px !important
}

.page-link {
    line-height: 18px;
    color: var(--storecolor, #102c56);
    width: 30px;
    height: 35px;
    padding: 0;
    border: none;
    border-radius: 0 !important;
    margin: 0 !important
}

.page-link:hover {
    transform: translate(0);
    color: #fff !important;
    box-shadow: none !important;
    background-color: var(--storecolor, #102c56)
}

#addToCart1 .btn-primary:focus,
#cartList .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
#modal-form .btn-primary,
#variants-area-inside .btn-outline-primary.focus,
#variants-area-inside .btn-outline-primary:focus,
.number-input input[type=number]:focus,
.page-link:focus {
    box-shadow: none
}

#cartList .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--storecolor, #102c56);
    border-color: var(--storecolor, #102c56)
}

.btn-cart-radius {
    border-radius: 50% !important
}

.image-in-card {
    margin-bottom: 15px;
    width: 128px
}

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

.cardWithShadow {
    box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03)
}

.cardWithShadowAnimated:hover {
    transition-duration: .4s;
    transform: translateY(-10px) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important
}

.testimonialCard {
    width: 90%
}

.qrbuilder-box,
.testimonials-item-author {
    display: flex;
    align-items: center
}

.testimonials-item-author-image-container {
    margin-right: 16px;
    overflow: hidden
}

.testimonials-item-stars {
    align-self: baseline;
    margin-left: 16px;
    white-space: nowrap;
    display: inline-flex;
    margin-top: 2px
}

.testimonials-item-stars-item {
    display: inline-block;
    margin-right: 2px;
    width: 14px;
    height: 14px
}

.testimonials-item-stars-item svg {
    fill: #ffb400;
    display: block
}

.tetimonial_text {
    margin-top: 12px
}

.inset-0 {
    z-index: 999 !important
}

.closed_time,
.thank-you h3 a {
    color: #fb6340
}

#addToCart1 button:hover,
#addToCart1:hover button,
#addressBox .address-box input[type=radio]:checked+label span,
#modal-form .btn-primary:hover,
#store_location .modal-header h5,
.cart-content #cartList .page-link:hover .las,
.footer .copyright,
.footer .copyright a,
.footer .copyright a:hover,
.footer .footer-link,
.footer .footer-link:hover,
.footer .nav .nav-item .nav-link,
.footer .nav .nav-item .nav-link:hover,
.plugins-page .plugins-sec .activated .plugin-status,
.preorder .preid h2,
.pricing-btn .btn-primary-grad:hover,
.pricingTable .holder.active .hdng p,
.pricingTable .holder.active .info p,
.pricingTable .holder.active .price p,
.pricingtable h1,
.storefront .closed_time,
.storefront a,
.view-features:hover {
    color: #fff
}

.thank-you h3,
.thanks-for-registering h3 {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center
}

.how-it-works p small a,
.thank-you p small a,
.thanks-for-registering p small a {
    background: #5400fe;
    color: #fff;
    padding: 15px 10px;
    width: 200px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-size: .875rem;
    border-radius: 50rem !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    transition: .15s
}

.thank-you p small a:before,
.thanks-for-registering p small a:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 5px
}

.how-it-works p small a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px
}

.product-col .strip .product_content {
    display: block;
    text-align: center;
    padding: 0 15px;
    position: relative;
    z-index: 1
}

.product-col .strip .product_content .allergens {
    position: absolute;
    top: -30px;
    z-index: 1;
    display: flex;
    left: 0
}

.product-col .strip .res_title {
    font-size: 15px;
    z-index: 1;
    position: relative;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3
}

.product-col .strip .res_mimimum {
    margin-bottom: 5px;
    z-index: 1;
    position: relative
}

.product-col .strip {
    box-shadow: none;
    background-color: #fff;
    padding: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    transition: .15s;
    position: relative
}

.product-col .strip .cart_btn {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 13px;
    line-height: 10px;
    color: #fff;
    display: flex;
    padding: 5px 0;
    justify-content: center;
    background: var(--storecolor, #102c56);
    border-radius: 50px;
    align-items: center;
    max-width: 140px;
    margin: 0 auto 10px;
    height: 40px;
    text-transform: uppercase;
    transition: .15s
}

.product-col:hover .strip .cart_btn {
    color: var(--storecolor, #102c56);
    background: #fff;
    box-shadow: 3px 3px 3px 0 #00000036
}

#related.classic h5,
.classic h1.cat-name {
    font-size: 1.1rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

#related.classic h5:after,
h1.cat-name:after {
    content: "";
    bottom: 0;
    height: 2px;
    background-color: var(--storecolor, #102c56);
    display: block;
    width: 60px;
    border-radius: 2px
}

.section-profile-cover.mt--100 {
    margin-top: -80px !important
}

.classic_header .container-fluid {
    padding-left: 0
}

.how-it-works h3,
.privacy-policy h3,
.support h3,
.terms-and-conditions h3 {
    font-size: 1.1rem
}

.how-it-works p,
.privacy-policy p,
.support p,
.terms-and-conditions p {
    font-weight: 500;
    color: #32325d;
    line-height: 1.7;
    margin-bottom: .5rem
}

.info-block,
.quantity-area label {
    margin-bottom: 10px
}

.how-it-works h1 {
    font-size: 1.8rem;
    font-weight: 700
}

.cart-coupon-sec>span i,
.how-it-works h2,
.plan-modal .modal-header h5 {
    font-size: 1.5rem
}

.fieldImage {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .1);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

lottie-player {
    margin: 0 auto
}

.item-offer-horizontal>.info>.allergens {
    display: flex;
    gap: 0;
    align-items: center
}

.item-offer-horizontal>.info>.allergens>.price {
    color: var(--hfont-color);
    font-weight: var(--font-weight-bold)
}

.allergen {
    display: inline-flex;
    border-radius: 4px;
    background: #eee;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em
}

.allergen img {
    height: 22px
}

.allergen.disabled {
    background: #eee;
    color: #ccc
}

.form-login-body {
    background-image: url(../img/bg.jpg);
    background-size: cover
}

.form-login-body .login-desk {
    filter: drop-shadow(0 0 13.5px rgba(0, 0, 0, .09));
    margin-top: 1%;
    margin-bottom: 1%
}

.form-login-body .login-desk .detail-box {
    background-color: #fff;
    padding: 0
}

.form-login-body .login-desk .loginform {
    background-color: #102c56;
    text-align: center;
    padding: 20px
}

.form-login-body .login-desk .loginform .logo {
    max-width: 130px
}

.form-register-body .register-desk .registerform {
    background-color: #fff;
    text-align: left;
    padding: 20px
}

.form-register-body .register-desk .registerform .card-body,
.guestord .card-header {
    padding: 1rem
}

.form-login-body .login-det {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px
}

.btn-linkedin,
.btn-linkedin:hover {
    color: #fff;
    border-color: #007ab9;
    background-color: #007ab9
}

.form-login-body .login-det h4 {
    color: #03014c;
    font-size: 25px;
    font-family: Gilroy-Bold
}

.form-login-body .login-det p {
    color: #03014c;
    opacity: .6;
    font-family: Gilroy-Bold;
    font-size: .8rem
}

.btn-linkedin {
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%)
}

.form-login-body .login-desk .detail-box .logo {
    width: 130px
}

.form-login-body .login-desk .detail-box .detailsh h3,
.form-register-body .register-desk .detail-box .detailsh h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-family: Gilroy-Bold
}

.form-login-body .login-desk .detail-box .detailsh p,
.form-register-body .register-desk .detail-box .detailsh p {
    font-size: .8rem;
    font-family: Gilroy-Bold;
    color: #102f54
}

.form-login-body .carrousel,
.form-register-body .carrousel {
    background: #fff;
    text-align: center;
    padding: 2em 0;
    max-width: 750px;
    margin: auto;
    position: relative;
    overflow: hidden
}

.form-login-body .carrousel .slides,
.form-register-body .carrousel .slides {
    width: 400%;
    left: 0;
    padding-left: 0;
    padding-top: 1em;
    overflow: hidden;
    list-style: none;
    position: relative;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s
}

.form-login-body .carrousel .slides li,
.form-register-body .carrousel .slides li {
    width: 25%;
    position: relative;
    float: left
}

.form-login-body .carrousel li img,
.form-register-body .carrousel li img {
    width: auto;
    max-height: 300px;
    object-fit: cover;
    vertical-align: middle;
    margin: 0 auto
}

.form-login-body .carrousel li span.author,
.form-register-body .carrousel li span.author {
    margin-top: .5em;
    font-size: 1.2em;
    color: #777;
    display: block
}

.form-login-body .carrousel .slidesNavigation,
.form-register-body .carrousel .slidesNavigation {
    display: block;
    list-style: none;
    text-align: center;
    bottom: 1em;
    position: absolute;
    width: 104px;
    left: 50%;
    margin-left: -52px
}

.form-login-body .carrousel .slidesNavigation label,
.form-register-body .carrousel .slidesNavigation label {
    float: left;
    margin: 6px;
    display: block;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #102f54;
    font-size: 0
}

#radio-1:checked~.slides {
    transform: translateX(0)
}

#radio-2:checked~.slides {
    transform: translateX(-25%)
}

#radio-3:checked~.slides {
    transform: translateX(-50%)
}

#radio-4:checked~.slides {
    transform: translateX(-75%)
}

.form-login-body .carrousel #radio-1:checked~.slidesNavigation label#dotForRadio-1,
.form-login-body .carrousel #radio-2:checked~.slidesNavigation label#dotForRadio-2,
.form-login-body .carrousel #radio-3:checked~.slidesNavigation label#dotForRadio-3,
.form-login-body .carrousel #radio-4:checked~.slidesNavigation label#dotForRadio-4 .form-register-body .carrousel #radio-4:checked~.slidesNavigation label#dotForRadio-4,
.form-register-body .carrousel #radio-1:checked~.slidesNavigation label#dotForRadio-1,
.form-register-body .carrousel #radio-2:checked~.slidesNavigation label#dotForRadio-2,
.form-register-body .carrousel #radio-3:checked~.slidesNavigation label#dotForRadio-3,
.pricingTable .holder.active {
    background: #102f54
}

.form-register-body .register-desk .registerform .card {
    background-color: #fff;
    border-radius: 15px;
    border: none;
    overflow: hidden
}

.form-register-body .register-desk .registerform .card-header {
    background-color: #fff;
    border: none;
    padding-bottom: 0 !important
}

.form-register-body .register-desk .registerform .card-header h3 {
    color: #102c56;
    font-family: Gilroy-Bold;
    font-size: 30px;
    text-align: left
}

.register-desk input {
    border: 1px solid rgba(16, 44, 86, .2);
    border-radius: 4px;
    color: #102f54;
    font-family: Gilroy-SemiBold
}

.register-desk input::placeholder {
    font-family: Gilroy-Medium;
    font-size: 14px;
    line-height: 16px;
    color: #102c56;
    opacity: .6
}

.pricing p,
.pricingTable .tabsBtnHolder ul li p.active,
.register-desk input:focus {
    color: #102f54
}

.loginform .btn-danger,
.register-desk .btn-success {
    background: #5381f8;
    border-color: #5381f8;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    min-width: 200px
}

.info-block {
    display: flex;
    align-items: center;
    border-right: none;
    justify-content: space-between
}

#cartList .product-item_title {
    color: #102f54;
    font-weight: 500;
    font-size: .95rem;
    margin-bottom: 0
}

#modalDialogItem label,
#productModal .modal-title {
    color: #000;
    font-weight: 500
}

#cartList .action_buttons {
    width: 100%;
    justify-content: flex-end;
    margin: 0
}

.card-delivery-pickup .card-content,
.card-deliverytypedinein .card-content,
.right_side {
    display: flex;
    align-items: center;
    gap: 10px
}

.card-deliverytypedinein .card-content {
    gap: 1px !important
}

.card-delivery-pickup .card-content .custom-control {
    width: 33%
}

.cart-page h4 {
    font-size: 18px;
    color: #000 !important;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

#cartList .product_details p {
    margin-bottom: 0;
    font-size: .8rem
}

.cart-page .select2-container--default .select2-selection--single {
    font-weight: 400;
    line-height: 1.5;
    color: #8898aa;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #cad1d7;
    border-radius: .25rem;
    box-shadow: none;
    display: block;
    width: 100%
}

.cart-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px
}

#productModal .modal-lg {
    max-width: 450px
}

#productModal .modal-title {
    font-size: 20px
}

#productModal #modalPrice,
#productModal #modalSalePrice {
    font-size: calc(var(--hfont-size) * .8);
    color: var(--storecolor, #102c56);
    font-family: Poppins, sans-serif;
    font-weight: 500;
    margin-bottom: 10px
}

#variants-area-inside .btn-group {
    gap: 15px;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%
}

#variants-area-inside .btn-group .btn {
    width: 48%;
    flex: 1 1 48%;
    max-width: 48%;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 400;
    padding: .5rem .75rem;
    line-height: 2
}

#variants-area-inside .btn-group .btn-outline-primary {
    color: #565773;
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 0, 0, .1)
}

#variants-area-inside .btn-group .btn-outline-primary.active {
    color: #2f3043;
    background-color: var(--storecolorlight, #102c56);
    border-color: var(--storecolor, #102c56);
    font-weight: 500;
    box-shadow: 0 4px 4px rgb(0 0 0 / 6%)
}

.actionsCart .button:hover {
    border: 1px solid #f44827
}

.quantity-area {
    display: flex;
    margin-top: 20px;
    align-items: flex-end;
    gap: 10px;
    justify-content: center;
    border-top: 1px dashed #d3d3d3;
    padding-top: 20px
}

#addToCart1 .btn-primary,
#modal-form .btn-primary,
.bottom-cart-buttons .btn-primary {
    background-color: var(--storecolor, #102c56);
    border-color: var(--storecolor, #102c56)
}

#addToCartbtn .btn {
    width: 45px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--storecolor, #102c56);
    flex-direction: column
}

#addToCartbtn .btn span {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif
}

#addToCartbtn .btn:focus {
    outline: 0;
    box-shadow: none;
    border: 0
}

#addToCartbtn .btn i {
    font-size: 26px;
    color: #fff
}

#addToCart1 .btn-primary,
#modal-form .btn-primary {
    color: #fff;
    height: 2.6rem;
    border-radius: 3px;
    font-family: Poppins, sans-serif !important
}

#place-info .box-info {
    padding: 20px
}

.number-input input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.number-input {
    display: inline-flex;
    background: #fff;
    border: 1px solid #e5e5e5
}

.number-input,
.number-input *,
.table-field .formfield * {
    box-sizing: border-box
}

.number-input button {
    outline: 0;
    -webkit-appearance: none;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
    width: 2rem;
    height: 2.6rem;
    color: #102f54;
    font-size: 2rem;
    border-radius: 3px;
    display: block;
    padding: 0;
    background-color: #fff
}

.number-input button:hover {
    background-color: #fff8f4
}

.number-input button:after,
.number-input button:before {
    display: inline-block;
    position: absolute;
    content: "";
    width: .8rem;
    height: 2px;
    background-color: #102f54;
    transform: translate(-50%, -50%)
}

.card.cat_item .description,
.card.cat_item h4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.number-input input[type=number] {
    max-width: 2rem;
    padding: 0;
    border: none;
    font-size: 1.1rem;
    height: 2.6rem;
    font-weight: 600;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    color: #102f54
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--storecolor, #ff7b36);
    border-color: var(--storecolor, #ff7b36)
}

.card.cat_item img {
    max-height: 110px;
    object-fit: cover
}

#tabs-plugins.nav-pills .nav-item,
.card.cat_item .card-body,
.plugins-page .plugins-sec .card-body {
    padding: 0
}

.card.cat_item h4 {
    margin-bottom: 0;
    height: 45px
}

.strip figure .cart_btn,
.strip figure .res_mimimum {
    bottom: 0;
    z-index: 1;
    display: inline-block;
    min-width: 75px;
    background-color: var(--storecolor, #102c56);
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: absolute
}

.card.cat_item .description {
    line-height: 21px;
    max-height: 42px;
    min-height: 42px
}

.z-index-9 {
    z-index: 9
}

.container-fluid.container-restorant {
    padding: 0 35px
}

.container-restorant.filter_area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.strip figure .res_mimimum {
    padding: 5px 0;
    border-top-right-radius: 20px
}

.strip figure .cart_btn {
    padding: 5px 5px 5px 10px;
    border-top-left-radius: 20px;
    right: 0
}

.mt--15 {
    margin-top: -15rem
}

.store_img {
    width: 100%;
    overflow: hidden;
    display: block;
    object-fit: cover;
    height: 100%;
    margin: 0 auto;
    max-width: 150px;
    border: 2px solid #fff;
    transform: translateY(-50px);
    border-radius: 20px
}

.storefront h1 {
    font-size: 40px;
    color: #fff;
    font-family: Poppins;
    font-weight: 500;
    text-align: left
}

.box-info>.content.cat_sec {
    flex-wrap: wrap;
    width: 100%;
    display: flex
}

.product_search {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0;
    border: none;
    border-radius: 4px;
    min-width: 250px
}

.product_search input {
    border: 1px solid var(--storecolor, #102c56);
    text-transform: initial;
    color: #000;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 4px
}

#guest_order_section .table td .table th,
#tableqr .scan_qr_div p,
.freetrial h3,
.plan-header,
.plan-section p:first-child,
.plan-type {
    text-transform: uppercase
}

.product_search span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--storecolor, #102c56);
    font-size: 24px
}

.card-stats .card-body {
    min-height: 85px;
    max-height: 105px;
    padding: .5rem
}

.cart-page .select2-container.form-control {
    height: auto;
    padding: 0 !important
}

.filter_area .tabbable .nav-pills::-webkit-scrollbar {
    height: 5px
}

.filter_area .tabbable .nav-pills::-webkit-scrollbar-track {
    border-radius: 10px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

#storeqr,
#tableqr {
    height: 210mm;
    box-shadow: 2px 5px 5px 5px #bfbfbf;
    overflow: hidden
}

.filter_area .tabbable .nav-pills::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c9c9c9;
    outline: 0
}

.grid {
    display: grid;
    grid-gap: 0.5em;
    margin: 0 auto;
    padding: 0
}

.plan-type,
span.domainname {
    margin-top: 1rem;
    font-family: Gilroy-SemiBold
}

.plancard {
    width: 100%;
    margin-bottom: 0;
    min-height: 70px;
    background: #fff;
    border: 1px solid rgba(16, 47, 84, .2);
    border-radius: 8px;
    padding: 0
}

.plancard:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .15)
}

.plancard input.radio {
    font-size: inherit;
    margin: 0;
    position: relative;
    background: rgba(45, 84, 142, .35)
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    .plancard input.radio {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        cursor: pointer;
        height: 35px;
        outline: 0;
        transition: background .2s ease-out, border-color .2s ease-out;
        width: 100%;
        border: none !important;
        border-radius: 2px;
        max-width: 135px;
        margin: .5rem auto;
        text-align: center;
        padding: 10px
    }

    .plancard input.radio::after {
        content: "Select";
        display: block;
        position: relative;
        font-family: Gilroy-SemiBold;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 1.5px
    }

    .plancard input.radio:checked {
        background: #ff7b36
    }

    .plancard input.radio:checked::after {
        content: "Selected";
        left: 10%
    }
}

.plan-details {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 0;
    transition: border-color .2s ease-out;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    min-height: 115px
}

.freetrial,
.pbtn {
    padding: 10px;
    text-align: center
}

.plancard:hover .plan-details {
    border-color: #c4d1e1
}

.register-desk input.radio:checked~.plan-details {
    border-color: #102c56
}

.register-desk input.radio:focus~.plan-details {
    box-shadow: 0 0 0 2px #c4d1e1
}

.register-desk input.radio:disabled~.plan-details {
    color: #c4d1e1;
    cursor: default
}

.register-desk input .radio:disabled~.plan-details .plan-type {
    color: #c4d1e1
}

.plancard:hover input.radio:disabled~.plan-details {
    border-color: #e2ebf6;
    box-shadow: none
}

.plancard:hover input.radio:disabled {
    border-color: #e2ebf6
}

.plan-type {
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    color: #2d548e;
    line-height: 1
}

.plan-cost {
    text-align: center;
    margin-bottom: 0;
    line-height: 1
}

.plan-cycle {
    font-size: 2.5rem;
    color: #102f54;
    font-family: Gilroy-Bold
}

.plan-save {
    font-family: Gilroy-Medium;
    font-size: 15px;
    line-height: 14px;
    color: #2d548e
}

.detail-content h6,
.plan-currency,
.registerform h6 {
    font-family: Gilroy-SemiBold
}

.freetrial {
    background: #ffefe9;
    border: 1px solid #ff7136;
    box-shadow: 0 0 12px 0 rgb(80 80 80 / 25%)
}

.freetrial h3 {
    font-size: 1.5rem;
    font-weight: 900
}

#detected_address,
.areadelivery .cart-title h5,
.freetrial p {
    font-size: .9rem;
    font-weight: 500
}

.selectplan {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    z-index: -1
}

.pbtn {
    border: 3px solid #102c56;
    transition: background .6s, color .6s;
    z-index: 1
}

input[type=radio].toggle+label {
    cursor: pointer;
    min-width: 140px
}

input[type=radio].toggle+label:hover {
    background: 0 0;
    color: #102c56
}

input[type=radio].toggle+label:after {
    background: #102c56;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transition: left .2s cubic-bezier(.77, 0, .175, 1);
    width: 100%;
    z-index: -1
}

#event_detail .card .table td,
#guest_order_section .billed-sec .border-dashed-right,
input[type=radio].toggle.toggle-left+label {
    border-right: 0
}

input[type=radio].toggle.toggle-left+label:after {
    left: 100%;
    opacity: 0
}

input[type=radio].toggle.toggle-right+label {
    margin-left: -5px
}

input[type=radio].toggle.toggle-right+label:after {
    left: -100%;
    opacity: 0
}

input[type=radio].toggle:checked+label {
    cursor: default;
    color: #fff;
    transition: color .2s
}

input[type=radio].toggle:checked+label:after {
    left: 0;
    opacity: 1
}

span.domainname {
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    display: block;
    font-size: 1rem;
    line-height: 2;
    text-align: left;
    color: #102f54;
    height: 3.5rem
}

span.domainname>span {
    color: #ff7136;
    font-family: Gilroy-Bold
}

.plancard[title=year] {
    background-color: #faebd7
}

.switch-input:checked+.switch-label:before,
.switch-label:before {
    background-color: rgba(255, 123, 54, .19)
}

.storename {
    overflow: hidden
}

.storelink {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 20ch
}

#extras_group,
#modal-edit-payment.modal.left .modal-body,
#modal-edit-plan.modal.left .modal-body {
    overflow-y: auto
}

.demostores {
    position: absolute;
    background-color: red;
    color: #fff;
    font-size: 60%;
    font-weight: 600;
    padding: .2rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    left: -17px;
    top: -25px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 30px;
    height: 20px;
    line-height: 25px
}

.plan-currency,
.plan-period {
    font-size: 14px;
    line-height: 17px;
    color: #102f54
}

.featured_template {
    position: fixed;
    bottom: 50%;
    right: 20px;
    z-index: 8;
    cursor: pointer
}

.featured_template img {
    max-width: 180px
}

.grecaptcha-badge {
    width: 70px !important;
    position: absolute !important;
    bottom: -30px !important;
    right: -15px !important
}

form#registerform {
    position: relative;
    display: block
}

.scheduledt {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap
}

#related .owl-carousel .owl-nav.disabled,
.form-group .iti,
.plugin-box.overlay .plugins-sec::before,
.registerform .iti,
.slideup .search-input,
.switch,
.switch-label {
    display: block
}

.scheduledt .custom-control.custom-radio {
    width: 100%;
    margin-bottom: 20px
}

.form-register-body,
.price-table tbody tr:nth-child(4n) {
    background-color: #f6f7fa
}

.registerform h6 {
    font-size: 18px;
    line-height: 21px;
    color: #102f54
}

.plan-offer strike,
.switch-label span.ba,
.switch-label span.bm {
    font-size: 13px;
    font-family: Gilroy-SemiBold
}

.switch {
    position: relative;
    margin: 0 auto 10px;
    max-width: 50px
}

.switch-label {
    width: 48px;
    height: 20px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-label:after,
.switch-label:before {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer
}

.switch-label:before {
    width: 100%;
    height: 100%;
    border-radius: 9999em;
    transition: background-color .25s
}

.switch-label:after {
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ff7b36;
    box-shadow: 0 0 2px rgba(0, 0, 0, .45);
    transition: left .25s
}

.switch-input:checked+.switch-label:after {
    left: 28px;
    background-color: #ff7b36
}

.pricing-badge.bg-highlight h1,
.switch-input:checked+.switch-label span.ba {
    color: #ff7b36
}

.switch-input:checked+.switch-label span.bm {
    color: rgba(45, 84, 142, .5)
}

.switch-label span.bm {
    position: absolute;
    left: -105px;
    line-height: 22px;
    color: #ff7b36
}

.switch-label span.ba {
    position: absolute;
    right: -95px;
    line-height: 22px;
    color: rgba(45, 84, 142, .5)
}

.plan-period {
    font-family: Gilroy-Regular;
    opacity: .8
}

.feature_list li p,
.view-features {
    font-family: Gilroy-Medium;
    margin-bottom: 5px
}

.plan-offer {
    background: #ecf3ff;
    border-radius: 10rem;
    max-width: 160px;
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 5px
}

.plan-offer strike {
    line-height: 8px;
    color: #2d548e;
    opacity: .8
}

.view-features {
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: inline;
    position: absolute;
    right: 15px;
    top: 10px
}

.feature_list {
    text-align: left;
    padding: 0;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    width: 100%
}

.feature_list li p {
    color: #102c56;
    font-size: .8rem
}

.detail-content {
    margin-top: 50px
}

.detail-content h6 {
    font-size: 18px;
    line-height: 20px;
    color: #102c56
}

.detail-content p {
    font-family: Gilroy-Medium;
    font-size: 14px;
    line-height: 20px;
    color: #2d548e
}

.detail-box {
    padding-right: 50px
}

.detail-content h6:before {
    content: "\f058";
    font-family: FontAwesome;
    position: relative;
    left: 0;
    margin-right: 10px;
    transition: .3s ease-out
}

.footer.bg-dark-blue h5,
.store_sec h2,
.store_sec p {
    font-family: "Open Sans", sans-serif
}

.detail-content:hover h6:before {
    color: #31c85c
}

.footer {
    background: #fff
}

.qrcolorpicker input[type=radio]:checked+label {
    padding: 3px;
    border: 1px solid #666
}

.qrcolorpicker input[type=radio]:checked+label .red {
    box-shadow: #db2828 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .orange {
    box-shadow: #f2711c 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .yellow {
    box-shadow: #fbbd08 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .olive {
    box-shadow: #b5cc18 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .green {
    box-shadow: #21ba45 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .teal {
    box-shadow: #00b5ad 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .blue {
    box-shadow: #2185d0 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .violet {
    box-shadow: #6435c9 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .purple {
    box-shadow: #a333c8 0 0 4px
}

.qrcolorpicker input[type=radio]:checked+label .pink {
    box-shadow: #e03997 0 0 4px
}

.qrcolorpicker {
    width: 280px;
    background: #fff;
    border: 0 solid rgba(0, 0, 0, .25);
    box-shadow: rgb(0 0 0 / 25%) 0 1px 4px;
    border-radius: 4px;
    position: relative;
    padding: 15px 9px 9px 15px
}

.qrcolorpicker label {
    display: inline-block;
    margin: 0 3px 0 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: relative
}

.qrcolorpicker label span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transition: transform .2s ease-in-out
}

.qrcolorpicker label span.red {
    background: #db2828
}

.qrcolorpicker label span.orange {
    background: #f2711c
}

.qrcolorpicker label span.yellow {
    background: #fbbd08
}

.qrcolorpicker label span.olive {
    background: #b5cc18
}

.qrcolorpicker label span.green {
    background: #21ba45
}

.qrcolorpicker label span.teal {
    background: #00b5ad
}

.qrcolorpicker label span.blue {
    background: #2185d0
}

.qrcolorpicker label span.violet {
    background: #6435c9
}

.qrcolorpicker label span.purple {
    background: #a333c8
}

.qrcolorpicker label span.pink {
    background: #e03997
}

#storeqr .store_logo {
    width: 100%;
    display: flex;
    min-height: 100px;
    align-items: center;
    justify-content: center
}

#storeqr .store_logo img {
    max-height: 100px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: auto
}

#storeqr .store_name {
    text-align: center;
    color: #cc2c2c;
    font-family: Poppins;
    font-size: 2rem
}

#storeqr {
    width: 297mm;
    margin: 0 auto
}

#storeqr .top_header {
    position: relative;
    width: 100%;
    border: .5px solid rgba(9, 56, 124, .08);
    padding: 5mm
}

#storeqr .upper-col {
    padding: 5mm;
    background-color: #fff
}

#storeqr .qr-section {
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #87e3e4;
    box-sizing: border-box;
    box-shadow: 8px 16px 30px rgb(0 0 0 / 8%);
    padding: 7mm
}

#storeqr .qr-section img,
#tableqr .qr-section img,
.mobile_view #qrimage1 {
    width: 100%;
    margin: 0 auto
}

#storeqr .middle_content {
    margin-top: 5mm;
    padding-left: 15mm
}

#storeqr h6.option_text {
    margin: 0;
    color: #09387c;
    font-size: 1rem;
    font-family: Poppins;
    font-weight: 700
}

#storeqr .option_icon {
    width: 8mm;
    height: 8mm
}

#storeqr .option_icon img {
    text-align: center;
    width: 100%
}

#storeqr .options_available {
    display: flex;
    flex-wrap: nowrap;
    gap: 3mm;
    margin-top: 10mm;
    align-items: center;
    justify-content: center
}

#storeqr .option_pill {
    background: #fff;
    border: 2px solid #09387c;
    border-radius: 50mm;
    min-width: 35mm;
    display: flex;
    align-items: center;
    padding: 1mm 2mm;
    gap: 2mm;
    justify-content: center
}

#storeqr .scan_qr_div p {
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 12mm;
    font-size: 4.1mm;
    letter-spacing: .2mm;
    font-family: Poppins;
    font-weight: 600
}

#storeqr .scan_qr_div {
    background: linear-gradient(180deg, #ff7b36 0, #ff3936 100%);
    border-radius: 500mm;
    min-height: 12mm;
    z-index: 1;
    position: relative;
    max-width: 65mm;
    margin: -5mm auto 0
}

#storeqr .store_url {
    margin-top: 25mm;
    text-align: center;
    border-bottom: 1px solid rgba(9, 56, 124, .08);
    color: #000
}

#storeqr .store_url h2 {
    font-size: 1.7rem;
    font-family: Poppins
}

#storeqr .lower-col {
    padding: 28mm 5mm 5mm;
    background-color: #09387c;
    margin-top: -25mm
}

#storeqr .store_address {
    background: #fcfdfd;
    border: 1px solid rgba(9, 56, 124, .08);
    padding: 5mm;
    text-align: center;
    min-height: 35mm
}

#storeqr .store_address p {
    color: #000;
    font-size: 5mm;
    margin: 0;
    font-family: Poppins;
    font-weight: 600
}

#storeqr .site_logo {
    margin-left: auto;
    display: block;
    max-width: 125px
}

#storeqr .site_url {
    margin: 5mm 0 0;
    text-align: right;
    color: #fff;
    font-size: 1.2rem;
    font-family: Poppins;
    font-weight: 500
}

#colorpicker {
    width: 250px;
    height: 43px;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    overflow: hidden
}

.areadelivery,
.qr-action,
.share_list {
    display: flex;
    flex-direction: column
}

.qr-action .btn {
    max-width: 165px;
    min-width: 165px
}

.overflowx-auto {
    overflow-x: auto
}

.border-right-20 {
    border-right: 1.5rem solid #f7fafc
}

#tableqr .store_logo {
    width: 100%;
    display: block;
    padding: 4mm;
    background-color: #fff
}

#tableqr .store_logo img {
    max-height: 90px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: auto
}

#tableqr .store_name {
    text-align: center;
    color: #cc2c2c;
    font-family: Poppins;
    font-weight: 700
}

#tableqr {
    width: 148mm;
    margin: 0 auto;
    background-color: #102c56
}

#tableqr .top_header {
    position: relative;
    width: 100%;
    padding: 4mm;
    background-color: #ff7b36
}

#tableqr .upper-col {
    padding: 0;
    background-color: #fff
}

#tableqr .qr-section {
    width: 100%;
    text-align: center;
    padding: 5mm;
    max-width: 95mm;
    margin: 0 auto;
    background: #efefee;
    border: 1px solid #ff7b36;
    box-sizing: border-box;
    box-shadow: 10px 32px 72px rgb(0 0 0 / 4%);
    border-radius: 5mm
}

#order_type_selection .modal-header,
#store_location .modal-header,
#tableqr .lower-col,
#tableqr .middle_content,
#tabs-plugins.nav-pills .nav-link.active,
.card-content .delivery_option .custom-radio.custom-control input[type=radio]:checked+label {
    background-color: #102c56
}

#mobileCartLink #cartCount,
#mobileCartLink #cartCountmob,
.callOutShoppingButtonBottom #cartCount {
    z-index: 0;
    color: #000;
    width: 25px;
    height: 25px;
    background-color: #f9f301;
    line-height: 25px;
    text-align: center
}

#tableqr .scan_qr_div p {
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 8mm;
    font-family: Poppins;
    font-weight: 600;
    font-size: 8mm;
    letter-spacing: .2mm
}

#tableqr .scan_qr_div {
    margin-top: 8mm;
    margin-bottom: 8mm
}

#tableqr .store_url {
    max-width: 130mm;
    margin: 8mm auto 4mm;
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 4mm
}

#tableqr .store_url p {
    font-size: 4.5mm;
    line-height: 1;
    color: #fff;
    font-family: Poppins;
    font-weight: 500;
    margin-bottom: 1rem
}

#tableqr .lower-col {
    padding: 2mm
}

#tableqr .store_address p {
    color: #fff;
    font-size: 4mm;
    font-family: Poppins;
    font-weight: 500;
    margin: 0
}

#tableqr img.site_logo {
    margin-left: auto;
    display: block;
    max-width: 110px
}

.bottom_footer .container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important
}

#storeqr .middle_content .col-md-5,
#storeqr .top_header .col-md-5 {
    max-width: 41.66667%;
    flex: 0 0 41.66667%
}

#storeqr .middle_content .col-md-7,
#storeqr .top_header .col-md-7 {
    max-width: 58.33333%;
    flex: 0 0 58.33333%
}

#storeqr .bottom_footer .col-md-8 {
    max-width: 66.66667%;
    flex: 0 0 66.66667%
}

#storeqr .bottom_footer .col-md-4 {
    max-width: 33.33333%;
    flex: 0 0 33.33333%
}

h4.tablename {
    color: #fff;
    font-size: 7.5mm
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

::-webkit-scrollbar:horizontal {
    height: 7px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background-color: #5f5f5f
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: .875rem;
    display: inline-flex !important;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
    color: #f44827 !important;
    border: 1px solid #dee2e6 !important;
    background-color: #fff
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #8898aa !important;
    border-color: #dee2e6;
    background-color: #fff
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 1;
    color: #fff !important;
    border-color: #102c56 !important;
    background: #102c56;
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #dee2e6 !important;
    background: #dee2e6 !important;
    color: #f44827 !important
}

.dataTables_wrapper .dataTables_length {
    padding-left: 1rem;
    padding-bottom: 0
}

.dataTables_wrapper .dataTables_info {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.dataTables_wrapper .dataTables_filter {
    padding-right: 1rem;
    padding-bottom: 0
}

.dataTables_wrapper .dataTables_filter input[type=search] {
    border-radius: 30px;
    border: 1px solid #cad1d7;
    max-height: 45px;
    min-height: 30px;
    padding-left: 35px
}

#cartList .info-block>.row {
    border: 1px solid var(--storecolor, #102c56);
    border-radius: 50rem;
    margin-right: 10px;
    margin-left: auto;
    width: 100%;
    padding: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-width: 92px
}

#productModal #modalPrice.strikethrough {
    text-decoration: line-through;
    font-size: 16px
}

#productModal #modalSalePrice {
    margin-left: 10px;
    font-size: .8rem
}

.sale-disc {
    font-size: 12px;
    padding: 0 5px;
    background: orange;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    position: absolute;
    bottom: -16px;
    width: 100%;
    text-align: center;
    font-weight: 500
}

.sale-disc:before {
    content: "";
    position: absolute;
    z-index: 9;
    top: -8px;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent orange;
    transform: translateX(-50%)
}

.sale-discount {
    position: absolute;
    z-index: 2;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 50px solid red;
    border-right: 50px solid transparent
}

.sale-discount span {
    color: #fff;
    position: absolute;
    top: -45px;
    left: 2px;
    transform: rotateZ(-45deg);
    font-size: 13px
}

.product-col .strip .res_mimimum strike {
    font-size: .8rem;
    margin-right: 5px
}

.navbar-vertical .sidebar-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    height: 60px
}

.classic .product_content .product_details .quantity-area,
.custom-multicheckbox,
.navbar.navbar-vertical>.container-fluid {
    justify-content: flex-start
}

.navbar-vertical .sidebar-header .sidebar-icon {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.featured_template .btn-icon,
.featured_template .btn-icon .nav-link-bottom-text,
.featured_template .btn-icon:hover,
.navbar-vertical .sidebar-header .sidebar-logo {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out
}

.navbar-vertical .sidebar-header .sidebar-icon img,
.navbar-vertical .sidebar-header .sidebar-logo img {
    max-height: 45px
}

.navbar-vertical .sidebar-header .sidebar-logo {
    padding-left: 1rem;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .2s ease-out;
    opacity: 1;
    visibility: visible
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav-item {
    margin-top: 5px;
    position: relative
}

.navbar-vertical .navbar-nav .nav-link.active,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
    color: #102c56;
    text-decoration: none;
    background: rgb(16 44 86 / 12%)
}

.navbar-vertical .navbar-nav .nav-link.active>i,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover>i {
    color: #102c56 !important
}

.navbar-vertical.collapsed .navbar-nav .nav-link {
    padding: 8px;
    text-align: center
}

.navbar-vertical .footer-sec h6 {
    padding-left: 1.5rem;
    white-space: nowrap
}

.main-content .container-fluid.pr-4 {
    padding-right: 1.3rem !important
}

.main-content .container-fluid.pl-4 {
    padding-left: 1.3rem !important
}

.shadow-xl {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%)
}

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

.store-img,
.store-img img {
    width: 30px;
    height: 30px;
    border-radius: 4px
}

.store-list .row {
    background-color: #f8f9fa;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.store-img img {
    padding: 3px
}

.store-img {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6e6e6
}

.store-list .row:hover {
    background-color: #fff;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 .1rem .1rem 0 rgb(0 0 0 / 10%);
    box-shadow: 0 .1rem .1rem 0 rgb(0 0 0 / 10%)
}

.store-footer {
    background: #fff;
    position: relative;
    text-align: center;
    padding: 7px;
    font-size: 14px;
    border-top: 1px solid #e4e4e4;
    z-index: 3
}

.store-footer .row,
footer.storesetup .btn .btn-inner--text {
    margin: 0
}

.store-footer p {
    font-weight: 500;
    color: #102c56
}

.store-list .row h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 21ch;
    overflow: hidden;
    font-weight: 400;
    font-size: .9rem
}

.store-list .row small strong.storename {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 25ch;
    overflow: hidden;
    display: block
}

#related .owl-carousel .owl-nav button.owl-next,
#related .owl-carousel .owl-nav button.owl-prev {
    width: 20px;
    border: 1px solid #869791;
    font-size: 25px
}

.featured-list h2 {
    font-size: 1.25rem
}

.featured-list h6 {
    font-size: .7rem
}

.featured-item-list,
.store-list {
    position: relative;
    height: 350px;
    overflow-y: auto;
    border-bottom: .5rem solid #fff;
    border-top: .5rem solid #fff
}

.featured-item-list .row {
    background-color: #f8f9fa;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.featured-item-list .item-img {
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6
}

.featured-item-list .item-img img {
    width: 60px;
    height: 60px;
    padding: 6px;
    border-radius: 10px
}

.featured-item-list .row h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 28ch;
    overflow: hidden;
    font-size: 1rem
}

.card.card-stats:hover .bg-light-yellow {
    background-color: #ffc107 !important
}

.card.card-stats:hover .bg-light-success,
.product_content .product_details #addToCartbtn .btn.added,
.single_product #addToCartbtn .btn.added {
    background-color: #17a00e !important
}

.card.card-stats:hover .bg-light-danger {
    background-color: #f41127 !important
}

.card.card-stats:hover .bg-light-info {
    background-color: #0dcaf0 !important
}

.store-list .row .col-sm-10,
.store-list .row .col-sm-2,
.store-list .row .col-sm-4,
.store-list .row .col-sm-8 {
    padding-left: 5px;
    padding-right: 5px
}

.inner-dropdown li a {
    color: #252323;
    font-size: 22px
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
    margin-top: 1rem
}

.app-box {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 26px;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: #f6f6f6
}

.bg-gradient-deepblue {
    background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc) !important;
    background: linear-gradient(45deg, #6a11cb, #2575fc) !important
}

.bg-gradient-orange {
    background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
    background: linear-gradient(45deg, #fc4a1a, #f7b733) !important
}

.bg-gradient-ohhappiness {
    background: -webkit-linear-gradient(45deg, #00b09b, #96c93d) !important;
    background: linear-gradient(45deg, #00b09b, #96c93d) !important
}

.bg-gradient-ibiza {
    background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
    background: linear-gradient(45deg, #ee0979, #ff6a00) !important
}

.bg-gradient-cosmic {
    background: linear-gradient(to right, #8e2de2, #4a00e0) !important
}

.bg-gradient-burning {
    background: linear-gradient(to top, #ff4b2b, #ff416c) !important
}

.bg-gradient-lush {
    background: linear-gradient(to right, #56ab2f, #a8e063) !important
}

.bg-gradient-kyoto {
    background: linear-gradient(to right, #f7971e, #ffd200) !important
}

.bg-gradient-blues {
    background: linear-gradient(to right, #56ccf2, #2f80ed) !important
}

.bg-gradient-moonlit {
    background: linear-gradient(to right, #722b36, #d8674d) !important
}

.bg-gradient-dark-green {
    background: linear-gradient(to right, #0c7475, #0eae57) !important
}

.bg-gradient-dark-purple {
    background: linear-gradient(to right, #6e2c6b, #d10074) !important
}

.bg-gradient-dark-red {
    background: linear-gradient(to right, #da0641, #f2d50f) !important
}

.app-title {
    font-size: 14px;
    margin-top: 10px
}

.row-cols-3 {
    min-width: 350px
}

.dataTables_wrapper .dataTables_filter input[type=search]::placeholder {
    padding-left: 35px
}

.dataTables_wrapper thead th.no-sort {
    background-image: none !important;
    pointer-events: none
}

.dataTables_wrapper .table .thead-light th,
.table .thead-light th {
    color: #102c56;
    font-size: .75rem;
    background-color: #f8f9fa
}

.storeicon img {
    width: 40px;
    height: 40px;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e6e6e6
}

#mobileCartLink #cartCount,
#mobileCartLink #cartCountmob {
    padding: 0;
    border-radius: 50%;
    position: absolute;
    font-size: 14px
}

.dataTables_wrapper table.dataTable tbody td {
    padding: 10px
}

.radius-30 {
    border-radius: 30px
}

.navbar.navbar-top .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
    color: #252323;
    font-size: 17px;
    display: inline-flex;
    align-items: center
}

.navbar.navbar-top .navbar-nav .nav-link i {
    font-size: 22px;
    top: 0;
    margin-right: 5px
}

.navbar.navbar-top .navbar-nav .dropdown-menu-arrow:before {
    width: 15px;
    height: 15px;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

#myTabContent.tab-content>.active {
    display: block;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%) !important
}

#settings h4.display-4,
form#restorant-apps-form h4.display-4 {
    font-size: .75rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    letter-spacing: .04em;
    text-transform: uppercase
}

#settings hr,
form#restorant-apps-form hr {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.dropdown-options {
    min-width: 380px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-left: 85px !important
}

#plan .tab-content {
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.dataTable .action .btn {
    min-width: 80px;
    border-radius: 15px
}

.guest-orders .card-body.px-2,
.main-content .container-fluid.p-0,
.no-padding {
    padding: 0 !important
}

.alert {
    padding-left: 50px;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.alert:before {
    font-family: boxicons !important;
    font-weight: 400;
    text-transform: none;
    font-size: 30px;
    position: absolute;
    left: 10px;
    top: 50%;
    line-height: 1;
    transform: translateY(-50%)
}

.featured_template .btn-icon,
.items_icon::before,
.pricing-badge h1,
.pricingtable h1,
.store_sec p,
table.dataTable>tbody>tr.child ul .dtr-data {
    text-transform: capitalize
}

.alert.alert-success:before {
    content: "\ec85"
}

.alert.alert-danger:before {
    content: "\ea83"
}

.featured_template .btn-use-temp {
    background: linear-gradient(180deg, #ff7b36 0, #ff3936 100%);
    box-shadow: -11px 10px 20px rgb(0 0 0 / 4%);
    color: #fff !important
}

.featured_template .btn-chs-temp {
    background: linear-gradient(0deg, #f6f7fa, #f6f7fa), linear-gradient(180deg, #ff7b36 0, #ff3936 100%);
    box-shadow: -11px 10px 20px rgb(0 0 0 / 4%);
    color: #000 !important
}

.featured_template .btn-icon {
    font-weight: 400;
    padding: .625rem 1.25rem .625rem .9rem;
    display: flex;
    align-items: center;
    min-width: 220px;
    gap: 5px;
    font-size: .875rem;
    margin-bottom: 20px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    transition: .2s ease-out
}

.featured_template .btn-icon .d-flex {
    overflow: hidden;
    max-height: 21px;
    width: 140px
}

.featured_template .btn-icon:hover {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -o-transform: translateX(70px);
    -ms-transform: translateX(70px);
    transform: translateX(70px);
    transition: .2s ease-out
}

.featured_template .btn-icon .nav-link-bottom-text {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    transition: .2s ease-out
}

.featured_template .btn-icon .nav-link-top-text,
.featured_template .btn-icon:hover .nav-link-bottom-text {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    opacity: 1;
    visibility: visible
}

.featured_template .btn-icon:hover .nav-link-bottom-text {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: .2s ease-out
}

.featured_template .btn-icon .nav-link-top-text {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: .2s ease-out
}

.featured_template .btn-icon:hover .nav-link-top-text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out
}

.card-stats .h2 small {
    font-size: 60%
}

.store_sec h2 {
    font-size: 1.5rem;
    color: #fff
}

.opening_hours_sec,
.store_sec p {
    font-size: 1rem;
    color: #fff
}

.footer.bg-dark-blue .copyright,
.footer.bg-dark-blue .copyright a {
    color: #d0d1d3
}

.footer.bg-dark-blue .nav .nav-item .nav-link {
    color: #d0d1d3 !important
}

.footer.bg-dark-blue h5 {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600
}

.store_sec h2:after {
    content: "";
    height: 1px;
    background-color: #fff;
    display: block;
    max-width: 90px
}

.contact_sec,
.minimum_sec,
.opening_hours_sec,
.payment_sec {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.content_icon {
    max-width: 40px
}

.content_text p {
    color: #fff;
    font-size: .9rem;
    margin-bottom: 5px
}

footer.footer.bg-dark-blue {
    background: url("/images/footer_bg_image.png") bottom/100% no-repeat, bottom/100% no-repeat #102f54;
    z-index: 1
}

#mobileCartLink #cartCountmob {
    top: 0;
    transform: translate(10px, -15px);
    font-weight: 500
}

#mobileCartLink #cartCount {
    top: 0;
    transform: translate(15px, -5px);
    font-weight: 500
}

#mobileCartLink {
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: .6rem;
    margin: 0;
    border: 1px solid #102c56;
    border-radius: .25rem;
    color: #102c56
}

.featured-item-list .cart_btn {
    font-size: .8rem;
    border: 1px solid #ff7b36;
    border-radius: 50rem;
    width: 100%;
    padding: 5px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #ff7b36;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    min-width: 100px;
    display: block;
    text-align: center
}

.featured-item-list .cart_btn:hover {
    color: #fff;
    background-color: #ff7b36
}

.featured-item-list .sale-discount {
    top: 0;
    left: 6px;
    transform: scale(.8)
}

.alert.alert-warning:before {
    content: "\ed98"
}

#totalPrices .card-stats .card-body {
    min-height: 65px;
    max-height: 100%;
    line-height: 1.7
}

.mobile-cart {
    position: absolute;
    right: 50px
}

.gap-5 {
    gap: 5px
}

.mm-collapse {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #ededed
}

.has-arrow {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    cursor: pointer;
    line-height: 42px;
    transition: .3s ease-out
}

.has-arrow i {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 1
}

.has-arrow.opendd i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.callOutShoppingButtonBottom #cartCount {
    position: absolute;
    top: 0;
    padding: 0;
    border-radius: 50%;
    transform: translate(30px, -10px);
    font-size: 14px;
    font-weight: 500
}

.invoice_summary .form-control {
    max-height: 30px;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 5px 10px
}

#desCartLink.cartbtn,
.circle1,
.circle2 {
    border: 1px solid var(--storecolor, #102c56)
}

.map {
    width: 100%;
    position: relative;
    height: 280px;
    background: #fff
}

.map>iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.form-login-body .login-det h5 {
    color: #03014c;
    font-size: 16px;
    font-family: Gilroy-Bold
}

.loginform .btn-danger:hover,
.loginform .btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #5381f8;
    border-color: #5381f8
}

#desCartLink.cartbtn {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: .6rem;
    margin: 0
}

#desCartLink.cartbtn i {
    font-size: 1.3rem;
    color: var(--storecolor, #102c56)
}

#modal-edit-payment .modal-lg,
#modal-edit-plan .modal-lg {
    height: 100%;
    background-color: #fff;
    margin: 0;
    max-width: 900px
}

#modal-edit-payment.modal.left .modal-dialog,
#modal-edit-plan.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#modal-edit-payment.modal.left .modal-content,
#modal-edit-plan.modal.left .modal-content {
    height: 100%;
    width: 900px;
    border: none
}

#modal-edit-payment.modal.fade .modal-dialog,
#modal-edit-plan.modal.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity .3s linear, left .3s ease-out;
    -moz-transition: opacity .3s linear, left .3s ease-out;
    -o-transition: opacity .3s linear, left .3s ease-out;
    transition: opacity .3s linear, left .3s ease-out
}

#modal-edit-payment.modal.left.fade.show .modal-dialog,
#modal-edit-plan.modal.left.fade.show .modal-dialog {
    left: 0
}

#modal-edit-payment .modal-header .close,
#modal-edit-plan .modal-header .close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #d3d3d3;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-weight: 300;
    position: absolute;
    top: 30px;
    right: 30px
}

.product_content .product_details .quantity-area {
    padding-top: 0;
    border: 0;
    margin-top: 0;
    display: flex !important;
    z-index: 1;
    position: relative
}

.product_content .product_details .number-input button {
    width: 2rem;
    height: 2rem
}

.product_content .product_details .number-input input[type=number] {
    height: 2rem;
    font-size: .9rem
}

.product_content .product_details #addToCartbtn .btn {
    width: 100%;
    height: 2rem;
    padding: 0;
    min-width: 2rem
}

.single_product .quantity-area {
    align-items: flex-start;
    justify-content: flex-start;
    border: none
}

.single_product .product_description #addToCartbtn .btn {
    width: 45px;
    height: 45px
}

.featured-list .quantity-area {
    margin-top: 0;
    padding-top: 0;
    justify-content: center
}

.single_product #addToCartbtn.select-option .btn {
    width: 100%;
    max-width: 200px
}

.product_details .quantity-area {
    display: flex;
    margin-top: 0;
    align-items: flex-end;
    gap: 10px;
    justify-content: center;
    padding-top: 0;
    border: none
}

footer.checkout .nav .nav-item .nav-link,
footer.checkout .nav .nav-item .nav-link:hover {
    color: #525f7f !important
}

.bg-light {
    background-color: #e6e6e64f !important
}

.timeline-block {
    margin: .5em 0
}

.guest-orders .font-weight-bold,
.guest-orders a,
.guest-orders h5,
.guest-orders h6 {
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.guest-orders .font-weight-bold {
    font-family: Poppins, sans-serif;
    font-weight: 400 !important
}

.billed-sec .border-dashed {
    border: 2px dashed #d3d3d3
}

.billed-sec .border-dashed-right {
    border-right: 2px dashed #d3d3d3
}

.items_icon.bg-red:after,
.items_icon:after {
    border-color: #f3971f transparent transparent
}

#variations_table th:last-child,
.variants-table th:last-child {
    position: sticky;
    right: 0
}

#variations_table td:last-child,
.variants-table td:last-child {
    position: sticky;
    right: 0;
    background-color: #fff
}

#variations_table td input,
.variants-table td input {
    padding: .5rem;
    height: 2rem
}

#exrtas-area-inside .strikethrough,
#extras_group .strikethrough {
    cursor: not-allowed;
    opacity: .5
}

#exrtas-area-inside .strikethrough label,
#extras_group .strikethrough label {
    pointer-events: none
}

#exrtas-area-inside .strikethrough .custom-control-label::before,
#extras_group .strikethrough .custom-control-label::before {
    transition: none;
    content: "\f00d";
    display: inline-block;
    font: 16px/1 FontAwesome;
    color: red;
    text-align: center;
    opacity: .7
}

#deletednotif,
.items_icon::before {
    right: 0;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.items_icons_sec {
    position: absolute;
    top: 0;
    left: 0
}

.items_icon {
    background-color: #f3971f;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative
}

.items_icon.bg-red {
    background-color: #f3971f !important
}

.items_icon.bg-blue {
    background-color: #43d24e !important
}

.items_icon::before {
    width: 90px;
    padding: .25rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    content: attr(data-title);
    position: absolute;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    top: -20px;
    transition: .3s;
    font-size: .7rem;
    height: 25px
}

#liveorders .card-header,
.accordion .card-body {
    background-color: transparent;
    padding: 1rem
}

.items_icon:after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 26px;
    border-style: solid;
    border-width: 5px 5px 0
}

.items_icon.bg-blue:after {
    border-color: #43d24e transparent transparent
}

.footer.checkout .copyright,
.form-control option:not(:disabled),
.payment-descp p {
    color: #525f7f
}

.select2-container--default {
    width: 100% !important;
    padding-bottom: 5px !important
}

#liveorders .card .card-header .btn-header-link {
    display: block;
    padding: 0;
    text-align: left;
    box-shadow: none !important;
    text-transform: uppercase
}

#liveorders .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right
}

#liveorders .card .card-header .btn-header-link.collapsed:after {
    content: "\f106"
}

#guest_order_section .table tbody,
#guest_order_section .table td .table,
#guest_order_section .table td .table td,
#guest_order_section .table td .table th,
#guest_order_section .table thead,
#liveorders .card .collapse,
#tabs-plugins.nav-pills .nav-item:last-child .nav-link {
    border: 0
}

#liveorders .list-group .card .card-header .btn-header-link {
    text-transform: capitalize;
    font-weight: 400;
    color: #1e232c
}

#liveorders .card-header .blob {
    position: absolute;
    right: 1.5rem;
    top: 2rem
}

#liveorders .list-group .card-header {
    border: 0;
    padding: .5rem
}

#st-1 .st-btn>span,
.dataTables_wrapper table.dataTable tbody td.emptytask:before,
.storesetup #lat-error,
.swiper-container .hide_content_sm_0 {
    display: none !important
}

#liveorders .card .card-header h5 .badge {
    position: absolute;
    right: 3rem;
    top: 1rem
}

#go-button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0
}

:fullscreen .navbar-vertical.navbar-expand-md.fixed-left.collapsed+.main-content {
    margin-left: 0
}

:-webkit-full-screen #fullscreen {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    margin: 0;
    position: fixed;
    overflow-y: scroll
}

:-moz-full-screen #fullscreen {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    margin: 0;
    position: fixed;
    overflow-y: scroll
}

:-ms-fullscreen #fullscreen {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    margin: 0;
    position: fixed;
    overflow-y: scroll
}

:fullscreen #fullscreen {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    margin: 0;
    position: fixed;
    overflow-y: scroll
}

#exTab2 h3,
#exTab3 .tab-content {
    background-color: #428bca
}

#go-button i {
    font-size: 1.3rem
}

.kitchenitems {
    background-color: #f1f1f28a;
    margin: 1rem 0 0;
    padding: 1rem;
    border-radius: 10px
}

.btnqc,
.dynamic-field .staresd {
    margin-bottom: .5rem
}

.custom-toggle.item-toggle {
    width: 40px;
    height: 1.1rem
}

.item-toggle .custom-toggle-slider:before {
    width: 12px;
    height: 12px
}

.item-toggle.custom-toggle input:checked+.custom-toggle-slider:before {
    transform: translateX(1.355rem)
}

.items_sec .alert {
    color: #102c56;
    background-color: rgb(16 44 86 / 12%);
    border: 0;
    border-radius: 0
}

.items_sec .alert button.btn {
    min-width: 90px;
    font-size: .85rem;
    text-align: left;
    border-radius: 5px;
    font-weight: 500
}

.items_sec .alert .btn i,
.order_delivery_item .tooltip {
    font-size: 16px
}

.btnqc {
    padding: .5rem;
    min-width: 60px
}

#deletednotif {
    position: absolute;
    bottom: 10%;
    visibility: hidden;
    transition: .3s;
    -webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
    -o-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%)
}

#deletednotif.show,
.top_card .price {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

#deletednotif.show {
    opacity: 1;
    visibility: visible;
    transition: .3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.bg-cnt {
    background: #112c57;
    border-radius: 35px;
    max-width: 1100px;
    margin: 0 auto
}

.features-banner {
    position: absolute;
    top: 164px;
    right: 83px
}

.restaurant-banners-2 {
    position: absolute;
    top: 125px;
    z-index: 2;
    left: -8px
}

.srt-sec .fullyloaded_box {
    background: #f9f9f9 !important
}

.topslider {
    position: absolute;
    top: 60px
}

#exTab1 .tab-content,
#exTab1-table .tab-content {
    border: 1px solid #dfe6f0;
    padding: 10px 0
}

.position-relative .remove-button {
    margin-top: 1rem
}

#exTab1 .nav-pills>li>a,
#exTab1-table .nav-pills>li>a {
    border-radius: 0
}

#exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0
}

#exTab3 .tab-content {
    padding: 5px 15px
}

#exTab1 .nav>li,
#exTab1-table .nav>li {
    width: 17%;
    border-right: 1px solid #2d548e
}

#exTab1 .nav>li>a,
#exTab1-table .nav>li>a {
    position: relative;
    display: block;
    padding: 13px 3px;
    background-color: #dfe6f0;
    color: #2d548e;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    text-align: center
}

#exTab1-table .nav>li {
    width: 25%;
    border-right: 1px solid #2d548e
}

#exTab1 .nav>li:last-child,
#exTab1-table .nav>li:last-child {
    border-right: none
}

#exTab1 .nav-pills>li.active>a,
#exTab1 .nav-pills>li.active>a:focus,
#exTab1 .nav-pills>li.active>a:hover,
#exTab1-table .nav-pills>li.active>a,
#exTab1-table .nav-pills>li.active>a:focus,
#exTab1-table .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #2d548e
}

.dynamic-field+.dynamic-field {
    margin-top: 10px
}

@media (min-width:1200px) {
    .sidenav-cart {
        max-width: 400px
    }

    .userroles .col-xl-2 {
        max-width: 20%;
        flex: 0 0 20%
    }

    .position-xl-static {
        position: static !important
    }

    .position-xl-relative {
        position: relative !important
    }

    .position-xl-absolute {
        position: absolute !important
    }

    .position-xl-fixed {
        position: fixed !important
    }

    .position-xl-sticky {
        position: sticky !important
    }
}

@media (min-width:768px) {
    .sidenav-cart {
        max-width: 430px
    }

    .product_name {
        line-height: 40px
    }

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

    .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
        overflow-y: auto;
        max-height: 80vh;
        position: relative;
        padding-right: .2rem
    }

    .navbar-vertical.collapsed .sidebar-header .sidebar-icon {
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        -o-transition: .2s ease-out;
        -ms-transition: .2s ease-out;
        transition: .2s ease-out;
        opacity: 1;
        visibility: visible
    }

    .navbar-vertical.collapsed .sidebar-header .sidebar-logo {
        -webkit-transform: translateX(-215px);
        -moz-transform: translateX(-215px);
        -o-transform: translateX(-215px);
        -ms-transform: translateX(-215px);
        transform: translateX(-215px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        -o-transition: .2s ease-out;
        -ms-transition: .2s ease-out;
        transition: .2s ease-out
    }

    .header .nav-pills .nav-link {
        padding: .65rem
    }

    .header .nav-pills .nav-item {
        margin-bottom: .5rem
    }

    .pl-md-7 {
        padding-left: 6rem !important
    }

    .border-md-right {
        border-right: 1px solid #e9ecef !important
    }

    .border-md-0 {
        border: 0 !important
    }

    .position-md-static {
        position: static !important
    }

    .position-md-relative {
        position: relative !important
    }

    .position-md-absolute {
        position: absolute !important
    }

    .position-md-fixed {
        position: fixed !important
    }

    .position-md-sticky {
        position: sticky !important
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }

    footer.storesetup .mobile-footer a,
    footer.storesetup .mobile-footer button {
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 5px 0;
        color: #102c56;
        font-size: 24px;
        text-align: center;
        text-decoration: none;
        flex: 1 0 20%;
        z-index: 1;
        outline: 0;
        border: none;
        background-color: #fff
    }

    footer.storesetup .mobile-footer {
        display: flex;
        width: 100%;
        height: 55px;
        color: #fff;
        font-size: 1rem;
        padding: 0;
        z-index: 100;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        overflow: hidden
    }

    footer.storesetup .indicator-2 {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: 55px;
        background: url(/images/icons/indicator.svg) center center/contain no-repeat
    }

    footer.storesetup .mobile-footer .active .indicator-2 {
        opacity: 1;
        visibility: visible
    }

    footer.storesetup .mobile-footer .icondiv {
        width: 45px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 50%;
        border-color: #102c56;
        background-color: #102c56;
        color: #fff
    }

    #modal-store-login .modal-md {
        max-width: 690px
    }

    .swiper-container .hide_content_md_0 {
        display: none !important
    }

    .swiper-container .hide_content_md_1 {
        display: flex !important
    }
}

@media only screen and (min-width:576px) {
    .sidenav-cart {
        max-width: 430px
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }
}

@media only screen and (max-width:996px) {
    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    #exTab1 .nav>li {
        width: 50%
    }

    #exTab1-table .nav>li {
        font-size: 14px
    }

    .mobile-menu {
        display: block
    }

    .web-menu {
        display: none
    }

    .sticky {
        top: 70px
    }

    .container-restorant.filter_area {
        flex-direction: column;
        padding: 0 5px;
        align-items: normal
    }

    nav.tabbable {
        max-width: 100%
    }

    .product_search {
        width: 100%
    }

    .navbar-nav .btn::before {
        left: -100%
    }

    .main-content .container-fluid.pl-md-0 {
        padding-left: 0 !important
    }

    .main-content .container-fluid.pr-md-0 {
        padding-right: 0 !important
    }
}

@media (max-width:768px) {
    #exTab1 .nav>li {
        width: 50%
    }

    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    .ctr-cls {
        justify-content: center
    }

    .panel.panel-default .ctr-cls {
        justify-content: start
    }

    .navbar.navbar-vertical>.container-fluid {
        justify-content: space-between
    }

    .navbar-vertical .sidebar-header {
        border-bottom: none;
        width: 70%
    }

    #res_menagment .nav-item,
    #settings .nav-item {
        width: 100%;
        max-width: 50%;
        padding-right: .5rem;
        margin-bottom: .5rem;
        text-align: left
    }

    #settings .nav-pills .nav-link {
        padding: .75rem
    }

    #res_menagment.nav-pills .nav-link {
        padding: .75rem;
        text-align: left;
        justify-content: flex-start
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
        overflow-y: auto;
        max-height: 70vh;
        position: relative;
        padding-right: .5rem
    }

    .tab-content .card-header .btn {
        min-width: 100px;
        margin-bottom: .5rem;
        margin-right: .5rem
    }

    .input-group .form-control:not(:last-child) {
        padding-right: .75rem;
        border-right: 1px solid #cad1d7;
        border-top-right-radius: .375rem;
        border-bottom-right-radius: .375rem
    }

    #work_hour .custom-checkbox {
        margin-bottom: .5rem
    }

    #work_hour .display-4 {
        line-height: 1
    }

    .card-deliverytypedinein #cart_head.card-content .custom-control {
        width:32%;
        margin-right: 0;
        margin-bottom: 20px !important
    }

    .card-deliverytypedinein .card-content,
    .container-restorant.filter_area {
        flex-direction: row;
        justify-content: space-around;
    }

    nav.tabbable {
        max-width: 100%
    }

    #footer-pages li {
        width: 100%;
        position: relative
    }

    .footer.bg-dark-blue .nav .nav-item .nav-link {
        padding: .2rem
    }

    .copyright {
        text-align: center;
        margin-top: 20px
    }

    #modal-edit-payment.modal.left .modal-content,
    #modal-edit-plan.modal.left .modal-content,
    .container-restorant .right_side,
    .container-restorant .right_side .product_search {
        width: 100%
    }

    .form-login-body .login-desk>.row {
        flex-direction: column-reverse
    }
}

#restorant-form #selecttheme input[type=radio]:checked+label::after {
    color: #102f54;
    font-family: FontAwesome;
    border: 2px solid #1dc973;
    content: "";
    font-size: 12px;
    position: absolute;
    top: 14px;
    left: 9px;
    height: 18px;
    width: 18px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px -2px rgb(0 0 0 / 25%);
    font-weight: 200
}

.featured_box {
    display: flex;
    position: relative;
    padding-bottom: 0
}

.featured_box h5 {
    font-size: .95rem;
    padding-left: 1.35rem;
    padding-top: .15rem
}

.templatecard {
    display: inline-block;
    margin: 1rem;
    width: calc(33% - 2rem)
}

.templatecard .store-thumb {
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 0 1.15rem 1rem;
    max-height: 400px
}

#selecttheme input[type=radio]:checked+label {
    border: 2px solid #20df80;
    background: #f7fafc !important;
    box-shadow: 0 0 20px rgb(0 255 128 / 75%)
}

.templatecard:hover .store-thumb img {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.templatecard .store-thumb img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

.featured_box::after {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1.5px solid gray;
    position: relative;
    top: -19px;
    left: 2px;
    z-index: 0
}

@media only screen and (max-width:768px) {
    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    .callOutShoppingButtonBottom,
    .card-status-history-driver,
    .navbar-light .navbar-toggler-icon i,
    .navbar-vertical .sidebar-header .sidebar-icon,
    .orders-filters,
    .table-web {
        display: none
    }

    .masthead {
        height: 250px;
        min-height: 250px;
        background-position: 80% 100%
    }

    .masthead.mt--100 {
        margin-top: -100px
    }

    .masthead .page-title {
        font-size: 1.5rem
    }

    .info-block,
    .qrbuilder-box {
        flex-direction: column
    }

    .cart-page .px-4 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    section.cart-page {
        padding-top: 1rem
    }

    .cart-page .mt--200 {
        margin-top: 10px
    }

    .form-login-body .login-desk .loginform {
        padding: 10px
    }

    .product-col .strip {
        padding: 5px;
        margin-bottom: 5px
    }

    .strip figure {
        height: auto
    }

    .strip figure .nopreview {
        min-height: 140px
    }

    .strip #addToCart1 {
        position: absolute;
        right: 10px;
        bottom: 65px;
        z-index: 99
    }

    .product-col .strip .res_mimimum,
    .strip .res_title {
        margin-bottom: 5px
    }

    .strip .product_content .product_details {
        width: 100%
    }

    #variants-area-inside .btn-group .btn {
        width: 45%;
        flex: 1 1 45%;
        max-width: 45%
    }

    .classic_mob_header {
        padding-bottom: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        position: relative;
        background-color: #fff;
        z-index: 7
    }

    .nav-pills:not(.nav-pills-circle) .nav-item {
        padding-right: 0;
        margin-bottom: 5px;
        text-align: left
    }

    .container-restorant.filter_area .right_side {
        padding: 0 12px
    }

    .featured_template img {
        max-width: 120px
    }

    .detail-box {
        padding-right: 15px
    }

    .form-register-body .register-desk .registerform {
        padding: 15px
    }

    .form-register-body .register-desk .registerform .card-header {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .form-register-body .register-desk .registerform .card-body {
        padding: 0
    }

    .qr-action {
        margin-left: 0 !important;
        margin-top: 2rem;
        align-items: center
    }

    .bottom_footer .col-md-6 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .main-content .navbar-top {
        height: 60px;
        padding: 0 10px !important;
        position: relative
    }

    .navbar-vertical .sidebar-header .sidebar-logo {
        order: 2;
        margin-left: auto
    }

    .navbar-light .navbar-toggler {
        order: 1;
        margin-left: 0 !important
    }

    .navbar.navbar-vertical>.container-fluid {
        justify-content: space-between
    }

    .navbar-vertical .sidebar-header {
        border-bottom: none;
        width: 70%
    }

    .navbar-vertical {
        padding: .5rem
    }

    .navbar-vertical .sidebar-header .sidebar-logo img {
        max-height: 40px
    }

    .navbar-vertical.collapsed .footer-sec,
    .navbar-vertical.collapsed .menu-title {
        display: block
    }

    .main-content .header.pt-5 {
        padding-top: 3rem !important
    }

    .main-content .header.pb-6 {
        padding-bottom: 3rem !important
    }

    .store-list .row .col-sm-4 {
        max-width: 33.33333%;
        flex: 0 0 33.33333%
    }

    .store-list .row .col-sm-8 {
        max-width: 66.66667%;
        flex: 0 0 66.66667%
    }

    .store-list .row .col-sm-2 {
        max-width: 16.66667%;
        flex: 0 0 16.66667%
    }

    .store-list .row .col-sm-10 {
        max-width: 83.33333%;
        flex: 0 0 83.33333%
    }

    .navbar.navbar-top .navbar-nav .nav-link {
        padding: 0 .8rem 0 0
    }

    .navbar.navbar-top .navbar-nav .dropdown-menu {
        position: absolute
    }

    .row-cols-3 {
        margin: 0
    }

    .header .nav-pills .nav-link {
        text-align: left;
        justify-content: flex-start
    }

    @media (min-width:566px) and (max-width:767px) {
        .templatecard {
            display: inline-block;
            margin: .5rem;
            width: calc(49% - 15px)
        }
    }

    @media (min-width:922px) and (max-width:1814px) {
        .templatecard {
            display: inline-block;
            margin: .75rem;
            width: calc(46% - 10px)
        }
    }

    @media (min-width:997px) and (max-width:1200px) {
        .templatecard {
            display: inline-block;
            margin: .5rem;
            width: calc(33% - 16px)
        }
    }

    #menagment .card-header .col-4,
    #menagment .card-header .col-8 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .input-group>.custom-select:not(:last-child),
    .input-group>.form-control:not(:last-child) {
        border-top-right-radius: .375rem;
        border-bottom-right-radius: .375rem;
        border-right: 1px solid #cad1d7
    }

    .featured-item-list .cart_btn {
        margin: 10px auto 0;
        max-width: 100px
    }

    #cartList .info-block>.row {
        max-width: 120px;
        background-color: #ff7b36;
        overflow: hidden
    }

    .page-link {
        width: 35px;
        height: 40px
    }

    .btn-cart-icon {
        font-size: 20px !important
    }

    .info-block {
        flex-direction: row;
        padding-bottom: 10px
    }

    #cartList .info-block>.row .page-link:first-child {
        order: 1;
        background-color: #ff7b36;
        color: #fff !important
    }

    #cartList .info-block>.row .page-link:nth-child(2) {
        order: 3;
        background-color: #ff7b36;
        color: #fff !important
    }

    #cartList .info-block>.row .page-link:nth-child(3) {
        order: 2
    }

    #res_menagment .nav-item {
        max-width: 100%
    }

    .color-picker-panel {
        width: 100% !important
    }
}

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

    .page-item.active,
    .page-item:first-child,
    .page-item:last-child,
    .templatecard {
        display: block
    }

    #itemadd #dynamic-field-1 {
        margin: .5rem 0 1rem
    }

    #exTab1 .nav>li {
        width: 50%
    }

    #exTab1-table .nav>li {
        font-size: 13px
    }

    .templatecard {
        margin: 0;
        width: 100%
    }

    li.page-item {
        display: none
    }

    .nav-pills .nav-item {
        margin-bottom: 0
    }

    .classic_mob_header p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .product-col .strip .cart_btn {
        font-size: 10px;
        font-weight: 600;
        height: 30px;
        max-width: 100px;
        margin-bottom: 5px
    }

    .minicart-content .info-block {
        flex-direction: row
    }

    .minicart-content .info-block>.d-block,
    .minicart-content .info-block>.row {
        width: 100%
    }

    .nav-pills .nav-link {
        padding: .7rem
    }

    .tabbable .nav-pills .nav-link {
        min-width: 90px
    }

    #settings .nav-item {
        max-width: 100%
    }
}

#enquirebtn,
.price .card-footer .btn {
    min-width: 200px
}

@media only screen and (max-width:480px) {
    .templatecard {
        display: block;
        margin: 0;
        width: 100%
    }

    #exTab1 .nav>li {
        width: 50%
    }

    #exTab1 .nav>li>a {
        padding: 13px 10px
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }

    .minicart-content .minicart-list>li.minicart-product .product-item_content a.product-item_title {
        font-size: 14px
    }

    .form-login-body .carrousel li p,
    .form-register-body .carrousel li p {
        padding-left: .5em;
        padding-right: .5em
    }

    .form-login-body .carrousel li img,
    .form-register-body .carrousel li img {
        width: 100%
    }

    .main-content .container-fluid.pl-4 {
        padding-left: 15px !important
    }

    .main-content .container-fluid.pr-4 {
        padding-right: 15px !important
    }

    #liveorders .card-header .blob {
        top: 2.5rem
    }

    .footer.checkout .copyright {
        color: #525f7f
    }

    .login-det .btn-wrapper .btn {
        min-width: 200px;
        margin: .5rem auto
    }

    .items_sec .alert button.btn {
        min-width: auto
    }
}

.pricing h2 {
    color: #102f54;
    font-family: Gilroy-Bold;
    font-size: 2.3rem;
    margin-bottom: 20px
}

.price {
    border-radius: 1rem !important
}

.text-40 {
    font-size: 4rem
}

@media only screen and (width:768px) and (height:1024px) and (orientation:portrait) {
    .seo-sub .seo-width {
        right: 210px
    }

    #itemadd #dynamic-field-1 {
        margin: .5rem 0 1rem
    }

    .templatecard {
        display: block;
        margin: 1rem;
        width: 100%
    }
}

@media only screen and (width:820px) and (height:1180px) and (orientation:portrait) {
    .seo-sub .seo-width {
        right: 210px
    }
}

@media (min-width:981px) {
    .pos-cls {
        position: absolute;
        right: 0;
        top: -4px;
        align-items: center;
        margin: 10px 0;
        z-index: 1;
        padding-right: 0
    }

    .pos-cls .form-group {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .pos-cls .form-control-label {
        width: 204px
    }

    .pos-cls .form-control {
        height: calc(2.5rem + 2px)
    }
}

#bulkform {
    z-index: 0
}

.contact-support,
.plugin-btn-info .btn:disabled,
.plugin_btn:disabled {
    cursor: not-allowed
}

.contact-support:after {
    content: "CONTACT SUPPORT";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: #102f54;
    font-weight: 700;
    font-size: 24px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(16 47 84 / 10%)
}

.progressdiv:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    transform: translate(-50%, -50%);
    content: attr(data-count);
    font-weight: 600
}

.progressdiv .progress {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    transform: rotate(-90deg) rotateX(180deg);
    width: 120px;
    height: 120px;
    background-color: #fff;
    border: none;
    box-shadow: none
}

.progressdiv .progress circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s;
    stroke: #102c56;
    stroke-width: 5px
}

.progressdiv .progress .bar {
    stroke: #e2e5ea
}

.store-list .row.no-hover:hover {
    background-color: #fff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.pricingTable .holder:hover,
.top_card .price:hover {
    transform: translateY(-5px)
}

.plan-header,
.plan-header p,
.plan-section,
.plan-section .card-body p:first-child,
.plan-section .card-body:nth-child(2) p,
.plan-title h3,
.price .card-body,
.price-table strong,
.price-table tbody td,
.price-title,
.pricing,
.pricing .card-text,
.pricing p,
.pricing span,
.pricing sup,
.pricing-badge h1,
.pricing-badge span,
.pricing-badge strong,
.pricing-badge sup,
.pricing-btn .btn-outline-secondary,
.pricing-btn .btn-primary-grad,
.pricing-cont,
.rupee {
    font-family: Roboto;
    letter-spacing: 0
}

.cart-content #timeslot,
.checkout-fields .form-group,
.right-cart #coupon_code,
.right-cart .form-group {
    font-family: Poppins, sans-serif !important
}

.top_card .pricing h2 {
    color: #2d548e;
    font-family: Roboto;
    font-size: 1.3rem;
    margin-bottom: 0;
    text-transform: uppercase
}

.no-border .card,
.no-border .price {
    border: none !important;
    border-radius: 10px !important
}

.top_card .price {
    border-radius: 10px !important;
    border: 1px solid rgba(30, 69, 126, .5);
    transition: .3s;
    overflow: hidden
}

.price .card-body {
    padding: 20px 15px !important
}

#enquirebtn,
.paymentmethods .custom-radio .paymenttype_descr p,
.pricing .card-text,
.pricing p,
.pricing span {
    font-size: .8rem
}

.plugins-filter-list li a.current,
.pricing p,
.pricing span,
.right-cart #totalPrices .total_price {
    font-weight: 600
}

#guest_order_section .card.store-info h4,
.pricing .card-text {
    line-height: 1.7
}

.pricing-cont {
    font-size: 1.7rem;
    color: #102f54
}

.price-table strong {
    font-size: 2rem;
    color: #2d548e
}

.price-table strong,
.pricing-cont {
    font-weight: 700;
    letter-spacing: -1px
}

.pricing sup {
    top: -10px;
    left: 5%;
    color: #77859a;
    position: absolute;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: -1px
}

.pricing-btn .btn-outline-secondary {
    border-color: #77859a;
    color: #102f54
}

.pricing-btn .btn-outline-secondary,
.pricing-btn .btn-primary-grad {
    padding: 10px 18px !important;
    margin-top: 1.5rem !important;
    font-size: 1rem;
    font-weight: 600
}

.rupee {
    font-size: 15px;
    text-align: center
}

.pb-22 {
    padding-bottom: 4rem
}

.top_card .price:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border: 1px solid rgba(30, 69, 126, .8);
    box-shadow: none;
    z-index: 1;
    transition: .3s;
    background-color: #f6f9fd
}

.price-title {
    margin-top: 2rem !important;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2.5rem;
    z-index: 1
}

.pricing-badge {
    background-color: #f6f7fa;
    border-radius: 8px;
    color: #2d548e;
    border: none;
    z-index: 1;
    margin: 0 auto 2rem;
    padding: 1.4rem 0;
    width: 90%
}

.pricing-badge h1 {
    font-size: 1.2rem;
    color: #2d548e;
    margin-bottom: 0
}

.pricing-badge span,
.pricing-badge sup {
    font-size: .7rem;
    text-transform: uppercase
}

.pricing-badge span {
    text-transform: lowercase;
    opacity: .7
}

.pricing-badge strong {
    font-size: 1.5rem;
    color: #2d548e
}

.pricing-badge.bg-highlight {
    background-color: #fff3ec
}

.price-table tbody td {
    color: #2d548e;
    font-size: 1.1rem;
    font-weight: 600 !important
}

.price .top_header {
    background-color: #f6522a;
    color: #fff;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    top: -20px;
    width: 100%
}

.table-section {
    z-index: 0;
    position: relative;
    padding-top: 1rem
}

.price:hover h2,
.price:hover h6,
.price:hover strong,
.price:hover sup,
.pricing-cont:hover {
    border: none
}

.price-table thead.enablesticky tr {
    z-index: 3;
    position: fixed;
    top: 5rem;
    background: #fafafa;
    box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
    left: 0;
    width: 100%;
    display: flex
}

.price-table thead.enablesticky tr th:first-child {
    width: 30%;
    display: inline-block
}

.price-table tbody td:first-child {
    width: 25% !important
}

.price-table thead.enablesticky tr th:nth-child(2),
.price-table thead.enablesticky tr th:nth-child(3),
.price-table thead.enablesticky tr th:nth-child(4) {
    width: 18%;
    display: inline-block;
    padding: 0
}

.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(2),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(3),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(4),
.price-table.restaurant-price-table thead.enablesticky tr th:nth-child(5) {
    width: 17%;
    display: inline-block;
    padding: 0
}

.enablesticky .pricing-badge {
    border-radius: 0;
    margin: 0;
    max-width: 100%
}

.pricingbg {
    padding-bottom: 2rem;
    padding-top: 3rem
}

.icon-md i {
    font-size: 1.5rem;
    line-height: 1
}

.plan-section .card-header {
    background: #f0f2f5;
    border: .825885px solid #e8eaf0;
    border-radius: 6.60708px 6.60708px 0 0
}

.plan-header h3 {
    font-size: 1.5rem;
    color: #102f54
}

.plan-section .card-body p:first-child {
    color: #102c56;
    font-size: .9rem;
    font-weight: 600
}

.plan-section .card-body:nth-child(2) p {
    color: #102c56;
    font-size: 1rem
}

.plan-section .card-body:nth-child(2) p strong {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 600
}

.plan-section .card-body {
    background-color: #fff !important
}

.plan-title h3 {
    font-size: 1.65rem;
    color: #2d548e
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.pt-90 {
    padding-top: 90px !important
}

.readon {
    position: relative;
    display: inline-block !important;
    background: #102f54;
    padding: 14px 30px;
    line-height: normal;
    color: #fff !important;
    transition: .3s;
    border-radius: 30px;
    text-transform: capitalize !important;
    cursor: pointer;
    box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, .1)
}

.readon:focus,
.readon:hover {
    background: #242526
}

.inner {
    width: 100%;
    float: left;
    position: relative
}

.pricingTable .holder {
    background: #fff;
    box-shadow: 1px 20px 12px -15px rgba(0, 0, 0, .2);
    padding: 40px 15px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .05);
    transition: .5s
}

.pricingTable .holder .hdng p {
    font-size: 28px;
    font-weight: 700;
    color: #242526
}

.pricingTable .holder .img img {
    width: 70%
}

.pricingTable .holder .price p {
    color: #102f54;
    margin-bottom: 25px
}

.pricingTable .holder .price p b {
    font-size: 40px;
    font-weight: 700
}

.pricingTable .holder .price p span {
    font-size: 18px
}

.pricingTable .holder .info p {
    margin-bottom: 15px;
    color: #242526;
    font-weight: 14px
}

.pricingTable .holder.active .readon {
    background: #fff;
    color: #102f54 !important
}

.pricingTable .holder.active .readon:hover {
    background: #242526;
    color: #fff !important
}

.pricingTable .tabsBtnHolder ul {
    float: left;
    display: block;
    width: 100%;
    max-width: 326px;
    border-radius: 1.6666666667rem;
    margin: 0 auto 40px;
    background: #102f54;
    text-align: center;
    position: relative
}

.pricingTable .tabsBtnHolder ul li {
    float: left;
    width: calc(100% / 2);
    display: inline-block;
    transition: .4s
}

.pricingTable .tabsBtnHolder ul li p {
    color: #fff;
    padding: 10px 15px;
    z-index: 10;
    position: relative;
    cursor: pointer;
    font-weight: 600
}

.pricingTable .tabsBtnHolder ul li.indicator {
    position: absolute;
    top: 50%;
    left: 5px;
    background: #fff;
    height: calc(100% - 10px);
    transform: translateY(-50%);
    border-radius: 1.5333333333rem;
    width: 150px;
    z-index: 9
}

.pricingTable #yearly:before {
    content: "";
    background: url(/images/yearly-offer-icon.png) 0 0/contain no-repeat;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 45px;
    bottom: -20px;
    transform: rotate(65deg)
}

.pricingTable #yearly span.ba-offer {
    position: absolute;
    width: 110px;
    background: #ff7b36;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    bottom: -25px;
    right: -70px;
    font-size: 13px;
    font-weight: 500
}

@media only screen and (max-width:996px) {
    .price .card-footer .btn {
        min-width: 100%
    }
}

@media only screen and (max-width:540px) {
    .pricingTable #yearly span.ba-offer {
        right: 50px
    }

    .pricingTable #yearly:before {
        right: 20px;
        transform: rotate(290deg) scaleX(-1)
    }
}

#calendar .fc-state-default {
    background-color: #102c56;
    border-color: #e2e5ea;
    color: #fff;
    background-image: none
}

#calendar .fc-state-default.fc-state-active {
    opacity: .7
}

.text-wrap {
    white-space: normal !important
}

#event_detail .card .table th {
    width: 35%
}

.card .table th {
    padding-right: 10px;
    padding-left: 10px
}

.left-cart .bg_skyblue {
    background-color: #e8ebf5 !important
}

.cart-content h3,
.cart-header h3 {
    font-size: 1.25rem;
    font-family: Poppins, sans-serif;
    text-transform: capitalize;
    font-weight: 500
}

.bg_skyblue {
    background-color: #e8ebf5
}

.cart-header h3,
.cart-title h3 {
    color: #2d548e !important
}

#totalPrices h3,
.areadelivery .cart-title h5,
.cart-header h3,
.cart-title h3,
.coupon-title h3 {
    font-family: Poppins, sans-serif;
    text-transform: capitalize;
    font-size: 1.1rem;
    font-weight: 600
}

#totalPrices h3,
.coupon-title h3 {
    color: #000 !important
}

#addressBox .select2-container--default {
    padding-bottom: 0 !important
}

.card-content .custom-radio.custom-control label {
    color: #2d548e;
    background: #fff;
    border: 1px solid rgba(45, 84, 142, .2);
    text-align: center;
    padding: 5px 25px;
    font-size: 1rem;
    font-weight: 500;
    width: 120px;
    justify-content: center;
    margin-bottom: 0;
    line-height: 2
}

.card-content .custom-radio.custom-control input[type=radio]:checked+label,
.previous_order_list .custom-radio.custom-control input[type=radio]:checked+label {
    color: #fff;
    border: 1px solid #2d548e;
    background: #2d548e
}

.card-content .custom-control {
    padding-left: 0 !important
}

.cart-content #cartList .product-item_title {
    color: #102f54;
    font-family: Poppins;
    font-weight: 500;
    font-size: .95rem;
    margin-bottom: 0
}

.cart-content #cartList .table thead {
    background: #2d548e;
    color: #fff;
    font-size: 1rem
}

.cart-content #cartList .table .table-light {
    background: #f6f7fa;
    border: 1px solid #d6dbe2
}

.cart-content .cart-page .select2-container--default .select2-selection--single,
.cart-content input,
.cart-content label,
.cart-content textarea {
    border-radius: 3px !important
}

.cart-content #cartList .cart-button:hover {
    background: #2d548e;
    color: #fff
}

#cartList .cart-button1,
.cart-content #cartList .cart-button {
    background: #fff;
    border: 1px solid #2d548e;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden
}

.cust-area,
.cust-area label {
    display: inline-flex
}

.cart-content #cartList .cart-button1 {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    justify-content: space-between
}

.cart-content #cartList .page-link {
    display: inline;
    color: #2d548e
}

.cart-content #cartList .las,
.guestord_txt {
    color: #2d548e
}

.cart-content #cartList .page-link:hover {
    background-color: #2d548e !important;
    color: #fff
}

.cart-content #cartList .table-hover tbody tr:hover {
    color: #525f7f;
    background-color: rgba(0, 0, 0, .025)
}

.cart-content .table .btn-cart-icon,
.list_description .fs-17 {
    font-size: 17px !important
}

.cart-content #cartList .dotted {
    border-bottom: 1px dashed #ddd
}

.cart-content #datepicker .form-control {
    display: inline-block !important;
    width: 30% !important
}

.cart-content #timeslot {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    text-align: left;
    line-height: 1.2142em;
    color: #2d548e;
    background: #fff;
    padding: 5px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 3px;
    height: 45px
}

.cart-content .ui.calendar .ui.input {
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0;
    color: #2d548e;
    line-height: 1.2142em;
    flex-direction: column
}

.cart-content .ui.input input::-webkit-input-placeholder {
    color: #2d548e;
    font-weight: 400;
    font-family: Gilroy-Medium
}

.cart-content .ui.input input:-ms-input-placeholder {
    color: #2d548e;
    font-weight: 400;
    font-family: Gilroy-Medium
}

.cart-content .ui.input input::placeholder {
    color: #2d548e;
    font-weight: 400;
    font-family: Gilroy-Medium
}

.cart-content .ui.input input {
    color: #2d548e;
    background: #f6f7fa;
    font-weight: 400;
    font-family: Gilroy-Medium
}

.cust-area label {
    color: #2d548e;
    padding: 10px 0 5px;
    font-size: .8rem;
    font-weight: 500
}

.cart-page .select2-container.form-control,
.wizard>.content>.body .card-content #datepick,
.wizard>.content>.body .card-content .custom-radio.custom-control label {
    border-radius: 5px
}

.no-border-radius {
    border-radius: 0 !important
}

.bg_light_gray {
    background: #f6f7fa
}

.cart-title h2 {
    font-size: 2rem;
    color: #2d548e;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.right-cart #promo_code_btn.btn-outline-primary {
    color: #fff;
    background: #2d548e;
    border-color: #2d548e
}

#totalPrices.card-body,
.right-cart .check_list .card-body {
    background: #f6f7fa;
    border: 0
}

.right-cart .check_list {
    position: relative;
    background: #f6f7fa;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.plugins-page .plugins-sec .plugin-status,
.right-cart .check_list .card-body p {
    font-size: .9rem
}

.cod .card-body {
    padding: 1px !important
}

.right-cart .paymentbutton {
    margin-top: 1.2rem
}

.cod .custom-control-input~.cod.custom-control-label {
    width: 142.27px;
    height: 41.7px;
    cursor: pointer;
    font-size: .8rem;
    font-family: Poppins, sans-serif;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #2d548e;
    background: #f6f7fa;
    text-align: center
}

.cart-content .checkout_btn .btn-primary-grad {
    background: #2d548e !important;
    border-radius: 10.5907px;
    padding: 12px 17px;
    font-size: .9rem
}

.cart-content .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.cart-content .custom-radio .custom-control-input:checked~.custom-control-label::before,
.cart\.checkout .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.cart\.checkout .custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: #2d548e !important;
    background-color: #2d548e !important
}

.cart-content .table_order .card-content {
    margin-top: -10px
}

.cart-content #addressBox .select2-container--default .select2-selection--single,
.cart-content #form-group-table_id .select2-container--default .select2-selection--single,
.cart-content .cart-page .select2-container--default .select2-selection--single,
.cart-content .cust-area .select2-selection__rendered,
.cart-content .cust-area input,
.cart-content .select2-container--default,
.cart-content .table_order .select2-container--default,
.cart-content .table_order .select2-selection .select2-selection--single,
.cust-area .selection {
    background: #f6f7fa !important;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.2142em !important
}

.cart-content #addressBox .select2-container--default .select2-selection--single,
.cart-content #form-group-table_id .select2-container--default .select2-selection--single {
    background: #fff !important
}

.cart-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    line-height: 2;
    padding-right: 5px !important;
    font-size: .875rem;
    color: #b1b4b9
}

.cart-content .table_order .select2-container--default {
    width: 100% !important;
    color: #2d548e;
    padding: 0 5px
}

.cart-content .cart-body-content #localorder_phone input {
    border-radius: 0 !important;
    width: 135%
}

.cart-content .cart-body-content .qrclientBox input {
    border-radius: 0 !important;
    width: 185%
}

.cart-body-content {
    width: 100%;
    display: flex;
    gap: 20%
}

.cart-body-content .cart-comment textarea.form-control {
    height: auto;
    width: 150%;
    border-radius: 0
}

.equal {
    height: 100%
}

.table .page-link {
    line-height: 18px;
    color: #f44827;
    width: 30px;
    height: 30px
}

.cod label,
.mrg_btm {
    margin-bottom: 1rem
}

.cart-page {
    padding-top: 0 !important
}

.cart-page .card {
    border: 0 !important;
    border-radius: 0 !important
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width:37.4375em) {
    span.domainname {
        margin-top: 2rem
    }

    #bulkadd #additem,
    .cart-page .scheduledt .custom-control {
        width: 100%
    }

    #exTab1-table .nav>li {
        font-size: 13px
    }

    #itemadd #dynamic-field-1 {
        margin: .5rem 0 1rem
    }

    .pb-22 {
        padding-bottom: 2rem !important
    }

    .mb-30 {
        margin-bottom: 30px
    }

    .pricing h2 {
        font-size: 2rem;
        margin-bottom: 15px
    }

    .price .card-body {
        padding: 20px !important
    }

    .rupee {
        text-align: center
    }

    .price-table strong,
    .pricing-badge h1 {
        font-size: 1rem
    }

    .price-table td,
    .price-table th {
        font-size: 17px;
        font-weight: 600
    }

    .price-table tbody td {
        font-size: 14px;
        font-weight: 600
    }

    .pricing sup {
        top: -6px;
        left: 25%
    }

    .pricing-badge span {
        display: none
    }

    .card-content .no-pad,
    .datetime select {
        padding-left: 0 !important
    }

    .cart-page .checkout-fields,
    .takeaway_picker .card-content .mr-lg-3 {
        padding-right: 0 !important
    }

    .card-content .custom-radio.custom-control label {
        padding: 5px 10px
    }

    .md-show {
        display: block
    }

    .cart-body-content {
        width: 50%;
        flex-direction: column !important;
        gap: 0
    }

    .card-content {
        flex-direction: column
    }

    .cart-content .cart-body-content #localorder_phone input {
        border-radius: 0 !important
    }

    .scheduledt .custom-label {
        width: 100% !important
    }

    #cartList .table .table-light,
    .table .product-item_quantity {
        font-size: .8rem
    }

    .mrg_btm {
        margin-bottom: 2rem
    }

    .checkout_btn .btn-primary-grad {
        border-radius: 9.5907px;
        padding: 10px 15px;
        font-size: .8rem
    }

    .selecttime {
        position: relative;
        left: 28%
    }

    .datetime select {
        margin-top: 0;
        height: 34px;
        margin-left: 0;
        width: 130px
    }

    .cart-page .scheduledt {
        align-items: start
    }

    .scheduledt .datetime {
        left: 0;
        position: relative;
        width: 100%;
        margin-top: .5rem;
        margin-bottom: 1rem
    }

    .card-content .col-lg-8 {
        padding: 0 !important
    }
}

#enquirebtn,
.cart-coupon-sec input,
.cart\.checkout .card-content .custom-label,
.cart\.checkout input {
    height: 45px
}

.card-content #phone {
    height: 36px
}

.cart-content .ui.calendar .ui.input:before {
    content: "\f783";
    font-style: normal;
    display: inline-block;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 1.3rem;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 13px
}

.cart-content #datepick {
    padding: 10px;
    font-size: 1.05rem;
    font-weight: 500
}

.takeaway_picker {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.sec-header {
    background-color: #2d548e;
    padding: .7rem 1rem
}

.sec-header-title h3 {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 400;
    font-family: Gilroy-Medium
}

.cart-coupon-sec .btn {
    height: 45px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    min-width: 85px
}

.cart-coupon-sec>span {
    position: absolute;
    right: 100px;
    top: 5px
}

.cart\.checkout .navbar-dark .navbar-toggler-icon {
    filter: invert(1)
}

.cart\.checkout .btn-primary-grad.paymentbutton {
    background-color: #2d8e3c !important
}

.cart\.checkout input::-webkit-inner-spin-button,
.cart\.checkout input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart\.checkout input[type=number] {
    -moz-appearance: textfield
}

.cart-content label.error,
.payment-descp ul li.active,
.payment-descp ul li.active li {
    color: #f41127
}

.cart-content input.error,
.cart-content select.error,
.cart-content textarea.error,
.storesetup input.error,
.storesetup select.error,
.storesetup textarea.error,
.table-field .form-group input.error,
.table-field .formfield>input.error,
label#delivery_area-error+.select2-container--default {
    border-color: #f41127
}

.areadelivery>select {
    order: 1;
    border-radius: 0
}

.areadelivery>.select2.select2-container {
    order: 2
}

.areadelivery>#delivery_area-error {
    order: 3
}

.whatsappButton {
    position: fixed;
    width: 100px;
    right: 10%;
    display: flex;
    z-index: 9999999;
    bottom: 4%;
    align-items: center;
    flex-direction: column
}

.whatsappButton label {
    color: #fff;
    margin: 0 0 5px;
    padding: 5px 15px;
    position: relative;
    font-size: 12px;
    background: #4e4c4c;
    text-align: start;
    transition: .2s ease-out;
    font-family: unset;
    line-height: initial;
    white-space: nowrap;
    border-radius: 3px;
    width: 100%
}

.floating_btn {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    -webkit-animation: 2s infinite heartBeat;
    animation: 2s infinite heartBeat
}

.whatsappButton label:after {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 8px 5px 0;
    border-style: solid;
    border-color: #4e4c4c transparent;
    transform: translateX(-50%)
}

.floating_btn:hover {
    background-color: #25d366;
    color: #fff
}

.float_whatsap {
    margin-top: 16px
}

#datatable.dataTable.dtr-inline.collapsed>tbody>tr.child>td:first-child,
#managertable.dataTable.dtr-inline.collapsed>tbody>tr.child>td:first-child {
    padding: 0;
    background-color: #fafafa
}

#datatable.dataTable>tbody>tr.child ul,
#managertable.dataTable>tbody>tr.child ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#datatable.dataTable>tbody>tr.child ul li {
    border-bottom: 0;
    padding: 1em 0 1em 20px;
    width: 100%;
    border-right: 1px solid #efefef
}

#form-group-gt_select .select2-container {
    height: auto
}

@-webkit-keyframes heartBeat {

    0%,
    100%,
    40% {
        transform: scale(1)
    }

    25%,
    60% {
        transform: scale(.8)
    }
}

@keyframes heartBeat {

    0%,
    100%,
    40% {
        transform: scale(1)
    }

    25%,
    60% {
        transform: scale(.8)
    }
}

#vcqr {
    width: 89mm;
    height: 51mm;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 1px 2px 5px 2px #bfbfbf
}

.vcqr_bg,
.vcqrcode_leftside {
    background: #182d56
}

.vcqrcode .card {
    border: 0;
    font-family: Gilroy-Medium
}

.vcqrcode_leftside {
    padding: 3mm
}

.vcqrcode_leftside h3 {
    text-transform: uppercase;
    font-size: 4mm;
    color: #fff;
    font-weight: 900;
    font-family: Gilroy-Bold;
    text-align: center;
    margin-bottom: 1mm;
    padding-top: 1mm
}

.vcqrimg {
    border: 1px solid transparent;
    border-radius: 2mm;
    background-color: #fff;
    padding: 1mm;
    margin: 2mm auto 0;
    width: 80%
}

.vcqrcode_leftside .card-footer {
    padding: 1mm 0;
    border-top: 0 solid transparent;
    background-color: #182d56;
    color: #fff;
    display: flex;
    justify-content: space-between;
    opacity: .7;
    width: 80%;
    margin: 0 auto;
    align-items: baseline
}

.vcqrcode_leftside .card-footer img {
    width: auto;
    height: 3mm;
    padding-top: 0;
    position: relative;
    bottom: -2px
}

.vcqrcode_leftside .card-footer p {
    font-size: 2.5mm;
    color: #fff;
    font-family: Gilroy-Medium;
    margin: 0;
    line-height: 1
}

.payment-descp p,
.payment-descp ul,
.storesetup label.error {
    font-size: .875rem;
    font-weight: 500
}

.vcqrcode_right {
    background-color: #f9fafc
}

.vcqrcode_rightside {
    padding: 0;
    font-weight: 900
}

.vcqrcode_rightside .card-header {
    margin-bottom: 0;
    padding: 2mm;
    border-bottom: 2mm solid rgb(24 45 86);
    background-color: #fdfeff;
    text-align: center;
    height: 21mm
}

.vcqrcode_rightside .card-body {
    padding: 2mm;
    background-color: #f9fafc;
    height: 30mm
}

.vcqrcode_rightside .card-body .card-title {
    font-size: 2mm;
    margin-bottom: 1mm;
    line-height: 1.2;
    margin-top: 1.5mm
}

.vcqrcode_rightside .card-body .card-title,
.vcqrcode_rightside .card-body .enquirer {
    color: #182d56;
    font-family: Gilroy-Medium;
    letter-spacing: 1px
}

.vcqrcode_rightside .card-body .card-text,
.vcqrcode_rightside .card-body .number {
    color: #f54f22;
    font-family: Gilroy-Medium;
    padding-bottom: 1px
}

.vcqrcode_rightside .card-body .number img {
    width: auto;
    height: 4mm
}

.vcqrcode_rightside .card-body .card-text {
    font-size: 2mm;
    position: relative;
    margin: 1mm 0;
    font-weight: 600
}

.vcqrcode_rightside .card-body p.card-text {
    border-bottom: .8px solid #ddd
}

.vcqrcode_rightside .card-body .enquirer {
    font-size: 2mm;
    line-height: 1;
    font-weight: 900;
    margin-top: 3mm
}

.vcqrcode_rightside .card-body .number {
    display: flex;
    gap: 1mm;
    margin-top: 2mm;
    align-items: flex-start
}

.vcqrcode_rightside .card-body .number b {
    font-size: 3.5mm;
    font-weight: 900;
    line-height: 1
}

.vcqrcode_rightside .card-body .number sup {
    top: -2mm;
    left: -1mm
}

#vcqr .col-md-6 {
    max-width: 50%;
    flex: 0 0 50%
}

#proformatable.table thead th {
    width: 32px
}

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

    #general_management .nav-item,
    #invoice_managment .nav-item,
    #payment_management .nav-item {
        max-width: 200px
    }
}

.yearlynotice {
    position: relative;
    overflow: hidden;
    max-height: 150px
}

.yearlynotice:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5%;
    width: 70px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    transform: skewX(-30deg);
    animation-name: slide;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-delay: .3s;
    animation-iteration-count: infinite;
    background: linear-gradient(to right, rgba(255, 255, 255, .13) 0, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%)
}

@keyframes slide {
    100% {
        left: 100%
    }
}

.navbar-vertical .navbar-nav .nav-link.has-submenu.parent-active {
    background-color: #102c56;
    text-decoration: none;
    color: rgb(255 255 255) !important
}

.navbar-vertical .navbar-nav .nav-link.has-submenu.parent-active i {
    color: rgb(255 255 255) !important
}

.vcqrcode_rightside img.logo_store {
    max-height: 14mm
}

.storedomain>span {
    color: #ff7136
}

.storesetup .custom-radio.custom-control label {
    height: 46px;
    display: inline-flex;
    align-items: center;
    background: #ecf3ff;
    border: 1px solid rgba(16, 44, 86, .2);
    border-radius: 5px;
    padding: 10px 10px 10px 2rem;
    width: 100%;
    margin-bottom: 5px;
    justify-content: flex-start
}

.storesetup .custom-radio.custom-control .custom-control-label::after,
.storesetup .custom-radio.custom-control .custom-control-label::before {
    top: 50%;
    left: 4%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem
}

.storesetup .custom-radio.custom-control input[type=radio]:checked+label {
    background-color: #2dce89;
    color: #fff
}

.plugins-page .custom-toggle input:checked+.custom-toggle-slider,
.storesetup .custom-radio .custom-control-input:active~.custom-control-label::before,
.storesetup .custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #fff;
    background-color: #fff
}

.not-allowed {
    cursor: not-allowed !important
}

.not-allowed * {
    pointer-events: none !important
}

footer.storesetup .btn {
    min-width: 150px
}

footer.storesetup .btn.next,
footer.storesetup .btn.previous {
    min-width: 100px;
    border-radius: 5rem;
    opacity: .7
}

.coupon_sider .side-nav-visible:before,
footer.storesetup .btn.next:active,
footer.storesetup .btn.next:hover,
footer.storesetup .btn.previous:active,
footer.storesetup .btn.previous:hover {
    opacity: 1
}

footer.storesetup .btn i:not(:last-child) {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%)
}

footer.storesetup .btn i:not(:first-child) {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%)
}

footer.storesetup .btn i {
    font-size: 24px
}

footer.storesetup {
    position: fixed;
    display: block;
    bottom: 0;
    padding: 0
}

.main-content.stores {
    height: calc(100% - 60px)
}

.navbar-vertical.navbar-expand-md.fixed-left+.main-content footer.storesetup {
    width: calc(100% - 250px);
    transition: .3s ease-out
}

.navbar-vertical.navbar-expand-md.fixed-left.collapsed+.main-content footer.storesetup {
    width: 100%;
    transition: .3s ease-out
}

.navbar-vertical .navbar-nav .nav-link.has-submenu.parent-active .has-arrow,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:focus .has-arrow,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover .has-arrow {
    right: 0;
    transition: .3s ease-out
}

.invoice_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: end
}

.plugin_btn,
.plugins-page .custom-toggle {
    height: 2rem;
    margin: 0 0 0 auto;
    position: relative;
    align-items: center
}

.invoice_list .dropdown a {
    transition: .25s;
    min-width: 110px;
    padding-right: 0;
    color: #102c56
}

.invoice_list .dropdown-menu {
    padding: 0;
    min-width: 5rem
}

.payment-descp a {
    font-style: italic;
    color: #568ee8;
    text-decoration: underline
}

.payment-descp ul {
    padding-left: 20px;
    list-style-type: disc;
    color: #525f7f
}

#payment_management.nav-pills .nav-link.active>img {
    filter: brightness(0) invert(1)
}

.general_icon .btn-sm i.bx {
    line-height: 1.8;
    font-size: 17px
}

.general_icon .with-tool {
    cursor: pointer;
    overflow: hidden
}

.general_icon .btn i:not(:first-child),
.general_icon .btn svg:not(:first-child) {
    margin-left: 0
}

.with-tool span {
    background-color: #333;
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    min-width: 70px;
    top: -50px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    opacity: 0;
    font-size: .8rem;
    border-radius: 5px
}

.with-tool span::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border: 10px solid;
    border-color: #333 transparent transparent
}

.with-tool:hover {
    overflow: visible
}

.with-tool:hover span {
    display: inline;
    opacity: 1
}

.storesetup label.error {
    color: red;
    position: absolute;
    right: 4%;
    bottom: -30px
}

@media (max-width:767px) {
    .main-content .navbar-top {
        height: auto;
        padding: 10px !important;
        position: relative
    }

    .navbar-light .navbar-toggler-icon i,
    .navbar-vertical .sidebar-header .sidebar-icon,
    footer.storesetup .btn.next .btn-inner--text,
    footer.storesetup .btn.previous .btn-inner--text {
        display: none
    }

    .navbar-vertical .sidebar-header .sidebar-logo {
        order: 2;
        margin-left: auto
    }

    .navbar-light .navbar-toggler {
        order: 1;
        margin-left: 0 !important
    }

    .navbar-vertical.navbar-expand-md.fixed-left+.main-content footer.storesetup {
        width: 100%
    }

    footer.storesetup .btn {
        min-width: 100px;
        height: 40px
    }

    footer.storesetup .btn.next,
    footer.storesetup .btn.previous {
        max-width: 40px;
        min-width: 40px
    }

    footer.storesetup .btn i:not(:first-child) {
        right: 15%
    }

    footer.storesetup .btn i:not(:last-child) {
        left: 15%
    }
}

#enquirebtn.btn-primary {
    background-color: #102f54 !important;
    border: 0 !important;
    box-shadow: none !important
}

.payment-descp ul ul {
    list-style-type: disclosure-closed
}

#tabs-plugins.nav-pills .nav-link {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #d6dbe2
}

#tabs-plugins {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #d6dbe2;
    position: relative;
    width: 100%;
    max-width: 250px
}

.plugins-page .card img {
    height: 40px;
    width: auto
}

.plugins-page .custom-toggle {
    width: 70px;
    background: #f6f7fa;
    border: 1px solid #bbc6d2;
    border-radius: 21.2492px;
    padding: 2px;
    display: flex;
    justify-content: space-between
}

.plugins-page .custom-toggle-slider {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    border-color: #fff;
    background-color: #fff
}

.plugins-page .custom-toggle-slider:before {
    height: 24px;
    width: 24px;
    top: 0;
    left: 0;
    background-color: #f5365c
}

.plugins-page .custom-toggle input:checked+.custom-toggle-slider:before {
    transform: translateX(38px);
    background-color: #2dce89
}

.plugins-page .custom-toggle input:disabled+.custom-toggle-slider {
    border-color: #fff
}

.plugins-page .custom-toggle.disabled {
    opacity: .5
}

.plugins-page .plugins-sec {
    padding: 10px;
    background: #fff;
    min-height: 265px;
    position: relative;
    overflow: hidden
}

.plugins-page .custom-toggle.activated {
    background: #2dce89;
    border: #2dce89
}

.plugins-page .plugins-sec .card-title {
    margin-bottom: 10px;
    font-size: 1rem;
    margin-top: 10px
}

.plugins-page .plugins-sec .card-text {
    color: #2d548e;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.2;
    min-height: 105px;
    margin-bottom: 10px
}

.plugins-sec .btn-md i {
    font-size: 1.4rem;
    line-height: 1.4
}

.plugin_btn {
    width: 80px;
    border-radius: 3rem;
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: .9rem;
    font-weight: 400
}

.plugins-page .plugins-sec .card-footer {
    padding: 5px 0 0;
    height: 48px
}

.table_visit .visit_title {
    display: flex
}

.table_visit .visit_title a {
    margin-top: .5rem
}

.table_visit .visit_title a .btn-inner--icon {
    padding-right: .3rem
}

.table_visit .card-body h4 {
    color: #1e457e;
    margin-bottom: .7rem;
    font-family: Poppins, sans-serif;
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 500
}

.table-field .formfield {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 1em
}

.table-field .formfield label.mainlabel,
.table-field .formfield>input {
    padding: 1.1em;
    margin: .5em 0;
    width: 100%
}

.table-field .formfield>input {
    background: #f6f7fa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    outline: 0;
    color: #000;
    font-weight: 500;
    vertical-align: bottom
}

.table-field .formfield label.mainlabel {
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    color: #aeb5c0;
    font-size: .7rem
}

.table-field input:focus+label.mainlabel,
.table-field textarea:focus+label.mainlabel {
    color: #aeb5c0;
    font-size: 10px;
    width: auto;
    height: 1.3em;
    padding: 0 .5em;
    margin: 0;
    background: #f6f7fa;
    transition: .2s ease-in-out;
    top: 1em;
    left: 1.1em
}

.table-field .formfield input:not(:focus)+label.mainlabel,
.table-field .formfield textarea:not(:focus)+label.mainlabel {
    position: absolute;
    top: -9px;
    left: 1px;
    color: #aeb5c0;
    font-size: .75rem
}

.table-field input:not(:placeholder-shown) input:not(:focus)~label.mainlabel,
.table-field textarea:not(:placeholder-shown) textarea:not(:focus)~label.mainlabel {
    top: -.75rem;
    left: 1rem;
    z-index: 9;
    font-size: .875rem;
    font-weight: 500;
    transition: .2s ease-in-out
}

.table-field button:focus,
.table-field input:focus,
.table-field textarea:focus {
    outline: 0;
    box-shadow: none
}

.table-field .no-people {
    position: relative;
    margin-top: .5rem
}

.table-field .qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f7fa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 1rem 0;
    width: 100%;
    max-height: 67px
}

.table-field .qty-container .input-qty {
    text-align: center;
    padding: 6px 0;
    max-width: 20px
}

.table-field .qty-container .input-qty,
.table-field .qty-container label {
    color: #000 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    background: 0 0 !important
}

.table-field .qty-container .qty-btn-minus,
.table-field .qty-container .qty-btn-plus {
    border: 1px solid #d4d4d4;
    padding: 10px 13px;
    font-size: 10px;
    height: 38px;
    width: 38px;
    transition: .3s;
    background: #2d548e
}

.table-field .qty-container .btn-primary {
    background: #2d548e
}

.table-field .qty-container .qty-btn-plus {
    margin-left: -1px
}

.table-field .qty-container .qty-btn-minus {
    margin-right: -1px
}

.list-group-item .cat_thumb img,
.table-field .btn-cornered,
.table-field .input-cornered {
    border-radius: 4px
}

.table-field .btn-rounded {
    border-radius: 50%
}

.table-field .input-rounded {
    border-radius: 50px
}

.table-field .qty-container1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #f6f7fa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1.2rem
}

.table-field .table_date {
    position: relative;
    width: 100%
}

.table-field .table_date label,
.table-field .table_time label {
    color: #000;
    font-size: 1rem;
    font-weight: 600
}

.table-field .table_time {
    margin-top: 0;
    width: 100%
}

.table-field .table_note {
    width: 100%;
    margin-top: 1rem
}

.table-field .table_note .formfield>input {
    padding: 1.3em;
    margin: 0;
    width: 100%
}

.table_visit .btn-success {
    background: linear-gradient(180deg, #4cd964 0, #20b038 100%);
    border-radius: 8px;
    padding: .8rem 2rem;
    font-size: 1rem;
    margin-right: 5rem;
    margin-top: 1rem
}

@media (min-width:768px) and (max-width:992px) {
    .cart-content .select2-container {
        width: 225% !important
    }

    #order-form .container {
        min-width: 100% !important
    }

    .card-deliverytypedinein .card-content .custom-control label .checkbox-icon {
        right: 2px
    }

    .card-deliverytypedinein #cart_head {
        display: flex;
        flex-direction: row !important;
        justify-content: start;
        gap: 0
    }

    .cart-body-content {
        width: 50%;
        flex-direction: column !important;
        gap: 0
    }

    .process_new_order .card-content {
        flex-direction: row;
        padding: 5px
    }

    .cart-content .cart-body-content #localorder_phone input,
    .cart-content .cart-body-content .qrclientBox input,
    .cart-content .select2-container--default {
        border-radius: 0 !important;
        width: 225% !important
    }

    .cart-content .cart-page .select2-container,
    .cart-content .cust-area input,
    .qraddressBox .select2-container--default {
        width: 245% !important
    }

    .card-content .custom-label {
        padding: 10px 16px;
        width: 125px
    }

    .card-content .no-pad,
    .datetime select {
        padding-left: 0 !important
    }

    #cartList .table .table-light,
    .table .product-item_quantity {
        font-size: .8rem
    }

    .mrg_btm {
        margin-bottom: 2rem
    }

    .selecttime {
        position: relative;
        left: 28%
    }

    .datetime select {
        margin-top: 0;
        height: 34px;
        margin-left: 0;
        width: 130px
    }

    .cart-page .scheduledt {
        align-items: start;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 0
    }

    .cart-page .scheduledt .custom-control {
        width: 100%
    }

    .scheduledt .custom-label {
        width: 100% !important
    }

    .scheduledt .datetime {
        left: 0;
        position: relative;
        width: 100%;
        margin-top: .5rem;
        margin-bottom: 1rem
    }

    .cart-content .datetime select {
        width: 100%;
        height: 40px
    }

    .scheduledt .date-sm {
        position: absolute;
        top: 55%;
        width: 106%;
        left: -5%
    }

    .card-content .col-lg-8 {
        padding: 0 !important
    }

    .table_visit .visit_title h3 {
        font-size: 1.59rem
    }

    .table_visit .visit_title a {
        padding-left: .8rem;
        margin-bottom: .5rem
    }

    .table_visit .card-header {
        padding: 1rem
    }

    .table_visit .card-body {
        padding: .5rem
    }

    .table-field .qty-container .qty-btn-minus,
    .table-field .qty-container .qty-btn-plus {
        padding: 7px 10px;
        height: 30px;
        width: 30px
    }

    .table-field .no-people {
        padding: 0;
        margin: 1rem 0 2rem;
        width: 100%
    }

    .table-field .qty-container1 {
        margin: 0
    }

    .table-field .table_note .pl-2 {
        padding-left: 0
    }

    .table-field .table_note .formfield>input {
        padding: 1.3em 0;
        margin: .5em 0;
        width: 100%
    }

    .table_visit .text-right {
        text-align: center !important
    }

    .table_visit .btn-success {
        margin-right: 0;
        margin-top: .5rem
    }
}

.preorder .card-body {
    padding: 0 0 2rem !important;
    margin: 0 !important
}

.preorder h3 {
    font-size: 1.75rem;
    color: #102f54
}

.preorder .card,
.preorder .modal-content {
    background: #fff;
    box-shadow: 1px 10px 30px rgba(0, 0, 0, .25);
    border-radius: 20px
}

.preorder .modal-header {
    padding: 2rem 1rem
}

.preorder .address,
.preorder .card .table td,
.preorder .card .table th,
.preorder .modal-header,
.preorder .preid,
.preorder .status {
    padding-left: 2rem !important
}

.preorder .preid span {
    gap: 10px
}

.preorder .address h2,
.preorder .preid h2,
.preorder .status h2 {
    font-size: 1.1rem;
    font-weight: 500
}

.preorder .preid {
    padding: .7rem 1rem 0 2rem
}

.preorder .preid #date,
.preorder .preid .pr-3 {
    font-weight: 400;
    font-size: 1rem
}

.preorder .card .table td,
.preorder .card .table th {
    color: #000;
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: .97rem
}

.preorder .close>span:not(.sr-only) {
    font-size: 2.25rem
}

.guestord {
    background-color: #f5f5f5
}

.guestord_bg {
    background-color: rgb(220 223 228 / 75%)
}

#guest_order_section .underline {
    display: inline-block;
    position: relative;
    font-family: Poppins, sans-serif;
    font-size: .95rem
}

#guest_order_section .underline::after {
    content: "";
    transform: scaleX(1);
    position: absolute;
    height: .125rem;
    bottom: -4px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 50%;
    background: #102c56;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.guest-orders table td,
.guest-orders table th {
    font-size: .8rem;
    font-family: Poppins, sans-serif
}

.guest-orders h3,
.guest-orders h4 {
    font-size: .885rem;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.85;
    color: #0e0e0e
}

#guest_order_section .underline:hover::after {
    content: "";
    width: 100%;
    background: green
}

.guest-section {
    margin: 1rem 0;
    font-family: Poppins, sans-serif
}

#guest_order_section .ord_status h6,
#guest_order_section .ord_status span,
#guest_order_section .table thead th,
.guest-orders table,
.guest-section h6,
.guest-section td h4,
.guest-section th h4 {
    font-size: 1rem;
    color: #102f54;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

#guest_order_section .table td .table td,
#guest_order_section .table td .table th {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: .5;
    color: #0e0e0e
}

#guest_order_section .table thead th {
    color: #6e6e6e;
    padding: 8px;
    font-size: .9rem;
    border: 0
}

.guest-orders .border {
    border: 1px solid #ddd !important
}

.guest-orders .timeline .small,
.guest-orders .timeline span {
    font-family: Poppins, sans-serif;
    font-size: .835rem !important;
    color: #666 !important
}

#guest_order_section .main-table-items small {
    font-size: 90% !important
}

.guest-orders table td {
    vertical-align: middle;
    font-size: .85rem;
    padding: 12px 10px
}

.preorder .address {
    padding-top: 1.2rem
}

.preorder .address p {
    color: #000;
    padding-bottom: .7rem;
    font-size: .97rem
}

.preorder .address h2 {
    color: #000
}

.preorder .preid,
.preorder .status {
    display: flex;
    color: #102f54;
    gap: 15px
}

.guestord .btn-success {
    color: #fff;
    border-color: #20b038;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    background: linear-gradient(180deg, #4cd964 0, #20b038 100%);
    border-radius: 8px
}

.plan-modal .modal-footer,
.plan-modal-bg {
    box-shadow: -10px 16px 30px rgba(0, 0, 0, .25)
}

.ord_status span {
    font-weight: 500;
    text-transform: capitalize
}

.guest-section .timeline-one-side .timeline-content {
    background: #fff !important;
    font-family: Poppins, sans-serif
}

.guestord .guest_btn {
    display: flex;
    gap: 2rem
}

.preorder .card-body .table-bordered td,
.preorder .card-body .table-bordered th {
    border: 1px solid rgba(16, 47, 84, .25)
}

.preorder a.btn {
    margin-right: 2rem
}

.guest_billed .f-15 {
    background: #f6f7fa;
    border-radius: 8px
}

.guestord .guest_invoice,
.swiper-container .slider_per_view_1 .style-3 .button_sec,
.swiper-container .slider_per_view_2 .style-3 .button_sec,
.swiper-container .slider_per_view_3 .style-3 .button_sec,
.swiper-container .slider_per_view_4 .style-3 .button_sec {
    text-align: right
}

#guest_order_section h6.heading-small {
    padding: .65rem;
    background-color: #fff;
    border: .5px solid rgba(16, 47, 84, .25);
    color: #2d548e !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    margin-bottom: 0 !important;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    border-bottom: 0
}

#guest_order_section .card.store-info .f-18 {
    font-size: 1.05rem
}

#guest_order_section .card.store-info .card-body {
    border: .5px solid rgba(16, 47, 84, .25)
}

.guest-orders .border-dashed-right {
    border-top: 1px dashed #d3d3d3 !important
}

#guest_order_section .billed-sec .border-dashed {
    padding: 1rem;
    border: 1px solid rgba(16, 47, 84, .25)
}

#guest_order_section .bg-light {
    background-color: #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important
}

#guest_order_section .table td .table td {
    border-right: 0;
    border-bottom: 0
}

#event_detail .card .table th {
    border-left: 0
}

.plan-modal-bg {
    background: linear-gradient(0deg, #2d548e, #2d548e), #fff;
    border-radius: 20px
}

.plan-modal .modal-header {
    padding: 3rem 2rem 0 2.5rem
}

.plan-modal .close>span:not(.sr-only) {
    font-size: 2.5rem;
    color: #fff
}

.plan-modal .modal-body {
    padding: 2rem 2.5rem
}

.plan-modal .modal-body p {
    padding-bottom: 5px;
    line-height: 2
}

.plan-modal .plan-call {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 14.8762px;
    padding: 1rem;
    color: #102f54
}

.plan-modal .plan-call p {
    color: #102f54;
    font-weight: 500;
    padding-bottom: 0
}

.plan-modal .plan-call1 {
    display: flex;
    gap: 15px;
    vertical-align: middle
}

.plan-modal .modal-footer {
    background: #f6f7fa;
    color: #102f54;
    padding: 2.5rem 2rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.plan-modal .modal-footer h4 {
    text-transform: capitalize;
    color: #ff4f36;
    font-size: 1.5rem
}

.plan-modal .modal-footer .sub {
    color: #102f54;
    opacity: .8
}

.plan-modal .modal-footer .modal-title {
    font-size: 2rem;
    color: #102f54
}

.plan-modal .modal-footer .btn-outline-primary {
    border-bottom: 1px solid #102c56 !important
}

.orders-filters .filter_select .select2-selection .select2-selection--single,
.orders-filters .filtersect_role .select2-selection .select2-selection--single {
    height: calc(2.75rem + 2px);
    padding: .625rem .75rem;
    transition: .2s cubic-bezier(.68, -.55, .265, 1.55);
    color: #8898aa;
    border: 1px solid #cad1d7;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: none
}

.orders-filters .filter_select .select2-container--default .select2-selection--single .select2-selection__arrow,
.orders-filters .filter_select .select2-selection__arrow,
.orders-filters .filtersect_role .select2-selection__arrow {
    height: 0;
    position: absolute;
    top: 50% !important;
    right: 1px;
    width: 20px
}

.divider-text {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.divider-text span {
    padding: 7px;
    font-size: 12px;
    position: relative;
    z-index: 2
}

.divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1
}

.navbar-vertical.navbar-expand-md .navbar-nav .parent-active+.mm-collapse {
    background-color: #d3d3d32b
}

.navbar-vertical.navbar-expand-md .navbar-nav .mm-collapse,
.products-suggestion .price ins {
    padding-left: 5px
}

.custom-multicheckbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.custom-multicheckbox .custom-checkbox {
    width: 140px;
    height: 50px;
    position: relative
}

.custom-multicheckbox .custom-checkbox input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
    appearance: none;
    -webkit-appearance: none
}

.custom-multicheckbox .custom-checkbox .box {
    width: 100%;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    overflow: hidden;
    transition: .6s;
    height: 50px;
    display: inline-flex;
    align-items: center;
    background: #ecf3ff;
    border: 1px solid rgba(16, 44, 86, .2);
    border-radius: 8px;
    padding: 10px
}

.custom-multicheckbox .custom-checkbox input:checked~.box {
    background-color: #fff;
    border: 1px solid #2d548e
}

.custom-multicheckbox .custom-checkbox input+label::after {
    color: #2d548e;
    font-family: "Line Awesome Free";
    content: "\f1ce";
    font-size: 25px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 900
}

.custom-multicheckbox .custom-checkbox input:checked+label::after {
    color: #31c85c;
    content: "\f058";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.table-field .form-group label.error,
.table-field .formfield label.error {
    color: red;
    position: absolute;
    bottom: 0;
    right: 5%;
    font-size: 12px;
    font-weight: 400
}

.table-field .qty-container label.error {
    color: red !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    position: absolute;
    bottom: -25px;
    right: 5%
}

.table-field .qty-container .input-qty.error {
    border-color: #f41127 !important
}

.qty-container1 .datepicker .input-group:after {
    display: inline-block;
    font-family: NucleoIcons;
    font-size: 14px;
    content: "\ea1f";
    position: absolute;
    right: 15px;
    top: 10px
}

.maintenance-prenotice {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 0;
    top: 0;
    width: 100%;
    color: #f6f6f6;
    z-index: 999;
    background-color: #102c56;
    text-align: center
}

.maintenance-prenotice p {
    font-size: .9rem;
    margin-bottom: 0
}

.close-prenotice {
    letter-spacing: 1px;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    padding: 10px;
    transition: .35s;
    margin: 10px .5rem 0;
    display: inline-block;
    text-align: center;
    border-radius: 2rem;
    background: linear-gradient(180deg, #ff7b36 0, #ff4f36 100%);
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    outline: 0 !important;
    font-size: .9rem
}

.storesetup label#lng-error {
    position: relative;
    right: 0
}

.paymentmethods .custom-control-label {
    margin-bottom: 0;
    width: 100%
}

.paymentmethods .custom-control-label span.activepayments {
    position: relative;
    top: 0;
    right: 0;
    display: inline-flex;
    gap: 2px;
    flex-wrap: wrap;
    text-align: right;
    margin-left: auto;
    justify-content: flex-end;
    float: right
}

.paymentmethods .custom-radio .paymenttype_descr {
    display: none;
    position: relative;
    width: 100%;
    padding: .5em;
    margin: .5em 0;
    font-size: .92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #dfdcde;
    color: #515151
}

.paymentmethods .custom-radio .paymenttype_descr:before {
    content: "";
    display: block;
    border: .5em solid #dfdcde;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.8rem;
    left: 1rem
}

.paymentmethods .custom-control.custom-radio {
    padding: .8rem;
    background: #fff;
    color: #2d548e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #e9ecef;
    margin-top: .5rem;
    border-radius: 5px;
    filter: grayscale(1)
}

.paymentmethods .custom-control.custom-radio.active {
    background: #fff;
    color: #2d548e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    filter: grayscale(0);
    border: 1px solid #2d548e
}

.cart\.checkout .custom-radio .custom-control-label::after,
.cart\.checkout .custom-radio .custom-control-label::before {
    width: .8rem;
    height: .8rem;
    top: .3rem;
    left: -1.2rem
}

.mordern_footer_mobnav {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    height: 70px;
    padding: 0;
    z-index: 10;
    transition: .5s ease-out
}

.mordern_footer_mobnav nav {
    display: flex;
    padding: 0;
    height: 70px;
    position: relative;
    background: #fff;
    z-index: 1;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -1px 12px rgb(14 62 58 / 15%);
    justify-content: space-evenly
}

.mordern_footer_mobnav nav li {
    position: relative;
    width: 70px;
    height: 70px;
    z-index: 2;
    list-style: none
}

.mordern_footer_mobnav .nav-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: transparent;
    font-size: 1rem;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column
}

.mordern_footer_mobnav .nav-item i {
    font-size: 1.7rem;
    color: #102f54;
    position: relative;
    z-index: 1;
    transition: .3s linear
}

.mordern_footer_mobnav .nav-item span {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    color: #102f54;
    font-size: 1.3rem;
    transition: .3s linear
}

.mordern_footer_mobnav li.active i {
    color: #fff;
    transition: .3s linear
}

.mordern_footer_mobnav li.active span {
    transition: .3s linear;
    background-color: #102f54;
    transform: translateY(-15px)
}

.search {
    width: 100%;
    position: relative;
    display: flex;
    top: -90px;
    transition: top .5s ease-out
}

.slideup .search-input .search {
    transition: top .5s ease-out;
    top: 0
}

.searchTerm {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #02386e;
    padding: 5px 15px;
    outline: 0;
    color: #9dbfaf;
    height: 50px
}

.searchTerm:focus {
    color: #102c56
}

.searchButton {
    width: 40px;
    height: 36px;
    border: 1px solid #02386e;
    background: #02386e;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 20px
}

.searchButton .fa {
    position: relative;
    top: -10px;
    left: -6px
}

.search-input {
    width: 100%;
    position: relative;
    z-index: -1;
    display: none
}

.mordern_footer_mobnav .nav-item span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #102f54;
    border-radius: 50%;
    filter: blur(5px);
    opacity: 0;
    z-index: 0;
    transition: .3s linear
}

.mordern_footer_mobnav li.active .nav-item span:before {
    opacity: .5;
    transition: .3s linear
}

.mordern_footer_mobnav li .indicator {
    position: absolute;
    top: 0;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    transition: .3s linear
}

.mordern_footer_mobnav li.active .indicator {
    top: -15px;
    transition: .3s linear
}

.cart\.checkout .goog-te-gadget .goog-te-combo {
    height: inherit
}

.share_media {
    position: relative;
    padding: 2rem
}

.share_media .card-body {
    padding: 3rem 4rem
}

.share_media .card-title h2 {
    font-size: 2.2rem;
    text-transform: capitalize;
    color: #000
}

.share_media #st-1.st-justified {
    flex-direction: column !important
}

.share_media .st-btn {
    margin: .5rem 0
}

#st-1.st-has-labels .st-btn.st-remove-label {
    width: 47px;
    border-radius: 50%;
    line-height: 44px;
    display: inline-block !important
}

#st-1.st-has-labels .st-btn {
    min-width: 30px !important
}

#st-1 .st-btn[data-network=messenger],
#st-1 .st-btn[data-network=telegram],
#st-1 .st-btn[data-network=whatsapp] {
    width: 47px !important;
    border-radius: 50%;
    line-height: 47px
}

#st-1 .st-btn[data-network=messenger] img,
#st-1 .st-btn[data-network=telegram] img,
#st-1 .st-btn[data-network=whatsapp] img {
    display: inline-block;
    height: 24px !important;
    width: 28px !important;
    position: relative;
    top: 13px !important;
    vertical-align: top
}

#st-1 .st-btn[data-network=facebook] img,
#st-1 .st-btn[data-network=linkedin] img,
#st-1 .st-btn[data-network=sharethis] img {
    width: 34px !important;
    height: 34px !important;
    top: 6px !important;
    left: -2px
}

#st-1 .st-btn[data-network=facebook]::after {
    content: "facebook"
}

#st-1 .st-btn[data-network=linkedin]::after {
    content: "linkedin"
}

#st-1 .st-btn[data-network=messenger]::after {
    content: "messenger"
}

#st-1 .st-btn[data-network=telegram]::after {
    content: "telegram"
}

#st-1 .st-btn[data-network=whatsapp]::after {
    content: "whatsapp"
}

#st-1 .st-btn[data-network=sharethis]::after {
    content: "Share"
}

#st-1 .st-btn[data-network=facebook]::after,
#st-1 .st-btn[data-network=linkedin]::after,
#st-1 .st-btn[data-network=sharethis]::after {
    font-size: 1.25rem;
    position: relative;
    top: 0;
    left: 15px;
    color: #aeb2be;
    text-transform: capitalize;
    cursor: pointer
}

#st-1 .st-btn[data-network=messenger]::after,
#st-1 .st-btn[data-network=telegram]::after,
#st-1 .st-btn[data-network=whatsapp]::after {
    font-size: 1.25rem;
    position: relative;
    top: -3px;
    left: 25px;
    color: #aeb2be;
    text-transform: capitalize;
    cursor: pointer
}

#st-1 .st-btn:hover::after {
    opacity: 1 !important;
    top: -4px;
    color: #102c56;
    transition: .5s ease-in-out
}

#st-1 .st-total {
    color: #555;
    display: inline-block;
    font-weight: 500;
    line-height: 12px;
    margin-right: 0;
    max-width: 150px;
    padding: 4px 8px;
    text-align: center
}

.skeleton_section {
    position: relative;
    padding: 5rem 0 2rem
}

.skeleton_fb .skeleton_box {
    min-height: 60px;
    width: 200px;
    border: 1px solid #e5dfdf;
    background-color: #fff;
    z-index: 1;
    position: absolute;
    top: 73px;
    left: -85px
}

.skeleton_fb .skeleton_box .card-intro.skeleton {
    position: absolute;
    min-height: 25px;
    width: 92%;
    top: 4px;
    left: 7px;
    z-index: 1
}

.skeleton_section .hang-effect {
    animation-name: fadeInOut, moveLeft300px, bounce;
    animation-duration: 6s;
    animation-iteration-count: infinite
}

.skeleton_fb img {
    position: absolute;
    top: 0;
    left: -50px;
    transform: translatey(0);
    -webkit-animation: 9s ease-in-out infinite float;
    animation: 9s ease-in-out infinite float
}

.skeleton_in img {
    position: absolute;
    top: 40px;
    right: 56px;
    z-index: 1;
    transform: translatey(0);
    -webkit-animation: 6s ease-in-out infinite float;
    animation: 6s ease-in-out infinite float
}

@-webkit-keyframes float {

    0%,
    100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }
}

@keyframes float {

    0%,
    100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }
}

.skeleton_google img {
    position: absolute;
    bottom: 90px;
    right: 135px;
    z-index: 0;
    animation: 6s ease-out infinite zoom-in-zoom-out
}

@keyframes zoom-in-zoom-out {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.2, 1.2)
    }
}

.skeleton_section .card {
    display: flex;
    flex-direction: column;
    flex-basis: 300px;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 60%;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem
}

.skeleton_section .card-img {
    padding-bottom: 56.25%;
    position: relative
}

.skeleton_section .card-img img {
    position: absolute;
    width: 100%
}

.skeleton_section .card-body {
    padding: 1.1rem;
    width: 100%
}

.skeleton_section .card-title {
    font-size: 1.25rem;
    line-height: 1.33;
    font-weight: 700
}

.skeleton_section .card-title.skeleton {
    min-height: 28px;
    border-radius: 4px
}

.skeleton_section .card-intro {
    margin-top: .75rem;
    line-height: 1.5
}

.skeleton_section .card-intro.skeleton {
    min-height: 72px;
    border-radius: 4px
}

.skeleton_section .skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: 4s infinite shine;
    animation: 4s infinite shine
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0
    }
}

.skeleton_section .skeleton::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .3) 2%, rgba(255, 255, 255, 0));
    -webkit-animation: 3s infinite shimmer;
    animation: 3s infinite shimmer;
    content: ""
}

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.mobile-menu-opened .sidenav-cart {
    opacity: 1;
    background: #fff;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.store-setup .mobile-footer button .icondiv span {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    transform: translateY(-9px)
}

.store-setup .mobile-footer button.updating i {
    margin-top: -15px
}

.footer_mobnav .mobile-footer a.no-active.disabled {
    opacity: .2
}

.form-control option:disabled {
    color: #bfbfbf
}

.no-btn {
    background-color: transparent;
    border: 0;
    padding: 0;
    font-size: 1.2rem;
    box-shadow: none !important
}

.filter_area .nav-pills .nav-item.dropdown ul {
    min-width: 15rem;
    margin-top: 1rem;
    padding: .5rem 0 0;
    transform: translate3d(0, 50px, 0) !important
}

.filter_area .nav-pills .nav-item.dropdown ul:before {
    background: #fff;
    box-shadow: none;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    left: 5px;
    position: absolute;
    bottom: 100%;
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    border-radius: .2rem
}

.filter_area .nav-pills .nav-item.dropdown ul li {
    padding: 0;
    outline: 0 !important
}

.filter_area .nav-pills .nav-item.dropdown ul li .nav-link {
    width: 100%;
    border: 0;
    text-align: left;
    border-radius: 0;
    padding: .5rem
}

.classic .product-col .strip .product_content {
    text-align: left;
    padding: 0
}

.product-col .strip .res_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.4;
    height: 40px;
    margin-bottom: 5px
}

.footer_mobnav .mobile-footer .active i {
    color: #fff;
    transition: .5s;
    transform: translateY(-10px)
}

#product_images_container {
    padding: 0 0 0 9px
}

#product_images_container .product_images {
    margin: 0;
    padding: 0;
    display: flex
}

#product_images_container .product_images>li {
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 5px 5px 0;
    max-width: 90px;
    margin: 0 auto
}

#product_images_container .product_images li img {
    width: 100%;
    height: auto;
    display: block
}

#product_images_container .actions {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 2px;
    margin: 0
}

#product_images_container ul ul.actions li {
    float: right;
    margin: 0 0 0 2px
}

#product_images_container ul ul.actions li button.delete {
    display: block;
    text-indent: -9999px;
    position: relative;
    height: 1em;
    width: 1em;
    font-size: 1.4em;
    background: 0 0;
    border: 0 !important;
    outline: 0 !important
}

#product_images_container ul ul.actions li button.delete::before {
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    content: "\ebe9";
    color: #fff;
    background: red;
    border-radius: 50%;
    height: 1em;
    width: 1em;
    line-height: 1em;
    font-family: boxicons !important;
    font-weight: 400
}

#product_images_container .product_images>li.active {
    border: 2px solid #102c56
}

.mobile_view {
    display: none;
    flex-direction: column;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
    border-radius: 10px !important;
    background-color: #f7fafc !important
}

.mobile_view .top_header1 {
    display: flex;
    position: relative;
    justify-content: space-between;
    border: .5px solid rgba(9, 56, 124, .08);
    padding: 1.5rem;
    flex-wrap: nowrap;
    margin: 1rem;
    align-items: center
}

.mobile_view .store_name1 {
    font-size: .75rem;
    text-align: center
}

.mobile_view .qr-section1 {
    text-align: center;
    background: #fff;
    border: 1px solid #87e3e4;
    box-sizing: border-box;
    box-shadow: 8px 16px 30px rgb(0 0 0 / 8%);
    padding: 1.5rem;
    margin: 1rem
}

.mobile_view .scan_qr_div1 {
    background: linear-gradient(180deg, #ff7b36 0, #ff3936 100%);
    border-radius: 500mm;
    z-index: 1;
    position: relative;
    min-height: 10mm;
    max-width: 50mm;
    margin: -9mm auto 0
}

.mobile_view .scan_qr_div1 p {
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 10mm;
    font-size: .7rem;
    letter-spacing: .2mm;
    font-family: Poppins;
    font-weight: 600
}

@media (max-width:37.4375em) {
    .visit_title {
        padding: 0;
        margin: 0
    }

    .table_visit .visit_title {
        flex-direction: column
    }

    .plan-modal .modal-footer .modal-title,
    .table_visit .visit_title h3 {
        font-size: 1.5rem
    }

    .table_visit .visit_title a {
        padding-left: .8rem;
        margin-bottom: .5rem
    }

    .share_media,
    .table_visit .card-header {
        padding: 1rem
    }

    .table_visit .card-body {
        padding: .5rem
    }

    .table-field .qty-container .qty-btn-minus,
    .table-field .qty-container .qty-btn-plus {
        padding: 7px 10px;
        height: 30px;
        width: 30px
    }

    .prdut_view button,
    .table-field .table_time {
        width: 100%
    }

    .table-field .table_note {
        width: 100%;
        margin-top: 0
    }

    .table-field .table_note .pl-2 {
        padding-left: 0
    }

    .table-field .table_note .formfield>input {
        padding: 1.3em 0;
        margin: .5em 0;
        width: 100%
    }

    .table_visit .text-right {
        text-align: center !important
    }

    .table_visit .btn-success {
        margin-right: 0;
        margin-top: .5rem
    }

    .table-field .no-people {
        margin-bottom: 1rem
    }

    .table-field .qty-container1 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    #guest_order_section .unitprice,
    .filter_area .right_side,
    .mobile_view_hide {
        display: none
    }

    .guestord .guest_btn {
        display: flex;
        gap: 11px;
        justify-content: start;
        margin-bottom: 0
    }

    .guest-orders h5 {
        font-size: 1rem;
        text-align: left
    }

    #guest_order_section .underline {
        font-size: .7rem
    }

    #guest_order_section .underline i {
        font-size: 8px
    }

    .guestord .guest_invoice {
        text-align: right;
        margin-top: 0
    }

    .guest-section .card-body {
        padding: 1rem .5rem
    }

    .guestord .pl-1,
    .guestord .pr-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .guest-section .right-border {
        border-right: 0
    }

    .plan-modal .modal-header {
        padding: 2rem 2rem 1rem
    }

    .plan-modal .modal-body {
        padding: 2rem
    }

    .plan-modal .modal-footer {
        flex-direction: column;
        padding: 1rem 1.5rem
    }

    .plan-modal .modal-footer h4 {
        font-size: 1.1rem
    }

    .plan-modal .plan-call {
        padding: .5rem 1rem
    }

    .item_mgmt {
        margin-top: 1rem
    }

    .footer_mobnav {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #cecece;
        overflow: hidden
    }

    .footer_mobnav .mobile-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        display: flex;
        width: 100%;
        height: 55px;
        color: #fff;
        font-size: 1rem;
        padding: 0;
        z-index: 100;
        flex-wrap: nowrap;
        border-radius: 15px 15px 0 0;
        box-shadow: 0 -1px 12px rgb(14 62 58 / 15%);
        justify-content: space-evenly;
        overflow: hidden
    }

    .footer_mobnav .mobile-footer a,
    .footer_mobnav .mobile-footer button {
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 5px 0;
        color: currentColor;
        font-size: .75rem;
        text-align: center;
        text-decoration: none;
        transition: background .15s, line-height .15s;
        flex: 1 0 20%;
        z-index: 1;
        outline: 0;
        border: none;
        background-color: #fff
    }

    .footer_mobnav .mobile-footer a:active,
    .footer_mobnav .mobile-footer a:focus,
    .footer_mobnav .mobile-footer button:active,
    .footer_mobnav .mobile-footer button:focus {
        outline: 0
    }

    .footer_mobnav .mobile-footer .icondiv {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 50%;
        transition: background .15s
    }

    .footer_mobnav .mobile-footer.light {
        background-color: #fff;
        color: #102c56
    }

    .footer_mobnav .mobile-footer a i,
    .footer_mobnav .mobile-footer button i {
        color: #102c56;
        font-size: 1.5rem;
        transition: .5s
    }

    .footer_mobnav .mobile-footer .active i {
        color: #fff;
        transition: .5s;
        transform: translateY(-10px)
    }

    .footer_mobnav .indicator-2 {
        position: absolute;
        left: 0;
        bottom: 0;
        transition: .3s;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: 55px;
        background: url(/images/icons/indicator.svg) 0 0/contain no-repeat
    }

    .footer_mobnav .mobile-footer .active .indicator-2 {
        opacity: 1;
        visibility: visible;
        transform: translateY(-5px)
    }

    .preorder,
    .share_media .pb-4,
    .share_media .pt-4 {
        padding: 0
    }

    .share_media .card-body {
        padding: 2rem 1.5rem
    }

    .share_media .card-title h2 {
        font-size: 1.7rem;
        text-transform: capitalize;
        color: #000
    }

    #st-1 .st-btn[data-network=facebook]::after,
    #st-1 .st-btn[data-network=linkedin]::after,
    #st-1 .st-btn[data-network=messenger]::after,
    #st-1 .st-btn[data-network=sharethis]::after,
    #st-1 .st-btn[data-network=telegram]::after,
    #st-1 .st-btn[data-network=whatsapp]::after {
        font-size: 1.1rem;
        top: 0;
        left: 13px
    }

    .skeleton_section .card {
        max-width: 80%;
        margin: 1rem auto
    }

    .skeleton_fb .skeleton_box {
        min-height: 60px;
        width: 130px;
        top: 73px;
        left: -18px
    }

    .skeleton_fb .skeleton_box .card-intro.skeleton {
        min-height: 25px;
        width: 80%;
        top: 4px;
        left: 12px;
        z-index: 1
    }

    .skeleton_fb img {
        top: 0;
        left: -10px
    }

    .skeleton_in img {
        top: 44px;
        right: -83px;
        z-index: 1;
        overflow: hidden
    }

    .skeleton_google img {
        bottom: 90px;
        right: -10px;
        overflow: hidden
    }

    .product_name {
        font-size: 20px
    }

    .mob_view_prudt .card {
        display: flex;
        flex-direction: row !important;
        border: 1px solid #a59e9e;
        border-radius: 5px !important;
        padding: .55rem !important;
        margin: .55rem 0
    }

    .mob_view_prudt .card.cat_item img {
        max-height: 100px;
        object-fit: fill;
        max-width: 100px
    }

    .mob_view_prudt .card-img-top {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .mob_view_prudt .card.cat_item .card-body {
        padding: 0 .1rem .5rem .5rem
    }

    .main-content .container-fluid .col-xl-12 {
        padding: 0 !important
    }

    .main-content .card .card-header {
        padding: 1.25rem 1rem
    }

    .bulk-prd .card-body {
        padding: 1.5rem 1rem;
        flex: 1 1 auto
    }

    .preorder .card {
        border-radius: 0
    }

    .fc-toolbar .fc-center {
        margin-top: .5rem
    }

    #calendar {
        padding: 0 .5rem !important
    }

    .main-content .card.cat_item h4 {
        height: 35px
    }

    .items_sec .resizebtn:not(:last-child) {
        margin-right: 1.05rem
    }

    .items_sec .alert {
        margin-top: 0;
        text-align: left;
        padding: 1rem 0 1.1rem !important
    }

    .items_sec .alert .justify-content-center {
        justify-content: start !important
    }

    .items_sec .alert .row {
        gap: 10px
    }

    .top-pad-sm {
        padding-top: 1.5rem !important
    }

    .top-pad-sm .card-body {
        padding: 1rem .5rem;
        flex: 1 1 auto
    }

    .card .btn-down {
        display: flex;
        flex-direction: column
    }

    .panel.panel-default .ctr-cls {
        justify-content: start
    }

    .mobile_view {
        display: flex !important
    }

    .mobile_view .top_header1 {
        padding: 5mm;
        margin: 1rem
    }
}

@media (min-width:768px) and (max-width:992px) {
    .card-header>.col-lg-4 {
        display: inline-flex
    }

    .guestord .pl-1,
    .guestord .pr-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .guest-section .right-border {
        border-right: 0
    }

    .guest-section {
        margin: 2rem 0 0
    }

    .guest-orders h5 {
        font-size: 1rem;
        text-align: left
    }

    .plan-modal .modal-header {
        padding: 2rem 2rem 1rem
    }

    .plan-modal .modal-body {
        padding: 2rem
    }

    .plan-modal .modal-footer {
        flex-direction: column;
        padding: 1rem 1.5rem
    }

    .plan-modal .modal-footer h4 {
        font-size: 1.3rem
    }

    .plan-modal .modal-footer .modal-title {
        font-size: 1.55rem
    }

    .plan-modal .plan-call {
        padding: .5rem 1rem
    }

    .item_mgmt {
        margin-top: 1rem
    }

    .share_media {
        padding: 1rem;
        overflow: hidden !important
    }

    .share_media .pb-4,
    .share_media .pt-4 {
        padding: 0
    }

    .share_media .card-body {
        padding: 2rem 1.75rem
    }

    .share_media .card-title h2 {
        font-size: 1.7rem;
        text-transform: capitalize;
        color: #000
    }

    #st-1 .st-btn[data-network=facebook]::after,
    #st-1 .st-btn[data-network=linkedin]::after,
    #st-1 .st-btn[data-network=messenger]::after,
    #st-1 .st-btn[data-network=sharethis]::after,
    #st-1 .st-btn[data-network=telegram]::after,
    #st-1 .st-btn[data-network=whatsapp]::after {
        font-size: 1.1rem;
        top: 0;
        left: 13px
    }

    .skeleton_section .card {
        max-width: 70%;
        margin: 1rem auto;
        overflow: hidden
    }

    .skeleton_fb .skeleton_box {
        min-height: 60px;
        width: 150px;
        top: 73px;
        left: -5px
    }

    .skeleton_fb .skeleton_box .card-intro.skeleton {
        min-height: 25px;
        width: 80%;
        top: 4px;
        left: 12px;
        overflow: hidden
    }

    .skeleton_fb img {
        left: 20px;
        overflow: hidden
    }

    .skeleton_in img {
        top: 44px;
        right: -7px;
        overflow: hidden;
        width: 30%;
        height: auto
    }

    .skeleton_google img {
        bottom: 90px;
        right: 30px;
        overflow: hidden
    }

    .mobile_view_hide {
        display: none
    }

    .mobile_view {
        display: flex !important;
        flex-direction: column;
        box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
        border-radius: 10px !important;
        background-color: #f7fafc !important
    }

    .mobile_view .top_header1 {
        padding: 1.5rem;
        margin: 1rem
    }

    .mobile_view .store_name1 {
        font-size: 1.5rem
    }

    .mobile_view .scan_qr_div1 {
        min-height: 13mm;
        max-width: 65mm;
        margin-top: -10mm
    }

    .mobile_view .scan_qr_div1 p {
        line-height: 12mm;
        font-size: 1rem
    }
}

.list_description .section {
    padding-top: 4rem;
    padding-bottom: 120px;
    position: relative
}

.list_description .text-dark {
    color: #1c2f50 !important
}

.list_description .heading:before {
    content: "";
    height: 1px;
    left: 0;
    right: -74px;
    position: absolute;
    width: 40px;
    top: 48%;
    background-color: #656fe0 !important;
    margin: 0 auto
}

.list_description .heading i:first-child {
    position: relative;
    left: 4px
}

.list_description .text-primary {
    color: #656fe0 !important
}

.list_description .heading i:last-child {
    position: relative;
    right: 4px
}

.list_description .mdi-rhombus-outline::before {
    content: "\F070C"
}

.list_description .heading::after {
    content: "";
    height: 1px;
    left: 0;
    right: 74px;
    position: absolute;
    width: 40px;
    top: 48%;
    background-color: #656fe0;
    margin: 0 auto
}

.list_description .text-muted {
    color: #9da9bb !important
}

.list_description .border-center:before {
    content: "";
    height: 2px;
    left: 0;
    width: 100%;
    position: absolute;
    top: 1.75%;
    background-color: #eee !important;
    margin: 0 auto;
    z-index: 0
}

.list_description .nav-pills .nav-link.active,
.list_description .nav-pills .show>.list_description .nav-link {
    color: #102f54 !important;
    background-color: #fff !important
}

.list_description .nav-pills .nav-item .nav-link .service-icon i {
    width: 55px;
    height: 55px;
    background-color: #fff;
    display: inline-block;
    line-height: 80px;
    color: #102f54;
    font-size: 34px;
    border: 2px dashed #888;
    position: relative;
    margin-top: -50px;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.list_description .nav-pills .nav-item .nav-link.active i,
.list_description .nav-pills .nav-item .nav-link:focus i,
.list_description .nav-pills .nav-item .nav-link:hover i {
    background-color: #102f54;
    color: #fff;
    border: 2px dashed #fff
}

.list_description .bx-spin {
    -webkit-animation: 15s linear infinite spin;
    animation: 15s linear infinite spin
}

.list_description .bxl-slack:before {
    content: "\eebe";
    line-height: 1.4;
    position: absolute;
    top: 3px;
    left: 17%
}

.list_description .bx-shape-square:before {
    content: "\eb5d";
    line-height: 1.65;
    position: absolute;
    left: 18%;
    top: -2px
}

.list_description .mdi-cube-outline::before {
    content: "\F01A7"
}

.list_description .fs-18 {
    font-size: 18px !important;
    font-weight: 500
}

.list_description .mdi-content-paste::before {
    content: "\F0192"
}

.list_description .nav-link {
    color: #9da9bb !important;
    box-shadow: none !important
}

.service-icon .bxs-virus:before {
    content: "\ee46";
    line-height: 1.7;
    position: absolute;
    left: 20%;
    font-size: 1.75rem
}

.list_description .mdi-border-color::before {
    content: "\F00C9"
}

.list_description .mdi-desktop-mac::before {
    content: "\F01C4"
}

.list_description .mdi-help-box::before {
    content: "\F078B"
}

.list_description p {
    line-height: 1.6
}

.list_description .nav-pills>li.active>a:focus,
.list_description .nav-pills>li.active>a:hover {
    color: #32325d;
    background-color: #fff !important
}

.bg_orang_gradiant {
    background: linear-gradient(180deg, #ff7136 0, #f44827 100%) !important
}

.dropdown_icon {
    position: relative;
    right: .5%
}

.dropdown__face {
    display: block;
    position: relative;
    background: linear-gradient(180deg, #ff7136 0, #f44827 100%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 8px;
    margin-bottom: 0
}

.dropdown__text i {
    cursor: pointer;
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    left: -3px;
    line-height: .9
}

.dropdown__items {
    margin: 0;
    position: absolute;
    right: -105%;
    top: 50%;
    width: 250px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    cursor: pointer;
    background-color: #e2e5ea;
    padding: 10px;
    border-radius: 25px;
    transition: .9s cubic-bezier(.93, .88, .1, .8);
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .3), 0 .0625rem .125rem rgba(0, 0, 0, .2)
}

.dropdown__items::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    right: 3rem;
    border: .75rem solid transparent;
    border-top: none;
    border-bottom-color: #e2e5ea;
    filter: drop-shadow(0 -.0625rem .0625rem rgba(0, 0, 0, .1))
}

.dropdown_icon input:checked~.dropdown__items {
    top: calc(100% + 4px);
    visibility: visible;
    opacity: 1
}

.dropdown__items li {
    border: 1px solid #888;
    border-radius: 50%;
    padding: 5px;
    background-color: #fff;
    width: 43px;
    height: 43px;
    transition: .5s
}

.dropdown__items li i {
    border-radius: 50%;
    font-size: 2rem;
    color: #102c56;
    position: relative;
    line-height: 1
}

.dropdown__items li i:hover {
    transform: scale(1.2);
    transition: 1s;
    color: #fff
}

@media (max-width:37.4375em) {
    .invoice_list {
        padding-top: 5px
    }

    .dropdown__items {
        gap: 5px;
        width: 220px
    }

    .dropdown__items li img {
        width: 40px
    }

    .dropdown__items li {
        width: 40px;
        height: 36px;
        line-height: 1
    }

    .translation .card .card-header {
        padding: 1.25rem .5rem;
        margin-bottom: 1rem
    }

    .translation .pt-7 {
        padding-top: 1.5rem !important
    }

    .translation .justify-end {
        justify-content: space-between
    }

    .translation .sub_section .select-group select {
        padding: .35rem 1.5rem .35rem .5rem;
        line-height: 1.5;
        font-size: .85rem
    }

    .translation .sub_section {
        display: flex;
        justify-content: start !important;
        align-items: flex-start !important
    }

    .translation .sub_section1 {
        display: flex
    }

    .translation .sub_section1 .button {
        padding: .5rem;
        font-size: .7rem
    }
}

.footer-logo p {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    font-size: 1rem
}

.footerimg img {
    width: 115px;
    padding: .1rem .5rem .5rem
}

.invoice_view1 {
    display: flex;
    justify-content: end
}

@media (min-width:768px) and (max-width:996px) {
    .templatecard {
        display: inline-block;
        margin: .5rem;
        width: calc(49% - 15px)
    }

    #itemadd #dynamic-field-1 {
        margin: .5rem 0 1rem
    }

    .pricing-badge h1,
    .pricing-badge strong {
        font-size: .8rem
    }

    .price-table tbody td:first-child {
        width: 15% !important
    }

    .table-section .table td,
    .table-section .table th {
        white-space: normal !important
    }

    .price-table tbody td,
    .pricing-cont {
        font-size: 1rem
    }

    .pricing-badge span {
        display: none
    }

    .pricing sup {
        font-size: 13px;
        top: -10px
    }

    .pricing h2 {
        font-size: 22px;
        font-weight: 600
    }

    .pricing-btn .btn-outline-secondary,
    .pricing-btn .btn-primary-grad {
        padding: 10px;
        margin-top: .5rem !important;
        font-size: 11px
    }

    .price .top_header {
        font-size: 12px;
        top: -13px;
        padding: 7px;
        font-weight: 500
    }

    .price .card-body {
        padding: 20px 10px !important
    }

    .cta-btn .btn,
    .pricing-btn .btn-primary-grad {
        padding: 10px !important
    }

    .pricing .card-text {
        margin-bottom: 2rem !important
    }

    .pricing span {
        font-size: 15px;
        font-weight: 600
    }

    .pricing .rupee {
        font-size: 8px
    }

    .cta-btn .btn {
        font-size: 14px !important;
        margin-top: 5px !important
    }

    .faq_section #accordion .card {
        padding: 15px
    }

    .faq_section .list-wrapper {
        padding: 15px 2px
    }

    .promote-sec1 .top_card {
        justify-content: center
    }

    .invoice_view,
    .invoice_view1 {
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
        gap: 10px
    }

    .translation .pt-7 {
        padding-top: 1.5rem !important
    }

    .translation .justify-end {
        justify-content: space-between
    }
}

@media (min-width:576px) {
    .position-sm-static {
        position: static !important
    }

    .position-sm-relative {
        position: relative !important
    }

    .position-sm-absolute {
        position: absolute !important
    }

    .position-sm-fixed {
        position: fixed !important
    }

    .position-sm-sticky {
        position: sticky !important
    }

    .invoice_view {
        display: flex;
        justify-content: end;
        flex-wrap: wrap
    }
}

@media (max-width:576px) {

    #ordertable.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
    #ordertable.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
        padding-left: 3rem
    }

    .has-arrow {
        right: 0
    }

    .navbar-vertical .navbar-nav .nav-link.has-submenu.parent-active .has-arrow,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:focus .has-arrow,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover .has-arrow {
        right: 0;
        transition: .3s ease-out
    }
}

.cart\.checkout select {
    height: 45px;
    border-radius: 3px
}

.checkout-fields {
    padding-right: 1rem !important
}

.checkout-fields .form-group label {
    font-family: Poppins, sans-serif;
    text-transform: capitalize;
    font-size: .9rem;
    font-weight: 500;
    color: #102f54 !important;
    margin-bottom: 0
}

.cart-page .select2-container--default .select2-selection--single {
    height: 45px;
    padding: .5rem;
    font-size: .9rem !important;
    margin-bottom: 0 !important
}

.checkout-fields .form-group label.error {
    color: #f41127 !important;
    font-size: .7rem
}

#cart_head .custom-control {
    width: 35%;
    position: relative
}

#cart_head.card-content .custom-radio.custom-control label img {
    width: auto;
    height: 45px;
    filter: grayscale(1);
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

#cart_head.card-content .custom-radio.custom-control input[type=radio]:checked+label img {
    filter: grayscale(0);
    height: 48px;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

#addressBox .address-box label {
    display: flex;
    box-sizing: border-box;
    position: relative;
    min-height: 150px;
    width: 100%;
    text-align: left;
    font-size: .9rem;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.4;
    padding-left: 2rem
}

#addressBox .address-box {
    width: 30%;
    display: inline-flex;
    margin-right: 1rem
}

.add-new-address {
    flex-direction: column;
    align-items: center
}

.add-new-address img {
    margin-top: 1.5rem;
    height: 50px;
    opacity: .6
}

#addressBox .address-box label span {
    margin-bottom: 0;
    font-family: Gilroy-SemiBold
}

#totalPrices .ammount,
.right-cart #totalPrices .card-stats .card-body,
.right-cart #totalPrices .total_price,
.right-cart .paymentmethods .custom-control-label,
.right-cart .view p {
    font-family: Poppins, sans-serif !important;
    font-weight: 400
}

.right-cart .view p {
    font-size: .89rem
}

.right-cart .custom-checkbox .custom-control-input~.custom-control-label {
    font-size: .8rem;
    font-family: Poppins, sans-serif !important
}

.right-cart #cartList hr.dotted,
.right-cart #totalPrices hr.border-top {
    border-bottom: 1px dashed #bdb6b6 !important;
    border-top: 0 !important
}

.card-deliverytypedinein .card-content .custom-control label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 7px;
    padding-bottom: 7px
}

.card-deliverytypedinein .card-content .custom-control label .checkbox-icon {
    position: absolute;
    right: 25px;
    bottom: 10px;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

#cart_head.card-content .custom-radio.custom-control input[type=radio]:checked+label .checkbox-icon {
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    bottom: 10px
}

.cart-page .card-content .custom-radio.custom-control label::before,
.delivery_option .custom-radio.custom-control label::before {
    content: "";
    width: .8rem;
    height: .8rem;
    top: 1rem;
    left: .5rem;
    border-radius: 50%;
    border: 1px solid #cad1d7;
    transition: .3s;
    position: absolute;
    background-color: #fff
}

.cart-page .card-content .custom-radio.custom-control label {
    font-family: Poppins, sans-serif !important;
    font-size: .95rem !important;
    width: 100%;
    height: auto;
    padding-left: 2rem;
    position: relative;
    text-align: left;
    border-radius: 0 !important;
    border:0.51px solid #CDCDCD;
}

.cart-page .card-content .custom-radio.custom-control label::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: .8rem;
    height: .8rem;
    top: 1.015rem;
    left: .51rem;
    border-radius: 50%;
    position: absolute
}

.card-content .custom-radio.custom-control input[type=radio]:checked+label::before,
.cart\.checkout .custom-radio .custom-control-input:checked~.custom-control-label::before,
.cart\.checkout .delivery_option .custom-radio.custom-control input[type=radio]:checked+label::before {
    background-color: #ff7b36;
    border-color: #ff7b36
}

.card-content .custom-radio.custom-control input[type=radio]:checked+label::after,
.cart\.checkout .custom-radio .custom-control-input:checked~.custom-control-label::after,
.cart\.checkout .delivery_option .custom-radio.custom-control input[type=radio]:checked+label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

#addressBox .address-box label .address-actions {
    position: absolute;
    bottom: 5px;
    display: flex;
    width: 100%;
    gap: 10px;
    font-size: 12px;
    margin-top: 10px
}

#modal-store-login .left-pane {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px 0 0 3px;
    background-color: #102c56;
    width: 300px
}

#modal-store-login .middle-content {
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin: auto 0;
    padding: 30px
}

#modal-store-login .middle-content h2 {
    font-size: 23px;
    line-height: 32px;
    font-weight: 700;
    color: #fff
}

#modal-store-login .middle-content h4 {
    font-size: 14px;
    color: #fff
}

#modal-store-login .right-pane {
    width: calc(100% - 300px);
    padding: 15px
}

#modal-store-login .middle-content .divider {
    height: 0;
    width: 100px;
    margin: 15px 0;
    border-radius: 5px;
    border: 2px solid #ff7136
}

#modal-store-login .middle-content .h5 {
    font-size: 1rem;
    font-weight: 400
}

#modal-store-login .myaccount-login-form {
    padding-top: 2rem
}

#modal-store-login .btn-wrapper .btn {
    font-size: .8rem;
    color: #102c56;
    position: relative
}

.bottom-cart-buttons .btn-outline-primary {
    border-color: var(--storecolor, #102c56);
    color: var(--storecolor, #102c56)
}

.bottom-cart-buttons .btn-outline-primary:active,
.bottom-cart-buttons .btn-outline-primary:focus,
.bottom-cart-buttons .btn-outline-primary:hover {
    border-color: var(--storecolor, #102c56);
    background-color: var(--storecolor, #102c56);
    color: #fff
}

.bottom-cart-buttons .btn-primary:active,
.bottom-cart-buttons .btn-primary:focus,
.bottom-cart-buttons .btn-primary:hover {
    border-color: var(--storecolor, #102c56) !important;
    background-color: var(--storecolor, #102c56) !important;
    color: #fff
}

.bottom-cart-buttons .btn {
    width: 100%;
    font-size: 13px;
    max-width: 180px;
    margin: 0 auto 1rem
}

.plugins-page .plugins-sec .plugin-response {
    font-weight: 500;
    text-transform: capitalize;
    position: absolute;
    top: 15px;
    margin-bottom: 0
}

.plugin-box .plugins-sec:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgb(0 0 0 / 31%);
    content: "";
    left: 0;
    z-index: 1
}

.plugin-box .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top: 4px solid #2e93e6;
    border-radius: 50%;
    animation: .8s linear infinite sp-anime;
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.goog-te-gadget .goog-te-combo,
.google_translate_element {
    color: #fff;
    position: relative;
    background: var(--storecolor, #102c56)
}

.plugins-filter-list li a,
.products-suggestion .price {
    font-size: 13px
}

.plugins-search-filter {
    width: 100%;
    max-width: 300px
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg)
    }
}

.google_translate_element {
    overflow: hidden !important;
    border: none;
    display: flex !important;
    font-size: 1.05rem;
    font-weight: 400;
    align-items: baseline;
    height: 40px;
    border-radius: 4px
}

.google_translate_element .goog-te-gadget {
    height: 35px;
    overflow: hidden;
    padding: 10px 10px 0
}

.products-suggestion .products-no-suggestion,
.products-suggestion>a {
    padding-left: 10px;
    padding-right: 10px
}

.google_translate_element .goog-te-gadget:before {
    content: "\f1ab";
    display: inline-block;
    font: 20px/1 FontAwesome;
    position: absolute;
    color: var(--store_header_text) !important
}

.goog-te-gadget .goog-te-combo {
    margin-left: 20px !important;
    max-width: 60px
}

.classic_header1 .google_translate_element {
    border-radius: 50rem
}

.goog-te-gadget .goog-te-combo:focus-visible {
    outline: 0 !important
}

.table-field .table_note .formfield>textarea {
    padding: 1.3em;
    margin: 0;
    width: 100%;
    background: #f6f7fa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    outline: 0;
    color: #000;
    font-weight: 500;
    vertical-align: bottom;
    min-height: 146px
}

@media (min-width:1400px) {
    .templatecard {
        display: inline-block;
        margin: .5rem;
        width: calc(33% - 16px)
    }
}

.products_search_wrapper {
    position: absolute;
    z-index: 1003;
    max-width: 300px;
    width: 100%;
    left: unset;
    top: 100%;
    right: 0
}

.product_search_result {
    width: 100%;
    text-transform: none;
    background-color: #fff;
    text-align: start;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden
}

.products-suggestion {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 250px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin: 0;
    padding: 5px 0;
    border: 1px solid #e1e1e1;
    border-bottom: 0
}

.products-suggestion:last-child {
    border-bottom: 1px solid #e1e1e1
}

.products-suggestion>a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #000 !important
}

.products-suggestion img {
    max-width: 3rem;
    margin: 5px 10px 5px 0;
    border: 0;
    vertical-align: middle
}

.products-suggestion .ajax-item-info {
    text-align: start;
    margin-right: 10px
}

.products-suggestion .product-title {
    text-align: start;
    display: block;
    margin-bottom: 0;
    color: #222;
    font-size: 14px;
    font-weight: 400
}

.products-suggestion .arrow-icon {
    margin-left: auto;
    padding-left: 3px;
    -webkit-transform: translateX(3px) rotate(-45deg);
    transform: translateX(3px) rotate(-45deg);
    -ms-flex-item-align: center;
    align-self: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.products-suggestion:hover {
    background-color: #f2f2f2;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.products-suggestion:hover .arrow-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.product_search.loading span .la-search:before {
    content: "";
    border: 1px solid #e1e1e1;
    border-left-color: #888;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    -webkit-animation: .3s linear infinite rotate;
    animation: .3s linear infinite rotate
}

.store-qr .size-picker,
.table-qr .size-picker {
    border-left: 1px solid #c7c5c5
}

.product_search span.close-search {
    font-size: 20px;
    cursor: pointer
}

@media (min-width:992px) {
    .timeline-step {
        left: 50%
    }

    .timeline-content {
        width: 38%
    }

    .timeline-body {
        padding: 1.5rem
    }

    .timeline-block:nth-child(2n) .timeline-content {
        float: right
    }

    [data-timeline-axis-color=primary]:before {
        border-color: #5e72e4
    }

    [data-timeline-axis-color=secondary]:before {
        border-color: #f7fafc
    }

    [data-timeline-axis-color=success]:before {
        border-color: #2dce89
    }

    [data-timeline-axis-color=info]:before {
        border-color: #11cdef
    }

    [data-timeline-axis-color=warning]:before {
        border-color: #fb6340
    }

    [data-timeline-axis-color=danger]:before {
        border-color: #f5365c
    }

    [data-timeline-axis-color=light]:before {
        border-color: #adb5bd
    }

    [data-timeline-axis-color=dark]:before {
        border-color: #212529
    }

    [data-timeline-axis-color=default]:before {
        border-color: #172b4d
    }

    [data-timeline-axis-color=neutral]:before,
    [data-timeline-axis-color=white]:before {
        border-color: #fff
    }

    [data-timeline-axis-color=darker]:before {
        border-color: #000
    }

    .timeline-one-side .timeline-content {
        max-width: 30rem
    }

    .sidenav-cart {
        max-width: 430px
    }

    .userroles .col-lg-2 {
        max-width: 20%;
        flex: 0 0 20%
    }

    .position-lg-static {
        position: static !important
    }

    .position-lg-relative {
        position: relative !important
    }

    .position-lg-absolute {
        position: absolute !important
    }

    .position-lg-fixed {
        position: fixed !important
    }

    .position-lg-sticky {
        position: sticky !important
    }

    .my-account-welcome {
        padding: 0 2rem
    }

    nav.tabbable {
        max-width: calc(100% - 60px);
        width: 100%
    }

    .flex-grow-lg-unset {
        flex-grow: unset
    }

    .single-product .product_search {
        min-width: 300px
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }
}

@media (max-width:767px) {
    .maintenance-prenotice {
        padding-bottom: 25px
    }

    #navbar_global .navbar-nav .googleTranslateHolder,
    .maintenance-prenotice br {
        display: none
    }

    .close-prenotice {
        right: 50%;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -80%);
        width: 100px
    }

    #cartList .info-block>.row,
    #cartList .info-block>.row .page-link:first-child,
    #cartList .info-block>.row .page-link:nth-child(2),
    #google_translate_element_m,
    .googleTranslateHolderMobile,
    .googleTranslateHolderMobile .goog-te-gadget .goog-te-combo {
        background-color: var(--storecolor, #102c56)
    }

    .storesetup .custom-radio.custom-control .custom-control-label::after,
    .storesetup .custom-radio.custom-control .custom-control-label::before {
        left: 3%
    }

    .products_search_wrapper {
        max-width: 100%;
        right: 0;
        padding: 0 15px
    }

    .single-product .product_search {
        margin-top: 10px;
        padding: 0 10px 10px
    }

    .products_input_wrapper {
        width: 100%;
        display: none;
        padding: 0 15px
    }

    .slideup .products_input_wrapper {
        display: block
    }

    .set-def-store-popup-btn .btn {
        background: #fff !important;
        color: var(--storecolor, #102c56) !important;
        box-shadow: none !important
    }

    .set-def-store-popup-btn {
        width: 100%
    }

    .storesetup .delivery_method .custom-radio.custom-control label,
    .storesetup .preparing_time .custom-radio.custom-control label {
        padding-left: 3rem
    }

    .set-def-store-popup-btn .btn-inner--icon:first-child {
        width: 25px;
        height: 25px;
        background-color: var(--storecolor, #102c56) !important;
        color: #fff;
        display: inline-flex;
        border-radius: 50%;
        text-align: center;
        align-items: center;
        justify-content: center
    }

    .sec-header {
        padding: .3rem 0;
        background: 0 0;
        border-bottom: 2px solid #2d548e
    }

    .sec-header-title h3 {
        font-size: 1rem;
        color: #2d548e;
        font-family: Gilroy-SemiBold
    }

    .strip figure img {
        min-height: 100%;
        max-height: 100%
    }
}

@media (max-width:600px) {
    #itemadd #dynamic-field-1 {
        margin: .5rem 0 1rem
    }

    .products_search_wrapper {
        padding: 0
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }
}

.single-product .products_search_wrapper {
    right: 0;
    padding: 0
}

.slideup .product_search {
    display: block !important
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.multi-store-sec .location-section {
    display: flex;
    align-items: flex-start
}

.multi-store-sec .location-details {
    width: calc(100% - 50px);
    position: relative
}

.multi-store-sec .location-image {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50rem;
    overflow: hidden;
    background: linear-gradient(180deg, #ff7136 0, #f44827 100%) !important;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.multi-store-sec .location-details p {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.2
}

.multi-store-sec .custom-control {
    padding-left: 0 !important;
    margin-bottom: 1rem
}

.modal-open .select2-dropdown {
    z-index: 999999
}

#multistore-locations {
    width: 100%;
    padding: 0
}

.multi-store-sec label {
    font-weight: 500;
    color: #000;
    width: 100%;
    border: 1px solid #cad1d7;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.multi-store-sec label:hover {
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    box-shadow: 1px 1px 5px 2px #cad1d775
}

.multi-store-sec .location-details .store-address {
    font-weight: 500;
    line-height: 1.4
}

.multi-store-sec .location-details .badge {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 11px;
    padding-left: 20px;
    text-transform: capitalize
}

.multi-store-sec .location-details .storehours:before {
    display: block;
    content: "\f017";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 5px
}

.multi-store-sec .location-details .distance:before {
    display: block;
    content: "\f041";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 5px
}

.multi-store-sec .location-details .badge-success {
    color: #17a00e;
    background-color: rgb(24 160 14 / 10%)
}

.multi-store-sec .location-details .badge-warning {
    color: #fb6340;
    background-color: rgb(251 99 64 / 10%)
}

.multi-store-sec .location-details .badge-danger {
    color: #f5365c;
    background-color: rgb(245 54 92 / 10%)
}

.multi-store-sec .location-details .badge-default {
    color: #172b4d;
    background-color: rgb(23 43 77 / 10%)
}

.multi-store-sec .custom-control.in-active label {
    filter: grayscale(1);
    opacity: .6
}

.multi-store-sec .custom-control label::after,
.multi-store-sec .custom-control label::before {
    height: 80%;
    width: 5px;
    top: 10%;
    z-index: 10;
    border: none;
    background: 0 0;
    display: none
}

.multi-store-sec .custom-control label::before {
    left: 0;
    border-radius: 0 2rem 2rem 0
}

.multi-store-sec .custom-control label::after {
    left: calc(100% - 5px);
    border-radius: 2rem 0 0 2rem
}

.multi-store-sec .custom-radio .custom-control-input:checked~.custom-control-label {
    background-color: #f7f8f9;
    border: solid #f44827
}

.multi-store-sec .custom-radio .custom-control-input:checked~.custom-control-label::after,
.multi-store-sec .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background: #102c56
}

.set-def-store-popup-btn {
    display: flex;
    position: relative;
    align-items: center
}

.storesnav .collect .dropdown-menu {
    box-shadow: none;
    background: 0 0;
    left: unset;
    right: 0;
    text-align: right
}

.storesnav .collect .dropdown-menu li {
    margin-bottom: 5px
}

@media (max-width:1024px) {
    #navbar-main.storesnav .navbar-collapse {
        top: -60px
    }

    #navbar-main.storesnav.multistore .navbar-collapse {
        top: -115px
    }
}

.classic-nav .product_search input {
    height: 43px;
    line-height: 43px;
    border-radius: 50rem
}

.classic-nav .product_search span {
    height: 43px
}

.multi-store-sec .location-details .badge-light {
    color: #212529;
    background-color: rgb(33 37 41 / 10%)
}

#managertable.dataTable>tbody>tr.child ul li {
    border-bottom: 0;
    padding: .5rem;
    width: 100%
}

#managertable.dataTable>tbody>tr.child ul li table,
#managertable.dataTable>tbody>tr.child ul li table tr {
    background-color: #fafafa
}

#managertable.dataTable>tbody>tr.child ul li table tr td {
    padding: 10px 5px;
    white-space: normal
}

.store-qr .card-body {
    padding: 1.5rem;
    flex: 1 1 auto;
    display: flex
}

.table-qr .card-body {
    display: flex;
    flex-wrap: wrap
}

.store-qr .size-picker {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 1rem
}

.store-qr #store_size {
    width: 10%
}

.store-qr .form-control-label {
    color: #32325d
}

@media (max-width:37.4375em) {
    .table-qr .card-body {
        display: flex
    }

    .store-qr .size-picker,
    .table-qr .size-picker {
        border-left: 0
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }

    .store-qr .card-body {
        flex-direction: column
    }

    .storesetup .delivery_method .custom-radio.custom-control label,
    .storesetup .preparing_time .custom-radio.custom-control label {
        padding-left: 2rem
    }
}

@media (min-width:768px) and (max-width:996px) {
    .table-qr .card-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%
    }

    .counter_filter .btn {
        padding: .5rem .55rem
    }

    .table-qr .card-body .qrbuilder-box {
        display: flex;
        flex-direction: column
    }

    .store-qr .size-picker,
    .table-qr .size-picker {
        border-left: 0;
        padding-left: 15px !important
    }

    .store-qr .card-body {
        flex-direction: column
    }
}

@media (min-width:1199px) and (max-width:768px) {
    #exTab1 .nav>li {
        width: 25%
    }

    .process_new_order .card-content .custom-radio.custom-control label {
        padding: 5px
    }

    .card-deliverytypedinein .card-content .custom-control label .checkbox-icon {
        right: 2px
    }

    .counter_filter .btn {
        padding: .5rem .55rem
    }

    .storesetup .custom-radio.custom-control label {
        padding-left: 1.75rem;
        font-size: .75rem
    }

    .table-qr .card-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%
    }

    .table-qr .card-body .qrbuilder-box {
        display: flex;
        flex-direction: column
    }

    .store-qr .size-picker,
    .table-qr .size-picker {
        border-left: 0;
        padding-left: 15px !important
    }

    .store-qr .size-picker {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0
    }

    .store-qr .card-body {
        flex-direction: column
    }
}

@media (min-width:960px) and (max-width:1200px) {
    .storesetup .custom-radio.custom-control label {
        padding-left: 1.75rem;
        font-size: .75rem
    }

    #exTab1 .nav>li {
        width: 25%
    }

    .process_new_order .card-content {
        flex-direction: row
    }

    .process_new_order .card-content .custom-radio.custom-control label {
        padding: 5px
    }

    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }
}

@media (min-width:1201px) and (max-width:1600px) {
    .storesetup .custom-radio.custom-control label {
        padding-left: 1.75rem;
        font-size: .75rem
    }

    .price .card-footer .btn {
        min-width: 160px
    }

    .process_new_order .card-content {
        flex-direction: row
    }

    .process_new_order .card-content .custom-radio.custom-control label {
        padding: 5px
    }

    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }
}

@media only screen and (min-device-width:996px) and (max-device-width:1224px) and (orientation:landscape) {
    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    .process_new_order .card-content .custom-radio.custom-control label {
        padding: 5px
    }

    #exTab1 .nav>li {
        width: 25%
    }

    .card-deliverytypedinein .card-content .custom-control label .checkbox-icon {
        right: 2px
    }

    .storesetup .delivery_method .custom-radio.custom-control label {
        height: 80px
    }

    .table-qr .card-body {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%
    }

    .store-qr .qrbuilder-box,
    .table-qr .card-body .qrbuilder-box {
        display: flex;
        flex-direction: column
    }

    .store-qr .size-picker,
    .table-qr .size-picker {
        border-left: 0;
        padding-left: 15px !important
    }

    .store-qr .size-picker {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0
    }

    .store-qr .card-body {
        flex-direction: column
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px
    }
}

@media (min-width:37.4375em) {

    #form-group-email,
    #form-group-name,
    #form-group-note,
    #form-group-person_count,
    #form-group-phone_number,
    #form-group-restaurant_id,
    #form-group-table_id,
    #form-group-visit_at {
        margin-bottom: .7rem !important
    }

    .mobile_view .store_logo1 img.logo_store {
        width: auto;
        max-height: 70px !important
    }
}

.multi-store-sec .location-image i {
    color: #fff;
    font-size: 20px
}

.delivery_option .custom-radio.custom-control label::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    width: .8rem;
    height: .8rem;
    top: 1rem;
    left: .5rem;
    border-radius: 50%;
    position: absolute
}

.store-name-logo {
    font-family: Poppins;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: #fff;
    background-color: var(--storecolor, #102c56);
    padding: 5px 5px 5px 8px;
    border-radius: 5px 0;
    position: relative;
    z-index: 0
}

.previous_order_list .custom-radio label {
    height: 45px;
    line-height: 45px;
    width: 100%;
    padding-left: 2rem;
    position: relative;
    text-align: left;
    border-radius: 0 !important;
    border: .1px solid #e8ebf5;
    background-color: #f6f7fa
}

.previous_order_list .custom-radio {
    width: calc(50% - 15px);
    margin-right: 15px;
    padding: 0 !important
}

.previous_order_list {
    position: relative;
    width: 100%;
    display: flex
}

.previous_order_list .custom-control-label::after,
.previous_order_list .custom-control-label::before {
    top: .8rem !important;
    left: .5rem !important
}

.previous_order_list .custom-radio.custom-control input[type=radio]:checked+label::before {
    background-color: #ff7b36 !important;
    border-color: #ff7b36 !important
}

.swiper-slider-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 80%;
    background: url("/images/dott.png");
    padding: 1rem
}

.swiper-container .style-1 .title {
    font-weight: 700;
    color: #fff;
    margin: 0 0 .4em;
    text-transform: capitalize;
    text-align: center
}

.swiper-container .slider_per_view_1 .style-1 .title,
.swiper-container .slider_per_view_1 .style-2 .title,
.swiper-container .slider_per_view_1 .style-3 .title {
    font-size: 3rem;
    margin-top: 2rem
}

.swiper-container .slider_per_view_2 .style-1 .title,
.swiper-container .slider_per_view_2 .style-2 .title,
.swiper-container .slider_per_view_2 .style-3 .title {
    font-size: 2rem;
    margin-top: 1rem
}

.swiper-container .slider_per_view_3 .style-1 .title,
.swiper-container .slider_per_view_3 .style-2 .title,
.swiper-container .slider_per_view_3 .style-3 .title {
    font-size: 1rem;
    margin-top: .5rem
}

.swiper-container .slider_per_view_4 .style-1 .title,
.swiper-container .slider_per_view_4 .style-2 .title,
.swiper-container .slider_per_view_4 .style-3 .title {
    font-size: .7rem;
    margin-top: .2rem
}

.swiper-container .style-1 .description {
    font-weight: 500;
    color: #fff;
    text-align: center
}

.swiper-container .slider_per_view_1 .style-1 .description,
.swiper-container .slider_per_view_1 .style-2 .description,
.swiper-container .slider_per_view_1 .style-3 .description {
    font-size: 1.125rem;
    margin: 0 0 2em
}

.swiper-container .slider_per_view_2 .style-1 .description,
.swiper-container .slider_per_view_2 .style-2 .description,
.swiper-container .slider_per_view_2 .style-3 .description {
    font-size: 1rem;
    margin: 0 0 1em
}

.swiper-container .slider_per_view_3 .style-1 .description,
.swiper-container .slider_per_view_3 .style-2 .description,
.swiper-container .slider_per_view_3 .style-3 .description {
    font-size: .9rem;
    margin: 0 0 .5em
}

.swiper-container .slider_per_view_4 .style-1 .description,
.swiper-container .slider_per_view_4 .style-2 .description,
.swiper-container .slider_per_view_4 .style-3 .description {
    font-size: .7rem;
    margin: 0 0 .2em
}

.swiper-container .style-1 .btn,
.swiper-container .style-2 .btn,
.swiper-container .style-3 .btn {
    background-color: #fd5f17;
    color: #fff;
    border-color: #fd5f17;
    border-radius: 0
}

.swiper-container .slider_per_view_1 .style-1 .btn,
.swiper-container .slider_per_view_1 .style-2 .btn,
.swiper-container .slider_per_view_1 .style-3 .btn {
    padding: .5rem .75rem;
    font-size: 1rem
}

.swiper-container .slider_per_view_2 .style-1 .btn,
.swiper-container .slider_per_view_2 .style-2 .btn,
.swiper-container .slider_per_view_2 .style-3 .btn {
    padding: .5rem;
    font-size: .9rem
}

.swiper-container .slider_per_view_3 .style-1 .btn,
.swiper-container .slider_per_view_3 .style-2 .btn,
.swiper-container .slider_per_view_3 .style-3 .btn {
    padding: .3rem;
    font-size: .7rem
}

.swiper-container .slider_per_view_4 .style-1 .btn,
.swiper-container .slider_per_view_4 .style-2 .btn,
.swiper-container .slider_per_view_4 .style-3 .btn {
    padding: .3rem;
    font-size: .6rem
}

.swiper-container .style-2 .title {
    font-weight: 700;
    color: #fff;
    margin: 0 0 .4em;
    text-transform: capitalize;
    text-align: left
}

.swiper-container .style-2 .description {
    font-weight: 500;
    color: #fff;
    text-align: left
}

.swiper-container .slider_per_view_1 .style-2 .button_sec,
.swiper-container .slider_per_view_2 .style-2 .button_sec,
.swiper-container .slider_per_view_3 .style-2 .button_sec,
.swiper-container .slider_per_view_4 .style-2 .button_sec {
    text-align: left
}

.swiper-container .style-3 .title {
    font-weight: 700;
    color: #fff;
    margin: 0 0 .4em;
    text-transform: capitalize;
    text-align: right
}

.swiper-container .style-3 .description {
    font-weight: 500;
    color: #fff;
    text-align: right
}

.swiper-pagination-fraction {
    background-color: #fff;
    max-width: 100px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    padding: 3px 10px
}

@media (min-width:993px) {
    .swiper-container .hide_content_lg_0 {
        display: none !important
    }

    .swiper-container .hide_content_lg_1 {
        display: block !important
    }
}

@media (max-width:992px) {
    #tabs-plugins {
        position: relative !important;
        margin-bottom: 20px;
        height: 45px;
        max-width: 100%;
        overflow: visible;
        top: 0 !important
    }

    #tabs-plugins li {
        z-index: 2;
        width: 100%;
        margin-bottom: 0
    }

    #tabs-plugins li:not(.init) {
        float: left;
        width: 100%;
        display: none
    }

    #tabs-plugins li.selected:not(.init) {
        display: none !important
    }

    #tabs-plugins.nav-pills .init .nav-link {
        background-color: #102c56;
        color: #fff;
        padding-left: 2rem !important
    }

    #tabs-plugins:after {
        content: "\e9ac";
        font-family: boxicons !important;
        font-weight: 400;
        position: absolute;
        left: 5px;
        top: 5px;
        z-index: 2;
        color: #fff;
        font-size: 1.4rem
    }

    #tabs-plugins.nav-pills .nav-item:last-child .nav-link {
        border-bottom: 1px solid #d6dbe2
    }

    .classic_header1 .google_translate_element .goog-te-gadget:before {
        color: #102c56
    }

    .classic_header1 #google_translate_element_m,
    .classic_header1 .googleTranslateHolderMobile .goog-te-gadget .goog-te-combo {
        background-color: #fff;
        color: #102c56
    }

    #navbar-main.storesnav .navbar-toggler {
        background-color: #fff
    }

    .swiper-container .slider_per_view_md_1 .style-1,
    .swiper-container .slider_per_view_md_1 .style-2,
    .swiper-container .slider_per_view_md_1 .style-3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px
    }

    .swiper-container .slider_per_view_md_2 .style-1,
    .swiper-container .slider_per_view_md_2 .style-2,
    .swiper-container .slider_per_view_md_2 .style-3,
    .swiper-container .slider_per_view_md_3 .style-1,
    .swiper-container .slider_per_view_md_3 .style-2,
    .swiper-container .slider_per_view_md_3 .style-3,
    .swiper-container .slider_per_view_md_4 .style-1,
    .swiper-container .slider_per_view_md_4 .style-2,
    .swiper-container .slider_per_view_md_4 .style-3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0
    }

    .swiper-container .slider_per_view_md_1 .style-1 .title,
    .swiper-container .slider_per_view_md_1 .style-2 .title,
    .swiper-container .slider_per_view_md_1 .style-3 .title {
        font-size: 2rem;
        margin-top: 1rem
    }

    .swiper-container .slider_per_view_md_2 .style-1 .title,
    .swiper-container .slider_per_view_md_2 .style-2 .title,
    .swiper-container .slider_per_view_md_2 .style-3 .title {
        font-size: 1.2rem;
        margin-top: .8rem
    }

    .swiper-container .slider_per_view_md_3 .style-1 .title,
    .swiper-container .slider_per_view_md_3 .style-2 .title,
    .swiper-container .slider_per_view_md_3 .style-3 .title {
        font-size: 1rem;
        margin-top: .3rem
    }

    .swiper-container .slider_per_view_md_4 .style-1 .title,
    .swiper-container .slider_per_view_md_4 .style-2 .title,
    .swiper-container .slider_per_view_md_4 .style-3 .title {
        font-size: .7rem;
        margin-top: .2rem
    }

    .swiper-container .slider_per_view_md_1 .style-1 .btn,
    .swiper-container .slider_per_view_md_1 .style-2 .btn,
    .swiper-container .slider_per_view_md_1 .style-3 .btn {
        padding: .5remrem;
        font-size: .8rem
    }

    .swiper-container .slider_per_view_md_2 .style-1 .btn,
    .swiper-container .slider_per_view_md_2 .style-2 .btn,
    .swiper-container .slider_per_view_md_2 .style-3 .btn {
        padding: .5rem;
        font-size: .7rem
    }

    .swiper-container .slider_per_view_md_3 .style-1 .btn,
    .swiper-container .slider_per_view_md_3 .style-2 .btn,
    .swiper-container .slider_per_view_md_3 .style-3 .btn {
        padding: .3rem;
        font-size: .6rem
    }

    .swiper-container .slider_per_view_md_4 .style-1 .btn,
    .swiper-container .slider_per_view_md_4 .style-2 .btn,
    .swiper-container .slider_per_view_md_4 .style-3 .btn {
        padding: .2rem;
        font-size: .5rem
    }

    .swiper-container .slider_per_view_md_1 .style-1 .description,
    .swiper-container .slider_per_view_md_1 .style-2 .description,
    .swiper-container .slider_per_view_md_1 .style-3 .description {
        font-size: 1.125rem;
        margin: 0 0 1em
    }

    .swiper-container .slider_per_view_md_2 .style-1 .description,
    .swiper-container .slider_per_view_md_2 .style-2 .description,
    .swiper-container .slider_per_view_md_2 .style-3 .description {
        font-size: 1rem;
        margin: 0 0 .5em
    }

    .swiper-container .slider_per_view_md_3 .style-1 .description,
    .swiper-container .slider_per_view_md_3 .style-2 .description,
    .swiper-container .slider_per_view_md_3 .style-3 .description {
        font-size: .9rem;
        margin: 0 0 .2em
    }

    .swiper-container .slider_per_view_md_4 .style-1 .description,
    .swiper-container .slider_per_view_md_4 .style-2 .description,
    .swiper-container .slider_per_view_md_4 .style-3 .description {
        font-size: .7rem;
        margin: 0
    }
}

@media (max-width:768px) {
    .store-name-logo {
        font-size: 1.1rem
    }

    .process_new_order .card-content .custom-radio.custom-control label {
        padding: 5px
    }

    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    .swiper-slider-content.style-1 .title,
    .swiper-slider-content.style-2 .title,
    .swiper-slider-content.style-3 .title {
        font-size: 1.8rem;
        margin-top: 1rem
    }

    .swiper-slider-content.style-1 .description,
    .swiper-slider-content.style-2 .description,
    .swiper-slider-content.style-3 .description {
        font-size: 1rem
    }

    .swiper-pagination-fraction {
        font-size: .9rem;
        bottom: 0
    }
}

@media (max-width:500px) {
    .store-name-logo {
        font-size: 1rem
    }

    .counter_filter .btn {
        margin-top: .5rem;
        padding: .5rem .55rem
    }

    .swiper-slider-content.style-1 .title,
    .swiper-slider-content.style-2 .title,
    .swiper-slider-content.style-3 .title {
        font-size: 1rem;
        margin-top: .5rem
    }

    .swiper-slider-content.style-1 .description,
    .swiper-slider-content.style-2 .description,
    .swiper-slider-content.style-3 .description {
        font-size: .8rem;
        margin-bottom: .5rem
    }

    .swiper-slider-content.style-1 .btn,
    .swiper-slider-content.style-2 .btn,
    .swiper-slider-content.style-3 .btn {
        font-size: .5rem;
        padding: .5rem
    }

    .swiper-container .slider_per_view_4 .style-1 .btn {
        font-size: .5rem
    }

    .swiper-pagination-fraction {
        font-size: .8rem;
        bottom: 0
    }
}

.copy-code,
.coupon-code {
    color: var(--storecolor, #102c56);
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

#extras_group {
    max-height: 350px
}

.notifyjs-corner {
    z-index: 9999999 !important
}

.featured_template .coupon_sider nav a {
    text-transform: capitalize;
    font-weight: 400;
    padding: .625rem 1.25rem .625rem .9rem;
    display: flex;
    align-items: center;
    min-width: 220px;
    gap: 5px;
    font-size: .875rem;
    margin-bottom: 20px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    background: linear-gradient(to top right, var(--storecolor, #102c56) 0, var(--storecolorlight, #102c56) 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

.coupon_sider .menu-open a,
.coupon_sider .menu-open i {
    color: #fff;
    font-size: 1rem;
    text-decoration: none
}

.coupon_sider .menu-close i {
    color: #222;
    font-size: 1.5rem;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: end
}

.coupon_sider .side-nav {
    position: relative;
    transition: transform .35s ease-out;
    background: #fff;
    height: 100%;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 5px 6px 4px rgba(0, 0, 0, .2);
    transform: translateX(-102%);
    will-change: transform;
    display: flex;
    flex-direction: column
}

.coupon_sider .side-nav-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.coupon_sider .side-nav-container:before {
    transition: opacity .3s cubic-bezier(0, 0, .3, 1);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    will-change: opacity;
    opacity: 0;
    pointer-events: none
}

.coupon_sider .side-nav-animatable.side-nav-visible .side-nav {
    transition: transform .33s cubic-bezier(0, 0, .3, 1)
}

.coupon_sider .side-nav-visible {
    pointer-events: auto
}

.coupon_sider .side-nav-visible .side-nav {
    transform: none
}

.coupon .card-header {
    font-size: 1.25rem;
    color: #222;
    font-weight: 500;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.coupon .card-header h3::after {
    content: "";
    width: 64px;
    height: 3px;
    background-color: var(--storecolor, #102c56);
    margin-top: 8px;
    margin-bottom: 20px;
    display: block
}

.coupon-div:not(:last-child),
.offers-div:not(:last-child) {
    border-bottom: 1px solid var(--black-90);
    margin-bottom: 16px;
    padding-bottom: 16px
}

.j-sb {
    justify-content: space-between
}

.coupon-code-wrapper {
    position: relative;
    overflow: hidden
}

.circle1 {
    left: -6px
}

.circle2 {
    right: -6px
}

.circle1,
.circle2 {
    height: 12px;
    width: 12px;
    background-color: #fff;
    z-index: 1;
    border-radius: 50%;
    position: absolute;
    top: 7px
}

.coupon-code {
    border: 1px solid var(--storecolor, #102c56);
    background-color: var(--storecolorlight, #102c56);
    height: 26px;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    display: flex
}

.minimum_free_delivery_sec p,
.minimum_order_sec p {
    padding: .5em;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 400;
    font-size: .9rem
}

.coupon-desc {
    color: #000;
    margin-top: 10px
}

#skeleton-loading .skeleton {
    animation: 1s linear infinite alternate skeleton-loading
}

@keyframes skeleton-loading {
    0% {
        background-color: #c1cfd6
    }

    100% {
        background-color: #eff3f4
    }
}

#skeleton-loading .skeleton-text {
    width: 100%;
    height: .7rem;
    margin-bottom: .5rem;
    border-radius: .25rem
}

.classic-theme .skeleton-image {
    min-height: 240px;
    max-height: 243px
}

@media (max-width:565px) {
    #footer-pages li {
        text-align: left
    }

    .whatsappButton {
        bottom: 20%
    }

    .progressdiv .progress {
        transform: rotate(-90deg) rotateX(180deg) scale(.8)
    }

    .progressdiv {
        max-height: 115px
    }

    .store-list.orders-summary {
        height: 450px
    }

    #datatable.dataTable>tbody>tr.child ul {
        display: block
    }

    #modal-store-login .left-pane,
    #modal-store-login .right-pane {
        width: 100%
    }

    #modal-store-login .myaccount-login-form {
        padding-top: 0
    }

    .bottom-cart-buttons .btn {
        height: 2.5rem;
        line-height: 2;
        max-width: 100%
    }

    .classic-theme .skeleton-image {
        min-height: 138px;
        max-height: 138px
    }
}

.right-cart .paymentmethods .custom-control-label {
    width: 100%;
    display: flex;
    align-items: flex-start
}

.right-cart .paymentmethods .custom-control-label>span {
    white-space: nowrap
}

.multi-store-sec .location-details h4 {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0
}

#shop_close h3 {
    font-size: 1.5rem;
    font-weight: 500
}

#shop_close button.btn {
    background: #fb6340;
    color: #fff
}

.product-available-time {
    filter: grayscale(1)
}

.minimum_order_sec p {
    color: #f41127;
    background-color: rgb(244 17 39 / 10%)
}

.minimum_free_delivery_sec p {
    color: #102c56;
    background-color: rgb(16 44 86 / 10%)
}

.featured_template .btn-coupon-offer {
    background: linear-gradient(to top right, var(--storecolor, #102c56) 0, var(--storecolorlight, #102c56) 100%);
    box-shadow: -11px 10px 20px rgb(0 0 0 / 4%);
    color: #fff !important
}

#order_type_selection .wizard>.steps {
    position: relative;
    display: none;
    width: 100%
}

#order_type_selection .wizard>.actions>ul>li {
    float: left;
    margin: 0 0 0 .5em
}

#order_type_selection .wizard>.content {
    display: block;
    overflow: hidden;
    position: relative;
    width: auto
}

#order_type_selection .wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

#order_type_selection .wizard>.content>.body>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

#order_type_selection .wizard>.content>.body input {
    display: block;
    border: 1px solid #ccc
}

#order_type_selection .wizard>.content>.body label.error {
    position: relative;
    margin: 0 !important;
    text-align: center;
    border-radius: 10rem !important;
    color: #f41127 !important;
    background-color: rgb(244 17 39 / 10%);
    font-weight: 500;
    padding: 5px 10px;
    border: none;
    width: 100%;
    line-height: 1.8;
    font-size: 13px
}

#order_type_selection .wizard>.actions {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 15px;
    left: 0;
    right: 0
}

#order_type_selection .wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

#order_type_selection .wizard>.actions>ul {
    display: flex;
    text-align: center;
    justify-content: center
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

#order_type_selection .wizard>.actions a,
#order_type_selection .wizard>.actions a:active,
#order_type_selection .wizard>.actions a:hover {
    background: #2d548e;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 1.8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#order_type_selection .wizard>.actions .disabled a,
#order_type_selection .wizard>.actions .disabled a:active,
#order_type_selection .wizard>.actions .disabled a:hover {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0;
    padding: 0 0 1px;
    margin-top: 0
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc !important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

fieldset {
    border: none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%
}

#order_type_form input[type=email],
#order_type_form input[type=tel],
#order_type_form input[type=text],
#order_type_form input[type=url],
#order_type_form textarea {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 0 5px;
    padding: 10px
}

#order_type_form input[type=email]:hover,
#order_type_form input[type=tel]:hover,
#order_type_form input[type=text]:hover,
#order_type_form input[type=url]:hover,
#order_type_form textarea:hover {
    -webkit-transition: border-color .3s ease-in-out;
    -moz-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    border: 1px solid #aaa
}

#order_type_form textarea {
    height: 100px;
    max-width: 100%;
    resize: none
}

#order_type_form button[type=submit] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #4caf50;
    color: #fff;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px
}

#order_type_form button[type=submit]:hover {
    background: #43a047;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

#order_type_form button[type=submit]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5)
}

#order_type_form input:focus,
#order_type_form textarea:focus {
    outline: 0;
    border: 1px solid #aaa
}

#order_type_selection.actions li a,
#order_type_selection .steps>ul>li>a {
    padding: 10px;
    text-decoration: none;
    margin: 1px;
    display: block;
    color: #777
}

#order_type_selection .actions li,
#order_type_selection .steps>ul>li {
    list-style: none
}

.order_delivery_item li .ordericon_link.active .order_type_img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.order_delivery_item li label.error {
    bottom: -45px;
    left: 150px
}

#order_type_selection .wizard>.content section {
    min-height: 301px
}

#order_type_selection .modal-header h5 {
    color: #fff;
    font-size: 1.2rem
}

#order_type_selection .modal-header .close {
    color: #fff;
    font-weight: 100
}

#order_type_selection .wizard>.content>.body #timeslot {
    height: 43px;
    border-radius: 5px
}

#order_type_selection .wizard>.content>.body .card-content #datepick {
    width: 100%;
    padding: 5px 10px;
    height: 43px
}

#order_type_selection .wizard>.content>.body h2 {
    color: #102c56;
    font-size: 1.5rem
}

#order_type_selection .wizard>.content>.body .header_section {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 5rem;
    padding-top: 1rem
}

#order_type_selection .wizard>.content>.body .header_ontent_sec h2 {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase
}

#order_type_selection .wizard>.content>.body .header_ontent_sec {
    width: calc(100% - 50px)
}

#order_type_selection .wizard>.content>.body .header_icon_sec img {
    max-height: 55px
}

#order_type_selection .wizard>.content>.body #browse {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

#order_type_selection .wizard>.content>.body .country_state_validation #country-error {
    bottom: -90px
}

#order_type_selection .wizard>.content>.body .country_state_validation #state-error {
    bottom: -70px
}

.two-button-row {
    gap: 15px
}

#order_type_form .select2-container:not(.form-control) .select2-selection--single {
    padding: .375rem .75rem !important;
    height: 46px;
    line-height: 46px
}

.item-offer-horizontal>.info h4 a {
    line-height: 1.5
}

order-body {
    text-align: center;
    padding: 0
}

.order-body p {
    color: #333;
    font-size: 16px;
    margin: 0 0 20px
}

.order_delivery_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 0 0 15px;
    padding: 0;
    gap: 10px
}

.order_delivery_item li .ordericon_link,
.order_delivery_item li button {
    display: block;
    position: relative;
    background: #f6f7fa;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .08);
    text-decoration: none;
    cursor: pointer
}

.header-ordernow-single-img {
    transition: .3s linear;
    -webkit-transition: .3s linear
}

.order_delivery_item li .ordericon_link.active .order_type_imgwt,
.order_delivery_item li .ordericon_link:hover .order_type_imgwt {
    display: block;
    margin: 0 auto
}

.order_delivery_item h4 {
    color: #000;
    font-size: 16px;
    margin: 15px 0 0;
    text-align: center;
    text-transform: capitalize
}

.order_icon {
    display: block;
    text-align: center;
    margin: auto
}

.order_delivery_item .tooltip-inner {
    max-width: 260px
}

.order_delivery_mobile_tooltip {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    left: -270px;
    top: 23px;
    background: #181818;
    padding: 10px;
    border-radius: 3px;
    width: 260px;
    margin: 0 auto 5px;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.order_delivery_item li:hover .order_delivery_mobile_tooltip {
    opacity: 1;
    visibility: visible
}

.order_delivery_mobile_tooltip:before {
    content: "";
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -7px;
    border: 10px solid #181818;
    border-color: transparent transparent transparent #181818;
    border-width: 7px 10px
}

.order_delivery_mobile_tooltip p {
    margin: 0;
    color: #fff;
    font-size: 16px
}

.selfcollect_tooltip .order_delivery_mobile_tooltip {
    left: auto;
    right: -270px
}

.selfcollect_tooltip .order_delivery_mobile_tooltip:before {
    border-color: transparent #181818 transparent transparent;
    left: -16px;
    right: auto
}

.order_delivery_item li.disable:hover {
    background: #f9f9f9;
    border-color: #e1e1e2
}

.orderpop_address {
    position: relative;
    height: 100%;
    padding-top: 35px
}

.orderpop_address p {
    font-size: 12px;
    margin: 0
}

.orderpop_continue_shop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.orderpop_continue_shop .btn {
    font-size: 11px;
    height: 30px;
    padding: 7px 15px;
    margin: 0
}

.orderpop_change_address {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.order_delivery_item li .header-ordernow-single-img img {
    height: 45px;
    margin: 0 auto
}

.popup_ttsec {
    width: 42%;
    padding: 20px;
    min-height: 310px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pop_title {
    position: relative;
    color: #fff
}

.pop_title h2 {
    font-size: 1.5rem;
    margin: .5rem 0;
    color: #fff;
    text-transform: inherit
}

.pop_title small {
    font-size: 18px;
    font-weight: 400
}

.popup_right {
    width: 58%;
    padding: 20px 60px 20px 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.two-button-row1 {
    justify-content: center;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.two-button-row {
    display: flex;
    max-width: 476px;
    justify-content: space-between;
    margin: 0 auto
}

.two-button-row>div {
    width: 49%
}

.go_second a,
.go_second a:hover,
.two-button-row .delivery_submit:hover {
    background: #383838
}

.delevery_popup .popup_ttsec {
    padding-left: 38px;
    padding-right: 28px;
    background: var(--storecolor, #102c56)
}

.delevery_popup .popup_right .form-group .form-control {
    border: 1px solid #dadada
}

.delivery_submit,
.two-button-row>div .button {
    display: block;
    margin: 0;
    padding: .75rem;
    width: 100%
}

.two-button-row1 .button {
    display: block;
    padding: .75rem;
    color: #000;
    border: none;
    background: 0 0;
    margin: 0;
    text-decoration: underline
}

.two-button-row1 .button:hover {
    color: var(--storecolor, #102c56)
}

#first-modal .modal-content .close-btn,
#first-modal-warning .modal-content .close-btn,
#fourth-modal .modal-content .close-btn,
#second-modal .modal-content .close-btn,
#third-modal .modal-content .close-btn {
    position: absolute;
    right: -20px;
    top: -18px;
    color: var(--storecolor, #102c56);
    border: 1px solid var(--storecolor, #102c56);
    background: #fff;
    padding: 2px 4px;
    opacity: 1;
    font-size: 2rem;
    font-weight: 400;
    line-height: .8
}

.delivery_submit_cls {
    width: 48%
}

img.pop-scooter-img {
    max-width: 90px;
    margin: 0 auto 1rem
}

#second-modal .areadelivery .cart-title h5 {
    font-size: 1rem;
    font-weight: 400;
    color: #000
}

.awesome_del {
    margin-top: 13px;
    text-align: center
}

.awesome_del h5 {
    font-size: 19px;
    margin-bottom: 10px;
    color: #fff
}

.awesome_del h2 {
    color: #fff;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    line-height: 19px
}

.delevery_popup_datetime .btn_sec .button {
    display: block;
    margin: 0;
    width: 100%
}

#order_type_selection .wizard>.actions a,
#order_type_selection .wizard>.actions a:active,
#order_type_selection .wizard>.actions a:hover {
    background: #2d548e;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 1.8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

@media (max-width:600px) {
    #order_type_selection .wizard>.content>.body .header_section {
        margin-left: 0
    }

    #order_type_selection .container-fluid {
        padding: 0
    }

    .coupon .card-body,
    .coupon .card-header {
        padding: .5rem
    }

    .coupon .card-header h3 {
        font-size: 1rem
    }
}

.product-col .strip .res_title {
    height: 40px;
    -webkit-line-clamp: 2
}

.order_delivery_item li {
    max-width: 150px
}

@media (max-width:37.4375em) {
    .order_delivery_item {
        padding: 10px 0;
        gap: 8px;
    }

    .order_delivery_item li .ordericon_link,
    .order_delivery_item li button {
        padding: 10px 5px !important;
    }

    .order-body h2 {
        font-size: 1.75rem;
    }

    .order_delivery_item li .header-ordernow-single-img img {
        height: 40px;
    }

    .order_delivery_item h4 {
        color: #000;
        font-size: 13px;
    }

    #order_type_selection .wizard>.content>.body h2 {
        font-size: 1rem;
    }
}


@media (min-width:768px) and (max-width:991px) {
    .order_delivery_item {
        padding: 10px 0;
        gap: 8px;
    }

    .order_delivery_item li .ordericon_link,
    .order_delivery_item li button {
        padding: 10px 5px !important;
    }

    .order-body h2 {
        font-size: 1.75rem;
    }
}

#time_slot_range .time_slot_ranger_container {
    display: flex;
    align-items: flex-start;
    margin: 0;
    width: 100%;
}

#time_slot_range .time_slot_box {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 1;
    padding-right: 5px;
    padding-left: 5px !important;
    flex: 0 0 16.6%;
    max-width: 16.6%;
}

#time_slot_range .time_slot_content p {
    margin-bottom: 0px;
    margin-top: 0;
}

#time_slot_range .time_slot_content {
    text-align: center;
    border: 1px solid #cad1d7;
    border-radius: 3px;
    padding: 5px 0px;
    background: #f6f7fa;
    color: #2d548e;
    width: 100%;
    cursor: pointer;
}

#time_slot_range .time_slot_content p.time_slot_day {
    font-size: 0.8rem;
}

#time_slot_range .time_slot_content .time_slot_date {
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    margin-top: 0;
}

#time_slot_range .time_slot_content p.time_slot_month {
    text-transform: uppercase;
    font-size: 0.8rem;
}

#time_slot_range .custom-label.time_slot_content::before {
    top: 50%;
    transform: translateY(-50%);
}

#time_slot_range .custom-label.time_slot_content::after {
    top: 50%;
    transform: translateY(-50%);
}

#time_slot_range .custom-radio.custom-control input[type=radio]:checked~label {
    color: #fff;
    border: 1px solid #2d548e;
    background: #2d548e;
}

#time_slot_range .custom-radio.custom-control input[type=radio]:checked~label::before {
    background-color: #ff7b36;
    border-color: #ff7b36;
}

#time_slot_range .custom-radio.custom-control input[type=radio]:checked~label::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}

#time_slot_range .custom-label.time_slot_content.closed {
    filter: grayscale(1);
    opacity: 0.6;
    cursor: not-allowed;
}

.cart-page #order-form .card-content .custom-radio.custom-control label {
    border-radius: 5px !important;
}

#order-form .card-deliverytypedinein .card-content {
    gap: 10px !important;
}

#time_slot_range .time_slot_content .time_slot_type {
    position: absolute;
    left: 50%;
    font-size: 0.6rem;
    top: -15px;
    transform: translateX(-50%);
    font-weight: 400;
    letter-spacing: 2px;
}

@media (max-width: 425px) {
    #time_slot_range .time_slot_box {
        flex: 0 0 25%;
        max-width: 25%;
    }

    #time_slot_range .time_slot_ranger_container {
        overflow-x: clip;
    }
}

.cart-content #time_slot_range .ui.calendar .ui.input:before {
    display: none !important;
}

#time_slot_range .time_slot_box:first-child {
    padding-left: 0 !important;
}

#time_slot_range .time_slot_box:last-child {
    padding-right: 0 !important;
}

.additional_date_checkbox {
    position: relative;
    text-align: right;
    padding-right: 25px;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.additional_date_checkbox input {
    position: absolute;
    opacity: 0;
    right: 0;
    height: 1px !important;
}

.additional_date_checkbox label {
    cursor: pointer;
}

.coupon-code {
    -moz-transition: .1s linear;
    -o-transition: .1s linear;
    -webkit-transition: .1s linear;
    -ms-transition: .1s linear;
    transition: .1s linear;
}

.coupon_sider .coupon-div .j-sb:hover .coupon-code {
    background-color: var(--storecolor, #102c56);
    color: #fff;
    -moz-transition: .1s linear;
    -o-transition: .1s linear;
    -webkit-transition: .1s linear;
    -ms-transition: .1s linear;
    transition: .1s linear;
}

#order_type_selection .modal-header,
#shop_close .modal-header,
#store_location .modal-header,
#referral_welcome .modal-header,
#account_created .modal-header,
#modal-form .modal-header,
#table_qr_modal .modal-header {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.5rem;
    background-color: var(--storecolor, #102c56) !important;
}

#order_type_selection .modal-header h5,
#shop_close .modal-header h5,
#store_location .modal-header h5,
#referral_welcome .modal-header h5,
#account_created .modal-header h5,
#modal-form .modal-header h5,
#table_qr_modal .modal-header h5 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#order_type_selection .modal-header h4,
#store_location .modal-header h4 {
    color: #fff;
    margin-bottom: 0;
}

.order_delivery_item li .ordericon_link.active {
    background: var(--storecolor, #102c56);
}

#order_type_selection .wizard>.actions a,
#order_type_selection .wizard>.actions a:active,
#order_type_selection .wizard>.actions a:hover {
    background: var(--storecolor, #102c56);
    color: #fff;
    font-weight: 500;
}

#order_type_selection #time_slot_range .time_slot_content,
#order_type_selection .wizard>.content>.body .header_ontent_sec h2 {
    color: var(--storecolor, #102c56);
}

#order_type_selection #time_slot_range .custom-radio.custom-control input[type=radio]:checked~label {
    color: #fff;
    border: 1px solid var(--storecolor, #102c56);
    background: var(--storecolor, #102c56);
}

#order_type_selection .wizard>.content section {
    min-height: 255px;
}

#order_type_selection .wizard>.content>.body .header_section {
    margin-left: 0;
    padding-top: 0;
}

#order_type_selection .wizard>.content>.body .header_ontent_sec h4 {
    margin-top: 7px;
}

#continue_place_order,
#continue_place_order:hover,
#continue_place_order:focus,
#continue_place_order:active {
    background: var(--storecolor, #102c56);
    color: #fff;
    outline: none !important;
    border: none !important;
}

#shop_close .modal-body .open_notice,
#order_type_selection .modal-body .open_notice {
    color: #17a00e;
    background-color: rgb(24 160 14 / 10%);
    margin: 0 auto;
    border-radius: 10rem;
    padding: 0.3rem 1rem;
    display: inline-block;
    border: 1px solid #17a00e;
    font-size: 1rem;
}

#shop_close button.btn {
    background: var(--storecolor, #102c56);
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 1.8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
}

@media (max-width: 600px) {
    .checkout-page #addressBox .address-box {
        width: 100%;
    }

    #addToCart1 .btn-primary,
    #modal-form .btn-primary {
        white-space: nowrap;
        border-radius: 10px;
    }

    .whatsappButton {
        bottom: 18%;
        left: 0rem;
    }
}

#has_shiprocket {
    display: flex;
    gap: 10px;
    align-items: normal;
}

#pincode_response.available {
    color: #17a00e;
    background-color: rgb(24 160 14 / 10%);
}

#pincode_response {
    font-size: 15px;
    font-weight: 400;
    padding: 0.5rem;
    border-radius: 5rem;
    text-align: center;
    color: #5c636a;
    background-color: rgb(92 99 106 / 10%);
}

#pincode_response.notavailable {
    color: #f41127;
    background-color: rgb(244 17 39 / 10%);
}

#shipping_methods .shipping_methods .custom-control {
    padding: 0.2rem;
    background: #fff;
    color: #2d548e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #e9ecef;
    margin-top: 0.5rem;
    border-radius: 5px;
    filter: grayscale(1);
    min-height: 40px;
}

#shipping_methods .shipping_methods .custom-control label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#shipping_methods .shipping_methods .custom-control.active {
    background: #fff;
    color: #2d548e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    filter: grayscale(0);
    border: 1px solid #2d548e;
}

.eye_vision {
    float: left;
    margin-left: 9px;
    margin-top: -28px;
    position: relative;
}

#modal-store-login .show_password input {
    padding-left: 2.5rem;
}

.product_search {
    border-radius: 50rem;
}

.store_notice_section a {
    margin-left: 10px;
}

/**** Store Customize ****/
.store_notice_section {
    background-color: var(--store_notice_background);
    color: var(--store_notice_text);
}

#navbar-main.storesnav {
    background-color: var(--store_header_background);
}

.goog-te-gadget .goog-te-combo,
.google_translate_element {
    background-color: var(--store_header_button);
    color: var(--store_button_text);
}

.google_translate_element .goog-te-gadget:before {
    color: var(--store_header_text);
}

#navbar-main.storesnav .btn-primary-grad,
#navbar-main.storesnav .btn-primary-grad:hover,
#navbar-main.storesnav .btn-primary-grad:active {
    background-color: var(--store_header_button) !important;
    color: var(--store_header_text) !important;
}

.tabbable .nav-pills .nav-link.active,
.tabbable .nav-pills .nav-link.active:hover {
    background-color: var(--store_button_background);
    color: var(--store_button_text) !important;
    border: 1px solid var(--store_button_background);
}

.tabbable .nav-pills .nav-link:hover {
    border: 1px solid var(--store_button_background);
    color: var(--store_button_background);
}

#desCartLink.cartbtn {
    border: 2px solid var(--store_button_background);
    color: var(--store_button_background);
    background-color: #fff;
}

#desCartLink.cartbtn i {
    color: var(--store_button_background);
}

.container-restorant.filter_area {
    background-color: var(--store_body_background) !important;
}

.tabbable .nav-pills .nav-link {
    background-color: #fff;
}

#addToCartbtn .btn i,
#addToCartbtn .btn span {
    color: var(--store_button_text) !important;
}

#addToCartbtn .btn,
#addToCartbtn .btn:active,
#addToCartbtn .btn:hover,
#addToCart1 .btn-primary,
#addToCart1 .btn-primary:active,
#addToCart1 .btn-primary:hover {
    background-color: var(--store_button_background);
    color: var(--store_button_text) !important;
    border: 1px solid var(--store_button_background);
}

footer.footer.bg-dark-blue {
    background-color: var(--store_footer_background);
    background-size: cover;
}

.store_sec h2,
.content_text p,
.footer.bg-dark-blue h5 {
    color: var(--store_footer_text);
}

.store_sec h2:after {
    background-color: var(--store_footer_text);
}

.contact_sec a,
.contact_sec a:hover,
.contact_sec a:active,
.footer-quick-links li a,
.footer-quick-links li a:hover .footer-quick-links li a:active {
    color: var(--store_footer_link) !important;
}

.breadcrumbdiv .breadcrumb,
.single_product,
.list_description .nav-link,
.list_description .nav-pills .nav-link.active,
.list_description .nav-pills .show>.list_description .nav-link {
    background-color: var(--store_body_background) !important;
}

.mobile-menu-opened .sidenav-cart,
.sidenav-cart #totalPrices .card-stats .card-body,
.sidenav-cart .page-link {
    background-color: var(--store_sidebar_background);
}

.bottom-cart-buttons .btn-outline-primary:active,
.bottom-cart-buttons .btn-outline-primary:focus,
.bottom-cart-buttons .btn-outline-primary:hover {
    background-color: var(--store_button_background);
    color: var(--store_button_text) !important;
    border: 1px solid var(--store_button_background);
}

.bottom-cart-buttons .btn-primary,
.bottom-cart-buttons .btn-primary:active,
.bottom-cart-buttons .btn-primary:focus,
.bottom-cart-buttons .btn-primary:hover {
    background-color: var(--store_button_background);
    border: 1px solid var(--store_button_background);
    color: var(--store_button_text) !important;
}

.bottom-cart-buttons .btn-outline-primary {
    border-color: var(--store_button_background);
    color: var(--store_button_background);
}

.minicart-content .minicart-heading>h4 {
    color: var(--store_sidebar_heading);
}

#cartList .product-item_title,
#cartList .product-item_quantity,
.sidenav-cart #totalPrices .card-stats .card-body {
    color: var(--store_sidebar_text);
}

.bg_skyblue.checkout-page {
    background-color: var(--store_body_background);
}

.store_notice_section strong {
    color: var(--store_notice_text);
}

#modalDialogItem #extras_group .custom-control>label {
    font-weight: 400;
}

.order_delivery_item li .header-ordernow-single-img img {
    height: 35px;
}

@media (max-width: 600px) {
    .order_delivery_item {
        flex-direction: column;
    }

    .order_delivery_item li {
        max-width: 100%;
    }

    .header-ordernow-single-img {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        max-width: 130px;
        margin: 0 auto;
        text-align: center;
    }

    .order_delivery_item li .header-ordernow-single-img img {
        margin: 0 !important;
        margin-right: 15px !important;
    }

    .order_delivery_item h4 {
        margin: 0 !important;
    }

    .order_delivery_item li .ordericon_link {
        padding: 5px !important;
    }

    #order_type_selection .wizard>.content section {
        min-height: 315px;
    }

    h4.tablebookingmsg {
        font-size: 0.6rem;
    }
}

#totalPrices .ammount,
.right-cart #totalPrices .total_price,
.right-cart .view p {
    font-family: 'Gilroy-SemiBold' !important;
}

.product_meta .tags-cloud {
    display: flex;
    gap: 5px;
}

.product_meta .tags-cloud a span {
    max-width: 30px;
    margin-right: 5px;
}

#order_type_selection .wizard>.content>.body .header_ontent_sec h4 {
    font-size: 14px;
}

.product-available-div {
    top: -200px;
}

.product-available-time .product-available-div {
    background: #fff;
    opacity: .8;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}

#desCartLink #cartCount {
    position: absolute;
    top: 10px;
    z-index: 0;
    color: #fff;
    padding: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    transform: translate(-25px, -15px)
}

@media (min-width: 390px) {

    .product-col .strip .res_mimimum,
    .strip .res_title {
        margin-bottom: 10px;
    }
}

@media (min-width:540px) {
    .product-available-div {
        top: -280px;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    span.cart_item-body3 {
        width: 100px;
        text-align: right;
        margin-right: 10px;
    }

    #desCartLink.cartbtn {
        display: flex;
        align-items: center;
        width: 50px;
        top: -59px;
        height: 50px;
        left: 92%;
        position: relative;
        padding: 0.6rem;
        margin: 0;
    }

    nav.tabbable {
        max-width: 86%;
    }

    .strip figure {
        position: relative;
        height: 350px;
        z-index: 1;
    }

    .single-product .strip figure {
        position: relative;
        height: 240px;
        z-index: 1;
    }

    .strip figure img {
        min-height: 240px;
        max-height: 350px;
        object-fit: cover;
    }

    .product-available-div {
        top: -250px;
    }

    .elegant_header #modCartLink #cartCount {
        padding: 2px !important;
        top: -2px !important;
        width: 30px !important;
        height: 30px !important;
        border: 1px solid;
        font-weight: 500;
    }

    .elegant_header #modCartLink i {
        position: relative;
        top: 5px;
    }
}

@media only screen and (min-width: 912px) {
    .strip figure {
        position: relative;
        height: 390px;
        z-index: 1;
    }

    .strip figure img {
        min-height: 240px;
        max-height: 390px;
        object-fit: cover;
    }

    #desCartLink.cartbtn {
        left: 93%;
        top: -66px;
        position: relative;
    }

    nav.tabbable {
        max-width: 90%;
    }

    .product-available-div {
        top: -220px;
    }

    .elegant_header #modCartLink i {
        position: relative;
        top: 6px;
        font-size: 2.5rem !important;
    }

    .elegant_header #modCartLink #cartCount {
        padding-top: 6px !important;
        top: -5px !important;
        width: 35px !important;
        height: 35px !important;
    }
}

@media (min-width:1024px) {
    #desCartLink.cartbtn {
        left: 0%;
        top: -2px;
        position: relative;
    }

    .elegant_header #modCartLink #cartCount {
        position: absolute;
        background: #fff;
        border-radius: 50%;
        color: var(--storecolor, #102c56) !important;
        color: #fff;
        padding: 2px !important;
        top: -7px !important;
        width: 30px !important;
        height: 30px !important;
        border: 1px solid;
        font-weight: 500;
    }

    a#modCartLink {
        position: relative;
        width: 73px;
        height: 48px;
    }

    .elegant_header #modCartLink i {
        position: relative;
        top: -2px;
        font-size: 2.5rem !important;
    }

    .google_translate_element .goog-te-gadget:before {
        color: var(--store_header_text) !important;
    }

    .goog-te-gadget .goog-te-combo,
    .google_translate_element {
        background-color: var(--store_header_button);
        color: var(--store_header_text);
    }
}

@media (min-width:1280px) {
    .product-available-div {
        top: -164px;
    }

    .strip figure {
        position: relative;
        height: 272px;
        z-index: 1;
    }

    #desCartLink.cartbtn {
        left: 0%;
        top: -7px;
        position: relative;
    }

    .elegant_header #modCartLink #cartCount {

        right: 14px;
        top: -11px;
        font-size: 14px;
        width: 30px !important;
        height: 30px !important;
        border: 1px solid;
        font-weight: 400;
    }

    .elegant_header #modCartLink i {
        font-size: 1.5rem;
        padding-right: 29px;
        left: 10px;
        top: 3px;
    }

    .elegant_header #modCartLink {
        padding: 0 32px;
    }

    a#modCartLink {
        position: relative;
        width: 95px;
        height: 54px;
    }

    .single-product .strip figure {
        position: relative;
        height: 240px;
        z-index: 1;
    }
}

@media (min-width:1390px) {
    .product-available-div {
        top: -220px;
    }

    .strip figure {
        position: relative;
        height: 400px;
        z-index: 1;
    }

    .single-product .strip figure {
        position: relative;
        height: 245px;
        z-index: 1;
    }
}

.right-cart .paymentmethods .custom-control-label {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: -5px;
}

#desCartLink.cartbtn i {
    font-size: 2rem;
    top: 3px;
    left: -2px;
}

#desCartLink #cartCount {
    position: absolute;
    top: 2px;
    left: 52px;
    z-index: 1;
    color: #fff;
    padding: 0;
    font-size: 13px;
    width: 25px;
    height: 23px;
    border-radius: 50%;
    background-color: red;
    text-align: center;
    transform: translate(-25px, -15px);
}

#desCartLink.cartbtn {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    padding: 0.6rem;
    margin: 0;
}

.mordern_footer_mobnav #cartCountmob {
    background-color: #ff0000;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    top: -3px;
    right: 25px;
    z-index: 1;
    color: #ffffff;
    font-weight: 500;
    transition: .3s linear
}

#menu a.featured,
#menu a.featured:hover {
    background-color: var(--store_header_button);
    color: var(--store_header_text) !important;
}


.elegant_header #modCartLink:hover {
    background: var(--storecolor, #102c56) !important;
    border-radius: 179px;
}

.product_search input {
    border-radius: 30px;
}

.footer-logo1 p {
    display: flex;
    gap: 6px;
    justify-content: start;
    align-items: center;
    font-size: 1rem;
}

@media (max-width:912px) {

    .goog-te-gadget .goog-te-combo,
    .google_translate_element {
        background-color: var(--storecolor, #102c56);
        color: var(--store_button_text);
    }

}

.mordern_footer_mobnav li.active #cartCountmob {
    top: -18px;
    right: 18px;
    transition: .3s linear
}

@media (max-width:720px) {
    .footer-logo1 p {
        display: flex;
        gap: 6px;
        justify-content: center !important;
        align-items: center;
        font-size: 1rem;
    }
}

.custom-control.hidden-checkbox {
    padding-left: 0 !important;
}

.custom-checkbox.hidden-checkbox .custom-control-label::before,
.custom-checkbox.hidden-checkbox .custom-control-label::after {
    display: none;
}

.pointer-events-none {
    pointer-events: none;
}

@media (min-width: 992px) {
    .single-product .strip figure {
        position: relative;
        height: 220px;
        z-index: 1;
    }
}

#guest_order_section .table td .table th {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.5;
    color: #0e0e0e;
}

.cart-content #form-group-shipping_country .select2-container--default,
.cart-content #form-group-shipping_state .select2-container--default,
.cart-content #form-group-billing_country .select2-container--default,
.cart-content #form-group-billing_state .select2-container--default {
    background: #fff !important;
}

.cart-content #form-group-shipping_country .select2-container--default.select2-container--disabled .select2-selection--single,
.cart-content #form-group-shipping_state .select2-container--default.select2-container--disabled .select2-selection--single,
.cart-content #form-group-billing_country .select2-container--default.select2-container--disabled .select2-selection--single,
.cart-content #form-group-billing_state .select2-container--default.select2-container--disabled .select2-selection--single {
    background: #e9ecef;
}



/* notice bar text designs */

@keyframes flicker {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.flicker-text {
    animation: flicker 1.5s infinite;
}

.flicker-text:hover {
    animation: none;
}

@keyframes flash {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.flash-marquee {
    white-space: nowrap;
    overflow: hidden;
    font-size: 24px;
    box-sizing: border-box;
    animation: flash 2s infinite;
}



.notice_para_content {
    color: var(--store_notice_text);
}

#store_notice .carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: none;
    font-size: 30px;
    color: var(--store_notice_text);
}

#sore_notice .carousel-control-prev-icon,
.carousel-control-next-icon {
    height: unset;
}

#sore_notice .carousel-control-next-icon,
.carousel-control-prev-icon {
    height: unset;
}

/* End notice bar text designs */
.booking_card {
    margin: 0 auto;
}

p.form_sub_head {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    color: var(--storecolor);
}

img.card_image_right {
    border-radius: 1.2rem;
}

.card_sec {
    position: relative;
    border-radius: 1.2rem;
}

.form-control.form_input_bg1 {
    background-color: #F9FAFB;
    border: 1px solid #EFEFEF;
}

.form-control.form_input_bg {
    background-color: #F9FAFB;
    border: 1px solid #EFEFEF;
    padding-right: 40px;
}

.btn_custom {
    color: white;
    background-color: var(--storecolor);
}

.input_icon svg,
.input_icoyn svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 576px) {

    .input_icon,
    .input_icoyn {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-13px, 10px);
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    img.card_image_right {
        border-radius: 1.2rem;
        margin: 10px auto;
    }

    .input_icon,
    .input_icoyn {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-13px, 10px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    img.card_image_right {
        border-radius: 1.2rem;
        margin: 10px auto;
    }

    .input_icon {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-13px, 10px);
    }

    .input_icoyn {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-38px, 10px);
    }

    .form_sec_left {
        padding: 0 40px;
    }

    div#notefield {
        padding: 0 23px;
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    p.form_sub_head {
        margin-bottom: 0px;
    }

    .input_icon {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-10px, 10px);
    }

    .input_icoyn {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-15px, 10px);
    }
}

@media (min-width: 1200px) {
    .input_icon {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(-13px, 10px);
    }

    /* .bg_main_image,.bg_main_image2 {
    overflow-y: auto;
    height: 100vh;
} */
}

.bg_main_image2 {
    background: url('/images/store_services/booking_bg_img.jpg');
    background-size: cover;
    background-position: center;
}

.bg_main_image {
    background: url('/images/store_services/booking_bg_img2.jpg');
    background-size: cover;
    background-position: center;
}

/* Target the increase button */
#table-reservation input[type="number"]::-webkit-inner-spin-button,
#table-reservation input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /* Remove default appearance */
    appearance: none;
    margin: 0;
    /* Optional: Adjust margin if needed */
}

/* Style the increase button */
#table-reservation input[type="number"]::-webkit-inner-spin-button:after {
    content: '▲';
    /* You can use any content you want */
    display: inline-block;
    margin-left: 4px;
    /* Adjust as needed */
    color: red;
}

/* Target the decrease button */
#table-reservation input[type="number"]::-webkit-inner-spin-button,
#table-reservation input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /* Remove default appearance */
    appearance: none;
    margin: 0;
    /* Optional: Adjust margin if needed */
}

/* Style the decrease button */
#table-reservation input[type="number"]::-webkit-inner-spin-button:after {
    content: '▼';
    /* You can use any content you want */
    display: inline-block;
    margin-left: 4px;
    /* Adjust as needed */
}

#saved_column>span {
    border: 0.0625rem solid #dee2e6;
    background-color: #e7f5e6;
    color: #17a00e;
    font-size: 0.85rem;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.cart-content .table_order .select2-container--default {
    background: #ffffff !important;
}

@media (min-width: 1200px) {
    .col-xl-2\.4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-1\.7 {
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .col-xl-1\.5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-xl-1\.3 {
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }

    .col-xl-1\.2 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-xl-1\.1 {
        flex: 0 0 9.09%;
        max-width: 9.09%;
    }
}

@media (min-width: 992px) {
    .col-lg-2\.4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-1\.7 {
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .col-lg-1\.5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-lg-1\.3 {
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }

    .col-lg-1\.2 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-lg-1\.1 {
        flex: 0 0 9.09%;
        max-width: 9.09%;
    }
}

@media (min-width: 768px) {
    .col-md-2\.4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-1\.7 {
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .col-md-1\.5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-md-1\.3 {
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }

    .col-md-1\.2 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-md-1\.1 {
        flex: 0 0 9.09%;
        max-width: 9.09%;
    }
}

@media (min-width: 576px) {
    .col-sm-2\.4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-1\.7 {
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .col-sm-1\.5 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-sm-1\.3 {
        flex: 0 0 11.11%;
        max-width: 11.11%;
    }

    .col-sm-1\.2 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-sm-1\.1 {
        flex: 0 0 9.09%;
        max-width: 9.09%;
    }
}

.main-img-slider.thumbnail a img {
    max-width: 300px;
}

.store_notice_section .close-notice {
    position: absolute;
    right: 1rem;
    font-size: 1.2rem;
    background-color: #000;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50rem;
    color: #fff;
}

.store_front_preloaders {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.store_front_preloaders img {
    width: 100px;
}

.previous_order_list {
    flex-wrap: wrap;
    gap: 0px;
}

.previous_order_list .custom-radio label {
    padding-left: 2.5rem;
}

/**Service Booking Wizard**/
#service-booking-wizard {
    display: block;
    width: 100%;
    overflow: hidden;
}

#service-booking-wizard a {
    outline: 0;
}

#service-booking-wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

#service-booking-wizard ul>li {
    display: block;
    padding: 0;
}

#service-booking-wizard>.steps .current-info {
    position: absolute;
    left: -999em;
}

#service-booking-wizard>.content>.title {
    position: absolute;
    left: -999em;
}

#service-booking-wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}

#service-booking-wizard>.steps .number {
    font-size: 1.429em;
}

#service-booking-wizard>.steps>ul>li {
    width: 33%;
}

#service-booking-wizard>.steps>ul>li,
#service-booking-wizard>.actions>ul>li {
    float: left;
}

#service-booking-wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 0 0.5em 0;
    text-decoration: none;
}

#service-booking-wizard>.steps a .title {
    text-align: center;
    display: block;
}

#service-booking-wizard>.steps a .title .step-item-circle {
    position: relative;
    overflow: hidden;
    background: #fff;
    cursor: default;
    width: 60px;
    height: 60px;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #D8E2EF;
    align-items: center;
    justify-content: center;
}

#service-booking-wizard>.steps .disabled a .title .step-item-circle,
#service-booking-wizard>.steps .disabled a:hover .title .step-item-circle,
#service-booking-wizard>.steps .disabled a:active .title .step-item-circle {
    background: #fff;
    cursor: default;
}

#service-booking-wizard>.steps .current a .title .step-item-circle,
#service-booking-wizard>.steps .current a:hover .title .step-item-circle,
#service-booking-wizard>.steps .current a:active .title .step-item-circle {
    background: var(--storecolor);
    cursor: default;
}

#service-booking-wizard>.steps a .title .step-item-circle .active {
    display: none
}

#service-booking-wizard>.steps .current a .title .step-item-circle .in_active,
#service-booking-wizard>.steps .done a .title .step-item-circle .in_active,
#service-booking-wizard>.steps .done.done-disabled a .title .step-item-circle .active {
    display: none
}

#service-booking-wizard>.steps .current a .title .step-item-circle .active,
#service-booking-wizard>.steps .done a .title .step-item-circle .active,
#service-booking-wizard>.steps .done.done-disabled a .title .step-item-circle .in_active {
    display: block
}

#service-booking-wizard>.steps .done a .title .step-item-circle,
#service-booking-wizard>.steps .done a:hover .title .step-item-circle,
#service-booking-wizard>.steps .done a:active .title .step-item-circle {
    background: var(--storecolor);
}

#service-booking-wizard>.steps .done-disabled a .title .step-item-circle,
#service-booking-wizard>.steps .done-disabled a:hover .title .step-item-circle,
#service-booking-wizard>.steps .done-disabled a:active .title .step-item-circle {
    background: var(--storecolorlight);
}

#service-booking-wizard>.steps .error a .title .step-item-circle,
#service-booking-wizard>.steps .error a:hover .title .step-item-circle,
#service-booking-wizard>.steps .error a:active .title .step-item-circle {
    background: #ff3111;
}

#service-booking-wizard>.content {
    background: #fff;
    display: block;
    margin: 0.5em;
    min-height: 25em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#service-booking-wizard>.content>.body {
    float: left;
    position: absolute;
    width: 100%;
    height: 95%;
    padding: 0;
}

#service-booking-wizard>.content>.body ul {
    list-style: disc !important;
}

#service-booking-wizard>.content>.body ul>li {
    display: list-item;
}

#service-booking-wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

#service-booking-wizard>.content .form-control,
#service-booking-wizard>.content .input-group-text {
    background: #F9FAFB;
}

#service-booking-wizard>.content>.body input[type="checkbox"] {
    display: inline-block;
}

#service-booking-wizard>.content>.body input.error,
#service-booking-wizard>.content>.body select.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

#service-booking-wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em;
}

#service-booking-wizard>.content>.body label.error {
    color: #8a1f11;
    display: block;
    margin: 0;
    width: 100%;
}

#service-booking-wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

#service-booking-wizard>.actions>ul {
    display: flex;
    text-align: right;
    width: 100%;
}

#service-booking-wizard>.actions>ul>li {
    margin: 0 0.5em;
}

#service-booking-wizard>.actions>ul>li:nth-child(2),
#service-booking-wizard>.actions>ul>li:last-child {
    margin-left: auto;
}

#service-booking-wizard>.actions a,
#service-booking-wizard>.actions a:hover,
#service-booking-wizard>.actions a:active {
    background: var(--storecolor);
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#service-booking-wizard>.actions .disabled a,
#service-booking-wizard>.actions .disabled a:hover,
#service-booking-wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

#service-booking-wizard .icon_content_section .icon_icon {
    background: var(--storecolor);
}

#service-booking-wizard>.steps a .title .step-item-circle-parent {
    display: block;
    position: relative;
    z-index: 1;
}

#service-booking-wizard>.steps a .title .step-item-circle-parent::before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: #d8e2ef;
    z-index: -1;
}

#service-booking-wizard>.steps li:not(:first-child).current a .title .step-item-circle-parent::after {
    content: "";
    width: 50%;
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    background: var(--storecolor);
    z-index: -1;
}

#service-booking-wizard>.steps li:first-child a .title .step-item-circle-parent::before,
#service-booking-wizard>.steps li:last-child a .title .step-item-circle-parent::before {
    width: 50%;
}

#service-booking-wizard>.steps li:last-child a .title .step-item-circle-parent::before {
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

#service-booking-wizard>.steps li:first-child a .title .step-item-circle-parent::before {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

#service-booking-wizard>.steps .done:not(.done-disabled) .step-item-circle-parent:before {
    background: var(--storecolor);
}

#service-booking-wizard>.steps a .title .step-item-circle:before {
    background: #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

#table-reservation .form-control,
#table-reservation .input-group-text {
    background: #F9FAFB;
}

#table-reservation input.error,
#table-reservation select.error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

#table-reservation label.error {
    color: #8a1f11;
    display: block;
    margin: 0;
    width: 100%;
}

@media (max-width: 576px) {
    #service-booking-wizard>.content {
        min-height: 35em;
    }

    #service-booking-wizard>.steps a .title .step-item-circle img {
        width: 30px;
    }

    .featured_template .btn-icon {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
    }
}

.previous_order_list .custom-radio {
    margin: 10px 10px 0px 0px;
    overflow: hidden;
}

@media (max-width: 576px) {
    .previous_order_list .custom-radio {
        max-width: 100%;
    }
}



/***********************************************************************************************/
/************************** redesign for checkout page designs *********************************/

.card-content .custom-radio.custom-control input[type=radio]:checked+label::after {
    background: none;
}

.cart-page .card-content .custom-radio.custom-control label::after {
    display: none;
}

.card-content .custom-radio.custom-control input[type=radio]:checked+label::before,
.cart-page .card-content .custom-radio.custom-control label::before {
    display: none;
}

.card-content .custom-radio.custom-control input[type=radio]:checked+label,
.previous_order_list .custom-radio.custom-control input[type=radio]:checked+label {
    color: #000000;
    border: 1px solid var(--storecolor);
    background: var(--storecolorlight);
}

.card-deliverytypedinein .card-content .custom-control label {
    justify-content: center !important;
}

.card-deliverytypedinein .cart-title img {
    background-color: var(--storecolor);
    padding: 4px;
    width: 40px;
    border-radius: 5rem;
    margin-left: 10px;
}
div#tax_column {
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
}
.mt-2.pb-1.cart-title.dinepickupdeliver_title,
.pb-2.cart-title.storeinfo_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#store_information .cart-title img {
    background-color: var(--storecolor);
    padding: 4px;
    width: 40px;
    border-radius: 5rem;
}

img.delivery_info_vector {
    background-color: var(--storecolor);
    padding: 4px;
    width: 40px;
    border-radius: 5rem;
}

#time_slot_range .time_slot_box {
    width: 80px;
}

.checkout-page #time_slot_range .select_datatime_section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    margin: 0.5rem auto 0.25rem;
}

.cart\.checkout .main_cart_itemsec {
    width: auto;
    min-width: 450px;
}

label.store_adrs_title {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: black !important;
}

#time_slot_range .custom-radio.custom-control input[type=radio]:checked~label {
    color: var(--storecolor);
    border: 1px solid var(--storecolor);
    background: var(--storecolorlight);
}

.cart-content .orderType_selection_div {
    background-color: white;
    padding: 5px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    transition: all 0.3s ease-in-out;
}

#store_information .pickup_location-box {
    border: 1px solid #cad1d7;
    padding: 10px;
    border-radius: 10px;
    background-color: white;
}

.cart-content .cart-title h3 {
    font-weight: 600;
    color: #242424 !important;
    font-size: 15px;
}

.dinepickupdeliver_title svg,
.cart-title.storeinfo_title svg,
.pickup_notice_enabled svg,
svg.dinein_icon {
    background-color: var(--storecolor);
    padding: 5px;
    width: 40px;
    height: 40px;
    border-radius: 5rem;
}

.pickup_deliver_notice span {
    font-weight: 600;
    color: black !important;
}

.cart\.checkout-page .pickup_location-box .card-content p.d-block {
    color: black;
    font-size: 13px !important;
    font-weight: 500;
}

.cart-content div#time_slot_range {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    margin-top: 15px;
    border-radius: 10px;
}

#time_slot_range .mt-2.pb-1.cart-title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#time_slot_range .cart-title h3.slct_time-title {
    margin-left: 14rem;
}

.col-lg-12.contact_info_sec.billing_address_section {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    border-radius: 10px;
    margin-top: 15px;
}

.order_comment_section {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    border-radius: 10px;
    margin-top: 15px;
}


.cart\.checkout .cart_item-thead1 {
    width: 22rem;
}

th.cart_item-thead2,
th.cart_item-thead3 {
    width: 70px;
}

td.cart_item-body2,
td.cart_item-body3 {
    width: 70px;
}

td.cart_item-body1 {
    width: 200px;
}

.cart_item-body_tr {
    display: flex !important;
    flex-direction: row;
    width: 90%;
    min-width: 300px !important;
    align-items: center;
    padding-left: 10px !important;
}

.cart_item-body_tr {
    margin-top: 10px;
    border: 1px solid #cad1d7;
    border-radius: 10px;
    height: auto;
    min-height: 50px;
}

.right_sidebar-cart {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    padding: 10px;
    border-radius: 10px;
}

.cart\.checkout div#totalPrices {
    border: 1px solid #cad1d7;
    padding: 10px;
    border-radius: 10px;
}

span.cart_item-body3 {
    width: 140px;
    text-align: right;
    margin-right: 10px;
}

span.cart_item-body2 {
    width: 30px;
}

span.cart_item-body1 {
    width: 250px;
    font-size: 15px;
    white-space: pre-wrap;
    font-weight: 600;
    font-family: inter;
    color: #242424;
}

span.item_group_name.font-weight-600 {
    color: #242424;
}

span.cart_item-body3 p {
    font-size: 15px !important;
    font-weight: 700;
    font-family: 'Inter';
    color: #242424;
}

div#cartList {
    /*height: auto;
    max-height: 350px !important;*/
    overflow: hidden;
}

.payment_sec_maindiv {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}

.cart\.checkout .btn-primary-grad.paymentbutton {
    background-color: #20D22C !important;
    color: white !important;
    border: 8px solid #EEEEEE;
    border-radius: 15px !important;
    animation: pulese 1.5s infinite !important;
}

.cart\.checkout .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--storecolor) !important;
    border-color: var(--storecolor) !important;
}

.paymentmethods .custom-control.custom-radio.active {
    border: 1px solid var(--storecolor);
}

.checkout-page #coupon_section .cart_coupen_default_div ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

li.coupen_text2_li button {
    text-decoration: underline;
    color: black;
    font-size: 15px;
    font-weight: 600;
}

li.coupen_text1_li {
    color: var(--storecolor);
    font-size: 15px;
    font-weight: 600;
}

.border_bottom_dashed {
    border-bottom: 1.5px dashed #B8BBBD94;
}

h5.payment_title_text {
    font-size: 15px;
    font-weight: 600;
}

h5.payment_title_textinside,
.col-5.ammount.notranslate {
    font-size: 13px;
    color: #5F5F5F;
    font-weight: 600;
}

div#extra_charges_columns {
    font-size: 13px;
    font-weight: 600;
    color: #5F5F5F;
    text-transform: capitalize;

}

.col-12.exclusive_tax_main,
.col-12.total_price_main_sec {
    padding: 0px;
}

div.tax_exclusive_value .row .col-7 {
    font-size: 13px;
    font-weight: 600;
    color: #5F5F5F;
}

.col-5.text-right.ammount.notranslate.sub-total_Price,
.col-5.text-right.ammount.total_price.notranslate {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #242424 !important;
}

.displayHide {
    display: none;
}

#coupon_section .coupen_text2_li button#have_coupon_btn {
    outline: none;
    border: none;
}

.right-cart #promo_code_btn.btn-outline-primary {
    color: #fff;
    background: var(--storecolor);
    border-color: var(--storecolor);
    border-radius: 5px 5px !important;
}

.cart_coupen_default_div li.coupen_text2_li {
    width: 130px;
}

.cart-page #time_slot_range .time_slot_content p.time_slot_day {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.cart-page #time_slot_range .time_slot_content p.time_slot_month {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.right-cart .paymentmethods .custom-control-label>span:nth-child(2) img {
    white-space: nowrap;
    border: 1px solid #cad1d7;
    box-shadow: 0px 0px 4.64px 2.79px #6B66661A;
    border-radius: 5px;
    padding: 1px;
    width: 40px;
    height: 25px !important;
}

.payment_sec_maindiv .paymentmethods .custom-control.custom-radio {
    filter: grayscale(0);
    height: auto;
}

.cart-content h3.notice_text_title {
    font-size: 15px;
    font-weight: 600;
    color: black;
}

.delivery_notice_enabled svg {
    background-color: var(--storecolor);
    padding: 5px;
    width: 40px;
    height: 40px;
    border-radius: 5rem;
}

th.cart_item-thead1 h3,
.mt-1.mb-2.pb-1.cart-title h3,
th.cart_item-thead3,
table .cart-title h3,
.areadelivery .cart-title h3 {
    font-size: 15px !important;
    font-weight: 600;
    color: #242424 !important;
}

#coupon_section .cart_coupen_default_div {
    border-radius: 0.3rem;
    height: 50px;
    width: 100%;
    overflow: hidden;
    border: 2px dashed var(--storecolor);
    background-color: var(--storecolorlight) !important;
    padding: 10px;
}



.shipping_address_section.show_shipping_section_delivery {
    border: 1px solid #cad1d7;
    box-shadow: 0px 0px 4.64px 2.79px #6B66661A;
    padding: 15px;
    border-radius: 10px;
}

div#cartList::-webkit-scrollbar {
    background-color: var(--storecolor);
    width: 6px;
    height: calc(100% - 100px) !important;
}

div#cartList::-webkit-scrollbar-track {
    border-radius: 5rem !important;
}

div#cartList::-webkit-scrollbar-thumb {
    background-color: var(--storecolor);
    color: var(--storecolor);
    border-radius: 5rem !important;
}

.checkout-page .redeem_svg_li path {
    fill: var(--storecolor);
}

.redeem_input_secdiv .cart_coupen_default_div ul {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin: 10px 100px 10px 0px;
    padding: 10px;
    border-radius: 5px;
    height: 50px;
    width: 75%;
    max-width: 410px;
    border: 2px dashed var(--storecolor);
    background-color: var(--storecolorlight) !important;
}

.checkout-page svg path {
    fill: var(--storecolor) !important;
}

.checkout-page svg path {
    fill: var(--storecolor) !important;
}

.checkout-page svg path {
    fill: var(--storecolor) !important;
}

.right-cart #redeem_points_btn {
    color: #fff;
    background: #37BE86;
    border-color: #37BE86;
    height: 50px;
    position: absolute;
    transform: translate(23rem, -60px);
    border-radius: 5px !important;
    padding: 5px 15px;
    font-size: 20px;
    margin: 0;
}

button#redeem_points_reset {
    color: #fff;
    height: 50px;
    position: absolute;
    transform: translate(415px, -60px);
    border-radius: 5px !important;
    padding: 5px 15px;
    font-size: 20px;
}

input#redeem_points {
    position: absolute;
    width: 100%;
    height: 45px;
    margin-left: 2px;
    transform: translateY(-58px);
    transition: transform 0.3s linear;
    border: none;
    max-width: 70%;
}

input.hided_input,
span.hided_input {
    display: none !important;
    transition: transform 500ms linear;
}

.paymentmethods .custom-control.custom-radio.active {
    background-color: var(--storecolorlight) !important;
    position: relative;
    overflow: hidden;
    height: auto;
}

.paymentmethods .custom-control.custom-radio.active::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.5) 100%);
    transform: rotate(45deg);
    animation: shinoeff 5s infinite;
}

@keyframes shinoeff {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }

    50% {
        transform: translateX(50%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) rotate(45deg);
    }
}

.pb-2.cart-title.storeinfo_title h3 {
    margin-bottom: 0px;
}

span.d-block.d-md-inline-block.float-none.float-md-right.mr-0.small.font-weight-400 {
    position: absolute;
    right: 10px;
    top: 10px;
}

.previous_order_list .custom-radio label {
    color: black;
    font-size: 15px !important;
    font-weight: 600;
    border-radius: 4px !important;
}

.checkout-page .table_icon_sec {
    display: flex;
    text-align: center;
    align-items: center;
    gap: 10px;
}

.cart-page .card-content .custom-radio.custom-control label {
    font-size: 1.15rem !important;
    font-weight: 600;
}

#freedeliverynotice .notice-icon {
    background-color: #ffffe2;
    width: 55px;
    margin-right: 10px;
    padding: 5px;
    height: 55px;
    border-radius: 4px;
    border: 1px solid #80808091;
}

span#close_redeem_input {
    transform: translate(-35px, -50px);
    color: red;
    background: white;
    padding: 0px 6px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid red;
    border-radius: 1rem;
    z-index: 1;
    display: none;
}

.select_adrs_alert {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: orangered;
}

#tab_chevron_cnt {
    transition: transform 0.3s ease;
}

.add_adrs_btn {
    top: 0px;
    position: absolute;
    right: 10px;
    margin: 10px;
    font-size: 12px;
    font-weight: 700;
    width: 100px;
}

span#tab_chevron_cnt {
    position: absolute;
    right: 30px;
    top: 5px;
    font-size: 25px;
}

.cart_item-body_tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.cart\.checkout .cart_main_item {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    width: 100%;
    justify-content: space-between;
}

.cart_item-body1 {
    width: 90%;
    height: auto;
}

.checkout-page .item_group_items {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

span.composite_name {
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

span.composite_price {
    width: 145px;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    color: #242424;
}

.checkout-page #expand-more-item_btn {
    text-align: center;
    display: block;
    margin: 10px auto 10px;
    color: var(--storecolor);
}

.card-deliverytypedinein.table-qr-hide {
    display: none;
}

.cart_item-body1 .item_group_items {
    width: 100%;
    height: auto;
    line-height: 15px;
    margin: 6px 0px;
}

h1.thankyou_head_txt {
    color: var(--storecolor);
    font-size: 25px;
    font-weight: 700;
    font-family: 'Inter';
    line-height: 1;
}

span.order_noimg {
    width: 25px;
}

h6.thankyou_subhead_txt {
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    line-height: 20px;
    font-family: 'Inter';
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sec-header {
    background-color: white;
}

.thankyou_details-box {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    overflow: hidden;
}

.container.mt-3.cards_border {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 15px;
}

a.myorder_btn {
    color: white;
    background-color: var(--storecolor);
    border: 1px solid var(--storecolor);
    border-radius: 5px;
    font-size: 10px;
    padding: 8px 5px;
    font-weight: 600;
    font-family: inter;
    box-shadow: 0px 3.98px 3.98px 0px #00000040;
    text-transform: capitalize;

}

span.details_head_icon img {
    background-color: var(--storecolor);
    width: 40px;
    height: 40px;
    border-radius: 5rem;
    padding: 5px;
}

h3.details_head-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-size: 18px !important;
    font-family: 'Inter';
    font-weight: 600;
    color: #1E1E1E;
}

.order-status-div-main {
    border: 1px solid #E8E8E8;
    margin: 0;
    border-radius: 10px;
}

span.order_type-text_pill-d {
    background-color: white;
    border: 1px solid #EDEDED;
    padding: 7px 15px;
    font-size: 13px;
    color: #242424;
    position: absolute;
    left: 10%;
    border-radius: 20px;
    font-family: inter;
    font-weight: 500;
    top: 0px;
}

span.orderreceipt_icon {
    float: right;
    width: 15px;
    margin-left: 10px;
}

a.wtsap_btn-d {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    position: absolute;
    right: 12%;
    top: 0px;
    font-size: 13px;
    font-weight: 600;
}

a.wtsap_btn-d img {
    width: 30px;
}

.thankyou_details-box.order_summary-details {
    height: max-content;
}

img.status_icon {
    background-color: transparent;
    z-index: 1;
}

ul.orderStatus-ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 10px;
    padding: 30px;
    margin: 10px;
    border: 1.03px solid #E8E8E8;
}

.orderStatus_sec {
    border: 1.03px solid #E8E8E8;
    border-radius: 15px;
    box-shadow: 0px 4.13px 4.13px 0px #0000001A;
}

p.status_notice_text {
    width: 130px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Inter';
    line-height: 1.2rem;
}

h3.status_sec_head {
    margin-bottom: 0px;
}

span.status_conection {
    width: 20%;
    height: 8px;
    margin-top: 32px;
    background-color: #e6e6e6;
    border: 2px solid var(--storecolorlight);
    position: absolute;
    z-index: 0;
}

.single_order_hide {
    display: none;
}

.single_order_hide {
    display: block !important;
}

.success_page_hide {
    display: none !important;
}

.success_page-product_img img {
    width: 60px;
    height: auto;
    border-radius: 10px !important;
    margin: 0 auto;
}

span.success-page_item_name {
    font-size: 15px;
    font-weight: 600;
    font-family: inter;
    margin-bottom: 10px;
    color: #242424;
}

span.success-page_qty,
td.success-page_item_price {
    font-size: 15px;
    font-weight: 600;
    font-family: inter;
    color: #242424;
}

.guest\.orders span.success-page_compo_name,
.order\.success span.success-page_compo_name {
    font-size: 15px;
    font-weight: 600 !important;
    font-family: 'Inter';
    color: #242424;
}

.guest\.orders tr.success_page_cart_main,
.order\.success tr.success_page_cart_main {
    outline: 1.39px solid #dddada;
    border-radius: 10px;
}
h3.details_head-text {
    margin-left: 7px;
}
table.success-page_table-main {
    width: 96%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px 10px;
    margin: 10px auto;
    outline: 2px solid #e6e6e6 !important;
    border-radius: 10px;
}
td.prdct-image-icon {
    padding: 5px 5px 5px 10px;
}
td.prdct-actual-price.text-right{
    padding: 5px 10px 5px 5px;
}
.success-page-prdct_container {
    width: 100%;
    height: auto;
    max-height: 400px;
    position: relative;
    overflow-y: auto;
    padding: 0px 10px;
}

table.success-page_table-main td,
table.success-page_table-main th {
    border-bottom: 1.5px dashed #B8BBBD94;
}

.success-page-prdct_container::-webkit-scrollbar {
    width: 5px;
}

.success-page-prdct_container::-webkit-scrollbar-thumb {
    background-color: var(--storecolor);
    border-radius: 20px;
}

.success-page-prdct_container::-webkit-scrollbar-track {
    background-color: var(--storecolorlight);
    border-radius: 20px;
}

table.success-page_prdct-table {
    border-collapse: separate;
    border-spacing: 0px 10px;
    -webkit-border-spacing: 0px 10px;
}

img.status_icon_submited {
    background-color: var(--storecolor);
    animation: popups 0.6s linear;
    animation-delay: 2s;

}

@keyframes popups {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

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

}

span.status_conection_submited {
    background-color: #e6e6e6;
    width: 20%;
    border: 2px solid var(--storecolorlight);
    height: 8px;
    margin-top: 32px;
    position: absolute;
    z-index: 0;
}

span.status_conection_submited1 {
    background-color: var(--storecolor);
    border: 2px solid var(--storecolorlight);
    width: 20%;
    height: 8px;
    margin-top: 32px;
    position: absolute;
    z-index: 0;
    animation: reach 3s linear;
    animation-delay: 1s;
}

@keyframes reach {
    0% {
        width: 0%;
    }

    100% {
        width: 20%;
    }
}

.cart_item-row_tr {
    display: table-row;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0 auto;
}

span.cart_item-thead2 {
    position: absolute;
    right: 30%;
}

span.cart_item-thead1 h3 {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Inter';
    color: #242424;
}

span.cart_item-thead2,
span.cart_item-thead3 {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Inter';
    color: #242424;
}

span.status_img-span {
    background-color: var(--storecolor);
    padding: 5px;
    margin: 10px 0px;
    border: 2px solid var(--storecolorlight);
    border-radius: 5rem;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
    display: block;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    animation: pulse 3s infinite;
}

span.status_img-span_done {
    background-color: var(--storecolor);
    padding: 5px;
    margin: 10px 0px;
    border: 2px solid var(--storecolorlight);
    border-radius: 5rem;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
    display: block;
    box-shadow: 0 0 0 0 var(--storecolorlight);
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--storecolorlight);
        opacity: 1;
    }

    50% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
        opacity: 0.9;
    }

    100% {
        box-shadow: 0 0 0 0 var(--storecolorlight);
        opacity: 1;
    }
}

h4.pickAddress {
    width: 50%;
    float: right;
}

th.pickAdrs_text {
    position: absolute;
}

.cart\.checkout .custom-radio .custom-control-label::after,
.cart\.checkout .custom-radio .custom-control-label::before {
    width: 1.1rem;
    height: 1.1rem;
    top: .3rem;
    left: -1.2rem;
}

.redeem_input_secdiv span {
    font-size: 14px !important;
    font-weight: 500;
    font-family: 'Inter' !important;
}

.cart\.checkout .tqr_checkout_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 8px;
    border: 1.5px solid #E8E8E8;
    border-radius: 10px;
    padding: 40px 0px;
}

.cart\.checkout img.tqr_img-main {
    background-color: var(--storecolor);
    padding: 5px;
    border-radius: 5rem;
    width: 80px;
    height: auto;
}

.cart\.checkout h1.selected_table_text {
    font-size: 30px;
    font-weight: 600;
    color: #1E1E1E;
    font-family: 'Inter';
}

.cart\.checkout h4.tqr-notice-txt_cnt {
    margin: 10px auto 2px;
}

tbody.prdct_detls-border-outline {
    outline: 2px solid #e9e9e9;
    border-radius: 10px;
}

td.prdct-name-main,
td.prdct-actual-price {
    color: #242424;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter';
}

span.float-right.compo_prdct_value,
span.float-right.variant_prdct_value {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter';
}

span.font-weight-400.d-block.success-page_compo_item {
    font-size: 15px;
    font-weight: 600 !important;
    font-family: 'Inter';
}

a.order-summary-close-btn {
    display: none;
}
.cart\.checkout button#promo_code_btn {
    height: 40px;
}
.cart\.checkout input#coupon_code {
    height: 40px;
    width: 100%;
    margin: 0 auto;
}
.option_li_main {
    justify-content: space-between !important;
}
span.option_name_value {
    min-width: 200px;
    text-align: left !important;
}
span.option_li_price{
    min-width: 200px;
    text-align: right !important;
}

/* mobile response - checkout page  */
@media (max-width: 765px) {
    span.option_li_price {
        min-width: 90px;
        text-align: right !important;
    }
    span.option_name_value {
        min-width: 100px;
    }
    .cart\.checkout input#coupon_code {
        height: 45px;
        width: 100%;
        margin: 0 auto;
    }
    .cart\.checkout button#promo_code_btn {
        height: 45px;
    }
    .success-page-prdct_container,
    .success-page_table-main {
        display: none;
    }

    .ordersummary_div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    button.btn.call_waiter_tableqr-btn, .continue_btn_qr{
        width: 260px !important;
        font-size: 13px;
    }
    span.order-summary-close-btn {
        display: inline-block;
        font-size: 13px !important;
        font-weight: 600;
        font-family: 'Inter';
        padding: 3px 5px;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 0px 4px 1px #0000001A;
    }

    td.prdct-image-icon img {
        width: 45px !important;
    }

    td.prdct-image-icon {
        padding: 0px !important;
    }

    span.font-weight-400.d-block.success-page_compo_item {
        font-size: 12px;
        font-weight: 600 !important;
        font-family: 'Inter';
    }

    span.float-right.compo_prdct_value,
    span.float-right.variant_prdct_value {
        font-size: 12px;
        font-weight: 600;
        font-family: 'Inter';
    }

    td.prdct-name-main,
    td.prdct-actual-price {
        color: #242424;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Inter';
    }

    .redeem_input_secdiv .cart_coupen_default_div ul {
        width: 75%;
        height: 45px;
    }

    .right-cart #redeem_points_btn {
        transform: translate(265px, -55px);
        height: 45px;
        padding: 5px 15px;
        font-size: 13px;
    }

    input#redeem_points {
        width: 73%;
        height: 40px;
        transform: translateY(-52px);
    }

    .cart\.checkout .cart-coupon-sec span {
        position: absolute;
        right: 33%;
        top: 8px;
    }

    ul.orderStatus-ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        border-radius: 10px;
        padding: 30px;
        margin: 10px;
        border: 1.03px solid var(--storecolor);
    }

    .cart\.checkout .main_cart_itemsec {
        width: auto;
        min-width: 340px;
    }

    li.o-iconbox_sec {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin: 15px 0px;
    }

    span.composite_name {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    .checkout-page .item_group_items {
        display: flex;
        flex-direction: row;
        gap: 25px;
    }

    span.status_conection_submited1 {
        background-color: var(--storecolor);
        border: 2px solid var(--storecolorlight);
        width: 8px;
        height: 15%;
        margin-top: auto;
        position: absolute;
        z-index: 0;
        animation: reachMobile 3s linear;
        animation-delay: 1s;
        transform: translate(-4.7rem, 10px);
    }

    @keyframes reachMobile {
        0% {
            height: 0%;
        }

        100% {
            height: 20%;
        }
    }

    span.status_conection {
        background-color: #e6e6e6;
        width: 8px;
        border: 2px solid var(--storecolorlight);
        height: 15%;
        margin-top: 32px;
        position: absolute;
        z-index: 0;
        transform: translate(-4.7rem, 10px);
    }

    span.status_conection_submited {
        background-color: #e6e6e6;
        width: 8px;
        border: 2px solid var(--storecolorlight);
        height: 15%;
        margin-top: 32px;
        position: absolute;
        z-index: 0;
        transform: translate(-4.7rem, 10px);
    }

    .orderStatus_sec {
        border: 1.03px solid #E8E8E8;
        border-radius: 15px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    span.status_img-span_done {
        margin: 10px 0px;
        width: 35px;
        height: 35px;
        animation: pulse 3s infinite;
    }

    span.status_img-span {
        margin: 10px 0px;
        width: 35px;
        height: 35px;
        animation: pulse 3s infinite;
    }

    h3.status_sec_head {
        margin: 20px 0px 0px 20px;
        font-size: 15px;
        font-weight: 600;
    }

    p.status_notice_text {
        width: 130px;
        font-size: 10px;
        font-weight: 700;
        margin: 0px 0px 0px 20px;
        font-family: 'Inter';
        line-height: 1.2rem;
    }

    .sec-header {
        padding: .3rem 0;
        background: 0 0;
        border-bottom: unset;
        margin-left: 10px;
    }

    h3.details_head-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        font-family: 'Inter';
        font-weight: 600;
    }

    span.details_head_icon img {
        background-color: var(--storecolor);
        width: 30px;
        height: 30px;
        border-radius: 5rem;
        padding: 3px;
    }

    .cart-page .cart-content h4 {
        font-size: 13px;
    }

    h1.thankyou_head_txt {
        color: var(--storecolor);
        font-size: 20px;
        font-weight: 600;
        font-family: var(--store_primary_font);
    }

    h6.thankyou_subhead_txt {
        font-size: 15px;
        font-weight: 600;
        font-family: var(--store_primary_font);
        height: 25px;
        margin-right: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    span.order_noimg img {
        width: 20px;
        height: auto;
    }

    .cart-page .card-content .custom-radio.custom-control label {
        padding-left: 0px;
    }

    .checkout-page #time_slot_range .select_datatime_section {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
        margin: 10px auto 5px;
    }

    .checkout-page #time_slot_range .cart-title h3.slct_time-title {
        display: none;
    }

    .checkout-page .additional_date_checkbox {
        cursor: pointer;
    }

    .cart-content .cart-title h3 {
        font-size: 17px;
        color: black !important;
    }

    .checkout-page li.coupen_text1_li {
        font-size: 14px;
    }
    .dinepickupdeliver_title svg, .cart-title.storeinfo_title svg, .pickup_notice_enabled svg, svg.dinein_icon {
        background-color: var(--storecolor);
        padding: 5px;
        width: 35px;
        height: 35px;
        border-radius: 5rem;
    }

    .cart_coupen_default_div li.coupen_text2_li {
        width: 105px;
    }

    span.d-block.d-md-inline-block.float-none.float-md-right.mr-0.small.font-weight-400 {
        position: absolute;
        right: -5px;
        top: 10px;
        font-size: 12px;
        font-weight: 600 !important;
        width: 150px;
        color: #1E1E1E;
    }

    .paymentmethods .custom-control.custom-radio {
        padding: 10px;
    }

    .checkout-page li.coupen_text2_li button {
        text-decoration: underline;
        color: black;
        font-size: 12px;
        font-weight: 600;
    }

    .cart\.checkout-page .card.card-stats.mb-4.mb-xl-0 {
        margin-bottom: 0px !important;
    }

    .checkout-page #coupon_section .cart_coupen_default_div {
        width: 100%;
        height: auto;
    }

    .checkout-page span.cart_item-body1 {
        width: 150px;
        white-space: pre-wrap;
        color: #242424;
        font-size: 15px;
        font-weight: 600;
        font-family: inter;
        color: #242424;
    }

    .checkout-page span.cart_item-body2 {
        width: 30px;
        font-size: 15px;
        font-weight: 600;
        color: #242424;
    }

    th.cart_item-thead1 h3,
    th.cart_item-thead2,
    th.cart_item-thead3 {
        font-size: 16px !important;
        font-weight: 600;
        font-family: inter;
        color: #242424 !important;
    }

    .cart_item-body3 p.mb-0.notranslate {
        font-size: 13px;
        font-weight: 600;
        color: #242424;
    }

    #order-form .card-deliverytypedinein .card-content {
        gap: 0px !important;
    }

    .cart-content select#timeslot {
        width: 100%;
    }

    .card-deliverytypedinein #cart_head.card-content .custom-control {
        margin-right: 0;
        margin-bottom: 10px !important;
    }

    .cart\.checkout #order-form .container {
        padding: 5px !important;
    }

    .show_additional_section_pickup.show_additional_section_delivery.show_additional_section_dinein.w-100 {
        margin-bottom: 10px;
    }

    .cart\.checkout .custom-radio .custom-control-label::after,
    .cart\.checkout .custom-radio .custom-control-label::before {
        width: 1rem;
        height: 1rem;
        top: 6px;
        left: -1.2rem;
    }

    .custom-control-label span {
        position: relative;
        top: 4px;
    }

    button#redeem_points_reset {
        transform: translate(260px, -55px);
        height: 45px;
        padding: 5px 15px;
        font-size: 13px;
    }

    .cart-page .card-content .custom-radio.custom-control label {
        font-size: 17px !important;
        font-weight: 600;
    }

    .cart\.checkout .cart_item-thead1 {
        width: 17rem;
    }

    .ammount.total_price.notranslate,
    .sub-total_Price {
        font-size: 13px !important;
        font-weight: 600;
        font-family: 'Inter';
        color: #242424;
    }

    button.preset_adrs_label {
        background-color: #3D5A80;
        color: white;
    }

    /* .checkout-page #coupon_section .cart_coupen_default_div ul{
        flex-wrap:wrap;
    } */
    .checkout-page #coupon_section .cart_coupen_default_div ul .coupen_svg_li {
        width: 15%;
    }

    .checkout-page #coupon_section .cart_coupen_default_div ul .coupen_text1_li {
        width: 100%;
        text-align: center;
    }

    .checkout-page #coupon_section .cart_coupen_default_div ul .coupen_text2_li {
        width: 100%;
        text-align: center;
    }

    span#close_redeem_input {
        transform: translate(15px, -50px);
    }

    .checkout-page .cart_product_meta {
        padding-left: 0;
    }

    .success-page-prdct_container {
        padding: 0px 5px;
    }
    tr.view_cart_table_tr th {
        vertical-align: middle !important;
        color: black !important;
        font-size: 12px;
    }
    .table_qr-main-modal img.tqr-modal-footer-logo {
        width: 150px;
        margin: 5px auto 0px;
    }

}

@media (min-width: 400px) and (max-width: 765px) {
    #time_slot_range .time_slot_ranger_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    span#close_redeem_input {
        transform: translate(-10px, -50px);
    }

    #time_slot_range .time_slot_box {
        padding-right: 5px;
        flex: 0 0 20.6%;
        max-width: 30%;
    }

    .cart\.checkout .cart-coupon-sec span {
        position: absolute;
        right: 25%;
        top: 8px;
    }

    .right-cart #redeem_points_btn {
        transform: translate(310px, -50px);
        height: 40px;
        padding: 5px 15px;
        font-size: 15px;
    }

    .redeem_input_secdiv .cart_coupen_default_div ul {
        border-radius: 8px;
        height: 42px;
        width: 300px;
        background-size: 12px 1px, 12px 1px, 1px 12px, 1px 12px;
        background-position: 0 0, 100% 0, 0 100%, 0 0;
        animation: redeem-border-dance 150s infinite linear;
    }

    input#redeem_points {
        width: 295px;
        height: 38px;
        transform: translateY(-50px);
    }

    button#redeem_points_reset {
        color: #fff;
        height: 40px;
        position: absolute;
        transform: translate(300px, -50px);
    }

    .cart\.checkout .main_cart_itemsec {
        width: auto;
        min-width: 380px;
    }


}

@media (min-width: 768px) and (max-width: 992px) {

    .ammount.total_price.notranslate,
    .sub-total_Price {
        font-size: 13px !important;
        font-weight: 600;
        font-family: 'Inter';
        color: #242424;
    }

    .cart\.checkout div#totalPrices {
        margin: 10px;
        padding: 10px 10px 0px;
        border-radius: 10px;
    }

    input#redeem_points {
        position: absolute;
        width: 195px;
        height: 38px;
        margin-left: 3px;
        transform: translateY(-50px);
        transition: transform 5s linear;
    }

    span#close_redeem_input {
        transform: translate(-5px, -45px);
    }

    .add_adrs_btn {
        top: 0px;
        position: absolute;
        right: 0;
        margin: 0px;
        width: 100px;
        font-size: 12px;
        font-weight: 700;
    }

    button#redeem_points_reset {
        color: #fff;
        height: 40px;
        position: absolute;
        transform: translate(205px, -50px);
        border-radius: 5px !important;
        padding: 5px 15px;
        font-size: 15px;
    }

    #time_slot_range .cart-title h3.slct_time-title {
        margin-left: 4rem;
    }

    .checkout-page .item_group_items {
        display: flex;
        flex-direction: row;
        gap: 0px;
    }

    span.composite_name {
        width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    span.composite_price {
        width: 105px;
        text-align: right;
        font-size: 12px;
        font-weight: 500;
        color: #242424;
    }

    span.cart_item-body1 {
        width: 150px;
        font-size: 14px;
        white-space: pre-wrap;
        font-weight: 600;
        font-family: inter;
        color: #242424;
    }

    .cart\.checkout .main_cart_itemsec {
        width: auto;
        min-width: 230px;
    }

    .cart_item-body_tr {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        min-width: 210px !important;
    }

    .additional_date_checkbox {
        width: 100%;
    }

    .redeem_input_secdiv .cart_coupen_default_div ul {
        border-radius: 8px;
        height: 42px;
        width: 201px;
        background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
        background-position: 0 0, 100% 0, 0 100%, 0 0;
        animation: redeem-border-dance 150s infinite linear;
    }

    @keyframes redeem-border-dance {
        0% {
            background-position: 0px 0px, 199px 40px, 0px 40px, 200px 0px;
        }

        100% {
            background-position: 200px 0px, 0px 40px, 0px 0px, 200px 40px;
        }
    }

    .right-cart #redeem_points_btn {
        color: #fff;
        background: #37BE86;
        border-color: #37BE86;
        height: 40px;
        position: absolute;
        transform: translate(205px, -50px);
        border-radius: 5px !important;
        padding: 5px 15px;
        font-size: 15px;
    }

    .cart_coupen_default_div li.coupen_text2_li {
        width: 101px;
    }

    .checkout-page #coupon_section .cart_coupen_default_div ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 5px;
        position: absolute;
        margin-top: -5px;
    }

    .cart-page .card-content .custom-radio.custom-control label {
        font-size: 15px !important;
        font-weight: 600;
    }

    .checkout-page #time_slot_range .select_datatime_section {
        display: flex;
        flex-direction: column;
        margin: 10px auto 5px;
    }

    .cart-content select#timeslot {
        width: 100%;
    }

    li.coupen_text1_li {
        color: var(--storecolor);
        font-size: 11px;
        font-weight: 600;
    }

    li.coupen_text2_li button {
        text-decoration: underline;
        color: black;
        font-size: 12px;
        font-weight: 600;
    }

    #coupon_section .cart_coupen_default_div {
        border-radius: 8px;
        height: 40px;
        width: 95%;
        background-color: var(--storecolorlight) !important;
        padding: 10px;
        margin: 10px auto;
    }
    .cart\.checkout input#coupon_code {
        height: 40px;
        width: 95%;
        margin: 0 auto;
    }

}

@media (min-width: 993px) and (max-width:1199px) {
    .cart-page .card-content .custom-radio.custom-control label {
        font-size: 15px !important;
        font-weight: 600;
        padding: 3px 0px !important;
    }
    .cart\.checkout input#coupon_code {
        height: 45px;
        width: 100%;
        margin: 0 auto;
    }
    #coupon_section .coupen_text2_li button#have_coupon_btn {
        outline: none;
        border: none;
        font-size: 15px;
        font-weight: 700;
    }
    span.cart_item-body1 {
        width: 170px;
        font-size: 12px;
        white-space: pre-wrap;
        font-weight: 600;
        font-family: 'Inter';
        color: #242424;
    }
    li.coupen_text1_li{
        font-size: 17px;
    }
    .cart\.checkout button#promo_code_btn {
        height: 45px;
    }
    span.composite_name {
        width: 120px;
    }

    span.cart_item-body3 p {
        font-size: 12px !important;
        font-weight: 700;
        font-family: 'Inter' !important;
        color: #242424;
    }

    .cart\.checkout .main_cart_itemsec {
        min-width: 350px;
    }

    span.composite_price {
        width: 140px;
    }

    .checkout-page #time_slot_range .select_datatime_section {
        display: flex;
        flex-direction: column;
    }

    .cart-content select#timeslot {
        width: 100%;
    }

    .additional_date_checkbox {
        width: 100%;
    }

    .cart-content .cart-title h3 {
        font-size: 12px;
        color: black !important;
    }

    label.store_adrs_title {
        font-size: 12px;
    }

    .cart-content h3.notice_text_title {
        font-size: 12px;
        font-weight: 600;
        color: black;
        padding-left: 10px;
    }

    #coupon_section .cart_coupen_default_div {
        height: 45px;
        width: 100%;
    }

    .cart\.checkout .col-5.text-right.ammount.notranslate.sub-total_Price,
    .col-5.text-right.ammount.total_price.notranslate {
        font-size: 11px !important;
        font-weight: 600;
        font-family: 'Inter';
        color: #242424;
    }
}

@media (min-width:1200px) {

    .cart-page .card-content .custom-radio.custom-control label {
        font-size: 16px !important;
        font-weight: 600;
        padding: 5px 10px !important;
    }

    .cart\.checkout .custom-radio .custom-control-label::before {
        width: 1.1rem;
        height: 1.1rem;
        top: .3rem;
        left: -1.2rem;
    }

    .custom-control-label span {
        position: relative;
        top: 5px;
        left: 2px;
    }

}

/* @media (min-width: 1600px) and (max-width:2200px) {
    .additional_date_checkbox {
        width: 60%;
    }

    .cart-content select#timeslot {
        width: 265px;
    }


} */

/* common style - table qr entry */
/* .modal-dialog.modal-md.modal-dialog-centered .modal-content {
    height: 600px;
    border-radius: 10px;
} */
.modal-open img.table_qr-modal_logo {
    width: 150px !important;
    height: auto;
}

#table_qr_modal .modal-header {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.5rem;
    border-radius: 25px 25px 0px 0px;
    background-color: #FFFFFF !important;
}

.table_qr-main-modal h5#modal-title-new-item {
    color: black !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'inter' !important;
    text-transform: capitalize !important;
    line-height: 1;

}

.table_qr-main-modal h4.tqr_store-name {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Inter';
    color: var(--storecolor);
    line-height: 1;
}

.table_qr-main-modal .tqr_center_box_content {
    box-shadow: 0px 0.6px 0.6px 0px #00000040;
}

h4.qr_table_head-text {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Inter';
    color: #1E1E1E;
}

.table_qr-main-modal h3.qr_table_no {
    font-size: 35px;
    font-weight: 600;
    color: var(--storecolor);
    font-family: 'Inter';
}

/* .continue_btn_qr {
    display: flex;
    width: 95%;
    height: 40px;
    padding: 10px;
    align-items: center;
    justify-content: center;
} */

button.btn.call_waiter_tableqr-btn {
    background-color: #F6F5F5;
    color: #231F20 !important;
    border: 1px solid #DFDFDF;
}

.table_qr-main-modal .qr_table_footer_btns {
    display: flex;
    flex-direction: column;
    width: 60%;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

.table_qr-main-modal img.tqr-modal-footer-logo {
    width: 110px;
    margin: 10px auto 5px;
}

.table_qr-main-modal a.register-btn_tqr-modal {
    background-color: var(--storecolor);
    color: white;
    font-size: 15px;
    padding: 5px 0px;
    width: 200px;
    font-weight: 500;
    font-family: 'Inter';
    border-radius: 5px;
    /* box-shadow: 0px 1.45px 5.8px 0px #00000040; */
}

.table_qr-main-modal button.border.guest-btn_tqr-modal {
    font-size: 15px;
    font-weight: 500;
    width: 200px;
    font-family: 'Inter';
    background-color: #F6F5F5 !important;
    color: #231F20;
    border: 1px solid #DFDFDF !important;
    /* box-shadow: 0px 1.45px 5.8px 0px #00000040; */
    padding: 5px 0px;
    border-radius: 5px;
}

.table_qr-main-modal .modal-dialog.modal-md.modal-dialog-centered .modal-content {
    height: auto;
    width: 100% !important;
    max-width: 350px;
    border-radius: 20px;
    background-color: #FFFFFF;
    margin: 0 auto;
}

.table_qr-main-modal span.tqr-separator_btn {
    width: 150px;
    height: 2px;
    background-color: #ff000000;
    border-bottom: 2px solid #C3C3C3;
    margin: 2px auto;
}

.cart\.checkout span.exist_order-notice_txt {
    color: #2E2E2E;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter';
}

div#hide_existing_order {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 5px auto;
    flex-wrap: wrap;
}

.previous-order_div {
    flex: 1 1 calc(33.33% - 10px);
    box-sizing: border-box;
    max-width: 33.33%;
}

.top_order-type-notice-div span.btn.guest_login-btn-mobile {
    background: #FFFFFF;
    color: #242424;
    font-size: 12px;
    font-weight: 500;
    font-family: inter;
    text-transform: capitalize;
    border-radius: 2rem;
    width: 170px;
    border: 1.5px solid #EDEDED;
    padding: 7px 5px;
}

div.top_order-type-notice-div {
    background-color: #F6F6F6;
    padding: 10px;
}

div.top_order-type-notice-div span#order_type_text {
    background: #FFFFFF;
    color: #242424;
    font-size: 12px;
    font-weight: 500;
    font-family: inter;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 2rem;
    width: 80px;
    border: 1.5px solid #EDEDED;
    padding: 7px 5px;
}

.top_order-type-notice-div.d-flex.d-sm-none {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

button.btn.call_waiter_tableqr-btn,
.continue_btn_qr {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    padding: 5px;
    justify-content: center;
    text-align: center;
    width: 200px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Inter';
    margin-top: 10px;
}

.detect_ur_location_div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0px;
}
.cart_table_main {
    height: auto;
    max-height: 400px;
}
.cart_table_main::-webkit-scrollbar {
    width: 2px; /* Vertical scrollbar width */
    height: 2px; /* Horizontal scrollbar height */
}

.cart_table_main::-webkit-scrollbar-thumb {
    background-color: var(--storecolor); /* Thumb color */
    border-radius: 10px; /* Rounded corners for thumb */
}

.cart_table_main::-webkit-scrollbar-track {
    background: transparent; /* Hides the track */
}
.cart_table_main thead.table_cart_head {
    position: sticky;
    top: 0px;
    z-index: 1;
}

label.form-control-label.store_new_address_modal,
span.separator_text-content {
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 600;
    font-family: 'Inter';
    color: #003076 !important;
}

.cart\.checkout button#detect {
    background-color: #1E457E;
    color: white;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    text-transform: capitalize;
    padding: 0px 10px;
    border-radius: 8px;
}

.watsap_btn_success-page-m,
.order_type-text_pill-m {
    display: none;
}

.top_button_sec-success-page {
    display: none;
}

tr.cart_item-row_tr th {
    color: #242424;
}

.wtsap_btn-m {
    display: none;
}

td.prdct-name-main,
td.prdct-actual-price {
    display: table-cell;
    align-content: center;
    vertical-align: middle;
}

.mobile-total-label {
    display: none;
}

section.section.cart-page {
    padding-bottom: 15px;
}

span.font-weight-500.success-page_variant_name {
    font-size: 15px;
    font-weight: 600;
    color: black;
    font-family: 'Inter';
}

.success-page-extras-name {
    font-size: 15px;
    font-weight: 600 !important;
    color: black;
    font-family: 'Inter';
}

.success-page-extras-item,
span.float-right.extras_prdct_value {
    font-size: 13px;
    font-weight: 600 !important;
    color: black;
    font-family: 'Inter';
}

td#variants_item_dtls {
    padding: 0px 25px;
}

td.extras_name_main {
    padding: 2px 25px;
}

span.ordertype_pill_button {
    background-color: white;
    border: 1.38px solid #cdcdcd;
    padding: 5px 15px;
    font-size: 12px;
    color: #242424;
    border-radius: 20px;
    font-family: inter;
    font-weight: 500;
}

a.btn.invoicednwld-btn-g,
a.btn.myorder-btn-g {
    background-color: var(--storecolor);
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    text-transform: capitalize;
}

img.download-img_btn-icn {
    width: 20px;
    height: auto;
}

a.btn.invoicednwld-btn-g {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.order-status-ul {
    width: 100%;
    margin: 5px auto;
    padding: 0px;
}

h4.info_title_text {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter';
    color: black;
}

span.image-status-bg {
    background-color: #d4d4d5;
    display: block;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 50rem;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 0 #d4d4d5;
    animation: pulse 3s infinite;
    margin: 0 auto;
}

.order-status-list-data.completed .image-status-bg {
    background-color: var(--storecolor) !important;
    box-shadow: 0 0 0 0 var(--storecolorlight);
}

.row.orderstatus-section {
    border-radius: 5px;
    padding: 10px;
}

.guest .orders ul.order-status-ul::-webkit-scrollbar {
    background-color: var(--storecolor);
}

.guest .orders ul.order-status-ul::-webkit-scrollbar-thumb {
    width: 5px;
    border: 2px solid var(--storecolor);
}

span.image-status-bg-end {
    background-color: var(--storecolor) !important;
    display: block;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 5rem;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 0 var(--storecolorlight);
    animation: pulse 3s infinite;
}

span.statustime {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Inter';
    color: black;
    width: 100%;
    display: block;
}

span.text-order-submit {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Inter';
}

span.status-notice-sec {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

li.order-status-list-data.completed:nth-child(1)::after {
    animation-delay: 0s;
}

li.order-status-list-data.completed:nth-child(2)::after {
    animation-delay: 1s;
}

li.order-status-list-data.completed:nth-child(3)::after {
    animation-delay: 2s;
}

li.order-status-list-data.completed:nth-child(4)::after {
    animation-delay: 3s;
}

li.order-status-list-data.completed:nth-child(5)::after {
    animation-delay: 4s;
}

@keyframes ReachDestination {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}



/* Base styles for all images */
.image-status-bg>span,
.image-status-bg-end>span {
    display: inline-block;
    opacity: 0;
    /* Start hidden */
    transform: scale(1.3);
    /* Initial scale */
    animation: scaleDown 1s ease forwards;
}

.order-status-ul .order-status-list-data,
.order-status-ul .order-status-list-data-end {
    position: relative;
}

/* Create CSS variable for delay based on position */
.order-status-ul .order-status-list-data:nth-child(1) .image-status-bg>span,
.order-status-ul .order-status-list-data-end:nth-child(1) .image-status-bg-end>span {
    --delay: 0s;
}

.order-status-ul .order-status-list-data:nth-child(2) .image-status-bg>span,
.order-status-ul .order-status-list-data-end:nth-child(2) .image-status-bg-end>span {
    --delay: 0.5s;
}

.order-status-ul .order-status-list-data:nth-child(3) .image-status-bg>span,
.order-status-ul .order-status-list-data-end:nth-child(3) .image-status-bg-end>span {
    --delay: 1s;
}

.order-status-ul .order-status-list-data:nth-child(4) .image-status-bg>span,
.order-status-ul .order-status-list-data-end:nth-child(4) .image-status-bg-end>span {
    --delay: 1.5s;
}

.order-status-ul .order-status-list-data:nth-child(5) .image-status-bg>span,
.order-status-ul .order-status-list-data-end:nth-child(5) .image-status-bg-end>span {
    --delay: 2s;
}

/* Apply the calculated delay to each span */
.order-status-ul .image-status-bg>span,
.order-status-ul .image-status-bg-end>span {
    animation-delay: var(--delay);
}

@keyframes scaleDown {
    0% {
        opacity: 0;
        /* Start hidden */
        transform: scale(1.3);
        /* Start at larger scale */
    }

    100% {
        opacity: 1;
        /* End visible */
        transform: scale(1);
        /* End at normal scale */
    }
}

button#dropdownMenuButton {
    background-color: var(--storecolor);
    color: white;
    text-transform: capitalize;
    font-size: 10px;
    font-family: 'Inter';
    font-weight: 600;
    padding: 8px 10px;
}
.order\.success .top_order_notice_btns {
    display: none !important;
}
.cardsec_border {
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
    margin-bottom: 1rem;
}
.order_summary-details {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
}

.top_button_sec-success-page-f {
    display: none;
}
table.success-page_table-main td,
table.success-page_table-main th {
    border-bottom: 1.5px dashed #B8BBBD94;
    padding: 2px 0px;
}

div.top_order-type-notice-div span#order_type_text_qr {
    background: #FFFFFF;
    color: #242424;
    font-size: 12px;
    font-weight: 500;
    font-family: inter;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 2rem;
    width: 80px;
    border: 1.5px solid #EDEDED;
    padding: 7px 5px;
}

li.order-status-list-data {
    flex: 0 1 18%;
    width: 100%;
    max-width: 18%;
    text-align: center;
    position: relative;
}

span.image-status-bg-off {
    background-color: #d4d4d5 !important;
    display: block;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 5rem;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 0 var(--storecolorlight);
    animation: pulse 3s infinite;
}

span.image-status-bg-end-off {
    background-color: #d4d4d5 !important;
    display: block;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 5rem;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 0 var(--storecolorlight);
    animation: pulse 3s infinite;
}

li.order-status-list-data::before,
li.order-status-list-data::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    background-color: #d9d9d9;
    top: 0;
    left: -50%;
    -webkit-transform: translate(0%, 1rem);
    -moz-transform: translate(0%, 1rem);
    -ms-transform: translate(0%, 1rem);
    -o-transform: translate(0%, 1rem);
    transform: translate(0%, 1rem);
}

li.order-status-list-data::after {
    width: 0;
    animation: ReachDestination 1s linear forwards;
}

th.cart_item-row_title {
    font-size: 15px !important;
    font-family: 'Inter' !important;
}

label.store_adrs_title p {
    font-size: 15px;
    font-weight: 600;
}

button.item_dlt_icon {
    background-color: #F41127;
    border-radius: 5px !important;
}

#cartList table td p,
#cartList table th p {
    font-size: 13px;
    font-weight: 600 !important;
    color: #343434 !important;
}

tr.view_cart_table_tr {
    border: 1px solid #DBDBDB;
    background-color: #F5F7FA;
    height: 50px;
}

.view_cart_table_div {
    border: 1.4px solid #DBDBDB;
    border-radius: 1rem;
}


body.cart\.view span.btn-inner--icon.btn-cart-icon i.las.la-trash {
    color: #fff !important;
}

.order-status-ul .order-status-list-data:first-child::before,
.order-status-ul .order-status-list-data:first-child::after {
    display: none;
}

.order-status-ul .order-status-list-data.completed::after {
    background: linear-gradient(90deg, var(--storecolor) 80%, white);
}


.preset_adrs_label:hover {
    background-color: #19457e;
    color: white;
}

#cartList .cart-button1,
.cart-content #cartList .cart-button {
    border: none;
}

button.cart_item_minus_icn,
button.cart_item_plus_icn {
    background-color: #4F4F4F;
    border-radius: 5px !important;
}

.cart-content #cartList .las,
.guestord_txt {
    color: #ffffff;
    font-weight: bold;
}

span.quantity_sec_cart {
    background-color: #F4F6FA;
    color: #555151;
    width: 30px;
    border: 0.13px solid #B2BCC4;
    height: 30px;
    border-radius: 5px;
    font-weight: 600;
}

.cntinue_shop-btn,
.clr_cart-btn,
a.paymentbuttonbtn {
    background-color: var(--storecolor) !important;
    color: white;
    border-radius: 5px !important;
    padding: 7px;
    margin-bottom: 5px;
}

tr.view_cart_table_tr th {
    vertical-align: middle !important;
    color: black !important;
}

h3.cart_page_sec_title,
h3.cart_ttal_sec_title {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Inter';
    padding-left: 1rem;
}

.total_sec_border-tble {
    border: 1.5px solid #DBDBDB;
    padding-bottom: 5px;
    border-radius: 10px;
}

.crt_total_border {
    background-color: #F5F7FA;
    border: 1px solid #DBDBDB;
    height: 50px;
    align-items: center;
    display: flex;
    border-radius: 10px 10px 0px 0px;
    padding-left: 5px;
}

.table-responsive::-webkit-scrollbar {
    height: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: var(--storecolor);
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #0056b3;
}
.cart\.checkout .sub-total_Price {
    font-size: 15px;
    font-weight: 600 !important;
    color: #242424 !important;
    font-family: var(--store_primary_font) !important;
}
.cart\.checkout .ammount.total_price {
    font-size: 15px;
    font-weight: 600 !important;
    font-family: var(--store_primary_font) !important;
    color: #242424 !important;
}
.cart\.checkout label.card-content {
    margin-left: 40px;
}
.pickup_deliver_notice p {
    font-size: 13px;
    font-weight: 500 !important;
    color: black;
    margin-left: 40px;
}



/* mobile resposive for - table qr modal */
@media (max-width: 765px) {
    .lottiefile_div {
        transform: scale(0.7);
        margin-bottom: -2rem;
    }
    .lottiefile_div {
        min-height: 130px;
    }
    .table .page-link {
        line-height: 18px;
        width: 25px;
        height: 25px;
    }
    img.call-waiter-btn-img {
        width: 30px;
    }
    #cartList table td p,
    #cartList table th p {
        font-size: 12px;
        font-weight: 600 !important;
        color: #140000 !important;
    }

    span.order_type-text_pill-f {
        background-color: white;
        border: 1.38px solid #EDEDED;
        padding: 5px 15px;
        font-size: 12px;
        color: #242424;
        border-radius: 20px;
        font-family: inter;
        font-weight: 500;
    }

    span.login-user-text_pill-f.success-page_user_login_mobile-f {
        background-color: white;
        border: 1.38px solid #EDEDED;
        padding: 5px 15px;
        font-size: 12px;
        color: #242424;
        border-radius: 20px;
        font-family: inter;
        font-weight: 500;
    }

    .top_button_sec-success-page-f {
        width: 100%;
        display: flex;
        flex-direction: row;
        height: 50px;
        background-color: #F6F6F6;
        justify-content: space-between;
        align-items: center;
        padding: 0px 10px;
        margin-bottom: 10px;
    }

    span.ordertype_pill_button {
        display: none;
    }

    div#guest_order_section {
        border: 0.69px solid #E7E7E7;
        box-shadow: 0px 0px 3.93px 2.36px #00000014;
        border-radius: 10px;
    }

    div lottie-player {
        width: 70% !important;
    }

    .order_summary-details {
        box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
            0 2px 6px 0 rgb(206 206 238 / 54%);
        border-radius: 10px;
        padding: 0px;
    }

    .box-shadow-efcts {
        border: none;
        box-shadow: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .thankyou_details-box {
        box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
            0 2px 6px 0 rgb(206 206 238 / 54%);
    }

    span.image-status-bg,
    span.image-status-bg-end {
        width: 35px;
        height: 35px;
        padding: 5px;
        margin: 0;
    }

    ul.order-status-ul {
        padding: 0 10px;
        flex-direction: column !important;
        margin: 0;
    }

    .guest\.orders ul.order-status-ul {
        border: none;
    }

    .guest\.orders .order-status-div-main {
        border: none;
    }

    li.order-status-list-data {
        flex: 0 1 100%;
        max-width: 100%;
        text-align: left;
        padding-bottom: 1.5rem;
        display: flex;
    }

    li.order-status-list-data-end {
        width: 250px;
        height: 50px;
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

    li.order-status-list-data-end.active {
        width: 250px;
        height: 70px;
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

    @keyframes ReachDestination {
        0% {
            height: 0px;
        }

        100% {
            height: 100%;
        }

    }

    span.image-status-bg-end {
        margin-top: 0px;
    }

    td.extras_name_main {
        padding: 2px 25px;
    }

    td#variants_item_dtls {
        padding: 0px 25px;
    }

    table.success-page_table-main {
        width: 98%;
    }

    .success-page-prdct_container.show-summary {
        display: block;
        transition: all .3s linear;
    }

    .success-page_table-main.show-summary {
        display: table;
        transition: all .3s linear;
        margin-bottom: 3px;
        padding: 5px 0;
    }

    section.section.cart-page {
        padding-bottom: 2px !important;
    }

    .wtsap_btn-m span.btn-inner--text {
        font-size: 15px;
        font-weight: 600;
        color: black;
    }

    .top_button_sec-success-page {
        display: block;
    }

    .modal-open img.table_qr-modal_logo {
        width: 150px !important;
        height: auto;
    }

    .table_qr-main-modal .tqr_center_box_content {
        box-shadow: 0px 0.6px 0.6px 0px #00000040;
        width: 275px;
    }

    .table_qr-main-modal .qr_table_footer_btns {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .table_qr-main-modal a.register-btn_tqr-modal {
        font-size: 13px;
        padding: 10px 5px;
        width: fit-content;
        border-radius: 5px;
    }

    .table_qr-main-modal button.border.guest-btn_tqr-modal {
        width: fit-content;
        padding: 10px 5px;
        border-radius: 5px;
        font-size: 13px;
    }

    .modal-header.pt-4.tqr_modal_header {
        padding-top: 10px !important;
    }

    .modal-body.text-center.p-lg-2 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .table_qr-main-modal h4.tqr_store-name {
        font-size: 20px;
        font-weight: 600;
        font-family: 'Inter';
        color: var(--storecolor);
        line-height: 1;
        margin: 10px auto;
    }

    .table_qr-main-modal h5#modal-title-new-item {
        color: black !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: 'inter' !important;
        text-transform: capitalize !important;
        margin: 15px auto 0px;
    }

    .table_qr-main-modal h4.qr_table_head-text {
        font-size: 18px;
    }

    .table_qr-main-modal h3.qr_table_no {
        font-size: 23px;
    }

    .cart\.checkout .previous-order_div {
        flex: 1 1 calc(60% - 10px);
        box-sizing: border-box;
        border: 1px solid var(--storecolorlight);
    }

    .cart\.checkout .tqr_checkout_content {
        padding: 5px 0px;
    }

    .cart\.checkout h4.tqr-notice-txt_cnt {
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: 'Inter' !important;
    }

    .cart\.checkout h1.selected_table_text {
        font-size: 25px;
        font-weight: 600;
        color: #1E1E1E;
        font-family: 'Inter';
    }

    .right-cart .paymentmethods .custom-control-label {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin-top: -1px;
    }

    .detect_ur_location_div {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        margin: 3px 0px;
    }

    .add_adrs_btn {
        top: 0px;
        position: absolute;
        right: 10px;
        margin: 0px 10px;
        font-size: 12px;
        font-weight: 700;
    }

    .top_order-type-notice-div span.btn.exist_username-btn-mobile {
        background: #FFFFFF;
        color: #242424;
        font-size: 12px;
        font-weight: 500;
        font-family: inter;
        text-transform: capitalize;
        border-radius: 2rem;
        width: auto;
        border: 1.5px solid #EDEDED;
        padding: 7px 10px;
    }

    span.order_type-text_pill-m {
        background-color: white;
        border: 1.38px solid #EDEDED;
        padding: 5px 15px;
        font-size: 12px;
        color: #242424;
        position: absolute;
        left: 2%;
        border-radius: 20px;
        font-family: inter;
        font-weight: 500;
        top: 5px;
    }

    span.order_type-text_pill-d {
        display: none !important;
    }

    a.wtsap_btn-d {
        display: none;
        flex-direction: row !important;
        align-items: center;
        position: absolute;
        right: 15%;
    }

    a.myorder_btn {
        color: white;
        background-color: var(--storecolor);
        border: 1px solid var(--storecolor);
        border-radius: 5px;
        font-size: 10px;
        font-weight: 600;
        font-family: inter;
        box-shadow: 0px 3.98px 3.98px 0px #00000040;
        width: auto;
        min-width: 100px;
        text-transform: capitalize;
        height: 35px;
    }

    .watsap_btn_success-page-m,
    .order_type-text_pill-m {
        display: unset;
    }

    a.wtsap_btn-m {
        display: flex;
        flex-direction: row !important;
        position: relative;
        justify-content: center;
        margin: 0 auto;
        height: 25px;
    }

    .top_button_sec-success-page {
        width: 100%;
        height: 45px;
        background-color: #F6F6F6;
    }

    span.orderreceipt_icon {
        float: right;
        width: 15px;
        margin-left: 10px;
    }

    span.login-user-text_pill-m.success-page_user_login_mobile {
        background-color: white;
        border: 1.38px solid #EDEDED;
        padding: 5px 15px;
        font-size: 12px;
        color: #242424;
        position: absolute;
        right: 2%;
        border-radius: 20px;
        font-family: inter;
        font-weight: 500;
        top: 5px;
    }

    a.wtsap_btn-m img {
        width: 25px;
        height: auto;
    }

    .mobile-total-label {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        border-radius: 5px;
        border: 1.01px solid #98989866;
        margin: 10px;
    }

    .mobile-total-label.show-summary {
        display: none;
    }

    .success-page-prdct_container::-webkit-scrollbar {
        width: 4px !important;
    }

    span.total-price-text,
    span.total-price-novalue {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Inter';
        color: #1E1E1E;
    }

    .thankyou_details-box.order_summary-details {
        height: max-content;
        padding: 0px 0px;
    }

    span.success-page_variant_name {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .success-page-extras-name {
        font-size: 12px;
    }

    .success-page-extras-item,
    span.float-right.extras_prdct_value {
        font-size: 12px !important;
    }

    li.order-status-list-data::before,
    li.order-status-list-data::after {
        top: -50%;
        width: 5px;
        height: 100%;
        left: 0;
        transform: translate(15px, 0);
    }

    li.order-status-list-data::after {
        height: 0;
    }

    span.status-notice-sec {
        text-align: left;
        padding-left: 1rem;
    }

    span.image-status-bg-off,
    span.image-status-bg-end-off {
        background-color: #d4d4d5 !important;
        width: 35px;
        height: 35px;
        animation: pulse 3s infinite;
    }

    .order-status-div-main {
        margin: 0;
        border: none;
        border-radius: 0;
    }

    .orderstatus-section {
        padding: 10px 0 0;
    }

    #time_slot_range .time_slot_box:nth-last-child(1),
    #time_slot_range .time_slot_box:nth-last-child(2) {
        display: none;
    }

    .payment_sec_maindiv .paymentmethods .custom-control.custom-radio {
        filter: grayscale(0);
        height: auto;
    }
    span.option_name_value {
        text-align: left !important;
        width: 120px !important;
    }
    div#tax_column {
        width: 100%;
        margin: 0 auto;
        font-size: 15px;
        font-weight: 500;
    }
    .previous_order_list .custom-radio {
        width: calc(100%);
        margin-right: 15px;
        padding: 0 !important
    }
    button.btn.call_waiter_tableqr-btn, .continue_btn_qr{
        font-size: 13px;
    }
}

@media (min-width: 400px) and (max-width: 765px) {

    li.order-status-list-data,
    li.order-status-list-data-end {
        width: 300px !important;
    }

    .table_qr-main-modal .tqr_center_box_content {
        box-shadow: 0px 0.6px 0.6px 0px #00000040;
        width: 280px;
    }

    .cart\.checkout .custom-radio .custom-control-label::after,
    .cart\.checkout .custom-radio .custom-control-label::before {
        top: 5px;
    }

    .checkout-page li.coupen_text1_li {
        font-size: 12px;
    }

    .checkout-page li.coupen_text2_li button {
        font-size: 12px;
    }

    .cart_coupen_default_div li.coupen_text2_li {
        width: 110px;
        padding-bottom: 5px;
    }

    .checkout-page #coupon_section .cart_coupen_default_div ul {
        margin-top: -5px;
        gap: 13px;
    }

    .table_qr-main-modal h4.qr_table_head-text {
        font-size: 18px;
    }

    .table_qr-main-modal .modal-dialog.modal-md.modal-dialog-centered .modal-content {
        min-height: fit-content !important;
    }

    .modal-open img.table_qr-modal_logo {
        width: 150px !important;
        height: auto;
    }

    .table_qr-main-modal h5#modal-title-new-item {
        color: #1E1E1E !important;
        font-size: 18px !important;
    }

    .table_qr-main-modal h4.tqr_store-name {
        font-size: 23px;
    }



    .right-cart .paymentmethods .custom-control-label>span:nth-child(2) img {
        white-space: nowrap;
        border: 1px solid #cad1d7;
        box-shadow: 0px 0px 4.64px 2.79px #6B66661A;
        border-radius: 5px;
        padding: 1px;
        background-color: white;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    div#tax_column {
        width: 100%;
        margin: 0 auto;
        font-size: 13px;
        font-weight: 500;
    }
    ul.order-status-ul {
        padding: 10px 5px;
    }

    span.order-summary-close-btn {
        display: none;
    }

    .success-page-prdct_container::-webkit-scrollbar {
        width: 4px !important;
    }

    section.section.cart-page {
        padding-bottom: 2px;
    }

    td.prdct-image-icon img {
        width: 70px;
    }

    table.success-page_table-main {
        width: 97%;
    }

    p.status_notice_text {
        width: 130px;
        font-size: 12px;
        font-weight: 700;
        font-family: 'Inter';
        line-height: 1.2rem;
    }

    span.orderreceipt_icon {
        float: right;
        width: 15px;
        margin-left: 10px;
    }

    a.myorder_btn {
        font-size: 10px;
        padding: 10px;
    }

    span.order_type-text_pill-d {
        left: 15%;
    }

    span.statustime {
        font-size: 10px;
    }

    a.wtsap_btn-d {
        display: flex;
        flex-direction: row !important;
        align-items: center;
        position: absolute;
        right: 21%;
        top: 3px;
    }

    h4.qr_table_head-text {
        font-size: 18px;
        font-weight: 600;
        font-family: 'Inter';
        color: #1E1E1E;
        margin-top: 15px;
    }

    .table_qr-main-modal .tqr_center_box_content {
        box-shadow: 0px 0.6px 0.6px 0px #00000040;
        width: 320px;
    }

    .cart\.checkout .tqr_checkout_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 8px;
        border: 1.5px solid #E8E8E8;
        border-radius: 10px;
        padding: 10px 0px;
    }

    .cart\.checkout h1.selected_table_text {
        font-size: 30px;
        font-weight: 600;
        color: #1E1E1E;
        font-family: 'Inter';
    }

    span.cart_item-body3 {
        width: 100px !important;
        text-align: right;
        margin-right: 10px;
    }

    .previous_order_list .custom-radio {
        width: 100%;
        margin-right: auto;
        border-radius: 5px;
        overflow: hidden;
        max-width: 100%;
    }

    .previous-order_div {
        flex: 40% !important;
        margin: 5px 10px !important;
        box-sizing: border-box;
        border: 1px solid var(--storecolorlight);
    }
    .custom-control.custom-radio.new-order_div {
        margin: 10px 10px;
    }
    .cart\.checkout h4.tqr-notice-txt_cnt {
        margin: 1px auto;
    }

    .cart-content .cart-body-content #localorder_phone input,
    .cart-content .cart-body-content .qrclientBox input,
    .cart-content .select2-container--default {
        border-radius: 0 !important;
        width: 100% !important;
    }

    .right-cart .paymentmethods .custom-control-label {
        width: 100%;
        display: flex;
        margin-top: -5px;
        align-items: start;
        justify-content: center;
    }

    .cart\.checkout .custom-radio .custom-control-label::after,
    .cart\.checkout .custom-radio .custom-control-label::before {
        width: 1.1rem;
        height: 1.1rem;
        top: .3rem;
        left: -1.2rem;
    }

    span.d-block.d-md-inline-block.float-none.float-md-right.mr-0.small.font-weight-400 {
        position: absolute;
        right: 0px;
        top: 10px;
    }

    li.order-status-list-data {
        width: 140px;
        height: 70px;
    }

    li.order-status-list-data-end {
        height: 70px;
    }

    li.order-status-list-data.active::after {
        transform: translate(1rem, -3.8rem);
    }
    button.btn.call_waiter_tableqr-btn,
.continue_btn_qr {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    padding: 5px;
    justify-content: start;
    text-align: center;
    width: 200px;

}
img.call-waiter-btn-img {
    width: 25px;
}
.table_qr-main-modal h3.qr_table_no{
    font-size: 25px;
    font-weight: 600;
    color: var(--storecolor);
    font-family: 'Inter';
}

}

@media (min-width: 993px) and (max-width: 1195px) {
    span.order_type-text_pill-d {
        left: 12%;
    }

    a.wtsap_btn-d {
        right: 16%;
    }

    h1.thankyou_head_txt {
        font-size: 25px;
        line-height: 1;
    }

    h6.thankyou_subhead_txt {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Inter';
    }

    span.order_noimg img {
        width: 27px;
    }

    h3.details_head-text {
        font-size: 18px !important;
    }

    span.text-order-submit {
        font-size: 13px;
    }

    h3.details_head-text {
        font-size: 18px !important;
    }

    .order_summary-details {
        border: 1px solid #E8E8E8;
        border-radius: 10px;
        padding: 0px;
    }

    span.order-summary-close-btn {
        display: none;
    }

    a.myorder_btn {
        color: white;
        background-color: var(--storecolor);
        border: 1px solid var(--storecolor);
        border-radius: 5px;
        padding: 8px 5px;
        font-size: 10px;
        font-weight: 600;
        font-family: 'Inter';
    }

    span.orderreceipt_icon {
        float: right;
        width: 15px;
        margin-left: 10px;
    }

    .cart\.checkout input#redeem_points {
        position: absolute;
        width: 250px;
        height: 40px;
        margin-left: 3px;
        transform: translateY(-53px);
        transition: transform 5s linear;
    }

    span#close_redeem_input {
        transform: translate(-30px, -50px);
    }

    .cart\.checkout .tqr_checkout_content {
        padding: 5px 0px;
    }

    .modal-open img.table_qr-modal_logo {
        width: 150px !important;
        height: auto;
    }

    .table_qr-main-modal h4.qr_table_head-text {
        font-size: 18px;
    }

    .table_qr-main-modal h3.qr_table_no {
        font-size: 25px;
    }

    .table_qr-main-modal a.register-btn_tqr-modal {
        font-size: 15px;
        padding: 5px 0px;
        width: 200px;
    }

    .table_qr-main-modal img.tqr-modal-footer-logo {
        width: 100px;
        margin: 10px auto 5px;
    }
    .table_qr-main-modal .tqr_center_box_content {
        box-shadow: 0px 0.6px 0.6px 0px #00000040;
        width: 280px;
    }
    .table_qr-main-modal button.btn.border.my-2.guest-btn_tqr-modal {
        font-size: 20px;
        width: 270px;
        box-shadow: 0px 1.45px 5.8px 0px #00000040;
        padding: 10px 0px !important;
    }

    .table_qr-main-modal h3.qr_table_no {
        font-size: 25px;
    }

    .table_qr-main-modal a.register-btn_tqr-modal {
        font-size: 15px;
        padding: 5px 0px !important;
    }

    .redeem_input_secdiv .cart_coupen_default_div ul {
        border-radius: 8px;
        height: 45px !important;
        width: 260px !important;
    }

    @keyframes redeem-border-dance {
        0% {
            background-position: 0px 0px, 258px 43px, 0px 43px, 258px 0px;
        }

        100% {
            background-position: 258px 0px, 0px 43px, 0px 0px, 258px 43px;
        }
    }

    .right-cart #redeem_points_btn {
        height: 45px;
        transform: translate(268px, -55px);
    }

    button#redeem_points_reset {
        height: 45px;
        transform: translate(270px, -55px);
    }

    li.order-status-list-data {
        width: 170px;
    }
}

@media (min-width: 1200px) {
    .order\.cancel .cardsec_border{
margin-top: 1rem !important;
    }
    .order\.success .order_summary-details {
        border: 1px solid #E8E8E8;
        border-radius: 10px;
        padding: 0px;
    }
    .cart\.view .owl-carousel .owl-item img {
        padding: 0px 0;
        display: block;
        width: 100%;
        margin: 0 auto;
        min-height: 150px;
    }
    .cart\.view .strip figure {
        position: relative;
        height: 150px;
        z-index: 1;
    }
    .guest\.orders .container.guest_bg_gray {
        border: 1px solid #E8E8E8;
        border-radius: 10px;
    }

    .succes_animation-box {
        width: 500px !important;
        min-height: 300px !important;
        height: auto;
    }

    .thankyou_details-box.order_summary-details {
        height: max-content;
        padding: 0px 0px;
    }

    span.order-summary-close-btn {
        display: none;
    }

    .previous_order_list .custom-radio label {
        height: 45px;
        line-height: 45px;
        width: 100%;
        position: relative;
        text-align: left;
        background-color: #f6f7fa;
    }

    .add_adrs_btn {
        top: 0px;
        position: absolute;
        right: 10px;
        margin: 0px;
        text-align: right;
        font-size: 12px;
        width: 100px;
        font-weight: 700;
    }

    .table_qr-main-modal .tqr_center_box_content {
        box-shadow: 0px 0.6px 0.6px 0px #00000040;
        width: 280px;
        height: auto;
    }

    h4.qr_table_head-text {
        margin-top: 15px;
    }

    .table_qr-main-modal h3.qr_table_no {
        font-size: 25px;
    }

    .call_waiter_tableqr-btn img.call-waiter-btn-img {
        width: 25px;
        height: auto;
    }
    .cart\.checkout .tqr_checkout_content {
        padding: 10px 0px;
    }
    .cart\.checkout .cart_item-thead1 {
        width: 25rem;
    }
    button#redeem_points_reset {
        color: #fff;
        height: 50px;
        position: absolute;
        transform: translate(415px, -60px);
        border-radius: 5px !important;
        padding: 5px 15px;
        font-size: 20px;
    }
}

@media (min-width: 1600px) and (max-width: 2400px) {
    span.order-summary-close-btn {
        display: none;
    }

    .previous_order_list .custom-radio label {
        height: 45px;
        line-height: 45px;
        width: 95%;
        position: relative;
        margin-left: 20px;
        text-align: left;
        border-radius: 0 !important;
        background-color: #f6f7fa;
    }

    .cart\.checkout .cart_item-thead1 {
        width: 25rem;
    }

    .cart\.checkout span.exist_order-notice_txt {
        width: 90% !important;
        margin: 0 auto;
    }

}

.checkout-items-table {
    border-collapse: separate;
    border-spacing: 0 5px;
}

.checkout-items-table tbody tr td:first-child {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    overflow: hidden;
    border-left: 1px solid #EAEAEA;
}

.checkout-items-table tbody td {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.checkout-items-table tbody td p {
    font-size: 13px;
    font-weight: 400;
}

.checkout-items-table tbody tr td:last-child {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    overflow: hidden;
    border-right: 1px solid #EAEAEA;
}

.table-row {
    display: table-row !important;
}

.preset_adrs_label {
    background-color: #98C1D9;
    color: white;
}

a.dropdown-item.dropdownItemStyle.active {
    background-color: var(--storecolor) !important;
}

 .subcats_owl_carousel .subcat_img_span {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-size: cover;
    border-radius: 50rem;
    box-shadow: 0px 3.27px 3.27px 0px #00000040;
    border: 5px solid white;
    margin: 0 auto;
}
 .subcats_owl_carousel .subcat_img_span img {
    width: 100px;
    height: 100px;
    background-size: cover;
    padding: 0;
}
 .section_subcat_main.subcats_item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 200px;
    height: auto;
}
.subcat_text_main_bottom {
    width: 150px;
}
.container.category_name_main_div .category-name_text_div {
    background-color: #F3F3F3;
    min-height: 10rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 0 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0rem auto 2rem;
}
.category_name_main_div .category-name_text_top {
    font-size: 28px;
    font-weight: 500;
    font-family: var(--store_primary_font);
    margin: 0 auto;
    color: #000;
}
.category_name_main_div .catmain_banner_img {
    padding: 0;
    margin: 0rem auto 2rem;
}

.category_name_main_div .catmain_banner_img img {
    border: 2px solid #f3f3f3;
    border-radius: 10px;
}
.category_description_content .category_desc_div_main p {
    color: black;
    font-size: 16px;
    font-family: var(--store_primary_font);
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}
.category_description_content .category_desc_div_main
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 1rem;
}
.subcategory_carousel_section #subcats_owl_carousel {
    margin-bottom: 2rem;
}

.subcategory_carousel_section .top_category_desc_content p {
    color: black;
    font-size: 16px;
    font-family: var(--store_primary_font);
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal; /* Allow text to wrap naturally */
    word-break: break-word; /* Break long words */
    overflow-wrap: break-word; /* Ensures long words are broken */
    overflow: hidden; /* Hide overflow */
}

.section_subcat_main.subcats_item .subcat_text_main_bottom {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--store_primary_font);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#subcats_owl_carousel.enable_nav_icon .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 3rem;
}
#subcats_owl_carousel .owl-nav button {
    background: white;
    width: 30px;
    height: 30px;
    border: 1.5px solid #F7F7F7;
    border-radius: 5rem;
    box-shadow: 0px 3px 3px 0px #0000001A;
    color: grey;
}

#subcats_owl_carousel button i.bx.bx-chevron-right, #subcats_owl_carousel button i.bx.bx-chevron-left {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

@media (max-width: 767px) {
    .category_name_main_div .category-name_text_top{
        font-size: 24px;
        padding: 1rem 0;
    }
    .container.category_name_main_div .category-name_text_div{
        min-height: 5rem;
        padding:1rem 0;
        margin: 1rem auto 1rem;
    }
    .top_category_desc_content p {
        color: black;
        font-size: 14px;
        font-family: var(--store_primary_font);
        font-weight: 500;
    }
    .category_description_content .category_desc_div_main p{
        font-size: 14px;
    }
    .section_subcat_main.subcats_item .subcat_text_main_bottom{
        font-size: 14px;
    }
    #subcats_owl_carousel.enable_nav_icon .owl-nav{
        display: none;
    }
}
@media (min-width: 400px) and (max-width: 600px) {
    .top_category_desc_content p , .category_description_content .category_desc_div_main p {
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width:992px) {
    .category_name_main_div .category-name_text_top{
        font-size: 28px;
    }
    .top_category_desc_content p , .category_description_content .category_desc_div_main p{
        font-size: 16px;
    }
    .container.category_name_main_div .category-name_text_div{
        padding: 0rem 2rem;
    }


}
@media (min-width: 993px) and (max-width:1999px) {

    .container.category_name_main_div .category-name_text_div{
        padding: 0rem 2rem;
    }
    .category_description_content .category_desc_div_main p{
        font-size: 16px;
    }
}
@media (max-width: 1200px) {
    .category_description_content .category_desc_div_main{
        padding: 2rem 1rem;
    }
}
.alert.alert-info:before {
    content: "\ea83";
}
.review-google-place .review-google-right {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.review-google-place .review-google-left img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
}
.review-google-place .review-google-name {
    color: black;
    font-weight: bold;
    margin: 0 0 2px;
    padding-right: 6px;
    text-decoration: none;
}
.review-google-place .review-google-rating {
    color: #fb8e28;
    font-size: 21px;
    font-weight: 600;
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.review-google-place .review-google-powered {
    color: #555;
    margin: 6px 0 0;
    font-size: 14px;
}
.review-google-place .review-google-wr {
    margin: 15px auto 8px;
}
.review-google-place .review-google-wr a {
    color: #fff;
    padding: 6px 15px 10px;
    outline: none;
    border-radius: 27px;
    background: #1f67e7;
    white-space: nowrap;
    vertical-align: middle;
    opacity: .9;
    text-shadow: 1px 1px 0 #888;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    user-select: none;
    transition: all .2s ease-in-out;
    font-size: 14px;
}
.review-google-place .review-google-wr a svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin: 0 0 0 4px;
    background: #fff;
    border-radius: 50%;
}
.google-review {
    backdrop-filter: blur(0px);
    border: 1px solid #dbdde1;
    background: #ffffff;
    border-radius: 4px;
    padding: 15px;
    margin: 0;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.4em;
    color: #000000;
}
.google-review .review-google-left {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
    padding-bottom: 5px;
}
.google-review .review-google-stars {
    margin-bottom: 5px;
}
#google-reviews-carousel .google-review .review-google-left img {
    border: none;
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    padding: 0;
}
.google-review .review-google-feedback {
    height: 100px;
    overflow-y: auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}
.google-review .review-google-text {
    color: #222;
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-word;
}
.google-review .review-google-feedback::-webkit-scrollbar {
    width: 4px
}
.google-review .review-google-feedback::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px
}
.google-review .review-google-feedback::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}
.google-review .review-google-feedback::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc
}
#google-reviews-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
#google-reviews-carousel .owl-nav .owl-prev,
#google-reviews-carousel .owl-nav .owl-next {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    opacity: 1;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    margin: 0;
    line-height: 2.4;
}
#google-reviews-carousel .owl-nav .owl-next {
    right: -25px;
}
#google-reviews-carousel .owl-nav .owl-prev {
    left: -25px;
}
#google-reviews-carousel .owl-nav .owl-prev span,
#google-reviews-carousel .owl-nav .owl-next span {
    line-height: 1px;
    font-size: 40px;
}
section#restaurant-content main.main .swiper-button-next, section#restaurant-content main.main .swiper-container-rtl .swiper-button-prev,
section#restaurant-content main.main .swiper-button-prev, section#restaurant-content main.main .swiper-container-rtl .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: var(--storecolor);
    font-family: 'FontAwesome';
    font-size: 35px;
    font-weight: 100;
}

section#restaurant-content main.main .swiper-button-next::before {
    content: "\f105";
}

section#restaurant-content main.main .swiper-button-prev::before, section#restaurant-content main.main .swiper-container-rtl .swiper-button-next::before {
    content: "\f104";
}

@media (max-width:768px) {
    section#restaurant-content main.main .swiper-button-next, section#restaurant-content main.main .swiper-container-rtl .swiper-button-prev , section#restaurant-content main.main .swiper-button-prev, section#restaurant-content main.main .swiper-container-rtl .swiper-button-next {
        font-size: 25px;
    }
}

img.pickup_icon_new, img.delivery_icon_new, img.dinein_icon_new {
    background: var(--storecolor);
    padding: 0.2rem;
    border-radius: 5rem;
}
.continue-shopping-button {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
a.cart_edit_btn {
    color: #102C56;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Gilroy-Medium';
    margin-left: 1rem;
    text-align: center;
    display: inline-flex;
    width: 3.5rem;
    justify-content: space-between;
    align-items: center;
}
a.continue-shopping-button {
    color: #102C56;
    padding: 5px;
    border: 1px solid white;
    border-radius: 0.5rem;
    width: 7rem;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    font-family: 'Gilroy-Medium';
}

@media (max-width:767px){

    a.cart_edit_btn {
        color: #102C56;
        font-size: 18px;
        font-weight: 700;
        font-family: 'Gilroy-Medium';
        margin-left: 1rem;
        text-align: center;
        display: inline-flex;
        width: 4rem;
        justify-content: space-between;
        align-items: center;
    }
    a.continue-shopping-button {
        color: #102C56;
        padding: 5px;
        border: 1px solid white;
        border-radius: 0.5rem;
        width: 8rem;
        font-size: 18px;
        text-align: center;
        font-weight: 700;
        font-family: 'Gilroy-Medium';
    }
    a.continue-shopping-button i {
        color: #102C56;
        font-size: 18px;
        font-weight: 600;
        margin-right: 5px;
    }
    div#totalSubmitCOD , div#hitpay-payment-form , div#custompayment-payment-form , div#mswipe-payment-form , div#paypal-payment-form{
        position: fixed;
        z-index: 999;
        color: white;
        width: 100%;
        bottom: 0.2rem;
        left: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
  .cart\.checkout .btn-primary-grad.paymentbutton {
    width: 75%;
    height: 3.5rem;
    background-color: #20D22C !important;
    color: white !important;
    font-size: 20px;
    border: none !important;
    border-radius: 15px !important;
    animation: pulese 1.5s infinite !important;
    font-family: poppins;
    font-weight: 600;
    right: 4%;
}
footer.mb-0.mb-md-0.pb-6.pb-md-3.footer.cart\.checkout.bg-primary {
    display: none;
}
.payment_sec_maindiv{
    margin-bottom: 2.5rem;
}
.continue-shopping-button {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
img.pickup_icon_new, img.delivery_icon_new, img.dinein_icon_new {
    background: var(--storecolor);
    padding: 0.3rem;
    height: 25px;
    width: 25px;
    border-radius: 50rem;
}
label.custom-label.order_type_text {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    font-family: 'Gilroy-Medium';
}
a.home_button_from_ckout {
    display: inline-table;
    height: 3.5rem;
    width: 60px;
    font-size: 35px;
    padding: 0px;
    color: white;
    background: var(--storecolor);
    border-radius: 15px;
    text-align: center;
    position: fixed;
    bottom:0.2rem;
}
.right-cart .paymentbutton {
    margin-top: 0rem;
}

}
a.continue-shopping-button img.add_more_icon , a.cart_edit_btn img.cart_edit_icon  {
    width: 20px;
    position: relative;
    height: 20px;
}
@media (min-width:769px) and (max-width:992px){

}
@media (min-width:939px) and (max-width:1999px){

}
@media (min-width:1200px){
    #cart_head.card-content .custom-radio.custom-control label img{
        margin-right: 10px;
    }
}